首页update

src/api/home.js

@@ -52,4 +52,13 @@ export function getContractProdList (params) {
         method: 'get',
         params
     })
+}
+
+//报工列表
+export function getSubmittedRecordList (params) {
+    return request({
+        url: request.adornUrl('/biz-service/DashboardCtl/submittedRecord'),
+        method: 'get',
+        params
+    })
 }

src/views/common/home.vue

@@ -54,7 +54,7 @@
         <el-row :span="24" class="bg1-2-3">
           <div class="box-contract-table">
             <div class="contract-table table">
-              <el-table :data="contractProdList" height="100%" row-class-name="custom-ranking-table-row" style="width:100%;">
+              <el-table ref="contractProdTable" :data="contractProdList" height="100%" row-class-name="custom-ranking-table-row" style="width:100%;">
                 <el-table-column type="index" label="序号"></el-table-column>
                 <el-table-column prop="orderCode" label="合同号"></el-table-column>
                 <el-table-column prop="productName" label="产品名称"></el-table-column>
@@ -82,14 +82,13 @@
           <div class="box-custom-ranking">
             <div class="custom-ranking">
               <div class="table">
-                  <el-table :data="customerRankList" height="100%" row-class-name="custom-ranking-table-row" style="width:100%;">
+                  <el-table ref="customerRankTable" :data="customerRankList" height="100%" row-class-name="custom-ranking-table-row" style="width:100%;">
                     <el-table-column prop="customerName" label="客户名称"></el-table-column>
                     <el-table-column label="合同金额占比">
                       <template slot-scope="scope">
                         <el-progress :text-inside="true" :stroke-width="16" :percentage="scope.row.percentage * 100" status="success"></el-progress>
                       </template>
                     </el-table-column>
-                    <el-table-column prop="no" label="增长率" width="80" fixed="right"></el-table-column>
                 </el-table>
               </div>
             </div>
@@ -108,7 +107,7 @@
           <div class="box-contract-alert">
             <div class="contract-alert">
               <div class="table">
-                  <el-table :data="contractAlarmList" height="100%" row-class-name="custom-ranking-table-row" style="width:100%;">
+                  <el-table ref="contractAlarmTable" :data="contractAlarmList" height="100%" row-class-name="custom-ranking-table-row" style="width:100%;">
                     <el-table-column type="index" label="序号"></el-table-column>
                     <el-table-column prop="contractNumber" label="合同号"></el-table-column>
                     <el-table-column prop="orderCode" label="订单号"></el-table-column>
@@ -132,7 +131,7 @@
           <div class="box-contract-alert">
             <div class="contract-alert">
               <div class="table">
-                  <el-table :data="damageList" height="100%" row-class-name="custom-ranking-table-row" style="width:100%;">
+                  <el-table ref="damageTable" :data="damageList" height="100%" row-class-name="custom-ranking-table-row" style="width:100%;">
                     <el-table-column type="index" label="序号"></el-table-column>
                     <el-table-column prop="productName" label="产品"></el-table-column>
                     <el-table-column prop="prodCode" label="编号"></el-table-column>
@@ -155,14 +154,12 @@
           <div class="box-contract-alert">
             <div class="contract-alert">
               <div class="table">
-                  <el-table :data="contractList" height="100%" row-class-name="custom-ranking-table-row" style="width:100%;">
+                  <el-table ref="submittedRecordTable" :data="submittedRecordList" height="100%" row-class-name="custom-ranking-table-row" style="width:100%;">
                     <el-table-column type="index" label="序号"></el-table-column>
-                    <el-table-column prop="contractNo" label="合同号"></el-table-column>
-                    <el-table-column prop="contractNo" label="订单号"></el-table-column>
-                    <el-table-column prop="progress" label="剩余时间"></el-table-column>
-                    <el-table-column prop="progress" label="交付日期"></el-table-column>
-                    <el-table-column prop="customName" label="客户名称"></el-table-column>
-                    <el-table-column prop="customName" label="业务员"></el-table-column>
+                    <el-table-column prop="nodeName" label="工序"></el-table-column>
+                    <el-table-column prop="taskName" label="产品名字"></el-table-column>
+                    <el-table-column prop="endTime" label="完成时间"></el-table-column>
+                    <el-table-column prop="operatorName" label="操作人名字"></el-table-column>
                 </el-table>
               </div>
             </div>
@@ -179,7 +176,7 @@
           <div class="box-contract-alert">
             <div class="contract-alert">
               <div class="table">
-                  <el-table :data="outboundRecordList" height="100%" row-class-name="custom-ranking-table-row" style="width:100%;">
+                  <el-table ref="outboundRecordTable" :data="outboundRecordList" height="100%" row-class-name="custom-ranking-table-row" style="width:100%;">
                     <el-table-column type="index" label="序号"></el-table-column>
                     <el-table-column prop="materialName" label="物品"></el-table-column>
                     <el-table-column prop="cnt" label="数量"></el-table-column>
@@ -196,7 +193,7 @@
 </template>
 
 <script>
