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
new file mode 100644
index 0000000000000000000000000000000000000000..2ae021aa016eca109647980d07b9e8d396607787
--- /dev/null
+++ b/src/views/pages/deploy/application-config/config/env/env-autoconfig-edit-textarea.vue
@@ -0,0 +1,130 @@
+<template>
+  <div>
+    <TsDialog
+      v-bind="dialogConfig"
+      @on-ok="okDialog"
+      @on-close="closeDialog"
+    >
+      <TsFormInput 
+        v-model="allTypeKeyVlaue"
+        type="textarea"
+        height="400px"
+      >
+
+      </TsFormInput>
+    </TsDialog>
+  </div>
+</template>
+<script>
+export default {
+  name: '',
+  components: {
+    TsFormInput: () => import('@/resources/plugins/TsForm/TsFormInput')
+  },
+  props: {
+    isEdit: {
+      type: Boolean,
+      default: false
+    },
+    params: {
+      type: Object,
+      default: function() {
+        return {};
+      }
+    },
+    tableData: {
+      type: Object,
+      default: function() {
+        return {
+          hideAction: false,
+          tbodyList: []
+        }; //配置文件适配的变量
+      }
+    }
+  },
+  data() {
+    return {
+      dialogConfig: {
+        type: 'modal',
+        isShow: true,
+        okText: this.$t('page.save'),
+        width: 'medium',
+        hight: '600px',
+        title: this.isEdit ? this.$t('dialog.title.edittarget', {'target': this.$t('page.param')}) : this.$t('dialog.title.addtarget', {'target': this.$t('page.param')})
+      },
+      allTypeKeyVlaue: ''
+    };
+  },
+  beforeCreate() {},
+  created() {
+    this.getTextareaValue();
+  },
+  beforeMount() {},
+  mounted() {},
+  beforeUpdate() {},
+  updated() {},
+  activated() {},
+  deactivated() {},
+  beforeDestroy() {},
+  destroyed() {},
+  methods: {
+    getTextareaValue() {
+      let value = '';
+      if (this.tableData && this.tableData.tbodyList.length > 0) {
+        let tbodyList = this.$utils.deepClone(this.tableData.tbodyList);
+        tbodyList.forEach((item) => {
+          value = value + item.type + ':' + item.key + '=' + item.value + '\n';
+        });
+        this.allTypeKeyVlaue = value;
+      }
+    },
+    okDialog() {
+      let keyValueList = [];
+      if (this.allTypeKeyVlaue && this.allTypeKeyVlaue.trim() != '') {
+        let typeKeyValueList = this.allTypeKeyVlaue.split('\n');
+        typeKeyValueList.forEach((typeKeyValue) => {
+          if (typeKeyValue && typeKeyValue.trim() != '') {
+            let typeAndKeyValueList = typeKeyValue.split(':');
+            let type = typeAndKeyValueList[0];
+            let keyValue = typeAndKeyValueList[1];
+            let keyAndValueList = keyValue.split('=');
+            let key = keyAndValueList[0];
+            let value = keyAndValueList[1];
+            let isEmpty = 1;
+            if (value && value.trim() != '') {
+              isEmpty = 0;
+            }
+            keyValueList.push({
+              key: key,
+              type: type === '' ? null : type,
+              value: value,
+              isEmpty: isEmpty
+            });
+          }
+        });
+      }
+      let params = {
+        ...this.params,
+        keyValueList: keyValueList
+      };
+      this.$emit('save', params);
+    },
+    closeDialog(needRefresh = false) {
+      this.$emit('close', needRefresh);
+    }
+  },
+  filter: {},
+  computed: {},
+  watch: {}
+};
+</script>
+<style lang="less" scoped>
+.del-button {
+  display: inline-block;
+  height: 32px;
+  line-height: 32px;
+}
+.variable-text {
+  display: inline-block;
+}
+</style>
diff --git a/src/views/pages/deploy/application-config/config/env/env-autoconfig-edit.vue b/src/views/pages/deploy/application-config/config/env/env-autoconfig-edit.vue
index 263bc4a5446df0d41887d1aebfb39c69f37f30a3..4f38a7280362e7483e8d72b9cdbfa6afbb6d7902 100644
--- a/src/views/pages/deploy/application-config/config/env/env-autoconfig-edit.vue
+++ b/src/views/pages/deploy/application-config/config/env/env-autoconfig-edit.vue
@@ -200,7 +200,8 @@ export default {
         keyValueList.push({
           key: item.key,
           type: item.type === '' ? null : item.type,
-          value: item.value
+          value: item.value,
+          isEmpty: item.isEmpty
         });
       });
       let 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 aff394be15a365c2c6ea6877c7fec67c05cc3308..f7a054470c8af725ac150a50231f93a5d7ac94c6 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
@@ -1,20 +1,23 @@
 <template>
   <div class="env-autoconfig-box bg-op env-autoconfig-radius">
