替换 软件包场景 为 镜像特性

- 将文字和下拉项字段进行替换
- feature数组为空时不展示镜像特性下拉框

Signed-off-by: Mingle Tan <mingle.oerv@isrc.iscas.ac.cn>

Author: paithfinder

src/components/SystemSelect.vue

@@ -140,8 +140,8 @@ const packageOptions = computed(() => {
     new Set(
       allImageSuites.map(suite =>
         JSON.stringify({
-          value: suite.userspace,
-          label: suite.userspace
+          value: String(suite.features).split(',').join(' + '),
+          label:  String(suite.features).split(',').join(' + ')
         })
       )
     )
@@ -234,6 +234,7 @@ const closeDropdowns = e => {
 onMounted(() => {
   loadDocs();
   document.addEventListener("click", closeDropdowns);
+  console.log(packageOptions.value,'我是选项')
 });
 
 onUnmounted(() => {
@@ -312,8 +313,8 @@ const getFileName = url => {
             </div>
           </div>
 
-          <div class="select-row">
-            <div class="select-label">软件包场景:</div>
+          <div class="select-row" v-show="packageOptions[0].value!==''">
+            <div class="select-label">镜像特性:</div>
             <div class="select-box">
               <div class="select-wrapper">
                 <div
@@ -403,7 +404,7 @@ const getFileName = url => {
             <div class="value">{{ selectedKernel }}</div>
           </div>
           <div class="package">
-            <div class="label">软件包场景：</div>
+            <div class="label">镜像特性：</div>
             <div class="value">{{ selectedPackage }}</div>
           </div>
         </div>
@@ -461,6 +462,7 @@ $border-color: #f1faff;
   padding: 32px 0 32px 32px;
 
   .sys-wrapper {
+    max-height: 348px;
     overflow-y: auto;
     padding-right: 16px;
     box-sizing: border-box;
@@ -1074,4 +1076,4 @@ select:focus {
     list-style-type: disc;
   }
 }
-</style>
+</style>

src/views/board/index.vue

@@ -305,7 +305,7 @@ watch(
             <div id="content">{{ boardDetail?.vendor?.name }}</div>
           </div>
           <div id="board-block">
-            <div id="title">Soc型号称：</div>
+            <div id="title">Soc型号：</div>
             <div id="content">{{ boardDetail?.soc?.name }}</div>
           </div>
           <div id="board-block">

src/views/home/index.vue

@@ -28,12 +28,12 @@ const nameMapping = {
   soc: "SoC型号",
   isa: "指令集特性",
   kernel: "内核版本",
-  userspace: "软件包场景",
+  features: "镜像特性",
   status: "支持状态"
 };
 
 const dropMenu = computed(() => {
-  const keys = ["soc", "isa", "kernel", "userspace", "status"];
+  const keys = ["soc", "isa", "kernel", "features", "status"];
   return keys.map((key, index) => {
     const items = [
       ...new Set(