feat: ui2.0修改

src/layout/components/sidebar/vertical.vue

@@ -225,10 +225,10 @@ $--noneSelectedColor: #666666;
       }
 
       .iconfont {
-        width: 32px;
-        height: 32px;
-        font-size: 32px;
-        line-height: 32px;
+        width: 24px;
+        height: 24px;
+        font-size: 24px;
+        line-height: 24px;
         border-radius: 8px;
       }
 

src/views/alarm/index.vue

@@ -283,7 +283,7 @@ onMounted(() => {
       <template v-if="pagination.total > 0">
         <pure-table
           showOverflowTooltip
-          alignWhole="center"
+          alignWhole="left"
           :data="listData"
           :columns="columns"
           :header-cell-style="{

src/views/computePowerAllocation/computePowerAllocation.scss

@@ -1,7 +1,7 @@
 .computePowerAllocation_wrap {
   height: 100%;
   background-color: #ffffff;
-  border-radius: 8px 8px 8px 8px;
+  // border-radius: 8px 8px 8px 8px;
   border: 1px solid rgba(21, 77, 221, 0.2);
   .computePowerAllocation_header {
     box-sizing: border-box;
@@ -18,7 +18,10 @@
     .head_info {
       padding: 12px 16px;
       background: url("@/assets/computePower/computePowerBg.png") no-repeat;
-      background-size: 100% 100%;
+      // background-size: 100% 100%;
+      background-size: cover;
+      border: 1px solid rgba(21, 77, 221, 0.1);
+      border-radius: 6px;
       // font-size: 28px;
       .bg_header_logo {
         width: 80px;
@@ -32,10 +35,11 @@
     .banner_group {
       padding-top: 24px;
       & > li {
-        width: 306px;
+        flex: 1;
+        margin-right: 16px;
         height: 88px;
         background-color: rgba(256, 256, 256, 0.1);
-        box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.1);
+        // box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.1);
         border-radius: 8px 8px 8px 8px;
         border: 1px solid #154ddd;
         position: relative;
@@ -53,17 +57,19 @@
         }
 
         .bg_banner_group_logo {
-          width: 316px;
-          height: 88px;
+          width: 100%;
+          height: 100%;
           position: absolute;
-          background: url("@/assets/computePower/guoqi.svg") no-repeat 0 0;
-          background-size: cover;
+          background: url("@/assets/computePower/guoqi.svg") no-repeat 100% 0;
           opacity: 0.1;
         }
         .bg_banner_group_logo_1 {
-          background: url("@/assets/computePower/NVIDIA.svg");
+          background: url("@/assets/computePower/NVIDIA.svg") no-repeat 100% 0;
         }
       }
+      & > li:last-child {
+        margin-right: 0;
+      }
     }
 
     /* footer */

src/views/device/components/TreeCard.vue

@@ -47,7 +47,7 @@ onMounted(() => {
   border: 1px solid rgba(21, 77, 221, 0.2);
   .collapseTree_header {
     box-sizing: border-box;
-    padding-top: 28px;
+    padding-top: 20px;
     padding-left: 20px;
     width: 100%;
     height: 62px;

src/views/device/index.vue

@@ -4,6 +4,7 @@ import DeviceCard from "./components/DeviceCard.vue";
 import { getDeviceClassfication, getDevices } from "@/api/device";
 import { onMounted, ref, watch, onBeforeUnmount, nextTick } from "vue";
 import { emitter } from "@/utils/mitt";
+import emptyIcon from "@/assets/emptyIcon.png";
 
 defineOptions({
   name: "DeviceList"
@@ -128,7 +129,7 @@ onMounted(() => {
   <div class="flex justify-start h-full main device_wrap">
     <TreeCard class="h-full" />
     <div
-      class="flex-1 ml-5 device_body"
+      class="flex-1 ml-4 device_body"
       v-loading="dataLoading"
       :element-loading-svg="svg"
       element-loading-svg-view-box="-10, -10, 50, 50"
@@ -197,6 +198,7 @@ onMounted(() => {
               pagination.pageSize * pagination.current
             ).length === 0
           "
+          :image="emptyIcon"
           :description="`${searchValue} 产品不存在`"
         />
         <template v-if="pagination.total > 0">

src/views/device/scene.scss

@@ -3,7 +3,6 @@
     .deviceScene_body {
       .scene_box {
         background-color: white;
-        box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.1);
         border-radius: 8px;
         height: calc(100vh - 160px);
       }
@@ -27,7 +26,7 @@
       }
 
       .right {
-        width: 32.61%;
+        width: 33.61%;
         .alarm_head {
           padding: 7px 16px;
           border-bottom: 1px solid #e0e0e0;

src/views/modelList/components/ModelCard.vue

@@ -151,6 +151,7 @@ const deepAlgorithm = computed(() => [
   width: 100%;
   height: 278px;
   border-radius: 8px;
+  border: 1px solid rgba(21, 77, 221, 0.2);
   // box-shadow: 0 8px 16px 0 rgb(0 0 0 / 10%);
 
   .model-header {

src/views/serverModule/index.vue

@@ -3,6 +3,7 @@ import ServerCard from "./components/ServerCard.vue";
 // import { getServerList } from "@/api/list";
 import { getServerList } from "@/api/server";
 import { onMounted, ref } from "vue";
+import emptyIcon from "@/assets/emptyIcon.png";
 defineOptions({
   name: "ServerList"
 });
@@ -98,6 +99,7 @@ onMounted(() => {
     >
       <el-empty
         v-show="serverList.length === 0"
+        :image="emptyIcon"
         :description="`${searchValue} 产品不存在`"
       />
       <template v-if="pagination.total > 0">

src/views/workbench/components/Notify.vue

@@ -160,7 +160,7 @@ console.log(props.MessageData);
     justify-content: flex-start;
     align-items: center;
     height: 72px;
-    background: #f5f5f5;
+    background: rgba(21, 77, 221, 0.05);
     border-radius: 4px 4px 4px 4px;
     cursor: pointer;
     .notify_box_left {