fix(系统设置): 平台插件图片无法显示

--bug=1019990 --user=陈建星 【系统设置】服务集成-jira平台-显示有问题 https://www.tapd.cn/55049933/s/1299926

project-management/frontend/src/api/platform-plugin.js

@@ -1,4 +1,4 @@
-import {post, get} from "metersphere-frontend/src/plugins/request";
+import {post, get, generateModuleUrl} from "metersphere-frontend/src/plugins/request";
 const BASE_URL = "/platform/plugin/";
 
 export function getPlatformProjectInfo(key) {
@@ -20,3 +20,7 @@ export function getPlatformOption() {
 export function getThirdPartTemplateSupportPlatform() {
   return get(BASE_URL + 'template/support/list');
 }
+
+export function generatePlatformResourceUrl(configId, fileName) {
+  return generateModuleUrl(BASE_URL + `resource/${configId}?fileName=${fileName}`);
+}

project-management/frontend/src/business/home/ProjectPlatformConfig.vue

@@ -22,7 +22,7 @@
         <ms-instructions-icon v-if="item.instructionsIcon" effect="light">
           <template>
             <img class="jira-image"
-                 :src="'/platform/plugin/resource/' + config.id + '?fileName=' + item.instructionsIcon"/>
+                 :src="getPlatformImageUrl(config, item)"/>
           </template>
         </ms-instructions-icon>
       </el-form-item>
@@ -34,6 +34,7 @@
 import MsInstructionsIcon from "metersphere-frontend/src/components/MsInstructionsIcon";
 import {getCurrentWorkspaceId} from "metersphere-frontend/src/utils/token";
 import {
+  generatePlatformResourceUrl,
   getPlatformProjectInfo,
   getPlatformProjectOption,
   validateProjectConfig,
@@ -141,6 +142,9 @@ export default {
           callback();
         }
       });
+    },
+    getPlatformImageUrl(config, item) {
+      return generatePlatformResourceUrl(config.id, item.instructionsIcon);
     }
   }
 }

system-setting/frontend/src/api/platform-plugin.js

@@ -1,4 +1,5 @@
-import {post, get} from "metersphere-frontend/src/plugins/request";
+import {post, get, generateModuleUrl} from "metersphere-frontend/src/plugins/request";
+
 const BASE_URL = "/platform/plugin/";
 
 export function getIntegrationInfo() {
@@ -27,3 +28,7 @@ export function getPlatformOption() {
 export function getThirdPartTemplateSupportPlatform() {
   return get(BASE_URL + 'template/support/list');
 }
+
+export function generatePlatformResourceUrl(configId, fileName) {
+  return generateModuleUrl(BASE_URL + `resource/${configId}?fileName=${fileName}`);
+}

system-setting/frontend/src/business/workspace/integration/BugManagement.vue

@@ -5,7 +5,7 @@
       <el-radio-group v-model="platform" style="margin-top: 10px">
         <span v-for="config in platformConfigs" :key="config.key">
            <el-radio :label="config.label">
-            <img class="platform" :src="'/platform/plugin/resource/' + config.id + '?fileName=' + config.image"
+            <img class="platform" :src="getPlatformImageUrl(config)"
                  alt="Jira"/>
           </el-radio>
         </span>
@@ -41,7 +41,7 @@ import ZentaoSetting from '@/business/workspace/integration/ZentaoSetting';
 import AzuredevopsSetting from '@/business/workspace/integration/AzureDevopsSetting';
 import {AZURE_DEVOPS, TAPD, ZEN_TAO} from "metersphere-frontend/src/utils/constants";
 import PlatformConfig from "@/business/workspace/integration/PlatformConfig";
-import {getIntegrationInfo} from "@/api/platform-plugin";
+import {generatePlatformResourceUrl, getIntegrationInfo} from "@/api/platform-plugin";
 
 export default {
   name: "BugManagement",
@@ -72,9 +72,13 @@ export default {
     },
     azuredevopsEnable() {
       return this.platform === AZURE_DEVOPS;
+    }
   },
-  },
-  methods: {}
+  methods: {
+    getPlatformImageUrl(config) {
+      return generatePlatformResourceUrl(config.id, config.image);
+    }
+  }
 }
 </script>
 

system-setting/frontend/src/business/workspace/project/ProjectPlatformConfig.vue

@@ -22,7 +22,7 @@
         <ms-instructions-icon v-if="item.instructionsIcon" effect="light">
           <template>
             <img class="jira-image"
-                 :src="'/platform/plugin/resource/' + config.id + '?fileName=' + item.instructionsIcon"/>
+                 :src="getPlatformImageUrl(config, item)"/>
           </template>
         </ms-instructions-icon>
       </el-form-item>
@@ -34,6 +34,7 @@
 import MsInstructionsIcon from "metersphere-frontend/src/components/MsInstructionsIcon";
 import {getCurrentWorkspaceId} from "metersphere-frontend/src/utils/token";
 import {
+  generatePlatformResourceUrl,
   getPlatformProjectInfo,
   getPlatformProjectOption,
   validateProjectConfig,
@@ -140,6 +141,9 @@ export default {
           callback();
         }
       });
+    },
+    getPlatformImageUrl(config, item) {
+      return generatePlatformResourceUrl(config.id, item.instructionsIcon);
     }
   }
 }