feat: 算力配置模块间距微调

src/components/DsBox/src/dsTag1.tsx

@@ -1,3 +1,11 @@
+/*
+ * @Author: donghao donghao@supervision.ltd
+ * @Date: 2024-02-26 10:32:17
+ * @LastEditors: donghao donghao@supervision.ltd
+ * @LastEditTime: 2024-02-29 09:57:04
+ * @FilePath: \General-AI-Platform-Web-Client\src\components\DsBox\src\dsTag1.tsx
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
 /**
  * @交互说明
  *
@@ -80,7 +88,7 @@ export default defineComponent({
               style={{ backgroundColor: props.info.color }}
             ></div>
             <p class="w-[188px] h-[20px] single-line text-sm">
-              <span class="px-[8px]">{props.info.proportion}%</span>
+              <span class="px-[8px]">{props.info.proportion.toFixed(1)}%</span>
               <span>{props.info.name}</span>
             </p>
           </div>

src/pages/dataScreen/views/computePowerAllocation/components/computePowerType.vue

@@ -89,7 +89,7 @@ const currentInfo = computed(() => props.info);
     </svg>
     <div class="flex">
       <p class="pl-[8px]">{{ currentInfo.name }}：</p>
-      <p class="">{{ currentInfo.proportion }}%</p>
+      <p class="">{{ currentInfo.proportion.toFixed(1) }}%</p>
       <p class="pl-[8px]" v-if="currentInfo.pretreatmentEfficiency">
         预计处理效率: {{ currentInfo.pretreatmentEfficiency }}帧/秒
       </p>

src/pages/dataScreen/views/computePowerAllocation/computePowerAllocation.scss

@@ -105,9 +105,11 @@
     // }
 
     .device_icons {
+      margin-top: 20px;
+      // background-color: red;
+      width: 848px;
       .device-icon-box {
-        width: 587px;
-        height: 592px;
+        height: 608px;
       }
       .bg_device_inner {
         width: 88px;

src/pages/dataScreen/views/computePowerAllocation/computePowerAllocationIndex.vue

@@ -2,7 +2,7 @@
  * @Author: donghao donghao@supervision.ltd
  * @Date: 2024-01-19 09:22:30
  * @LastEditors: donghao donghao@supervision.ltd
- * @LastEditTime: 2024-02-28 17:27:57
+ * @LastEditTime: 2024-02-29 10:02:55
  * @FilePath: \General-AI-Platform-Web-Client\src\views\computePowerAllocation\index.vue
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 -->
@@ -147,7 +147,9 @@ const poolsData: ComputePowerPoolItem[] = [
                         class="cp_bg_logo_icon"
                         :class="`cp_bg_logo_icon_${v.type}`"
                       />
-                      <span class="pl-[12px]">{{ v.label }}</span>
+                      <span class="pl-[12px] two-line w-[230px]">{{
+                        v.label
+                      }}</span>
                     </div>
                     <div
                       class="bg_banner_group_logo"
@@ -190,7 +192,7 @@ const poolsData: ComputePowerPoolItem[] = [
         <li
           v-for="(v, k) in poolsData"
           :key="k"
-          class="flex items-center justify-center mx-[12px] mb-[8px]"
+          class="flex items-center justify-center mx-[12px] mb-[24px]"
         >
           <ComputePowerType :info="v" />
         </li>