-    <ul class="pt-nm pl-nm">
-      <li v-if="hasAutoConfig && hasEditConfigAuth" class="tsfont-edit text-href" @click="editAutoConfig">{{ $t('page.edit') }}</li>
-      <template v-else>
-        <Tooltip
-          max-width="400"
-          placement="right"
-          transfer
-        >
-          <span class="tsfont-edit text-disabled action-item">{{ $t('page.edit') }}</span>
-          <ul slot="content">
-            <li>{{ $t('term.deploy.noconfigauthtip') }}</li>
-          </ul>
-        </Tooltip>
-      </template>
-    </ul>
+    <div class="text-right">
+      <ul class="pt-nm pr-nm action-group">
+        <li v-if="hasAutoConfig && hasEditConfigAuth" class="action-item tsfont-edit text-href" @click="editAutoConfig">{{ $t('page.edit') }}</li>
+        <template v-else>
+          <Tooltip
+            max-width="400"
+            placement="right"
+            transfer
+          >
+            <span class="tsfont-edit text-disabled action-item">{{ $t('page.edit') }}</span>
+            <ul slot="content">
+              <li>{{ $t('term.deploy.noconfigauthtip') }}</li>
+            </ul>
+          </Tooltip>
+        </template>
+        <li v-if="hasAutoConfig && hasEditConfigAuth" class="action-item tsfont-formtextarea text-href" @click="editAutoConfigForTextarea">{{ '文本编辑' }}</li>
+      </ul>
+    </div>
     <div v-if="hasAutoConfig" :class="hasAutoConfig ? 'padding': ''">
       <TsTable
         v-bind="tableConfig"
@@ -24,9 +27,12 @@
         @changePageSize="changePageSizeAutoConfig"
       >
         <template slot="value" slot-scope="{row}">
-          <span v-if="row.type==='password' && row.value">******</span>
+          <span v-if="row.isEmpty==1">{{ $t('page.settonull') }}</span>
+          <span v-else-if="row.type==='password' && row.value">******</span>
+          <span v-else>{{ row.value }}</span>
+          <!-- <span v-if="row.type==='password' && row.value">******</span>
           <span v-else-if="row.type==='password' && !row.value">{{ $t('page.settonull') }}</span>
-          <span v-else>{{ row.hasOwnProperty('value') && !row.value ? $t('page.settonull') :(row.value || '-') }}</span>
+          <span v-else>{{ row.hasOwnProperty('value') && !row.value ? $t('page.settonull') :(row.value || '-') }}</span> -->
         </template>
       </TsTable>
     </div>
@@ -74,6 +80,14 @@
       @close="closeAutoConfigEdit"
       @save="saveAutoConfig"
     ></EnvAutoconfigEdit>
+    <EnvAutoconfigEditTextarea
+      v-if="isShowEnvEditForTextarea"
+      :isEdit="hasAutoConfig"
+      :tableData="tableData"
+      :params="params"
+      @close="closeAutoConfigEdit"
+      @save="saveAutoConfig"
+    ></EnvAutoconfigEditTextarea>
     <EnvAutoconfigInstanceDifferenceEdit
       v-if="isShowEnvDifferenceEdit"
       :instanceId="instanceId"
@@ -87,6 +101,7 @@ export default {
   name: '', // 配置文件适配列表
   components: {
     EnvAutoconfigEdit: () => import('./env-autoconfig-edit'),
+    EnvAutoconfigEditTextarea: () => import('./env-autoconfig-edit-textarea'),
     EnvAutoconfigInstanceDifferenceEdit: () => import('./env-autoconfig-instance-difference-edit'), // 添加实例差异
     TsTable: () => import('@/resources/components/TsTable/TsTable.vue')
   },
@@ -106,6 +121,7 @@ export default {
   data() {
     return {
       isShowEnvEdit: false,
+      isShowEnvEditForTextarea: false,
       isShowEnvDifferenceEdit: false,
       hasInstance: false, // 是否存在实例差异
       hasAutoConfig: false,
@@ -167,8 +183,12 @@ export default {
     editAutoConfig() {
       this.isShowEnvEdit = true;
     },
+    editAutoConfigForTextarea() {
+      this.isShowEnvEditForTextarea = true;
+    },
     closeAutoConfigEdit(needRefresh) {
       this.isShowEnvEdit = false;
+      this.isShowEnvEditForTextarea = false;
       if (needRefresh) {
         this.getEnvInfo();
       }
@@ -199,7 +219,8 @@ export default {
               key: v.key,
               type: v.type,
               value: v.hasOwnProperty('value') ? v.value : '',
-              isEmpty: (!v.hasOwnProperty('value') || (v.value == '')) ? 1 : 0, // 没有value的属性，或者为空字符串，设为空打开
+              isEmpty: v.isEmpty,
+              // isEmpty: (!v.hasOwnProperty('value') || (v.value == '')) ? 1 : 0, // 没有value的属性，或者为空字符串，设为空打开
               delOperation: ''
             });
           });