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

- 将文字和下拉项字段进行替换 - feature数组为空时不展示镜像特性下拉框 Resolves #11 Signed-off-by: Mingle Tan <[email protected]>
openeuler-riscv · Feb 17, 2025 · 26ec381 · 26ec381
1 parent 74b6573
commit 26ec381
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 9 deletions.
diff --git a/src/components/SystemSelect.vue b/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>
@@ -1074,4 +1075,4 @@ select:focus {
     list-style-type: disc;
   }
 }
-</style>
+</style>
diff --git a/src/views/board/index.vue b/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">

diff --git a/src/views/home/index.vue b/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(