Merge branch 'master' of https://gitcode.com/hk_openRepo/OpenRepo_Portal into dev-shenjianbin

2025-03-15 17:59:26 +08:00
parent a1f573b729 ba22be306f
commit 60cc6d1c16
10 changed files with 383 additions and 68 deletions
--- a/src/views/Jyh/Home/index.vue
+++ b/src/views/Jyh/Home/index.vue
@@ -69,7 +69,7 @@
            :dot-color="item.dotColor" :line-color="'var(--devui-form-control-line-hover)'">
              <template #default>
                <div style="display: flex; justify-content: space-between;">
-                  <div class="cursor-pointer" @click="openWarningDetail(item.text)">{{ item.text }}</div>
+                  <div class="cursor-pointer" @click="openWarningDetail(item.text, index)">{{ item.text }}</div>
                  <div style="display: flex;  align-items: center; gap: 8px;">
                    <d-icon name="icon-time"></d-icon>
                    {{ item.time }}
@@ -175,8 +175,14 @@ const checkMore = () => {
  router.push({ name: 'PersonalCenter' });
 }

-const openWarningDetail = (event) => {
-  console.log(event)
+const openWarningDetail = (event, index) => {
+  infoList.value.forEach((item, i) => {
+    if (i <= index) {
+      item.dotColor = 'var(--devui-info)';
+    } else {
+      item.dotColor = '';
+    }
+  })
 }

 let resizeObserver: ResizeObserver | null = null;
--- 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
@@ -3,10 +3,10 @@
    <div class="search-form">
      <AdvanceSearch v-model="newFormData" class="px-20">
        <template #operation>
-          <gc-form-operation class="jyh-form-operation">
+          <div>
            <d-button class="mr-2" variant="solid">筛选</d-button>
            <d-button variant="solid" color="secondary">清空</d-button>
-          </gc-form-operation>
+          </div>
          <d-button class="output-btn" icon="icon-share" variant="text">导出</d-button>
        </template>
      </AdvanceSearch>
@@ -135,7 +135,6 @@ const isUseOptions = reactive(['是', '否']);
 const newFormData = ref({
  licenseName: '',
  searchWord: '',
-  licenseStrengths: '',
  softwareVersion: '',
  dependentSoftware: '',
  programmingLanguage: '',
@@ -164,7 +163,7 @@ const route = useRoute();
 const gotoDetail = (row) => {
  // 后续请换成params，暂时params传参没传过去
  router.push({
-    path: 'repoDetail/basicInfo/' + row.version
+    path: 'repoDetail/' + row.version
  });
 };
 // 分页
--- a/src/views/Jyh/Version/Detail/SBOM.vue
+++ b/src/views/Jyh/Version/Detail/SBOM.vue
@@ -6,15 +6,24 @@
  <Card simple class="jyh-card mt-3">
    <div class="clear-padding">
      <d-table :indent="32" @check-change="treeCheckChange" :data="baseTreeTableData1" row-key="id">
-        <d-column field="firstName" header="组织名称" show-overflow-tooltip> </d-column>
+        <d-column field="firstName" header="组织名称" show-overflow-tooltip>
+          <template #default="scope">
+            <a class="devui-link" @click="showDetail = true">{{ scope.row.firstName }}</a>
+          </template>
+        </d-column>
        <d-column field="lastName" header="版本"></d-column>
      </d-table>
    </div>
  </Card>
+  <d-drawer v-model="showDetail" style="width: 800px; padding: 20px">
+    <SBOMDetail @close="showDetail = false" />
+  </d-drawer>
 </template>
 <script setup lang="ts">
 import { ref, reactive } from 'vue';
+import SBOMDetail from './SBOMDetail.vue';
 const checked = ref(false);
+const showDetail = ref(false);

 const baseTreeTableData1 = ref([
  {
--- a/src/views/Jyh/Version/Detail/SBOMDetail.vue
+++ b/src/views/Jyh/Version/Detail/SBOMDetail.vue
@@ -0,0 +1,180 @@
+<template>
+  <d-layout class="dlayout">
+    <d-header class="dheader">
+      <div class="title">
+        <h1>openssl</h1>
+        <d-icon style="cursor: pointer" name="icon-close" @click="emit('close')"></d-icon>
+      </div>
+      <div class="sub-title">
+        <span>安全漏洞：</span>
+        <span class="val">3</span>
+        <span class="split"></span>
+        <span>许可证</span>
+        <d-tag color="#3ac295" size="sm" class="ml-2">获准的</d-tag>
+      </div>
+    </d-header>
+    <div class="card-box">
+      <div class="card-body">
+        <d-row :gutter="10">
+          <d-col :span="24" class="flex">
+            <label style="flex: 0.2">简介</label>
+            <p>request</p>
+          </d-col>
+        </d-row>
+        <d-row :gutter="10">
+          <d-col :span="24" class="flex">
+            <label style="flex: 0.2">关联漏洞编号</label>
+            <p>CNVD-201105-215</p>
+          </d-col>
+        </d-row>
+      </div>
+    </div>
+    <div class="card-box">
+      <div class="card-header">组件详情</div>
+      <div class="card-body">
+        <d-row :gutter="10">
+          <d-col :span="12" class="flex">
+            <label>当前版本</label>
+            <p>2.0</p>
+          </d-col>
+          <d-col :span="12" class="flex">
+            <label>最新版本</label>
+            <p>3.0</p>
+          </d-col>
+        </d-row>
+        <d-row :gutter="10">
+          <d-col :span="12" class="flex">
+            <label>深度</label>
+            <p>1</p>
+          </d-col>
+          <d-col :span="12" class="flex">
+            <label>供应商</label>
+            <p>-</p>
+          </d-col>
+        </d-row>
+        <d-row :gutter="10">
+          <d-col :span="12" class="flex">
+            <label>包管理器平台</label>
+            <p>NOT_SPECIFIED</p>
+          </d-col>
+          <d-col :span="12" class="flex">
+            <label>范围</label>
+            <p>-</p>
+          </d-col>
+        </d-row>
+        <d-row :gutter="10">
+          <d-col :span="12" class="flex">
+            <label>程序语言</label>
+            <p>cpp</p>
+          </d-col>
+          <d-col :span="12" class="flex">
+            <label>活跃度</label>
+            <p>-</p>
+          </d-col>
+        </d-row>
+        <d-row :gutter="10">
+          <d-col :span="12" class="flex">
+            <label>下载量</label>
+            <p>-</p>
+          </d-col>
+          <d-col :span="12" class="flex">
+            <label>识别方法</label>
+            <p>BOM定义文件</p>
+          </d-col>
+        </d-row>
+        <d-row :gutter="10">
+          <d-col :span="12" class="flex">
+            <label>匹配度</label>
+            <p>100%</p>
+          </d-col>
+          <d-col :span="12" class="flex">
+            <label>生命周期终点/服务终止</label>
+            <p><d-tag type="danger" size="sm">已停止维护</d-tag></p>
+          </d-col>
+        </d-row>
+        <d-row :gutter="10">
+          <d-col :span="12" class="flex">
+            <label>组件依赖关系</label>
+            <p>openssl</p>
+          </d-col>
+        </d-row>
+      </div>
+    </div>
+  </d-layout>
+</template>
+
+<script setup>
+import { ref, defineEmits } from 'vue';
+
+const emit = defineEmits(['close']);
+</script>
+
+<style scoped lang="scss">
+@import 'devui-theme/styles-var/devui-var.scss';
+
+.dlayout {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: start;
+  .dheader {
+    width: 100%;
+  }
+
+  .title {
+    font-size: 20px;
+    font-weight: bold;
+    display: flex;
+    width: 100%;
+    justify-content: space-between;
+    align-items: center;
+    d-icon {
+      cursor: pointer;
+    }
+  }
+
+  .sub-title {
+    display: flex;
+    gap: 2px;
+    align-items: center;
+    font-size: 12px;
+    margin-top: 6px;
+    color: #808080;
+    .val {
+      color: var(--devui-text);
+    }
+    .split {
+      width: 1px;
+      height: 14px;
+      background-color: #ddd;
+    }
+  }
+
+  .card-box {
+    width: 100%;
+    border-radius: 8px;
+    border: 1px solid #eef0f5;
+    font-size: 14px;
+    margin-top: 15px;
+    .card-header {
+      padding: 10px 16px;
+      background-color: #f5f5f5;
+      border-bottom: 1px solid #eef0f5;
+      font-weight: bold;
+    }
+    .card-body {
+      margin: 10px 16px;
+      .flex {
+        margin: 10px 0;
+        label,
+        p {
+          flex: 1;
+        }
+        label {
+          color: #595959;
+        }
+      }
+    }
+  }
+}
+</style>
--- 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 style="cursor: pointer" @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 @click="visible=true">{{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,20 +196,96 @@
      </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>
    </Card>
+
+    <d-modal
+      title="完整性结果详情"
+      v-model="visible"
+      class="file-search-modal"
+      :style="{ width: '800px', height: '400px' }"
+      @close="handleClose"
+    >
+      <Card simple class="jyh-card mb-4" style="box-shadow: none">
+        <d-row class="mb-3">
+          <d-col :span="24">
+            <span class="card-key width-160">社区哈希类型</span>
+            <span class="card-val">sha512</span>
+          </d-col>
+        </d-row>
+        <d-row class="mb-3">
+          <d-col :span="24">
+            <span class="card-key width-160">社区哈希值</span>
+            <span class="card-val">23u4guj2i3hni32h2o34io234</span>
+          </d-col>
+        </d-row>
+        <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>
+            <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>
+            <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>
+            <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>
+            <span class="card-val">确认无社区签名</span>
+          </d-col>
+        </d-row>
+      </Card>
+    </d-modal>
+
  </div>
 </template>

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

 </script>

--- a/src/views/Jyh/Version/Detail/index.vue
+++ b/src/views/Jyh/Version/Detail/index.vue
@@ -43,7 +43,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>
      <SBOM v-else-if="selectTab === 'SBOM'" />
@@ -54,7 +54,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';
@@ -64,6 +64,7 @@ import SBOM from './SBOM.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';
 import SubscriptionModal from '@/views/Jyh/Version/Detail/SubscriptionModal.vue';

@@ -73,6 +74,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;