添加温湿度调整ui布局

src/views/smt.vue

@@ -59,7 +59,7 @@
               <!-- 中间 -->
               <div>
                 <dv-border-box-12>
-                  <center />
+                  <center1 />
                 </dv-border-box-12>
               </div>
               <!-- 中间 -->
@@ -108,7 +108,8 @@ import { formatTime } from '../utils/index.js';
 
 import centerLeft1 from './smt/centerLeft1'
 import centerLeft_two from './smt/centerLeft_two'
-import center from './smt/center'
+// import center from './smt/center'
+import center1 from './smt/center1'
 import bottomRight2 from './smt/bottomRight2'
 import centerOldData from './smt/centerOldData'
 import centerRight2 from './smt/centerRight2'
@@ -136,7 +137,8 @@ export default {
     centerLeft1,
     centerLeft_two,
     //  centerRight1,
-    center,
+    // center,
+    center1,
     centerRight2,
     centerOldData,
     bottomRight2,

src/views/smt/center1.vue

@@ -0,0 +1,74 @@
+<template>
+  <div id="center1">
+    <div class="d-flex pt-2 pl-2 bg-color-black">
+      <span>
+        <icon name="chart-line" class="text-icon"></icon>
+      </span>
+      <div class="d-flex">
+        <span class="fs-xl text mx-2" style="color: #d3d6dd;">温湿度</span>
+      </div>
+    </div>
+    <div class="d-flex jc-center body-box bg-color-black" style="width: 100%;height: 360px;">
+      <dv-scroll-board class="dv-scr-board" :config="config1" ref="scroll-board" />
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      config1: {
+        header: ['点位', '温度', '湿度'],
+        data: [],
+        rowNum: 9,
+        headerHeight: 35,
+        headerBGC: '#0f1325',
+        oddRowBGC: '#0f1325',
+        evenRowBGC: '#171c33',
+        // columnWidth: [130, 130, 130],
+        align: ['center', 'center', 'center']
+      },
+    }
+  },
+  mounted() {
+    this.refreshdata();
+  },
+  methods: {
+    refreshdata() {
+      this.settestdata();
+      setInterval(() => {
+        this.settestdata();
+      }, 10000);
+    },
+    async settestdata() {
+      await this.$http.get("kanban/datalist.action?caller=SMT_HUMITURE&_noc=1&page=1&pageSize=100&condition=1=1").then((result) => {
+        let dataList = JSON.parse(result.data.data);
+        let resultList = new Array();
+        for (let index = 0; index < dataList.length; index++) {
+          const element = dataList[index];
+          let item = new Array();
+          item.push(element.equitype);
+          item.push("<span  class='colorGrass'>" + element.checkpoint1_t + "</span>");
+          item.push("<span  class='colorGrass'>" + element.checkpoint1_t + "</span>");
+          resultList.push(item);
+        }
+        const scrollBoard = this.$refs['scroll-board'];
+        scrollBoard.updateRows(resultList);
+      }, (result) => {
+        console.error(result)
+      });
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+#center1 {
+  width: 100%;
+  height: 100%;
+  padding: 12px;
+  padding-top: 20px;
+  box-sizing: border-box;
+}
+</style>

src/views/smt/centerLeft_two.vue

@@ -17,11 +17,18 @@
             </div>
           </div>
         </div>
-        <div class="down">
-          <span class="fs-xl text mx-2">功能测试岗位良率分析</span>
+        <div class="down" style="height: 230px;">
+          <span class="fs-xl text mx-2">制程质量管控任务统计</span>
+          <div class="bg-color-black item" v-for="item in titleItem1" :key="item.title">
+            <p class="ml-3 colorBlue fw-b fs-xl">{{ item.title }}</p>
+            <div>
+              <dv-digital-flop class="dv-dig-flop ml-1 mt-2 pl-3" :config="item.number" />
+            </div>
+          </div>
+          <!-- <span class="fs-xl text mx-2">功能测试岗位良率分析</span>
           <div class="pad-15">
             <centerRight2Chart1 />
-          </div>
+          </div> -->
         </div>
       </div>
     </div>
@@ -29,7 +36,7 @@
 </template>
 
 <script>
-import centerRight2Chart1 from '@/components/smt/centerRight/centerRightChart'
+// import centerRight2Chart1 from '@/components/smt/centerRight/centerRightChart'
 
 export default {
   data() {
@@ -38,9 +45,10 @@ export default {
         data: [{ name: '客户', value: 90 }]
       },
       titleItem: [],
+      titleItem1: [],
     }
   },
-  components: { centerRight2Chart1 },
+  // components: { centerRight2Chart1 },
   mounted() {
     this.refreshdata();
   },
@@ -72,6 +80,30 @@ export default {
                          console.error(result)
                        }
                );*/
+      await this.$http.get("kanban/datalist.action?caller=CheckData_SMT&_noc=1&page=1&pageSize=100&condition=1=1")
+        .then((result) => {
+          let dataList = JSON.parse(result.data.data);
+          let titleitems = new Array();
+          for (let index = 0; index < dataList.length; index++) {
+            const element = dataList[index];
+            titleitems.push({
+              title: element.name,
+              number: {
+                number: [element.value],
+                textAlign: 'left',
+                content: '{nt}',
+                style: {
+                  fontSize: 26
+                }
+              }
+            });
+          }
+          this.titleItem1 = titleitems;
+        }, (result) => {
+          console.error(result)
+        }
+        );
+
       await this.$http.get("kanban/datalist.action?caller=MAKEQTY_SMT&_noc=1&page=1&pageSize=100&condition=1=1")
         .then((result) => {
           let dataList = JSON.parse(result.data.data);
@@ -139,6 +171,8 @@ export default {
   .body-box {
     border-radius: 10px;
     overflow: hidden;
+    display: flex;
+    flex-direction: column;
 
     /* .dv-cap-chart {
         width: 100%;
@@ -150,7 +184,7 @@ export default {
       display: flex;
       flex-wrap: wrap;
       //justify-content: space-around;
-      height: 140px;
+      // height: 140px;
       margin-bottom: 7px;
 
       .item {
@@ -168,13 +202,45 @@ export default {
     }
 
     .down {
-      padding: 20px 0px 0px 0px;
+      width: 100%;
+      display: flex;
+      flex-wrap: wrap;
+      padding-top: 10px;
+      justify-content: space-around;
+
+      .item {
+        border-radius: 6px;
+        padding-top: 5px;
+        margin-top: 5px;
+        width: 45%;
+        height: 60px;
 
-      .pad-15 {
-        padding: 15px 0px 0px 0px;
+        .dv-dig-flop {
+          width: 150px;
+          height: 25px;
+        }
       }
     }
 
   }
 }
+
+::v-deep .dv-scroll-ranking-board .ranking-info .rank {
+  width: 40px;
+  color: #18a158
+}
+
+::v-deep .dv-scroll-ranking-board .ranking-column {
+  border-bottom: 2px solid rgb(25, 161, 95, .5);
+  margin-top: 5px
+}
+
+::v-deep .dv-scroll-ranking-board .ranking-column .inside-column {
+  position: relative;
+  height: 6px;
+  background-color: #19a15f;
+  margin-bottom: 2px;
+  border-radius: 1px;
+  overflow: hidden
+}
 </style>