diff --git a/src/views/pages/deploy/application-config/config/env/db-resource-setting-dialog.vue b/src/views/pages/deploy/application-config/config/env/db-resource-setting-dialog.vue
index fbcd63f8048e1a67635c7086153329752b11dd70..ee69e1ea50772648c3fbfd7252db9becbd1c7867 100644
--- a/src/views/pages/deploy/application-config/config/env/db-resource-setting-dialog.vue
+++ b/src/views/pages/deploy/application-config/config/env/db-resource-setting-dialog.vue
@@ -180,7 +180,7 @@ export default {
         ip: this.formValue.ip,
         port: this.formValue.port
       };
-      if (!this.$utils.isEmpty(this.dbResourceData)) {
+      if (!this.isNewData) {
         data.id = this.dbResourceData.id;
       }
       this.$api.deploy.env.saveEnvDbResource(data).then((res) => {
diff --git a/src/views/pages/deploy/application-config/config/env/env-db-config-edit.vue b/src/views/pages/deploy/application-config/config/env/env-db-config-edit.vue
index a701335437a3c25a9a91fe1c06763cb231568e7f..d32edc8880c96700d5aa6494b2bf24358970a8e2 100644
--- a/src/views/pages/deploy/application-config/config/env/env-db-config-edit.vue
+++ b/src/views/pages/deploy/application-config/config/env/env-db-config-edit.vue
@@ -520,6 +520,7 @@ export default {
     },
     closeDbResourceSettingDialog(id) {
       this.isLoading = true;
+      this.dbResourceData = null;
       if (id && !this.dbResourceId) {
         this.$set(this.formValue, 'dbResourceId', id);
         this.changeDbResourceId(id);
diff --git a/src/views/pages/deploy/application-config/config/env/env-db-config-list.vue b/src/views/pages/deploy/application-config/config/env/env-db-config-list.vue
index 79f9425fe55f8ce86a61e74da06da8e0bc734057..d9fd6d9e470d7f3e8726d0a03c8a65c1a1fd3ef0 100644
--- a/src/views/pages/deploy/application-config/config/env/env-db-config-list.vue
+++ b/src/views/pages/deploy/application-config/config/env/env-db-config-list.vue
@@ -34,74 +34,77 @@
           </Tooltip>
         </template>
       </ul>
-      <div
-        v-for="(item, index) in dbConfigList"
-        :key="index"
-        class="pb-lg db-list-box border-color"
-        :class="index == 0 ? (!item.isShow ? 'pt-nm pb-nm' : 'pt-nm') : (!item.isShow ? 'pt-nm pb-nm' : 'pt-lg')"
-      >
-        <header class="header-box pl-nm pr-nm" :class="item.isShow ? 'pb-nm' : ''">
-          <div>
-            <span class="text-grey title">{{ $t('term.deploy.databaseschema') }}</span>
-            <span>{{ item.dbSchema }}</span>
-          </div>
-          <div class="action-group">
-            <span v-if="hasEditConfigAuth" class="action-item tsfont-edit" @click="editDbConfig(item.id)"></span>
-            <template v-else>
-              <Tooltip
-                max-width="400"
-                placement="right"
-                transfer
-              >
-                <span class="text-disabled action-item tsfont-edit"></span>
-                <ul slot="content">
-                  <li>{{ $t('term.deploy.noconfigauthtip') }}</li>
-                </ul>
-              </Tooltip>
-            </template>
-            <span v-if="hasEditConfigAuth" class="action-item tsfont-trash-o" @click="delDbConfig(item)"></span>
-            <template v-else>
-              <Tooltip
-                max-width="400"
-                placement="right"
-                transfer
-              >
-                <span class="text-disabled action-item tsfont-trash-o"></span>
-                <ul slot="content">
-                  <li>{{ $t('term.deploy.noconfigauthtip') }}</li>
-                </ul>
-              </Tooltip>
-            </template>
-            <span class="action-item" :class="item.isShow ? 'tsfont-down' : 'tsfont-up'" @click="handleDownUp(item, index)"></span>
-          </div>
-        </header>
-        <ul v-if="item.isShow" class="ul-box pl-nm pr-nm">
-          <li class="pb-nm">
-            <span class="text-grey title">{{ $t('page.database') }}</span>
-            <span class="db-user-text-box">
-              <TsFormSelect
-                v-model="item.dbResourceId"
-                v-bind="dbSetting"
-              ></TsFormSelect>
-            </span>
-          </li>
-          <li class="pb-nm flex-box">
-            <span class="text-grey title">{{ $t('page.account') }}</span>
-            <span class="db-user-text-box">
-              <TsFormSelect
-                v-model="item.accountId"
-                v-bind="userSetting"
-              ></TsFormSelect>
-            </span>
-          </li>
-          <template v-if="item.config">
-            <li v-for="(configItem, key , cIndex) of item.config" :key="cIndex" class="pb-nm">
-              <span class="text-grey title">{{ advancedConfig[key] }}</span>
-              <span>{{ handleShowText(key, configItem) }}</span>
+      <Loading :loadingShow="loadingShow" type="fix"></Loading>
+      <template v-if="!loadingShow">
+        <div
+          v-for="(item, index) in dbConfigList"
+          :key="index"
+          class="pb-lg db-list-box border-color"
+          :class="index == 0 ? (!item.isShow ? 'pt-nm pb-nm' : 'pt-nm') : (!item.isShow ? 'pt-nm pb-nm' : 'pt-lg')"
+        >
+          <header class="header-box pl-nm pr-nm" :class="item.isShow ? 'pb-nm' : ''">
+            <div>
+              <span class="text-grey title">{{ $t('term.deploy.databaseschema') }}</span>
+              <span>{{ item.dbSchema }}</span>
+            </div>
+            <div class="action-group">
+              <span v-if="hasEditConfigAuth" class="action-item tsfont-edit" @click="editDbConfig(item.id)"></span>
+              <template v-else>
+                <Tooltip
+                  max-width="400"
+                  placement="right"
+                  transfer
+                >
+                  <span class="text-disabled action-item tsfont-edit"></span>
+                  <ul slot="content">
+                    <li>{{ $t('term.deploy.noconfigauthtip') }}</li>
+                  </ul>
+                </Tooltip>
+              </template>
+              <span v-if="hasEditConfigAuth" class="action-item tsfont-trash-o" @click="delDbConfig(item)"></span>
+              <template v-else>
+                <Tooltip
+                  max-width="400"
+                  placement="right"
+                  transfer
+                >
+                  <span class="text-disabled action-item tsfont-trash-o"></span>
+                  <ul slot="content">
+                    <li>{{ $t('term.deploy.noconfigauthtip') }}</li>
+                  </ul>
+                </Tooltip>
+              </template>
+              <span class="action-item" :class="item.isShow ? 'tsfont-down' : 'tsfont-up'" @click="handleDownUp(item, index)"></span>
+            </div>
+          </header>
+          <ul v-if="item.isShow" class="ul-box pl-nm pr-nm">
+            <li class="pb-nm">
+              <span class="text-grey title">{{ $t('page.database') }}</span>
+              <span class="db-user-text-box">
+                <TsFormSelect
+                  v-model="item.dbResourceId"
+                  v-bind="dbSetting"
+                ></TsFormSelect>
+              </span>
             </li>
-          </template>
-        </ul>
-      </div>
+            <li class="pb-nm flex-box">
+              <span class="text-grey title">{{ $t('page.account') }}</span>
+              <span class="db-user-text-box">
+                <TsFormSelect
+                  v-model="item.accountId"
+                  v-bind="userSetting"
+                ></TsFormSelect>
+              </span>
+            </li>
+            <template v-if="item.config">
+              <li v-for="(configItem, key , cIndex) of item.config" :key="cIndex" class="pb-nm">
+                <span class="text-grey title">{{ advancedConfig[key] }}</span>
+                <span>{{ handleShowText(key, configItem) }}</span>
+              </li>
+            </template>
+          </ul>
+        </div>
+      </template>
     </template>
   
     <EnvDbConfigEdit
@@ -134,6 +137,7 @@ export default {
   },
   data() {
     return {
+      loadingShow: false,
       dbConfigId: null,
       isShowDbConfigEdit: false,
       hasDbConfig: false,
@@ -217,6 +221,7 @@ export default {
     },
     searchDbConfig() {
       if (this.params) {
+        this.loadingShow = true;
         this.$api.deploy.applicationConfig.getEnvInfo(this.params).then((res) => {
           if (res && res.Status == 'OK') {
             let {DBConfigList} = res.Return;
@@ -232,6 +237,8 @@ export default {
               this.dbConfigList = [];
             }
           }
+        }).finally(() => {
+          this.loadingShow = false;
         });
       }
     },