From 0f267488fbfed9afac7711535c6cd984fc385241 Mon Sep 17 00:00:00 2001
From: chenjianxing <jianxing.chen@fit2cloud.com>
Date: Wed, 14 Dec 2022 13:57:22 +0800
Subject: [PATCH] =?UTF-8?q?refactor(=E7=B3=BB=E7=BB=9F=E8=AE=BE=E7=BD=AE):?=
 =?UTF-8?q?=20=E4=BC=98=E5=8C=96=E6=9C=8D=E5=8A=A1=E9=9B=86=E6=88=90?=
 =?UTF-8?q?=E6=8F=90=E7=A4=BA=E4=BF=A1=E6=81=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../business/home/ProjectPlatformConfig.vue   |  3 +-
 .../workspace/integration/BugManagement.vue   | 10 ++--
 .../workspace/integration/PlatformConfig.vue  | 47 +++++++++----------
 .../project/ProjectPlatformConfig.vue         |  3 +-
 4 files changed, 31 insertions(+), 32 deletions(-)

diff --git a/project-management/frontend/src/business/home/ProjectPlatformConfig.vue b/project-management/frontend/src/business/home/ProjectPlatformConfig.vue
index 71c4a13676..007820166e 100644
--- a/project-management/frontend/src/business/home/ProjectPlatformConfig.vue
+++ b/project-management/frontend/src/business/home/ProjectPlatformConfig.vue
@@ -23,8 +23,7 @@
           <template>
             <img v-if="item.instructionsIcon"
                  :src="getPlatformImageUrl(config, item)"/>
-            <span v-if="item.instructionsTip">
-              {{ item.instructionsTip }}
+            <span v-if="item.instructionsTip" v-html="item.instructionsTip">
             </span>
           </template>
         </ms-instructions-icon>
diff --git a/system-setting/frontend/src/business/workspace/integration/BugManagement.vue b/system-setting/frontend/src/business/workspace/integration/BugManagement.vue
index 84e1d50808..35dda359ff 100644
--- a/system-setting/frontend/src/business/workspace/integration/BugManagement.vue
+++ b/system-setting/frontend/src/business/workspace/integration/BugManagement.vue
@@ -4,14 +4,14 @@
       <div>{{ $t('organization.integration.select_defect_platform') }}</div>
       <el-radio-group v-model="platform" style="margin-top: 10px">
         <span v-for="config in platformConfigs" :key="config.key">
-           <el-radio :label="config.label">
+           <el-radio :label="config.label" class="platform-radio">
             <img class="platform" :src="getPlatformImageUrl(config)" :alt="config.label"/>
           </el-radio>
         </span>
-        <el-radio label="Tapd">
+        <el-radio label="Tapd" class="platform-radio">
           <img class="platform" src="/assets/tapd.png" alt="Tapd"/>
         </el-radio>
-        <el-radio label="AzureDevops" v-xpack>
+        <el-radio label="AzureDevops" class="platform-radio" v-xpack>
           <img class="platform" src="/assets/AzureDevops.png" alt="AzureDevops"/>
         </el-radio>
       </el-radio-group>
@@ -81,4 +81,8 @@ export default {
   height: 80px;
   vertical-align: middle
 }
+
+.platform-radio {
+  margin-left: 20px;
+}
 </style>
diff --git a/system-setting/frontend/src/business/workspace/integration/PlatformConfig.vue b/system-setting/frontend/src/business/workspace/integration/PlatformConfig.vue
index c0f27dde4b..e2df028ce7 100644
--- a/system-setting/frontend/src/business/workspace/integration/PlatformConfig.vue
+++ b/system-setting/frontend/src/business/workspace/integration/PlatformConfig.vue
@@ -34,31 +34,27 @@
                     :show.sync="show"
                     ref="bugBtn"/>
 
-    <div class="defect-tip" v-html="config.tips">
-<!--      todo 处理跳转逻辑 -->
-<!--      {{config.tips}}-->
-<!--      <div>{{ $t('organization.integration.use_tip') }}</div>-->
-<!--      <div>-->
-<!--        1. {{ $t('organization.integration.use_tip_jira') }}-->
-<!--      </div>-->
-<!--      <div>-->
-<!--        2. {{ $t('organization.integration.use_tip_two') }}-->
-<!--        <router-link to="/setting/project/all"-->
-<!--                     style="margin-left: 5px;color: #551A8B; text-decoration: underline; cursor: pointer">-->
-<!--          {{ $t('organization.integration.link_the_project_now') }}-->
-<!--        </router-link>-->
-<!--      </div>-->
-<!--      <div>-->
-<!--        3. {{ $t('organization.integration.use_tip_three') }}-->
-<!--        <span style="margin-left: 5px;color: #551A8B; text-decoration: underline; cursor: pointer"-->
-<!--              @click="resVisible = true">-->
-<!--          {{ $t('organization.integration.link_the_info_now') }}-->
-<!--        </span>-->
-<!--        <el-dialog :close-on-click-modal="false" width="80%"-->
-<!--                   :visible.sync="resVisible" destroy-on-close @close="closeDialog">-->
-<!--          <ms-person-router @closeDialog="closeDialog"/>-->
-<!--        </el-dialog>-->
-<!--      </div>-->
+    <div class="defect-tip" >
+      <div>{{ $t('organization.integration.use_tip') }}</div>
+      <div v-html="config.tips"></div>
+      <div>
+        {{ $t('organization.integration.use_tip_two') }}
+        <router-link to="/setting/project/all"
+                     style="margin-left: 5px;color: #551A8B; text-decoration: underline; cursor: pointer">
+          {{ $t('organization.integration.link_the_project_now') }}
+        </router-link>
+      </div>
+      <div>
+        {{ $t('organization.integration.use_tip_three') }}
+        <span style="margin-left: 5px;color: #551A8B; text-decoration: underline; cursor: pointer"
+              @click="resVisible = true">
+          {{ $t('organization.integration.link_the_info_now') }}
+        </span>
+        <el-dialog :close-on-click-modal="false" width="80%"
+                   :visible.sync="resVisible" destroy-on-close @close="closeDialog">
+          <ms-person-router @closeDialog="closeDialog"/>
+        </el-dialog>
+      </div>
     </div>
   </div>
 </template>
@@ -205,6 +201,7 @@ export default {
   margin: 10px 0;
   padding: 10px;
   border-radius: 3px;
+  line-height: 25px;
 }
 
 .el-input {
diff --git a/system-setting/frontend/src/business/workspace/project/ProjectPlatformConfig.vue b/system-setting/frontend/src/business/workspace/project/ProjectPlatformConfig.vue
index 407bfe9ff5..fd7294de04 100644
--- a/system-setting/frontend/src/business/workspace/project/ProjectPlatformConfig.vue
+++ b/system-setting/frontend/src/business/workspace/project/ProjectPlatformConfig.vue
@@ -23,8 +23,7 @@
           <template>
             <img v-if="item.instructionsIcon"
                  :src="getPlatformImageUrl(config, item)"/>
-            <span v-if="item.instructionsTip">
-              {{ item.instructionsTip }}
+            <span v-if="item.instructionsTip" v-html="item.instructionsTip">
             </span>
           </template>
         </ms-instructions-icon>