Browse Source

[Mod 0000]解决首页布局错乱

wangkeyi 3 tháng trước cách đây
mục cha
commit
a6ad8fc749

BIN
src/assets/images/sealedGoaf/configurable/miniBoard/board-bg-A-1.png


BIN
src/assets/images/sealedGoaf/configurable/miniBoard/board-bg-A-11.png


BIN
src/assets/images/sealedGoaf/configurable/miniBoard/board-bg-A-2.png


BIN
src/assets/images/sealedGoaf/configurable/miniBoard/board-bg-A-3.png


BIN
src/assets/images/sealedGoaf/configurable/miniBoard/board-bg-A-4.png


BIN
src/assets/images/sealedGoaf/configurable/miniBoard/board-bg-A-5.png


+ 5 - 4
src/components/Configurable/ModulePrimary.vue

@@ -119,13 +119,14 @@
       .common-navL {
         display: flex;
         color: #234e8e;
-        font-size: 18px;
-        margin-top: -15px;
+        font-size: 14px;
+        font-style: normal;
+        font-weight: 700;
+        margin-top: -10px;
         .navL-title {
-          font-weight: 600;
         }
         .navL-slot {
-          padding-left: 20px;
+          padding-left: 10px;
         }
       }
 

+ 7 - 8
src/components/Configurable/detail/MiniBoard.vue

@@ -130,15 +130,14 @@
     white-space: nowrap;
   }
   .mini-board_A {
-    width: 220px;
-    height: 52px;
+    width: 210px;
+    height: 43px;
     display: flex;
     justify-content: space-between;
-    align-items: center;
-    padding: 0 20px 0 20px;
+    align-items: end;
+    padding: 0 12px 0 20px;
     background-image: var(--image-board-bg-A-1);
     background-size: 100% 100%;
-    margin-top: 5px;
   }
   .mini-board_A:nth-child(2) {
     background-image: var(--image-board-bg-A-2);
@@ -160,13 +159,13 @@
     font-size: 13px;
     font-family: 'Microsoft YaHei';
     font-weight: bold;
-    padding-bottom: 6px;
+    padding-bottom: 5px;
   }
   .mini-board__value_A {
     width: 55px;
     color: #000000;
-    font-size: 25px;
-    padding-bottom: 13px;
+    font-size: 22px;
+    padding-bottom: 10px;
     font-family: 'Microsoft YaHei';
   }
   .mini-board_B {

+ 18 - 18
src/views/dashboard/SealedGoaf/configurable.data.sealedGoaf.ts

@@ -60,9 +60,9 @@ export const testConfigSealedGoaf: Config[] = [
       preset: [],
     },
     showStyle: {
-      size: 'width:440px;height:220px;',
+      size: 'width:440px;height:170px;',
       version: '原版',
-      position: 'top:20px;left:10px;',
+      position: 'top:20px;left:25px;',
     },
   },
   // 2. 当日生产状态
@@ -116,9 +116,9 @@ export const testConfigSealedGoaf: Config[] = [
       preset: [],
     },
     showStyle: {
-      size: 'width:440px;height:160px;',
+      size: 'width:440px;height:140px;',
       version: '原版',
-      position: 'top:250px;left:10px;',
+      position: 'top:190px;left:25px;',
     },
   },
   // 3. 煤层自燃倾向性
@@ -171,9 +171,9 @@ export const testConfigSealedGoaf: Config[] = [
       preset: [],
     },
     showStyle: {
-      size: 'width:440px;height:230px;',
+      size: 'width:440px;height:180px;',
       version: '原版',
-      position: 'bottom:440px;left:10px;',
+      position: 'top:320px;left:25px;',
     },
   },
   // 4. 联网状态
@@ -345,9 +345,9 @@ export const testConfigSealedGoaf: Config[] = [
       },
     },
     showStyle: {
-      size: 'width:440px;height:400px;',
+      size: 'width:440px;height:315px;',
       version: '原版',
-      position: 'bottom:20px;left:10px;',
+      position: 'bottom:20px;left:25px;',
     },
   },
   // 5. 密闭情况总览
@@ -378,12 +378,12 @@ export const testConfigSealedGoaf: Config[] = [
         items: [
           {
             name: 'board',
-            basis: '35%',
+            basis: '40%',
             overflow: true,
           },
           {
             name: 'table',
-            basis: '65%',
+            basis: '60%',
             overflow: true,
           },
         ],
@@ -514,9 +514,9 @@ export const testConfigSealedGoaf: Config[] = [
       },
     },
     showStyle: {
-      size: 'width:440px;height:450px;',
+      size: 'width:440px;height:340px;',
       version: '原版',
-      position: 'top:-20px;right:10px;',
+      position: 'top:-20px;right:25px;',
     },
   },
   // 6. 采空区密闭预警分析
@@ -547,12 +547,12 @@ export const testConfigSealedGoaf: Config[] = [
         items: [
           {
             name: 'board',
-            basis: '40%',
+            basis: '42%',
             overflow: true,
           },
           {
             name: 'table',
-            basis: '60%',
+            basis: '58%',
             overflow: true,
           },
         ],
@@ -681,9 +681,9 @@ export const testConfigSealedGoaf: Config[] = [
       // },
     },
     showStyle: {
-      size: 'width:440px;height:400px;',
+      size: 'width:440px;height:310px;',
       version: '原版',
-      position: 'top:440px;right:10px;',
+      position: 'top:330px;right:25px;',
     },
   },
   // 7. 当日报警情况统计
@@ -768,9 +768,9 @@ export const testConfigSealedGoaf: Config[] = [
       preset: [],
     },
     showStyle: {
-      size: 'width:440px;height:210px;',
+      size: 'width:440px;height:180px;',
       version: '原版',
-      position: 'bottom:20px;right:10px;',
+      position: 'bottom:10px;right:25px;',
     },
   },
 ];