feat: ui走查样式修改

src/pages/dataScreen/views/home/homeIndex.vue

@@ -151,51 +151,51 @@ const randomIntFn = (min: number, max: number) => {
 };
 
 onMounted(() => {
-  intervalId.value = setInterval(() => {
-    defectData.value = [
-      randomIntFn(0, 500),
-      randomIntFn(0, 500),
-      randomIntFn(0, 500),
-      randomIntFn(0, 500),
-      randomIntFn(0, 500)
-    ];
-    alarmData.value.thread = [
-      randomIntFn(0, 500),
-      randomIntFn(0, 500),
-      randomIntFn(0, 500),
-      randomIntFn(0, 500),
-      randomIntFn(0, 500)
-    ];
-    alarmData.value.PIN = [
-      randomIntFn(0, 500),
-      randomIntFn(0, 500),
-      randomIntFn(0, 500),
-      randomIntFn(0, 500),
-      randomIntFn(0, 500)
-    ];
-    alarmData.value.plate = [
-      randomIntFn(0, 500),
-      randomIntFn(0, 500),
-      randomIntFn(0, 500),
-      randomIntFn(0, 500),
-      randomIntFn(0, 500)
-    ];
-    alarmData.value.scratched = [
-      randomIntFn(0, 500),
-      randomIntFn(0, 500),
-      randomIntFn(0, 500),
-      randomIntFn(0, 500),
-      randomIntFn(0, 500)
-    ];
-    alarmData.value.workpieceSize = [
-      randomIntFn(0, 500),
-      randomIntFn(0, 500),
-      randomIntFn(0, 500),
-      randomIntFn(0, 500),
-      randomIntFn(0, 500)
-    ];
-    // console.log(defectData.value);
-  }, 2000);
+  // intervalId.value = setInterval(() => {
+  //   defectData.value = [
+  //     randomIntFn(0, 500),
+  //     randomIntFn(0, 500),
+  //     randomIntFn(0, 500),
+  //     randomIntFn(0, 500),
+  //     randomIntFn(0, 500)
+  //   ];
+  //   alarmData.value.thread = [
+  //     randomIntFn(0, 500),
+  //     randomIntFn(0, 500),
+  //     randomIntFn(0, 500),
+  //     randomIntFn(0, 500),
+  //     randomIntFn(0, 500)
+  //   ];
+  //   alarmData.value.PIN = [
+  //     randomIntFn(0, 500),
+  //     randomIntFn(0, 500),
+  //     randomIntFn(0, 500),
+  //     randomIntFn(0, 500),
+  //     randomIntFn(0, 500)
+  //   ];
+  //   alarmData.value.plate = [
+  //     randomIntFn(0, 500),
+  //     randomIntFn(0, 500),
+  //     randomIntFn(0, 500),
+  //     randomIntFn(0, 500),
+  //     randomIntFn(0, 500)
+  //   ];
+  //   alarmData.value.scratched = [
+  //     randomIntFn(0, 500),
+  //     randomIntFn(0, 500),
+  //     randomIntFn(0, 500),
+  //     randomIntFn(0, 500),
+  //     randomIntFn(0, 500)
+  //   ];
+  //   alarmData.value.workpieceSize = [
+  //     randomIntFn(0, 500),
+  //     randomIntFn(0, 500),
+  //     randomIntFn(0, 500),
+  //     randomIntFn(0, 500),
+  //     randomIntFn(0, 500)
+  //   ];
+  //   // console.log(defectData.value);
+  // }, 2000);
 });
 onUnmounted(() => {
   clearInterval(intervalId.value); // 清除定时器

src/pages/dataScreen/views/modelList/components/ModelBox.vue

@@ -132,7 +132,7 @@ const handleClickDetail = (modelData: CardProductType) => {
   position: relative;
   padding: 65px 20px 24px;
   margin-top: 40px;
-  margin-bottom: 24px;
+  margin-bottom: 4px;
   width: 100%;
   height: 172px;
   background: linear-gradient(

src/pages/dataScreen/views/modelList/modelList.scss

@@ -1,5 +1,5 @@
 .modelList {
-  padding: 45px 32px;
+  padding: 32px;
   .banner_side {
     width: 29px;
     height: 870px;
@@ -35,7 +35,7 @@
         position: relative;
         padding: 65px 20px 24px;
         margin-top: 40px;
-        margin-bottom: 24px;
+        margin-bottom: 4px;
         width: 100%;
         height: 172px;
         background: linear-gradient(

src/pages/dataScreen/views/serverList/components/ServerBox.vue

@@ -105,7 +105,7 @@ const progressData = ref([
 <style lang="scss" scoped>
 .server-box {
   box-sizing: border-box;
-  margin-bottom: 24px;
+  margin-bottom: 4px;
   width: 404px;
   // height: 214px;
   .server-box-title {

src/pages/dataScreen/views/serverList/serverList.scss

@@ -1,5 +1,5 @@
 .serverList {
-  padding: 45px 0px;
+  padding: 32px 0px;
   .banner_side {
     width: 130px;
     height: 855px;
@@ -13,7 +13,7 @@
     flex: 1;
     display: flex;
     flex-direction: column;
-    justify-content: center;
+    justify-content: flex-start;
     align-items: center;
     .server-list-title {
       margin-bottom: 24px;
@@ -36,7 +36,7 @@
     }
     .server-list-box {
       .server-box {
-        margin-bottom: 24px;
+        margin-bottom: 4px;
         box-sizing: border-box;
         width: 404px;
         // height: 214px;

src/pages/dataScreen/views/serverList/serverList.vue

@@ -104,7 +104,7 @@ onMounted(() => {
     <div class="server-list-mid">
       <div class="server-list-title ff1"><span>服务器运行状态</span></div>
       <div class="server-list-box w-full">
-        <el-scrollbar height="704px" class="content">
+        <el-scrollbar height="744px" class="content">
           <Waterfall :list="list" v-bind="options">
             <template #item="{ item }">
               <ServerBox :serverData="item" />