refactor(系统设置): 优化服务集成提示信息

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>

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>

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 {

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>