看板-SMT增加在线钢网

src/views/smt/bottom2.vue

@@ -9,8 +9,19 @@
           <span class="fs-xl text mx-2">站位抛料数据</span>
         </div>
       </div>
-      <div class="d-flex jc-center body-box">
-        <dv-scroll-board class="dv-scr-board" :config="config" ref="scroll-board" />
+      <div class="d-flex jc-center body-box1">
+        <dv-scroll-board class="dv-scr-board" :config="config1" ref="scroll-board" />
+      </div>
+      <div class="d-flex pt-2 pl-2">
+        <span>
+          <icon name="chart-line" class="text-icon"></icon>
+        </span>
+        <div class="d-flex">
+          <span class="fs-xl text mx-2">在线钢网刮刀</span>
+        </div>
+      </div>
+      <div class="d-flex jc-center body-box2">
+        <dv-scroll-board class="dv-scr-board2" :config="config2" ref="scroll-board2" />
       </div>
     </div>
   </div>
@@ -20,16 +31,27 @@
   export default {
     data() {
       return {
-        config: {
+        config1: {
           header: ['供料器','位置','抛料率', '抛料数'],
           data: [],
-          rowNum: 10, //表格行数
+          rowNum: 5, //表格行数
           headerHeight: 35,
           headerBGC: '#0f1325', //表头
           oddRowBGC: '#0f1325', //奇数行
           evenRowBGC: '#171c33', //偶数行
           columnWidth: [200,200,150,150],
            align: ['center','center','center','center']
+        },
+        config2: {
+          header: ['工单号','类型','编号','使用次数'],
+          data: [],
+          rowNum: 5, //表格行数
+          headerHeight: 35,
+          headerBGC: '#0f1325', //表头
+          oddRowBGC: '#0f1325', //奇数行
+          evenRowBGC: '#171c33', //偶数行
+          columnWidth: [200,150,200,150],
+          align: ['center','center','center','center']
         }
       }
     },
@@ -77,6 +99,30 @@
                           console.error(result)
                         }
                 );
+        await this.$http.get("kanban/datalist.action?caller=KB!SMT!BUTTOM2!GWDATA&_noc=1&page=1&pageSize=100",{
+          params: {
+            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.v_macode);
+                    item.push(element.v_type);
+                    item.push(element.v_code);
+                    item.push(element.v_times);
+                    resultList.push(item);
+                  }
+                  const scrollBoard = this.$refs['scroll-board2'];
+                  //刷新数据
+                  scrollBoard.updateRows(resultList);
+                },(result)=>{
+                  console.error(result)
+                }
+        );
 
       }
     }
@@ -100,11 +146,21 @@
       color: #c3cbde;
       //  font-size: 15px;
     }
-    .body-box {
+    .body-box1 {
+      border-radius: 10px;
+      overflow: hidden;
+      height: 210px;
+      .dv-scr-board1 {
+        height: 200px;
+      }
+
+    }
+    .body-box2 {
       border-radius: 10px;
       overflow: hidden;
-      .dv-scr-board {
-        height: 420px;
+      height: 185px;
+      .dv-scr-board2 {
+        height: 180px;
       }
     }
   }