柯赛修改车间看板样式调整

src/components/prodlinechart/up1Chart/up1DChart/index.vue

@@ -4,7 +4,7 @@
     <Echart
         :options="options"
         :id="id"
-        height="150px"
+        height="120px"
         width="200px"
     ></Echart>
   </div>

src/views/prodline/bottom1.vue

@@ -46,7 +46,7 @@ export default {
       config: {
         header: ['销售工单','业务员', '产品名称', '订单数', '计划数','完成数', '提醒事项','异常事项'],
         data: [],
-        rowNum: 8,
+        rowNum: 9,
         headerHeight: 35,
         headerBGC: 'rgba(15,19,37,0.1)',
         oddRowBGC: 'rgba(15,19,37,0.1)',
@@ -180,7 +180,7 @@ export default {
 </script>
 
 <style lang="scss">
-$box-height: 570px;
+$box-height: 630px;
 $box-width: 100%;
 
 #bottom1 {
@@ -190,7 +190,7 @@ $box-width: 100%;
   border-radius: 5px;
   .bg-color-black {
     border-radius: 10px;
-    height: 560px;
+    height: 605px;
     padding: 5px;
   }
   .up {
@@ -200,7 +200,7 @@ $box-width: 100%;
       display: flex;
       align-items: center;     /* 垂直居中 */
       .vertical-text {
-        height: 380px;
+        height: 420px;
         background: linear-gradient(160deg, #0066cc, #0044aa);
         color: white;
         padding: 15px 5px;
@@ -225,7 +225,7 @@ $box-width: 100%;
 
     .body-box {
       width: $box-width;
-      height: 450px;
+      height: 495px;
       overflow: hidden;
       .dv-scroll-board {
         width: 100% !important;
@@ -258,7 +258,7 @@ $box-width: 100%;
   }
   .down1{
     width:100%;
-    height: 40px;
+    height: 50px;
     border-radius: 15px;
     color: white;              /* 文字颜色 */
     padding: 1px 35px;        /* 内边距 */
@@ -266,7 +266,7 @@ $box-width: 100%;
     display: flex;
     justify-content: space-between;
     align-items: center;
-    font-size: 22px;
+    font-size: 23px;
     font-weight: bold;
     .spec{
       width:80px;
@@ -283,7 +283,7 @@ $box-width: 100%;
   .ticker-wrapper {
     display: flex;
     position: relative;
-    height: 40px;
+    height: 50px;
     align-items: center;
     overflow: hidden;
     color: red;
@@ -349,7 +349,7 @@ $box-width: 100%;
     right: 0;
     top: 50%;
     transform: translateY(-50%);
-    height: 30px;
+    height: 35px;
     width: 2px;
     background: rgba(255, 255, 255, 0.2);
   }

src/views/prodline/up1.vue

@@ -121,7 +121,7 @@ import CenterChart from "../../components/prodlinechart/up1Chart/up1DChart";
 </script>
 
 <style lang="scss" scoped>
-  $box-height: 380px;
+  $box-height: 320px;
   $box-width: 100%;
   #up1 {
     padding: 13px;
@@ -141,7 +141,7 @@ import CenterChart from "../../components/prodlinechart/up1Chart/up1DChart";
       align-items: center;     /* 垂直居中 */
       .vertical-text {
         width:50px;
-        height: 320px;
+        height: 280px;
         writing-mode: vertical-lr; /* 垂直方向从左到右 */
         text-orientation: mixed;   /* 保持文字方向 */
         //  background-color: #1a5cd7; /* 蓝色背景 */

src/views/prodline/up2.vue

@@ -21,7 +21,7 @@ export default {
       config: {
         header: ['设备编号','设备名称', '运行状态','维保状态'],
         data: [],
-        rowNum: 8, //表格行数
+        rowNum: 6, //表格行数
         headerHeight: 40,
         headerBGC: 'rgba(15,19,37,0.1)', //表头
         oddRowBGC: 'rgba(15,19,37,0.1)', //奇数行
@@ -88,7 +88,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-$box-height: 380px;
+$box-height: 320px;
 $box-width: 100%;
 #up2 {
   padding: 13px;
@@ -105,7 +105,7 @@ $box-width: 100%;
 
   .body-box {
     ::v-deep .dv-scroll-board {
-      height: 350px;
+      height: 290px;
       padding-top: 0px; // 添加这行减少顶部间距
       .header {
         font-size: 20px !important;

src/views/prodline/up4.vue

@@ -135,7 +135,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-$box-height: 380px;
+$box-height: 320px;
 $box-width: 100%;
 #up4 {
   padding: 13px;
@@ -172,7 +172,7 @@ $box-width: 100%;
       }
       .responsive-img {
         width: 150px; /* 或者指定宽度，如 300px */
-        height: 160px; /* 保持图片的宽高比 */
+        height: 150px; /* 保持图片的宽高比 */
         margin-left: 20px;
       }
     }

src/views/zz/up4.vue

@@ -102,10 +102,10 @@ export default {
                 this.upitem.v_quaname = dataList[0].v_quaname2;
                 this.upitem.v_leadimageurl = dataList[0].v_leadimageurl2;
                 this.upitem.v_quaimageurl = dataList[0].v_quaimageurl2;
-                if (null != this.upitem.v_leadimageurl2 && '' != this.upitem.v_leadimageurl2) {
+                if (null != this.upitem.v_leadimageurl && '' != this.upitem.v_leadimageurl) {
                   this.fetchImage('imgSrc1', this.upitem.v_leadimageurl);
                 }
-                if (null != this.upitem.v_quaimageurl2 && '' != this.upitem.v_quaimageurl2) {
+                if (null != this.upitem.v_quaimageurl && '' != this.upitem.v_quaimageurl) {
                   this.fetchImage('imgSrc2', this.upitem.v_quaimageurl);
                 }
               }