首页update

src/views/common/home.vue

@@ -1,5 +1,7 @@
 <template>
-  <div class="mod-home">
+  <div class="mod-home" id="content">
+    <el-button @click="fullScreen" class="full-screen-btn">全屏</el-button>
+
     <el-row :span="24" class="sample-bg">
       <el-col :span="6" class="bg1-1">
         <el-row :span="24" class="bg1-1-1">
@@ -110,11 +112,11 @@
                   <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>
-                    <el-table-column prop="remainTime" label="剩余时间"></el-table-column>
+                    <!-- <el-table-column prop="orderCode" label="订单号"></el-table-column> -->
+                    <el-table-column prop="remainTime" label="剩余时间" width="70"></el-table-column>
                     <el-table-column prop="deliveryTime" label="交付日期"></el-table-column>
                     <el-table-column prop="customerName" label="客户名称"></el-table-column>
-                    <el-table-column prop="salesmenName" label="业务员"></el-table-column>
+                    <!-- <el-table-column prop="salesmenName" label="业务员"></el-table-column> -->
                 </el-table>
               </div>
             </div>
@@ -135,8 +137,8 @@
                     <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>
-                    <el-table-column prop="damageReason" label="原因"></el-table-column>
-                    <el-table-column prop="liableUserName" label="报损人"></el-table-column>
+                    <!-- <el-table-column prop="damageReason" label="原因"></el-table-column> -->
+                    <el-table-column prop="liableUserName" label="报损人" width="80"></el-table-column>
                     <el-table-column prop="createTime" label="报损时间"></el-table-column>
                 </el-table>
               </div>
@@ -156,7 +158,7 @@
               <div class="table">
                   <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="nodeName" label="工序"></el-table-column>
+                    <el-table-column prop="nodeName" label="工序" width="70"></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>
@@ -179,7 +181,7 @@
                   <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>
+                    <el-table-column prop="cnt" label="数量" width="50"></el-table-column>
                     <el-table-column prop="createTime" label="时间"></el-table-column>
                     <el-table-column prop="applicant" label="申请人"></el-table-column>
                 </el-table>
@@ -208,28 +210,45 @@
       analyticsTimer: null,
       //合同预警列表
       contractAlarmList: [],
+      contractAlarmListTimer: null,
       //客户排名列表
       customerRankList: [],
+      customerRankListTimer: null,
       //报损记录列表
       damageList: [],
+      damageListTimer: null,
       //出库记录列表
       outboundRecordList: [],
+      outboundRecordListTimer: null,
       //合同生产记录列表
       contractProdList: [],
+      contractProdListTimer: null,
       //报工列表
-      submittedRecordList: []
+      submittedRecordList: [],
+      submittedRecordListTimer: null
     }
   },
   created () {
     this.getAnalytics();
-    this.analyticsTimer = setInterval(this.getAnalytics,1000 * 3600);
+    this.analyticsTimer = setInterval(this.getAnalytics,1000 * 3600); //1小时刷新
 
     this.getContractAlarmList();
+    this.contractAlarmListTimer = setInterval(this.getContractAlarmList, 1000 * 60 * 10); //10分钟刷新
+
     this.getCustomerRankList();
+    this.damageListTimer = setInterval(this.getCustomerRankList, 1000 * 60 * 10); //10分钟刷新
+
     this.getDamageList();
+    this.customerRankListTimer = setInterval(this.getDamageList, 1000 * 60 * 10); //10分钟刷新
+
     this.getOutboundRecordList();
+    this.outboundRecordListTimer = setInterval(this.getOutboundRecordList, 1000 * 60 * 5); //5分钟刷新
+
     this.getContractProdList();
+    this.contractProdListTimer = setInterval(this.getContractProdList, 1000 * 60 * 10); //10分钟刷新
+
     this.getSubmittedRecordList();
+    this.submittedRecordListTimer = setInterval(this.getSubmittedRecordList, 1000 * 60 * 5); //5分钟刷新
   },
   mounted(){
     this.contractProdTableScroll();
@@ -241,6 +260,12 @@
   },
   beforeDestroy () {
     clearInterval(this.analyticsTimer);
+    clearInterval(this.contractAlarmListTimer);
+    clearInterval(this.damageListTimer);
+    clearInterval(this.customerRankListTimer);
+    clearInterval(this.outboundRecordListTimer);
+    clearInterval(this.contractProdListTimer);
+    clearInterval(this.submittedRecordListTimer);
   },
   methods: {
     //合同统计
@@ -388,6 +413,11 @@
               }
           }, 50)
       })
+    },
+    //全屏显示
+    fullScreen(){
+      const element = document.getElementById('content');
+      element.requestFullscreen();
     }
   }
 }
@@ -406,6 +436,16 @@ body,
 .mod-home {
   /* line-height: 1.5; */
   height: 100%;
+  position: relative;
+}
+
+.full-screen-btn {
+  position: absolute;
+  top: 0;
+  right: 0;
+  z-index: 9;
+  padding: 0 0;
+  border-radius: 0;
 }
 
 .sample-bg {