- import { getAnalytics, getContractAlarmList, getCustomerRankList, getDamageList, getOutboundRecordList, getContractProdList } from '@/api/home'
+ import { getAnalytics, getContractAlarmList, getCustomerRankList, getDamageList, getOutboundRecordList, getContractProdList, getSubmittedRecordList } from '@/api/home'
  export default {
   name: 'home',
   components: {
@@ -219,15 +216,8 @@
       outboundRecordList: [],
       //合同生产记录列表
       contractProdList: [],
-      contractList:[
-        {no:"1",contractNo:"NKDI98SDF",productName:"课桌粉笔",productNo:"KIHDSDF",batchNo:"N23",progress:"80",customName:"中国联通",operatorName:"小王"},
-        {no:"1",contractNo:"NKDI98SDF",productName:"课桌粉笔",productNo:"KIHDSDF",batchNo:"N23",progress:"80",customName:"中国联通",operatorName:"小王"},
-        {no:"1",contractNo:"NKDI98SDF",productName:"课桌粉笔",productNo:"KIHDSDF",batchNo:"N23",progress:"80",customName:"中国联通",operatorName:"小王"},
-        {no:"1",contractNo:"NKDI98SDF",productName:"课桌粉笔",productNo:"KIHDSDF",batchNo:"N23",progress:"80",customName:"中国联通",operatorName:"小王"},
-        {no:"1",contractNo:"NKDI98SDF",productName:"课桌粉笔",productNo:"KIHDSDF",batchNo:"N23",progress:"80",customName:"中国联通",operatorName:"小王"},
-        {no:"1",contractNo:"NKDI98SDF",productName:"课桌粉笔",productNo:"KIHDSDF",batchNo:"N23",progress:"80",customName:"中国联通",operatorName:"小王"},
-        {no:"1",contractNo:"NKDI98SDF",productName:"课桌粉笔",productNo:"KIHDSDF",batchNo:"N23",progress:"80",customName:"中国联通",operatorName:"小王"}
-      ]
+      //报工列表
+      submittedRecordList: []
     }
   },
   created () {
@@ -239,6 +229,15 @@
     this.getDamageList();
     this.getOutboundRecordList();
     this.getContractProdList();
+    this.getSubmittedRecordList();
+  },
+  mounted(){
+    this.contractProdTableScroll();
+    this.customerRankTableScroll();
+    this.contractAlarmTableScroll();
+    this.outboundRecordTableScroll();
+    this.submittedRecordTableScroll();
+    this.damageTableScroll();
   },
   beforeDestroy () {
     clearInterval(this.analyticsTimer);
@@ -311,6 +310,84 @@
           this.contractProdList = data.data.records;
         }
       })
+    },
+    //报工列表
+    getSubmittedRecordList(){
+      let params = {
+        'current': 1,
+        'size': 20
+      }
+       getSubmittedRecordList(params).then(({data}) => {
+        if(data && data.code === '200') {
+          this.submittedRecordList = data.data.records;
+        }
+      })
+    },
+    contractProdTableScroll() {
+      this.$nextTick(() => {
+          const divData =this.$refs.contractProdTable.bodyWrapper
+          setInterval(() => {
+              divData.scrollTop += 1
+              if (divData.clientHeight + divData.scrollTop + 1 > divData.scrollHeight) {
+                  divData.scrollTop =0
+              }
+          }, 50)
+      })
+    },
+    customerRankTableScroll(){
+      this.$nextTick(() => {
+          const divData =this.$refs.customerRankTable.bodyWrapper
+          setInterval(() => {
+              divData.scrollTop += 1
+              if (divData.clientHeight + divData.scrollTop + 1 > divData.scrollHeight) {
+                  divData.scrollTop =0
+              }
+          }, 50)
+      })
+    },
+    contractAlarmTableScroll(){
+      this.$nextTick(() => {
+          const divData =this.$refs.contractAlarmTable.bodyWrapper
+          setInterval(() => {
+              divData.scrollTop += 1
+              if (divData.clientHeight + divData.scrollTop + 1 > divData.scrollHeight) {
+                  divData.scrollTop =0
+              }
+          }, 50)
+      })
+    },
+    outboundRecordTableScroll(){
+      this.$nextTick(() => {
+          const divData =this.$refs.outboundRecordTable.bodyWrapper
+          setInterval(() => {
+              divData.scrollTop += 1
+              if (divData.clientHeight + divData.scrollTop + 1 > divData.scrollHeight) {
+                  divData.scrollTop =0
+              }
+          }, 50)
+      })
+    },
+    submittedRecordTableScroll(){
+      this.$nextTick(() => {
+          const divData =this.$refs.submittedRecordTable.bodyWrapper
+          setInterval(() => {
+              divData.scrollTop += 1
+              if (divData.clientHeight + divData.scrollTop + 1 > divData.scrollHeight) {
+                  divData.scrollTop =0
+              }
+          }, 50)
+      })
+    },
+    damageTableScroll(){
+      this.$nextTick(() => {
+          const divData =this.$refs.damageTable.bodyWrapper
+          setInterval(() => {
+              divData.scrollTop += 1
+              if (divData.clientHeight + divData.scrollTop + 1 > divData.scrollHeight) {
+                  divData.scrollTop =0
+              }
+          }, 50)
+      })
     }
   }
 }