From 9f74130dc88cb6280921b0576a758b1c485e4e20 Mon Sep 17 00:00:00 2001
From: shiziyuan9527 <yuhao.li@fit2cloud.com>
Date: Thu, 18 Feb 2021 15:52:31 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E7=B3=BB=E7=BB=9F=E8=AE=BE=E7=BD=AE):=20?=
 =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E7=BC=BA=E9=99=B7=E7=AE=A1=E7=90=86=E5=B9=B3?=
 =?UTF-8?q?=E5=8F=B0=E9=A1=B5=E9=9D=A2=E4=BF=9D=E5=AD=98=E6=95=B0=E6=8D=AE?=
 =?UTF-8?q?=E5=90=8E=E5=AF=86=E7=A0=81=E6=98=BE=E7=A4=BA=E6=98=8E=E6=96=87?=
 =?UTF-8?q?=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Closes #347
---
 .../settings/organization/components/BugManageBtn.vue |  1 +
 .../settings/organization/components/JiraSetting.vue  | 11 ++++++++++-
 .../settings/organization/components/TapdSetting.vue  | 11 ++++++++++-
 .../organization/components/ZentaoSetting.vue         | 11 ++++++++++-
 4 files changed, 31 insertions(+), 3 deletions(-)

diff --git a/frontend/src/business/components/settings/organization/components/BugManageBtn.vue b/frontend/src/business/components/settings/organization/components/BugManageBtn.vue
index 2b3e6d2156..691bb567b9 100644
--- a/frontend/src/business/components/settings/organization/components/BugManageBtn.vue
+++ b/frontend/src/business/components/settings/organization/components/BugManageBtn.vue
@@ -51,6 +51,7 @@ export default {
       this.showCancel = false;
       this.showSave = false;
       this.$emit("update:show", true);
+      this.$emit("reloadPassInput");
       this.init();
     },
     init() {
diff --git a/frontend/src/business/components/settings/organization/components/JiraSetting.vue b/frontend/src/business/components/settings/organization/components/JiraSetting.vue
index f3b8145fef..3d99ec85a9 100644
--- a/frontend/src/business/components/settings/organization/components/JiraSetting.vue
+++ b/frontend/src/business/components/settings/organization/components/JiraSetting.vue
@@ -7,7 +7,7 @@
           <el-input v-model="form.account" :placeholder="$t('organization.integration.input_api_account')"/>
         </el-form-item>
         <el-form-item :label="$t('organization.integration.password')" prop="password">
-          <el-input v-model="form.password" auto-complete="new-password"
+          <el-input v-model="form.password" auto-complete="new-password" v-if="showInput"
                     :placeholder="$t('organization.integration.input_api_password')" show-password/>
         </el-form-item>
         <el-form-item :label="$t('organization.integration.jira_url')" prop="url">
@@ -23,6 +23,7 @@
                     @init="init"
                     @testConnection="testConnection"
                     @cancelIntegration="cancelIntegration"
+                    @reloadPassInput="reloadPassInput"
                     :form="form"
                     :show.sync="show"
                     ref="bugBtn"/>
@@ -56,6 +57,7 @@ export default {
   data() {
     return {
       show: true,
+      showInput: true,
       form: {},
       rules: {
         account: {
@@ -123,6 +125,7 @@ export default {
             this.$refs.bugBtn.showEdit = true;
             this.$refs.bugBtn.showSave = false;
             this.$refs.bugBtn.showCancel = false;
+            this.reloadPassInput();
             this.init();
             this.$success(this.$t('commons.save_success'));
           });
@@ -170,6 +173,12 @@ export default {
       } else {
         this.$warning(this.$t('organization.integration.not_integrated'));
       }
+    },
+    reloadPassInput() {
+      this.showInput = false;
+      this.$nextTick(function () {
+        this.showInput = true;
+      });
     }
   }
 }
diff --git a/frontend/src/business/components/settings/organization/components/TapdSetting.vue b/frontend/src/business/components/settings/organization/components/TapdSetting.vue
index f3cde32739..cc4c757da7 100644
--- a/frontend/src/business/components/settings/organization/components/TapdSetting.vue
+++ b/frontend/src/business/components/settings/organization/components/TapdSetting.vue
@@ -7,7 +7,7 @@
           <el-input v-model="form.account" :placeholder="$t('organization.integration.input_api_account')"/>
         </el-form-item>
         <el-form-item :label="$t('organization.integration.api_password')" prop="password">
-          <el-input v-model="form.password" auto-complete="new-password"
+          <el-input v-model="form.password" auto-complete="new-password" v-if="showInput"
                     :placeholder="$t('organization.integration.input_api_password')" show-password/>
         </el-form-item>
       </el-form>
@@ -17,6 +17,7 @@
                     @init="init"
                     @testConnection="testConnection"
                     @cancelIntegration="cancelIntegration"
+                    @reloadPassInput="reloadPassInput"
                     :form="form"
                     :show.sync="show"
                     ref="bugBtn"/>
@@ -52,6 +53,7 @@ export default {
   data() {
     return {
       show: true,
+      showInput: true,
       form: {},
       rules: {
         account: {
@@ -103,6 +105,7 @@ export default {
             this.$refs.bugBtn.showEdit = true;
             this.$refs.bugBtn.showSave = false;
             this.$refs.bugBtn.showCancel = false;
+            this.reloadPassInput();
             this.init();
             this.$success(this.$t('commons.save_success'));
           });
@@ -148,6 +151,12 @@ export default {
       } else {
         this.$warning(this.$t('organization.integration.not_integrated'));
       }
+    },
+    reloadPassInput() {
+      this.showInput = false;
+      this.$nextTick(function () {
+        this.showInput = true;
+      });
     }
   }
 }
diff --git a/frontend/src/business/components/settings/organization/components/ZentaoSetting.vue b/frontend/src/business/components/settings/organization/components/ZentaoSetting.vue
index bbb567b23f..30ee7593a8 100644
--- a/frontend/src/business/components/settings/organization/components/ZentaoSetting.vue
+++ b/frontend/src/business/components/settings/organization/components/ZentaoSetting.vue
@@ -7,7 +7,7 @@
           <el-input v-model="form.account" :placeholder="$t('organization.integration.input_api_account')"/>
         </el-form-item>
         <el-form-item :label="$t('organization.integration.password')" prop="password">
-          <el-input v-model="form.password" auto-complete="new-password"
+          <el-input v-model="form.password" auto-complete="new-password" v-if="showInput"
                     :placeholder="$t('organization.integration.input_api_password')" show-password/>
         </el-form-item>
         <el-form-item :label="$t('organization.integration.zentao_url')" prop="url">
@@ -20,6 +20,7 @@
                     @init="init"
                     @testConnection="testConnection"
                     @cancelIntegration="cancelIntegration"
+                    @reloadPassInput="reloadPassInput"
                     :form="form"
                     :show.sync="show"
                     ref="bugBtn"/>
@@ -55,6 +56,7 @@ export default {
   data() {
     return {
       show: true,
+      showInput: true,
       form: {},
       rules: {
         account: {
@@ -99,6 +101,7 @@ export default {
             this.$refs.bugBtn.showEdit = true;
             this.$refs.bugBtn.showSave = false;
             this.$refs.bugBtn.showCancel = false;
+            this.reloadPassInput();
             this.init();
             this.$success(this.$t('commons.save_success'));
           });
@@ -168,6 +171,12 @@ export default {
       } else {
         this.$warning(this.$t('organization.integration.not_integrated'));
       }
+    },
+    reloadPassInput() {
+      this.showInput = false;
+      this.$nextTick(function () {
+        this.showInput = true;
+      });
     }
   }
 }