总看板样式调整

src/views/smt/bottom2.vue

@@ -32,15 +32,15 @@
     data() {
       return {
         config1: {
-          header: ['线别','机台','站位','料号','抛料率%', '抛料数'],
+          header: ['线别','站位','料号','抛料率%', '抛料数'],
           data: [],
           rowNum: 5, //表格行数
           headerHeight: 35,
           headerBGC: '#0f1325', //表头
           oddRowBGC: '#0f1325', //奇数行
           evenRowBGC: '#171c33', //偶数行
-          columnWidth: [110,140,130,180,90,90],
-           align: ['center','center','center','center','center','center']
+          columnWidth: [110,140,170,120,120,90],
+           align: ['center','center','center','center','center']
         },
         config2: {
           header: ['工单号','类型','编号','使用次数'],
@@ -88,7 +88,6 @@
                             let item = new Array();
                             //"线别", "机台", "料号", "抛料率", "抛料数"
                             item.push(element.v_licode);
-                            item.push(element.machine);
                             item.push(element.prlocation);
                             item.push(element.prodcode);
                            if(element.plrate>1) {  //抛料率大于1%显示红色

src/views/total/centerLeft1ALL.vue

@@ -3,48 +3,90 @@
     <div class="bg-color-black">
       <div class="d-flex pt-2 pl-2">
         <span>
-          <icon name="chart-bar" class="text-icon"></icon>
+          <icon name="chart-line" class="text-icon"></icon>
         </span>
-        <span class="fs-xl text mx-2 mb-1 pl-3">各车间工单完成情况统计</span>
+        <div class="d-flex">
+          <span class="fs-xl text mx-2">各车间工单达成率</span>
+        </div>
       </div>
-      <div class="d-flex jc-center columnperent">
-         <CenterLeft1ALLChart/>
+      <div class="d-flex jc-center body-box">
+        <dv-scroll-board class="dv-scr-board" :config="config" ref="scroll-board" />
       </div>
     </div>
   </div>
 </template>
 
 <script>
-import CenterLeft1ALLChart from '@/components/totalchart/centerLeft/centerLeft1ALLChart'
 export default {
   data() {
     return {
-      titleItem:[],
       config: {
-        data: [],
-        showValue: true
+        header:  ['车间','数量','投入','产出', '不良','良率%','达成率%'],
+        data: [
+        ],
+        rowNum: 7, //表格行数
+        headerHeight: 35,
+        headerBGC: '#0f1325', //表头
+        oddRowBGC: '#0f1325', //奇数行
+        evenRowBGC: '#171c33', //偶数行
+        columnWidth: [100,65,65,65,65,65,80],
+        align: ['center']
       },
-      intervalId :null
+      timing : null,
     }
   },
-  components: {
-    CenterLeft1ALLChart,
-  },
   mounted() {
-    this.changeTiming()
+    this.refreshdata()
   },
   beforeDestroy () {
-   clearInterval(this.intervalId)
-    this.chart.dispose()
-    this.chart.clear()
-    this.chart=null
+    clearInterval(this.timing)
   },
   methods: {
-    changeTiming() {
-      this.changeNumber();
-      this.intervalId =  setInterval(() => {
-        this.changeNumber()
-      }, 20000)
+    refreshdata() {
+      this.getdata(); //获取-数据
+      /* this.$http.get("kanban/login.action?username=zhongyl&password=asd&sob=N_MES_TEST").then(
+            (result)=>{
+               console.info(result.data);
+               var res = result.data;
+               //登录成功返回session
+               sessionStorage.setItem('x-access-token',res.token);
+             },(result)=>{
+               console.error(result)
+          });*/
+
+      this.timing = setInterval(() => {
+        this.getdata(); //获取--数据
+      }, 30000);
+    },
+    async getdata() {
+      var caller = 'MAKEQTY!TOTAL';
+      //  const {data} = await this.$http.get("kanban/panelView/parseData/2B247DC439B3?index=0&kanbanCode=2B23AC00BCFB");
+      await this.$http.get("kanban/datalist.action?caller="+caller+"&_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("<span  class='colorGrass'>"+element.v_wccode+"</span>");
+              item.push("<span  class='colorGrass'>"+element.maqty+"</span>");
+              item.push("<span  class='colorGrass'>"+element.inqty+"</span>");
+              item.push("<span  class='colorGrass'>" + element.outqty + "</span>");
+              item.push("<span  class='colorGrass'>"+element.ngqty+"</span>");
+              item.push("<span  class='colorGrass'>"+element.rate+"</span>");
+              item.push("<span  class='colorGrass'>"+element.ngrate+"</span>");
+              resultList.push(item);
+            }
+            const scrollBoard = this.$refs['scroll-board'];
+            //刷新数据
+            scrollBoard.updateRows(resultList);
+          },(result)=>{
+            console.error(result)
+          }
+      );
     }
   }
 }
@@ -52,7 +94,7 @@ export default {
 
 <style lang="scss" scoped>
 $box-height: 420px;
-$box-width: 630px;
+$box-width: 100%;
 #centerLeft1ALL {
   padding: 0px;
   height: $box-height;
@@ -66,10 +108,6 @@ $box-width: 630px;
   }
 
 
-  .columnperent {
-    width: 100%;
-    display: flex;
-  }
   .text {
     color: #FFE900;
   }