Merge branch 'master' of https://gitcode.com/hk_openRepo/OpenRepo_Portal

package.json

@@ -69,6 +69,7 @@
     "rollup-plugin-visualizer": "^5.9.2",
     "sass": "^1.63.6",
     "tailwindcss": "^3.3.3",
+    "terser": "^5.39.0",
     "typescript": "~5.0.4",
     "unplugin-vue-components": "^0.26.0",
     "vite": "^4.5.2",

src/assets/css/jyh.scss

@@ -62,6 +62,12 @@
   }
 }
 
+.jyh-table-2 {
+  .devui-table__tbody tr {
+    border-bottom: 1px solid #e5e7eb;
+  }
+}
+
 .jyh-tabs {
   .devui-tabs__nav {
     border-bottom: 0;
@@ -100,6 +106,12 @@
   }
 }
 
+.jyh-tabs-2 {
+  .devui-tab__content {
+    padding: 0;
+  }
+}
+
 .jyh-checkbox-group {
   div {
     margin-top: 0;
@@ -145,3 +157,78 @@
 .jyh-select-multiple {
 
 }
+
+.split {
+  display: inline-block;
+  margin: 0 12px;
+  width: 1px;
+  height: 100%;
+  background-color: #3c3f41;
+}
+
+.fr {
+  flex: 1;
+  text-align: right;
+}
+
+.width-70 {
+  display: inline-block;
+  width: 90px;
+}
+
+.width-90 {
+  display: inline-block;
+  width: 90px;
+}
+.width-110 {
+  display: inline-block;
+  width: 110px;
+}.width-140 {
+  display: inline-block;
+  width: 140px;
+}.width-160 {
+  display: inline-block;
+  width: 160px;
+}
+
+.jyh-card {
+  padding: 16px 20px;
+  .card-title {
+    color: #252B3A;
+    font-family: HarmonyOS Sans SC;
+    font-weight: bold;
+    font-size: 14px;
+    line-height: 22px;
+    letter-spacing: 0px;
+    text-align: left;
+    margin-bottom: 16px;
+  }
+
+  .card-key {
+    color: #595959;
+    font-family: HarmonyOS Sans SC;
+    font-weight: regular;
+    font-size: 14px;
+    line-height: 22px;
+    letter-spacing: 0px;
+    text-align: left;
+  }
+  .card-val {
+    color: #191919;
+    font-family: HarmonyOS Sans;
+    font-weight: regular;
+    font-size: 14px;
+    line-height: 22px;
+    letter-spacing: 0px;
+    text-align: left;
+  }
+  .card-url {
+    color: #5E7CE0;
+    font-family: HarmonyOS Sans;
+    font-weight: regular;
+    font-size: 14px;
+    line-height: 22px;
+    letter-spacing: 0px;
+    text-align: left;
+  }
+}

src/router/config/home.ts

@@ -17,7 +17,7 @@ export default [
       {
         path: '',
         name: 'home',
-        component: () => import('@/views/micro-page/proxy-homeweb.vue'),
+        component: () => import('@/views/Jyh/Home/index.vue'),
         meta: {
           micorApp: ['micoro-app-homeweb-app'],
           hasMobile: true,
@@ -61,7 +61,7 @@ export default [
         }
       },
       {
-        path: 'search',
+        path: 'repoList',
         name: 'Search',
         component: () => import('@/views/Jyh/Search/index.vue'),
         meta: {
@@ -73,6 +73,19 @@ export default [
           asideMenu: 'drawer' // 左侧菜单抽屉模式
         }
       },
+      {
+        path: 'repoDetail/basicInfo/:versionId',
+        name: 'VersionDetail',
+        component: () => import('@/views/Jyh/Version/Detail/index.vue'),
+        meta: {
+          title: '软件版本详情',
+          reportTitle: '软件版本详情页',
+          className: 'w-full min-w-full',
+          hiddenFooter: true,
+          hasMobile: true,
+          asideMenu: 'drawer' // 左侧菜单抽屉模式
+        }
+      },
       {
         path: 'explore',
         name: 'explore',

src/router/index.ts

@@ -7,14 +7,12 @@ import dashboardRouter from './config/dashboard';
 import noticeRouter from './config/notice';
 import accountRouter from './config/account';
 import errorRouter from './config/error';
-import onLineEditor from './config/editor';
 
 export { injectRouter } from './interceptor';
 
 export const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
   routes: [
-    ...onLineEditor,
     ...homeRouter,
     ...accountRouter,
     ...dashboardRouter,

src/views/Dashboard/Issue/index.vue

@@ -8,7 +8,6 @@
 <script lang="ts" setup>
 import { ref, watch } from 'vue';
 import { useRoute } from 'vue-router';
-import IssueFilterList from '@/views/Repo/components/IssueFilterList/index.vue';
 const route = useRoute();
 const table = ref();
 const scope = ref('');

src/views/Dashboard/Merge/index.vue

@@ -5,7 +5,6 @@
 defineOptions({ name: 'MY-MR' });
 import { watch, ref } from 'vue';
 import { useRoute } from 'vue-router';
-import MergreFilterList from '@/views/Repo/components/MergeFilterList/index.vue';
 const scope = ref('');
 const route = useRoute();
 

src/views/Jyh/Home/index.vue

@@ -0,0 +1,312 @@
+<template>
+  <div class="home-container">
+    <div class="home-content">
+      <div class="home-title">
+        <img src="@/assets/imgs/home/home-title-logo-2x.webp" alt="logo" />
+        <h1>可信开源代码库</h1>
+      </div>
+      <div class="home-search" ref="homeSearch">
+        <d-input>
+          <template #prepend>
+            <d-select v-model="searchType" :options="searchOptions" :offset="offset"></d-select>
+          </template>
+          <template #append>
+            <d-dropdown :style="{ width: dropdownWidth + 'px' }" :offset="offset" :close-scope="'blank'"
+            :position="['bottom-start']"	>
+              <div class="advanced-search">
+                <span>高级筛选</span>
+                <d-badge :count="5" :bg-color="'#f0f0f0'"></d-badge>
+                <d-icon name="icon-chevron-down-2"></d-icon>
+              </div>
+              <template #menu>
+                <div class="advanced-search-menu">
+                  <div style="padding: 12PX;">
+                    <span>高级筛选</span>
+                    <d-form style="margin-top: 20px" layout="vertical">
+                      <d-row :gutter="16">
+                        <d-col :span="8">
+                          <d-form-item field="name" label="license">
+                            <d-input placeholder="请输入license"/>
+                          </d-form-item>
+                        </d-col>
+                        <d-col :span="8">
+                          <d-form-item field="select" label="软件/组件名称">
+                            <d-input placeholder="请输入软件/组件名称"/>
+                          </d-form-item>
+                        </d-col>
+                        <d-col :span="8">
+                          <d-form-item field="multiSelect" label="license强弱" help-tips="license强弱说明">
+                            <d-input />
+                          </d-form-item>
+                        </d-col>
+                      </d-row>
+                      <d-row :gutter="16">
+                        <d-col :span="8">
+                          <d-form-item field="executionDay" label="软件版本">
+                            <d-input />
+                          </d-form-item>
+                        </d-col>
+                        <d-col :span="8">
+                          <d-form-item field="radio" label="依赖软件">
+                            <d-input />
+                          </d-form-item>
+                        </d-col>
+                        <d-col :span="8">
+                          <d-form-item field="switch" label="编程语言">
+                            <d-input />
+                          </d-form-item>
+                        </d-col>
+                      </d-row>
+                      <d-row :gutter="16">
+                        <d-col :span="8">
+                          <d-form-item field="date" label="版本发布日期">
+                            <d-input />
+                          </d-form-item>
+                        </d-col>
+                      </d-row>
+                      <gc-form-operation style="display: flex; justify-content: center; gap: 8px;">
+                        <d-button variant="solid">搜索</d-button>
+                        <d-button>取消</d-button>
+                      </gc-form-operation>
+                    </d-form>
+                  </div>
+                </div>
+              </template>
+            </d-dropdown>
+          </template>
+        </d-input>
+        <d-button color="primary" variant="solid">搜索</d-button>
+      </div>
+      <d-button icon="share" class="batch-btn">批量校验</d-button>
+      <div class="home-information">
+        <div class="info-title">
+          <div class="sub-title">
+            <img src="@/assets/imgs/home/informIcon@2x.png">
+            <span>信息公示</span>
+          </div>
+          <a class="devui-link">更多 ></a>
+        </div>
+        <div class="info-content">
+          <d-timeline :direction="'vertical'" :time-position="'right'" :position="'right'">
+            <d-timeline-item style="cursor: pointer;" v-for="(item, index) in infoList" :key="index"
+            :dot-color="item.dotColor" :line-color="'var(--devui-form-control-line-hover)'">
+              <template #default>
+                <div style="display: flex; justify-content: space-between;">
+                  <div>{{ item.text }}</div>
+                  <div style="display: flex;  align-items: center; gap: 8px;">
+                    <d-icon name="icon-time"></d-icon>
+                    {{ item.time }}
+                  </div>
+                </div>
+              </template>
+              <template #time>
+                <span></span>
+              </template>
+            </d-timeline-item>
+          </d-timeline>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted, onBeforeUnmount } from 'vue';
+
+const searchType = ref('组件/软件');
+const searchOptions = ref(['组件/软件']);
+const offset = ref({ mainAxis: 12, crossAxis: -200 });
+const infoList = ref([
+  {
+    text: '公告1',
+    time: '2021-10-1',
+    dotColor: 'var(--devui-info)',
+  },
+  {
+    text: '公告2',
+    time: '2021-10-2',
+    dotColor: 'var(--devui-info)',
+  },
+  {
+    text: '公告3',
+    time: '2021-10-3',
+  },
+  {
+    text: '公告4',
+    time: '2021-10-3',
+  },
+])
+
+const homeSearch: any = ref(null);
+const dropdownWidth = ref(0);
+const isOpen = ref(true)
+
+const updateDropdownWidth = () => {
+  if (homeSearch.value) {
+    dropdownWidth.value = homeSearch.value.offsetWidth * 0.8;
+    offset.value.crossAxis = -homeSearch.value.offsetWidth * 0.3;
+  }
+};
+
+let resizeObserver: ResizeObserver | null = null;
+
+onMounted(() => {
+  resizeObserver = new ResizeObserver(updateDropdownWidth);
+  if (homeSearch.value) {
+    resizeObserver.observe(homeSearch.value);
+  }
+  
+  updateDropdownWidth();
+});
+
+onBeforeUnmount(() => {
+  if (resizeObserver && homeSearch.value) {
+    resizeObserver.unobserve(homeSearch.value);
+  }
+});
+
+</script>
+
+<style scoped lang="scss">
+@import 'devui-theme/styles-var/devui-var.scss';
+
+.home-container {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: relative;
+  overflow: hidden;
+
+  &::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 1)),url('@/assets/imgs/home/background@2x.png');
+    background-size: cover;
+    background-position: center;
+    z-index: -1;
+  }
+
+
+  .home-content {
+    font-size: 14px;
+    height: 50%;
+    width: 50%;
+    display: flex;
+    flex-direction: column;
+    justify-self: center;
+    align-items: center;
+    gap: 20px;
+
+    .home-title {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      gap: 20px;
+      h1 {
+        font-size: xx-large;
+        font-weight: bold;
+      }
+
+      img {
+        width: 50px;
+        filter: brightness(0);
+      }
+    }
+
+    .home-search {
+      width: 100%;
+      height: 40px;
+      background-color: white;
+      border-radius: 10px;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      padding: 12px;
+      input {
+        border: none;
+        outline: none;
+        padding: 5px;
+        font-size: 14px;
+      }
+
+      .advanced-search {
+        cursor: pointer;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        gap: 8px;
+      }
+
+      .advanced-search-menu {
+        height: 300px;
+        padding: 12px;
+        background-color: white;
+      }
+
+      .form-operation {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        gap: 8px;
+      }
+    }
+
+    .batch-btn {
+      color: $devui-aide-text;
+      width: 150px;
+      background-color: #f0f0f0;
+      border-color: $devui-aide-text;
+    }
+
+    .home-information {
+      width: 100%;
+      background-color: #f0f0f0;
+      border-radius: 10px;
+      padding: 12px;
+
+      .info-title {
+        img {
+          width: 20px;
+        }
+        display: flex;
+        justify-content: space-between;
+        .sub-title {
+          display: flex;
+          gap: 8px;
+        }
+        margin-bottom: 20px;
+        margin-left: 10px;
+      }
+
+      :deep(.devui-timeline-item-data-left) {
+        display: none;
+      }
+
+      :deep(.devui-timeline-item-dot) {
+        scale: 0.7;
+      }
+    }
+  }
+}
+
+.home-search {
+  :deep(.devui-input-slot__prepend),
+  :deep(.devui-input-slot__append),
+  :deep(.devui-input__wrapper) {
+    border: none;
+  }
+
+  :deep(.devui-select__selection--glow-style),
+  :deep(.devui-input--glow-style) {
+    box-shadow: none !important;
+  }
+}
+
+
+</style>

src/views/Jyh/Search/Components/OssQuery.vue

@@ -82,7 +82,7 @@
         <d-button class="output-btn" icon="icon-share" variant="text">导出</d-button>
       </d-form>
     </div>
-    <div class="mt-3">
+    <div class="mt-3 px-20">
       <d-table class="jyh-table" v-if="tableData.length" :striped="false" :data="tableData" table-layout="auto">
         <d-column type="index" width="40"></d-column>
         <d-column field="versionName" header="选取版本火车名称" filterable :filter-list="filterList" @filter-change="handleFilterChange">
@@ -94,26 +94,35 @@
         <d-column field="code" header="软件编码" filterable :filter-list="filterList" @filter-change="handleFilterChange"></d-column>
         <d-column field="version" header="软件版本"  filterable :filter-list="filterList" @filter-change="handleFilterChange">
           <template #default="scope">
-            <a>{{scope.row.version}}</a>
+            <a @click="gotoDetail(scope.row)">{{scope.row.version}}</a>
           </template>
         </d-column>
         <d-column field="versionCode" header="版本编码"  sortable :sort-method="sortNameMethod" filterable :filter-list="filterList" @filter-change="handleFilterChange">
           <template #default="scope">
-            <a>{{scope.row.versionCode}}</a>
+            <a @click="gotoDetail(scope.row)">{{scope.row.versionCode}}</a>
           </template>
         </d-column>
-        <d-column field="versionCode" header="生命周期状态"  sortable :sort-method="sortNameMethod" filterable :filter-list="filterList" @filter-change="handleFilterChange">
+        <d-column field="smStatus" header="生命周期状态"  sortable :sort-method="sortNameMethod" filterable :filter-list="filterList" @filter-change="handleFilterChange">
           <template #default="scope">
-            <a>{{scope.row.versionCode}}</a>
+            <a>{{scope.row.smStatus}}</a>
           </template>
         </d-column>
         <d-column field="type" header="主/依赖软件类型">
           <template #default="scope">
-            <a>{{scope.row.type}}</a>
+            <d-tag type="success">{{scope.row.type}}</d-tag>
+          </template>
+        </d-column>
+        <d-column field="license" header="License名称" filterable :filter-list="filterList" @filter-change="handleFilterChange">
+          <template #default="scope">
+            <span class="mr-2">{{scope.row.license}}</span>
+            <d-tag color="gray">+3</d-tag>
+          </template>
+        </d-column>
+        <d-column field="url" header="官网漏洞披露地址">
+          <template #default="scope">
+            <a>{{scope.row.url}}</a>
           </template>
         </d-column>
-        <d-column field="license" header="License名称" filterable :filter-list="filterList" @filter-change="handleFilterChange"></d-column>
-
 <!--        <d-column field="risk" header="集成风险"></d-column>-->
 <!--        <d-column field="useType" header="适用类型"></d-column>-->
 <!--        <d-column field="status" header="状态">-->
@@ -176,17 +185,17 @@ import { Message } from 'vue-devui';
 const { namespace } = getOrgInfo();
 
 const tableData = ref([
-  {code: '05822156', name:'联通智家通通中视频公司语音.',type:'客户指定预装软件（原预装软件）',risk:'中',useType:'软件',status:'未开始',key:'',created:'2025-03-10 17:25:19',updated:'2025-03-10 17:25:19'},
+  {versionName:'CleanSource V8.0', name:'eslint-plugin-import',code: '05811AFV',version: '2.29.0',versionCode: '0583423820',smStatus: '同主软件(GA)',type:'依赖软件',license:'Apache License V2.0',risk:'中',useType:'软件',status:'未开始',url:'https://example17.com/security_updates_page',key:'',created:'2025-03-10 17:25:19',updated:'2025-03-10 17:25:19'},
-  {code: '05822156', name:'联通智家通通中视频公司语音.',type:'客户指定预装软件（原预装软件）',risk:'中',useType:'软件',status:'未开始',key:'',created:'2025-03-10 17:25:19',updated:'2025-03-10 17:25:19'},
+  {versionName:'CleanSource V8.0', name:'eslint-plugin-import',code: '05811AFV',version: '2.29.0',versionCode: '0583423820',smStatus: '同主软件(GA)',type:'依赖软件',license:'Apache License V2.0',risk:'中',useType:'软件',status:'未开始',url:'https://example17.com/security_updates_page',key:'',created:'2025-03-10 17:25:19',updated:'2025-03-10 17:25:19'},
-  {code: '05822156', name:'联通智家通通中视频公司语音.',type:'客户指定预装软件（原预装软件）',risk:'中',useType:'软件',status:'未开始',key:'',created:'2025-03-10 17:25:19',updated:'2025-03-10 17:25:19'},
+  {versionName:'CleanSource V8.0', name:'eslint-plugin-import',code: '05811AFV',version: '2.29.0',versionCode: '0583423820',smStatus: '同主软件(GA)',type:'依赖软件',license:'Apache License V2.0',risk:'中',useType:'软件',status:'未开始',url:'https://example17.com/security_updates_page',key:'',created:'2025-03-10 17:25:19',updated:'2025-03-10 17:25:19'},
-  {code: '05822156', name:'联通智家通通中视频公司语音.',type:'客户指定预装软件（原预装软件）',risk:'中',useType:'软件',status:'未开始',key:'',created:'2025-03-10 17:25:19',updated:'2025-03-10 17:25:19'},
+  {versionName:'CleanSource V8.0', name:'eslint-plugin-import',code: '05811AFV',version: '2.29.0',versionCode: '0583423820',smStatus: '同主软件(GA)',type:'依赖软件',license:'Apache License V2.0',risk:'中',useType:'软件',status:'未开始',url:'https://example17.com/security_updates_page',key:'',created:'2025-03-10 17:25:19',updated:'2025-03-10 17:25:19'},
-  {code: '05822156', name:'联通智家通通中视频公司语音.',type:'客户指定预装软件（原预装软件）',risk:'中',useType:'软件',status:'未开始',key:'',created:'2025-03-10 17:25:19',updated:'2025-03-10 17:25:19'},
+  {versionName:'CleanSource V8.0', name:'eslint-plugin-import',code: '05811AFV',version: '2.29.0',versionCode: '0583423820',smStatus: '同主软件(GA)',type:'依赖软件',license:'Apache License V2.0',risk:'中',useType:'软件',status:'未开始',url:'https://example17.com/security_updates_page',key:'',created:'2025-03-10 17:25:19',updated:'2025-03-10 17:25:19'},
-  {code: '05822156', name:'联通智家通通中视频公司语音.',type:'客户指定预装软件（原预装软件）',risk:'中',useType:'软件',status:'未开始',key:'',created:'2025-03-10 17:25:19',updated:'2025-03-10 17:25:19'},
+  {versionName:'CleanSource V8.0', name:'eslint-plugin-import',code: '05811AFV',version: '2.29.0',versionCode: '0583423820',smStatus: '同主软件(GA)',type:'依赖软件',license:'Apache License V2.0',risk:'中',useType:'软件',status:'未开始',url:'https://example17.com/security_updates_page',key:'',created:'2025-03-10 17:25:19',updated:'2025-03-10 17:25:19'},
-  {code: '05822156', name:'联通智家通通中视频公司语音.',type:'客户指定预装软件（原预装软件）',risk:'中',useType:'软件',status:'未开始',key:'',created:'2025-03-10 17:25:19',updated:'2025-03-10 17:25:19'},
+  {versionName:'CleanSource V8.0', name:'eslint-plugin-import',code: '05811AFV',version: '2.29.0',versionCode: '0583423820',smStatus: '同主软件(GA)',type:'依赖软件',license:'Apache License V2.0',risk:'中',useType:'软件',status:'未开始',url:'https://example17.com/security_updates_page',key:'',created:'2025-03-10 17:25:19',updated:'2025-03-10 17:25:19'},
-  {code: '05822156', name:'联通智家通通中视频公司语音.',type:'客户指定预装软件（原预装软件）',risk:'中',useType:'软件',status:'未开始',key:'',created:'2025-03-10 17:25:19',updated:'2025-03-10 17:25:19'},
+  {versionName:'CleanSource V8.0', name:'eslint-plugin-import',code: '05811AFV',version: '2.29.0',versionCode: '0583423820',smStatus: '同主软件(GA)',type:'依赖软件',license:'Apache License V2.0',risk:'中',useType:'软件',status:'未开始',url:'https://example17.com/security_updates_page',key:'',created:'2025-03-10 17:25:19',updated:'2025-03-10 17:25:19'},
-  {code: '05822156', name:'联通智家通通中视频公司语音.',type:'客户指定预装软件（原预装软件）',risk:'中',useType:'软件',status:'未开始',key:'',created:'2025-03-10 17:25:19',updated:'2025-03-10 17:25:19'},
+  {versionName:'CleanSource V8.0', name:'eslint-plugin-import',code: '05811AFV',version: '2.29.0',versionCode: '0583423820',smStatus: '同主软件(GA)',type:'依赖软件',license:'Apache License V2.0',risk:'中',useType:'软件',status:'未开始',url:'https://example17.com/security_updates_page',key:'',created:'2025-03-10 17:25:19',updated:'2025-03-10 17:25:19'},
-  {code: '05822156', name:'联通智家通通中视频公司语音.',type:'客户指定预装软件（原预装软件）',risk:'中',useType:'软件',status:'未开始',key:'',created:'2025-03-10 17:25:19',updated:'2025-03-10 17:25:19'},
+  {versionName:'CleanSource V8.0', name:'eslint-plugin-import',code: '05811AFV',version: '2.29.0',versionCode: '0583423820',smStatus: '同主软件(GA)',type:'依赖软件',license:'Apache License V2.0',risk:'中',useType:'软件',status:'未开始',url:'https://example17.com/security_updates_page',key:'',created:'2025-03-10 17:25:19',updated:'2025-03-10 17:25:19'},
-  ]);
+]);
 const formData = ref({ title: '',type: '', useType: '',formData:'',select: '',time1:null,name:'',versionCode:'',pulishTime:'' });
 const typeOptions = reactive(['主软件', '依赖软件']);
 const riskOptions = reactive(['低', '中', '高']);
@@ -211,6 +220,13 @@ const openDelete = (row: any) => {
 
 const router = useRouter();
 
+// 跳转
+const gotoDetail = (row) => {
+  // 后续请换成params，暂时params传参没传过去
+  router.push({
+    path: 'repoDetail/basicInfo/' + row.version
+  });
+};
 // 分页
 const changeIndex = () => {
   // getGroupClaListData();

src/views/Jyh/Version/Detail/VersionInfo.vue

@@ -0,0 +1,175 @@
+<template>
+  <div class="version-info">
+    <Card simple class="jyh-card mb-4">
+      <div class="card-title">基本信息</div>
+      <d-row class="mb-3">
+        <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">3.5.13</span>
+        </d-col>
+        <d-col :span="8">
+          <span class="card-key width-90">版本编码</span>
+          <span class="card-val">0583594425</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-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>
+          <span class="card-val">低</span>
+        </d-col>
+        <d-col :span="8">
+          <span class="card-key width-110">代码量(KL)</span>
+          <span class="card-val">10.259</span>
+        </d-col>
+        <d-col :span="8">
+          <span class="card-key width-110">漏洞数量</span>
+          <span class="card-val">--</span>
+        </d-col>
+      </d-row>
+      <d-row>
+        <d-col :span="8">
+          <span class="card-key width-110">选型时间</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>
+      </d-row>
+    </Card>
+
+
+    <Card simple class="jyh-card mb-4">
+      <div class="card-title">开源主License信息</div>
+      <div class="mb-3">
+        <d-table
+          class="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-table>
+      </div>
+      <d-row>
+        <d-col :span="24">
+          <span class="card-key width-140">主License分析报告</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>
+    <Card simple class="jyh-card mb-4">
+      <div class="card-title">Copyright报告</div>
+      <div class="mb-3">
+        <d-table
+          class="jyh-table-2"
+          :header-bg="true"
+          :data="CopyrightTableData"
+        >
+          <d-column field="code" header="Copyright报告"></d-column>
+          <d-column field="detail" header="录入时间"></d-column>
+        </d-table>
+      </div>
+      <d-row>
+        <d-col :span="24">
+          <span class="card-key width-140">主License分析报告</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>
+    <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>
+          <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>
+      <div class="mb-3 flex">
+        <span class="card-key width-160">官网漏洞披露地址</span>
+        <d-table
+          style="display: contents"
+          class="jyh-table-2"
+          :header-bg="true"
+          :data="CopyrightTableData"
+        >
+          <d-column type="index" width="40"></d-column>
+          <d-column field="code" header="url"></d-column>
+        </d-table>
+      </div>
+      <div class="mb-3 flex">
+        <span class="card-key width-160">外部漏洞源的软件名称</span>
+        <d-table
+          style="display: contents"
+          class="jyh-table-2"
+          :header-bg="true"
+          :data="CopyrightTableData"
+        >
+          <d-column field="code" header="厂商"></d-column>
+          <d-column field="detail" header="软件名"></d-column>
+          <d-column field="detail" header="来源"></d-column>
+        </d-table>
+      </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>
+        <d-col :span="24">
+          <span class="card-key width-160">是否安卓类APP组件</span>
+          <span class="card-val">否</span>
+        </d-col>
+      </d-row>
+    </Card>
+  </div>
+</template>
+
+<script setup lang="ts">
+
+import { ref } from 'vue';
+
+const licenseTableData = ref([{code: '05822156', name:'MIT License',detail: 'integer'}]);
+const CopyrightTableData = ref([{code: '05822156',detail: 'integer'}]);
+
+</script>
+
+<style scoped lang="scss">
+@import 'devui-theme/styles-var/devui-var.scss';
+
+
+</style>

src/views/Jyh/Version/Detail/index.vue

@@ -0,0 +1,274 @@
+<template>
+  <div class="version-detail">
+    <d-breadcrumb class="secret-breadcrumb">
+      <gc-breadcrumb-item :to="{ name: 'home' }"
+      ><span class="title">首页</span></gc-breadcrumb-item>
+      <gc-breadcrumb-item  :to="{ name: 'Search' }"><span class="title">软件商城-软件版本列表</span></gc-breadcrumb-item>
+      <gc-breadcrumb-item><span class="cur-title">软件商城-软件版本详情</span></gc-breadcrumb-item>
+    </d-breadcrumb>
+    <div class="version-detail-header">
+      <div class="header-top">
+        <GAvatar style="margin-right: 12px" :src="avatarUrl" name="Vue" :width="40" :height="40"></GAvatar>
+        <div>
+          <div class="header-title1">vue</div>
+          <div class="header-div">
+            <span class="span1">版本：</span><span class="span2">3.5.13</span>
+            <span class="split"></span>
+            <span class="span1">生命周期状态：</span><span class="span2">选型中</span>
+            <span class="split"></span>
+            <span class="span1">集成风险：</span>
+            <d-tag color="#F6933B">低风险</d-tag>
+          </div>
+        </div>
+        <div class="fr">
+          <d-button class="mr-2" variant="solid">订阅</d-button>
+        </div>
+      </div>
+      <d-tabs class="jyh-tabs jyh-tabs-2" type="wrapped" v-model="selectTab">
+        <d-tab id="bbxx" title="版本信息"></d-tab>
+        <d-tab id="ylgx" title="依赖关系"></d-tab>
+        <d-tab id="ldxx" title="漏洞信息"></d-tab>
+      </d-tabs>
+    </div>
+    <div class="version-detail-content">
+      <version-info></version-info>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref,reactive } from 'vue';
+import { useRouter, useRoute } from 'vue-router';
+import { getOrgInfo } from '@/views/Org/hooks/orgInfo';
+import VersionInfo from './VersionInfo.vue';
+const { namespace } = getOrgInfo();
+const avatarUrl = '/src/assets/imgs/jyh/工程首字母图标.png'
+
+const selectTab = ref('bbxx');
+
+// 删除弹窗
+const item = ref('');
+const deleteModal = ref();
+const deletevModels = ref(false);
+const openDelete = (row: any) => {
+  item.value = row;
+  deleteModal.value.showFlag = true;
+  deletevModels.value = true;
+};
+
+const router = useRouter();
+
+// 分页
+const changeIndex = () => {
+  // getGroupClaListData();
+};
+
+const changeSize = () => {
+  pager.value.pageIndex = 1;
+  // getGroupClaListData();
+};
+
+const repoFun = (arr: any) => {
+  return arr ? (arr.length > 3 ? arr.slice(0, 3) : arr) : [];
+};
+
+// 编辑
+const editRow = (row: any) => {
+  // 后续请换成params，暂时params传参没传过去
+  router.push({
+    path: 'cla/edit/' + row.object_id,
+    query: { cla: row.cla, pageType: 'edit' }
+  });
+};
+
+// 确认删除
+const confirmDelete = async (e: any) => {
+  // const res = await reqCatch(deleteGroupCla, { group_id: namespace.value, cla_id: item.value.object_id });
+  // if (!res.error) {
+  //   getGroupClaListData();
+  // }
+};
+
+// 去成员页
+const goMember = (row: any) => {
+  // 后续请换成params，暂时params传参没传过去,注意路由有个:claID
+  router.push({
+    path: 'cla/claId/member',
+    query: { claId: row.object_id, claName: row.cla_name, group_path: namespace.value, pageType: 'edit' }
+  });
+};
+const getGroupClaListData = async () => {
+  // const params = {
+  //   group_id: namespace.value,
+  //   page: pager.value.pageIndex,
+  //   per_page: pager.value.pageSize
+  // };
+  // const res = await reqCatch(getGroupClaList, params);
+  // if (!res.error) {
+  //   tableData.value = res?.data?.data?.content;
+  //   pager.value.total = res.data.data.total;
+  // }
+};
+getGroupClaListData();
+
+const setClaStatus = async (row: any) => {
+  // const params = {
+  //   group_id: namespace.value,
+  //   cla_id: row.object_id,
+  //   status: row.status
+  // };
+  // const res = await reqCatch(setGroupClaStatus, params);
+  // if (!res.error) {
+  //   Message.success('操作成功!');
+  //   getGroupClaListData();
+  // }
+};
+
+const signCla = (row: any) => {
+  router.push('/cla/' + row.object_id);
+};
+</script>
+
+<style scoped lang="scss">
+@import 'devui-theme/styles-var/devui-var.scss';
+
+.version-detail {
+  position: relative;
+
+  .secret-op {
+    position: absolute;
+    right: 0;
+    top: 0;
+  }
+
+}
+
+.error {
+  color: $devui-contrast;
+}
+
+:deep(.devui-table__row td) {
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+
+:deep(.devui-tag .devui-tag--default) {
+  background-color: #fff;
+  border-radius: 12px;
+  padding: 4px 8px;
+  font-size: 12px;
+  line-height: 16px;
+  margin-right: 8px;
+  border: 1px solid #E3E3EE;
+}
+
+.one-line {
+  word-break: break-all;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+
+.title {
+  font-size: 14px;
+  font-weight: 400;
+  color: #9a9b9c;
+  line-height: 20px;
+}
+
+.cur-title {
+  font-size: 14px;
+  font-weight: 500;
+  color: #2d2d2e;
+  line-height: 20px;
+}
+
+.search-form {
+  position: relative;
+  padding: 12px 20px 12px 0;
+  border-radius: 8px 0px 8px 8px;
+  background: #F2F5FC;
+
+  .output-btn {
+    position: absolute;
+    right: 28px;
+    bottom: 4px;
+    color: #191919;
+    font-family: HarmonyOS Sans SC;
+    font-weight: regular;
+    font-size: 14px;
+    line-height: 22px;
+    letter-spacing: 0px;
+    text-align: left;
+
+  }
+}
+
+.secret-breadcrumb {
+  padding: 7px 20px 12px;
+  background: #ffffff;
+}
+
+.version-detail-header {
+  background: #FFFFFF;
+  padding: 0 16%;
+  width: 100%;
+  //box-shadow: inset 0px -1px 0px 0px #EEF0F5;
+  .header-top {
+    display: flex;
+    width: 100%;
+  }
+  .header-title1 {
+    color: #191919;
+    font-family: HarmonyOS Sans;
+    font-weight: bold;
+    font-size: 18px;
+    line-height: 26px;
+    letter-spacing: 0px;
+    text-align: left;
+    margin-bottom: 4px;
+  }
+  .header-div {
+    display: flex;
+    height: 20px;
+    margin-bottom: 12px;
+    .span1 {
+      color: #808080;
+      font-family: HarmonyOS Sans SC;
+      font-weight: regular;
+      font-size: 12px;
+      line-height: 20px;
+      letter-spacing: 0px;
+      text-align: left;
+    }
+    .span2 {
+      color: #191919;
+      font-family: HarmonyOS Sans;
+      font-weight: regular;
+      font-size: 12px;
+      line-height: 20px;
+      letter-spacing: 0px;
+      text-align: left;
+    }
+
+    ::v-deep .devui-tag {
+      .devui-tag--md {
+        color: #F6933B;
+        font-family: HarmonyOS Sans SC;
+        font-weight: regular;
+        font-size: 12px;
+        line-height: 20px;
+        letter-spacing: 0px;
+        text-align: left;
+        height: 20px;
+      }
+    }
+  }
+}
+
+.version-detail-content {
+  padding: 0 16%;
+  width: 100%;
+  margin-top: 12px;
+}
+</style>

src/views/Mobile/Repo/Issue/index.vue

@@ -29,7 +29,6 @@
 
 <script setup lang="ts">
 defineOptions({ name: 'IssueList' });
-import IssueFilterList from '@/views/Mobile/Repo/components/IssueFilterList/index.vue';
 import PinList from './components/PinList.vue';
 import { useRepoId } from '@/utils/hooks/useRepoId';
 const { repoId } = useRepoId();

vite.config.ts

@@ -63,6 +63,12 @@ export default (config: any) => {
 
     build: {
       // sourcemap: config.mode !== 'production',
+      minify: 'terser', // 确保使用 terser 进行压缩
+      terserOptions: {
+        compress: {
+          drop_console: true, // 移除 console.log
+        },
+      },
     },
 
     define: {