diff --git a/src/views/pages/deploy/application-config/config/env/env-autoconfig-audit.vue b/src/views/pages/deploy/application-config/config/env/env-autoconfig-audit.vue
index 562f544b97cc1b2e0378125e2122b8c8464a18e3..312242a04eb152871bcf32359b020ea3477d41ae 100644
--- a/src/views/pages/deploy/application-config/config/env/env-autoconfig-audit.vue
+++ b/src/views/pages/deploy/application-config/config/env/env-autoconfig-audit.vue
@@ -37,6 +37,9 @@ export default {
     TsTable: () => import('@/resources/components/TsTable/TsTable.vue')
   },
   props: {
+    instanceId: {
+      type: [String, Number]
+    },
     params: {
       type: Object,
       default: function() {
@@ -114,6 +117,7 @@ export default {
         appSystemId: this.params.appSystemId,
         appModuleId: this.params.appModuleId,
         envId: this.params.envId,
+        instanceId: this.instanceId,
         currentPage: this.currentPage,
         pageSize: this.pageSize
       };
@@ -145,6 +149,7 @@ export default {
           appSystemId: this.params.appSystemId,
           appModuleId: this.params.appModuleId,
           envId: this.params.envId,
+          instanceId: this.instanceId,
           uuidList: selectdRowUuidList
         };
         this.$api.deploy.applicationConfig.fallbackEnvAutoConfig(data).then((res) => {
diff --git a/src/views/pages/deploy/application-config/config/env/env-autoconfig-edit-textarea.vue b/src/views/pages/deploy/application-config/config/env/env-autoconfig-edit-textarea.vue
index 1cfef2c376c52f062710377996a3560dd965b9d7..7a8d62c23d94d59391fbadb94f93fcd280b23eeb 100644
--- a/src/views/pages/deploy/application-config/config/env/env-autoconfig-edit-textarea.vue
+++ b/src/views/pages/deploy/application-config/config/env/env-autoconfig-edit-textarea.vue
@@ -9,6 +9,7 @@
         v-model="allTypeKeyVlaue"
         type="textarea"
         height="400px"
+        :monospace="true"
       >
 
       </TsFormInput>
@@ -26,6 +27,9 @@ export default {
       type: Boolean,
       default: false
     },
+    instanceId: {
+      type: [String, Number]
+    },
     params: {
       type: Object,
       default: function() {
@@ -72,11 +76,28 @@ export default {
       let value = '';
       if (this.tableData && this.tableData.tbodyList.length > 0) {
         let tbodyList = this.$utils.deepClone(this.tableData.tbodyList);
+        let maxLengthOfType = 0;
+        let maxLengthOfKey = 0;
+        tbodyList.forEach((item) => {
+          let typeLen = item.type.length;
+          maxLengthOfType = Math.max(maxLengthOfType, typeLen);
+          let keyLen = item.key.length;
+          maxLengthOfKey = Math.max(maxLengthOfKey, keyLen);
+        });
         tbodyList.forEach((item) => {
           if (value) {
             value += '\n';
           }
-          value = value + item.type + ':' + item.key + '=' + item.value;
+          let itemValue = '';
+          if (item.value.includes('\n')) {
+            itemValue = item.value.replaceAll('\n', '\\n');
+          } else {
+            itemValue = item.value;
+          }
+          let rowValue = item.type + ':';
+          rowValue = rowValue.padEnd(maxLengthOfType + 2);
+          rowValue += item.key.padEnd(maxLengthOfKey) + ' = ' + itemValue;
+          value = value + rowValue;
         });
         this.allTypeKeyVlaue = value;
       }
@@ -95,6 +116,9 @@ export default {
             let key = keyAndValueList[0].trim();
             keyAndValueList.shift();
             let value = keyAndValueList.join('=').trim();
+            if (value.includes('\\n')) {
+              value = value.replaceAll('\\n', '\n');
+            }
             // let isEmpty = 1;
             // if (value && value.trim() != '') {
             //   isEmpty = 0;
@@ -110,6 +134,7 @@ export default {
       }
       let params = {
         ...this.params,
+        instanceId: this.instanceId,
         keyValueList: keyValueList
       };
       this.$emit('save', params);
diff --git a/src/views/pages/deploy/application-config/config/env/env-autoconfig-list.vue b/src/views/pages/deploy/application-config/config/env/env-autoconfig-list.vue
index a150787afa1698103654188d6a8b099b23078616..392d134178ccab27de060cc5f5b6e76a45ca9060 100644
--- a/src/views/pages/deploy/application-config/config/env/env-autoconfig-list.vue
+++ b/src/views/pages/deploy/application-config/config/env/env-autoconfig-list.vue
@@ -58,6 +58,8 @@
           <span>{{ getIPPortName(item) }}</span>
           <div v-show="hasEditConfigAuth" class="action-group">
             <span class="action-item tsfont-edit text-action" @click="openEnvDifferenceEdit(item)"></span>
+            <span class="action-item tsfont-formtextarea text-action" @click="openEnvDifferenceEditForTextarea(item)"></span>
+            <span class="action-item tsfont-task text-action" @click="openEnvDifferenceAudit(item)"></span>
             <span class="tsfont-trash-o text-action" @click="delEnvDifference(item, index)"></span>
           </div>
         </div>
@@ -84,6 +86,7 @@
     <EnvAutoconfigEditTextarea
       v-if="isShowEnvEditForTextarea"
       :isEdit="hasAutoConfig"
+      :instanceId="0"
       :tableData="tableData"
       :params="params"
       @close="closeAutoConfigEdit"
@@ -91,9 +94,9 @@
     ></EnvAutoconfigEditTextarea>
     <EnvAutoconfigAudit
       v-if="isShowEnvAutoConfigAudit"
+      :instanceId="0"
       :params="params"
       @close="closeAutoConfigAudit"
-      @save="saveAutoConfigAudit"
     ></EnvAutoconfigAudit>
     <EnvAutoconfigInstanceDifferenceEdit
       v-if="isShowEnvDifferenceEdit"
@@ -101,6 +104,21 @@
       :params="instanceParams"
       @close="closeEnvDifferenceEdit"
     ></EnvAutoconfigInstanceDifferenceEdit>
+    <EnvAutoconfigEditTextarea
+      v-if="isShowEnvDifferenceEditForTextarea"
+      :isEdit="true"
+      :instanceId="instanceId"
+      :tableData="instanceTableData"
+      :params="instanceParams"
+      @close="closeEnvDifferenceEditForTextarea"
+      @save="saveEnvDifferenceEditForTextarea"
+    ></EnvAutoconfigEditTextarea>
+    <EnvAutoconfigAudit
+      v-if="isShowEnvDifferenceAudit"
+      :instanceId="instanceId"
+      :params="instanceParams"
+      @close="closeEnvDifferenceAudit"
+    ></EnvAutoconfigAudit>
   </div>
 </template>
 <script>
@@ -132,6 +150,8 @@ export default {
       isShowEnvEditForTextarea: false,
       isShowEnvAutoConfigAudit: false,
       isShowEnvDifferenceEdit: false,
+      isShowEnvDifferenceEditForTextarea: false,
+      isShowEnvDifferenceAudit: false,
       hasInstance: false, // 是否存在实例差异
       hasAutoConfig: false,
       instanceId: null,
@@ -155,7 +175,11 @@ export default {
       tableData: {
         hideAction: false,
         tbodyList: []
-      } //配置文件适配的变量
+      },
+      instanceTableData: {
+        hideAction: false,
+        tbodyList: []
+      }
     };
   },
   beforeCreate() {},
@@ -189,6 +213,90 @@ export default {
       }
       this.isShowEnvDifferenceEdit = true;
     },
+    openEnvDifferenceEditForTextarea(item) {
+      if (item) {
+        let {instanceId, keyValueList} = item;
+        this.instanceId = instanceId;
+        this.instanceParams = {
+          ...this.params,
+          keyValueList
+        };
+      } else {
+        this.instanceParams = {
+          ...this.params
+        };
+      }
+      let {appSystemId, appModuleId, envId} = this.params;
+      let params = {
+        appSystemId: appSystemId,
+        appModuleId: appModuleId,
+        envId: envId
+      };
+      this.$api.deploy.applicationConfig.getEnvInfo(params).then((res) => {
+        if (res && res.Status == 'OK') {
+          let returnData = res.Return;
+          this.currentEnvKeyList = [];
+          if (!this.instanceId) {
+            // 新增
+            this.tableData.tbodyList = [];
+            this.isShowEnvDifferenceEditForTextarea = true;
+          } else {
+            // 编辑
+            returnData.instanceAutoConfigList && returnData.instanceAutoConfigList.forEach((item) => {
+              if (item.instanceId == this.instanceId) {
+                item.keyValueList && item.keyValueList.forEach((v) => {
+                  this.instanceTableData.tbodyList.push({
+                    key: v.key,
+                    value: v.hasOwnProperty('value') ? v.value : '',
+                    isEmpty: v.isEmpty,
+                    type: v.type,
+                    delOperation: '',
+                    componentType: v.type
+                  });
+                });
+              }
+            });
+            this.isShowEnvDifferenceEditForTextarea = true;
+          }
+        }
+      });
+    },
+    closeEnvDifferenceEditForTextarea(needRefresh) {
+      this.isShowEnvDifferenceEditForTextarea = false;
+      this.instanceTableData.tbodyList = [];
+      if (needRefresh) {
+        this.getEnvInfo();
+      }
+    },
+    saveEnvDifferenceEditForTextarea(params) {
+      this.$api.deploy.applicationConfig.saveEnvAutoConfig(params).then((res) => {
+        if (res && res.Status == 'OK') {
+          this.$Message.success(this.$t('message.savesuccess'));
+          this.closeEnvDifferenceEditForTextarea(true);
+        }
+      });
+    },
+    openEnvDifferenceAudit(item) {
+      if (item) {
+        let {instanceId, keyValueList} = item;
+        this.instanceId = instanceId;
+        this.instanceParams = {
+          ...this.params,
+          keyValueList
+        };
+      } else {
+        this.instanceParams = {
+          ...this.params
+        };
+      }
+      this.isShowEnvDifferenceAudit = true;
+    },
+    closeEnvDifferenceAudit(needRefresh) {
+      this.isShowEnvDifferenceAudit = false;
+      if (needRefresh) {
+        this.getEnvInfo();
+      }
+    },
     editAutoConfig() {
       this.isShowEnvEdit = true;
     },
@@ -221,7 +329,6 @@ export default {
           } else {
             this.hasAutoConfig = false;
           }
-          //
           this.tableData.tbodyList = [];
           returnData.envAutoConfigList && returnData.envAutoConfigList.forEach((v) => {
             this.tableData.tbodyList.push({
@@ -290,9 +397,6 @@ export default {
       if (needRefresh) {
         this.getEnvInfo();
       }
-    },
-    saveAutoConfigAudit(needRefresh) {
-      this.isShowEnvAutoConfigAudit = false;
     }
   },
   filter: {},