跳转及显示相关Issues修改

2025-03-15 12:03:07 +08:00
parent 1dc4e44935
commit adb72cb946
5 changed files with 116 additions and 32 deletions
--- a/src/router/config/home.ts
+++ b/src/router/config/home.ts
@@ -3,6 +3,7 @@ import DefaultLayout from '@/layouts/DefaultLayout/index.vue';
 export default [
  {
    path: '/:namespace+',
+    redirect: '/home',
    component: () => import('@/views/Homepage/index.vue'),
    name: 'homepage',
    meta: {
--- a/src/views/Jyh/Search/Components/BatchVerify.vue
+++ b/src/views/Jyh/Search/Components/BatchVerify.vue
@@ -179,7 +179,7 @@ const handleBatchImport = async() => { // 多个项目导入
 const gotoDetail = (row) => {
  // 后续请换成params，暂时params传参没传过去
  router.push({
-    path: 'repoDetail/basicInfo/' + row.version
+    path: 'repoDetail/' + row.version
  });
 };
 // 分页
--- a/src/views/Jyh/Search/Components/OssQuery.vue
+++ b/src/views/Jyh/Search/Components/OssQuery.vue
@@ -224,7 +224,7 @@ const router = useRouter();
 const gotoDetail = (row) => {
  // 后续请换成params，暂时params传参没传过去
  router.push({
-    path: 'repoDetail/basicInfo/' + row.version
+    path: 'repoDetail/' + row.version
  });
 };
 // 分页
--- a/src/views/Jyh/Version/Detail/VersionInfo.vue
+++ b/src/views/Jyh/Version/Detail/VersionInfo.vue
@@ -12,34 +12,28 @@
          <span class="card-val">3.5.13</span>
        </d-col>
        <d-col :span="8">
-          <span class="card-key width-90">版本编码</span>
-          <span class="card-val">0583594425</span>
+          <span class="card-key width-90">主语言类型</span>
+          <span class="card-val">JavaScript</span>
        </d-col>
      </d-row>
      <d-row>
-        <d-col :span="8">
-          <span class="card-key width-90">软件编码</span>
-          <span class="card-val">2023/08/05810TCX</span>
-        </d-col>
-        <d-col :span="8">
-          <span class="card-key width-90">主语言类型</span>
-          <span class="card-val">JavaScript</span>
-        </d-col>
        <d-col :span="8">
          <span class="card-key width-90">开发商</span>
          <span class="card-val">vue</span>
        </d-col>
+        <d-col :span="8">
+          <span class="card-key width-90">发布时间</span>
+          <span class="card-val">2023/08/05</span>
+        </d-col>
+        <d-col :span="8">
+          <span class="card-key width-90">版本描述</span>
+          <span class="card-val">0583594425</span>
+        </d-col>
      </d-row>
    </Card>

    <Card simple class="jyh-card mb-4">
      <div class="card-title">参考信息</div>
-      <d-row class="mb-3">
-        <d-col :span="24">
-          <span class="card-key width-110">官网地址</span>
-          <a class="card-url" href="https://designcloud.uiplus.huawei.com/developer/main/index.html">https://designcloud.uiplus.huawei.com/developer/main/index.html</a>
-        </d-col>
-      </d-row>
      <d-row class="mb-3">
        <d-col :span="8">
          <span class="card-key width-110">集成风险</span>
@@ -51,21 +45,39 @@
        </d-col>
        <d-col :span="8">
          <span class="card-key width-110">漏洞数量</span>
-          <span class="card-val">--</span>
+          <a @click="handleTabChange('ldxx')" class="card-url">9</a>
        </d-col>
      </d-row>
-      <d-row>
+      <d-row class="mb-3">
        <d-col :span="8">
-          <span class="card-key width-110">选型时间</span>
+          <span class="card-key width-110">社区EOL日期</span>
          <span class="card-val">2023/08/05</span>
        </d-col>
        <d-col :span="8">
          <span class="card-key width-110">所属领域/产业</span>
          <span class="card-val">CleanSource</span>
        </d-col>
-        <d-col :span="8">
-          <span class="card-key width-110">版本火车名称</span>
-          <span class="card-val">CleanSource V8.0</span>
+<!--        <d-col :span="8">-->
+<!--          <span class="card-key width-110">版本火车名称</span>-->
+<!--          <span class="card-val">CleanSource V8.0</span>-->
+<!--        </d-col>-->
+      </d-row>
+      <d-row class="mb-3">
+        <d-col :span="24">
+          <span class="card-key width-140">源码下载包地址</span>
+          <a class="card-url" href="https://designcloud.uiplus.huawei.com/developer/main/index.html">https://designcloud.uiplus.huawei.com/developer/main/index.html</a>
+        </d-col>
+      </d-row>
+      <d-row class="mb-3">
+        <d-col :span="24">
+          <span class="card-key width-140">源码社区托管地址</span>
+          <a class="card-url" href="https://designcloud.uiplus.huawei.com/developer/main/index.html">https://designcloud.uiplus.huawei.com/developer/main/index.html</a>
+        </d-col>
+      </d-row>
+      <d-row>
+        <d-col :span="24">
+          <span class="card-key width-140">社区EOL披露地址</span>
+          <a class="card-url" href="https://designcloud.uiplus.huawei.com/developer/main/index.html">https://designcloud.uiplus.huawei.com/developer/main/index.html</a>
        </d-col>
      </d-row>
    </Card>
@@ -75,13 +87,14 @@
      <div class="card-title">开源主License信息</div>
      <div class="mb-3">
        <d-table
-          class="jyh-table-2"
+          class="jyh-table jyh-table-2"
          :header-bg="true"
          :data="licenseTableData"
        >
          <d-column field="code" header="编号"></d-column>
          <d-column field="name" header="名称"></d-column>
          <d-column field="detail" header="描述"></d-column>
+          <d-column field="detail" header="应用场景"></d-column>
        </d-table>
      </div>
      <d-row>
@@ -95,7 +108,7 @@
      <div class="card-title">Copyright报告</div>
      <div class="mb-3">
        <d-table
-          class="jyh-table-2"
+          class="jyh-table jyh-table-2"
          :header-bg="true"
          :data="CopyrightTableData"
        >
@@ -110,8 +123,40 @@
        </d-col>
      </d-row>
    </Card>
+
+    <Card simple class="jyh-card mb-4">
+      <div class="card-title">实体</div>
+      <div>
+        <d-table
+          class="jyh-table jyh-table-2"
+          :header-bg="true"
+          :data="CopyrightTableData"
+        >
+          <d-column field="code" header="类型"></d-column>
+          <d-column field="code" header="实体包下载地址">
+            <template #default="scope">
+              <a>{{scope.row.code}}</a>
+            </template>
+          </d-column>
+          <d-column field="detail" header="文件名称"></d-column>
+          <d-column field="detail" header="录入时间"></d-column>
+          <d-column field="detail" header="完整性结果">
+            <template #default="scope">
+              <a>{{scope.row.detail}}</a>
+            </template>
+          </d-column>
+        </d-table>
+      </div>
+    </Card>
+
    <Card simple class="jyh-card mb-4">
      <div class="card-title">网络安全</div>
+      <d-row class="mb-3">
+        <d-col :span="24">
+          <span class="card-key width-160">软件评分</span>
+          <span class="card-val">--</span>
+        </d-col>
+      </d-row>
      <d-row class="mb-3">
        <d-col :span="24">
          <span class="card-key width-160">社区安全问题求助渠道</span>
@@ -122,7 +167,7 @@
        <span class="card-key width-160">官网漏洞披露地址</span>
        <d-table
          style="display: contents"
-          class="jyh-table-2"
+          class="jyh-table jyh-table-2"
          :header-bg="true"
          :data="CopyrightTableData"
        >
@@ -134,7 +179,7 @@
        <span class="card-key width-160">外部漏洞源的软件名称</span>
        <d-table
          style="display: contents"
-          class="jyh-table-2"
+          class="jyh-table jyh-table-2"
          :header-bg="true"
          :data="CopyrightTableData"
        >
@@ -151,7 +196,7 @@
      </d-row>
      <d-row>
        <d-col :span="24">
-          <span class="card-key width-160">是否安卓类APP组件</span>
+          <span class="card-key width-160">兼容性风险描述</span>
          <span class="card-val">否</span>
        </d-col>
      </d-row>
@@ -161,11 +206,32 @@

 <script setup lang="ts">

-import { ref } from 'vue';
+import { ref,defineEmits } from 'vue';
+import { useRouter } from 'vue-router';
+import { discussDetailType, userInfoType } from '@/api/discussion/types';
+
+const emits = defineEmits(['changeTabs']);
+
+// 触发事件的方法
+const handleTabChange = (tabName) => {
+  emits('changeTabs', tabName); // 触发 changeTabs 事件，并传递参数
+};

 const licenseTableData = ref([{code: '05822156', name:'MIT License',detail: 'integer'}]);
 const CopyrightTableData = ref([{code: '05822156',detail: 'integer'}]);

+
+const router = useRouter();
+
+// 跳转
+const gotoDetail = (row) => {
+  // 后续请换成params，暂时params传参没传过去
+  router.push({
+    path: 'repoDetail/' + row.version,
+    params: { tab: 'ldxx' } // 指定需要激活的 Tab
+  });
+};
+
 </script>

 <style scoped lang="scss">
--- a/src/views/Jyh/Version/Detail/index.vue
+++ b/src/views/Jyh/Version/Detail/index.vue
@@ -33,7 +33,7 @@
      </d-tabs>
    </div>
    <div class="version-detail-content">
-      <version-info v-if="selectTab === 'bbxx'"></version-info>
+      <version-info v-if="selectTab === 'bbxx'" @changeTabs="changeTabs"></version-info>
      <vulnerabilities-list v-else-if="selectTab === 'ldxx'"></vulnerabilities-list>
      <community-info v-else-if="selectTab === 'communityInfo'"></community-info>
      <AIRepair v-else-if="selectTab === 'ai'"></AIRepair>
@@ -42,7 +42,7 @@
 </template>

 <script setup lang="ts">
-import { ref, reactive } from 'vue';
+import { ref, reactive, watch } from 'vue';
 import { useRouter, useRoute } from 'vue-router';
 import { getOrgInfo } from '@/views/Org/hooks/orgInfo';
 import VulnerabilitiesList from './VulnerabilitiesList.vue';
@@ -51,6 +51,7 @@ import VersionInfo from './VersionInfo.vue';
 import AIRepair from '../../AIRepair/index.vue';
 import LicenseInfo from '../../LicenseInfo/index.vue';
 const { namespace } = getOrgInfo();
+const route = useRoute(); // 获取路由对象
 const avatarUrl = '/src/assets/imgs/jyh/工程首字母图标.png';

 const selectTab = ref('bbxx');
@@ -59,6 +60,22 @@ const selectTab = ref('bbxx');
 const item = ref('');
 const deleteModal = ref();
 const deletevModels = ref(false);
+
+// 监听路由的 query.tab 变化
+watch(
+  () => route.query.tab,
+  (newTab) => {
+    if (newTab) {
+      selectTab.value = newTab; // 根据 query 参数激活 Tab
+    }
+  },
+  { immediate: true } // 立即执行一次
+);
+
+const changeTabs = (tab:string) => {
+  selectTab.value = tab;
+}
+
 const openDelete = (row: any) => {
  item.value = row;
  deleteModal.value.showFlag = true;