From 7ab21dcbd9ac533d8478f2bcb24f5ac9e61dce40 Mon Sep 17 00:00:00 2001
From: zengh <123456>
Date: Tue, 02 Feb 2021 18:44:21 +0800
Subject: [PATCH] 客户列表

---
 src/views/clientManagement/clientManagement.vue |   58 +++++++++++++++++++++++++++-------------------------------
 1 files changed, 27 insertions(+), 31 deletions(-)

diff --git a/src/views/clientManagement/clientManagement.vue b/src/views/clientManagement/clientManagement.vue
index 0309872..6ea112f 100644
--- a/src/views/clientManagement/clientManagement.vue
+++ b/src/views/clientManagement/clientManagement.vue
@@ -51,11 +51,13 @@
             </el-tag>
           </template>
 
-          <template slot-scope="{ row }" slot="jfzt">
-            <el-tag>{{
-              row.type == "0" ? "已缴费" : row.type == "1" ? "待缴费" : "无"
+          <template slot-scope="{ row }" slot="expireTime">
+            <span>
+              {{
+                row.expireTime
               }}
-            </el-tag>
+            </span>
+            <i class="el-icon-warning" v-if="row.type == 1"></i>
           </template>
 
         </avue-crud>
@@ -75,7 +77,7 @@
 </template>
 
 <script>
-  import {getList, remove, update, add, getclient, getDeptLazyTree,getAll} from "@/api/client/client";
+  import {getList, remove, update, add, getclient, getDeptLazyTree, getAll} from "@/api/client/client";
   import {mapGetters} from "vuex";
 
   export default {
@@ -93,7 +95,7 @@
           total: 0
         },
         dialogTableVisible: false,
-        gridData:null,
+        gridData: null,
         selectionList: [],
         treeDeptId: '',
         treeData: [],
@@ -128,7 +130,7 @@
           labelWidth: '100',
           dialogWidth: 950,
           menuWidth: 160,
-          size:"mini",
+          size: "mini",
           tip: false,
           searchShow: true,
           searchMenuSpan: 4,
@@ -223,15 +225,8 @@
               label: "设备状态",
               prop: "dxzt",
               slot: true,
-              addDisplay:false,
-              editDisplay:false,
-            }, {
-              label: "缴费状态",
-              prop: "jfzt",
-              width: 100,
-              addDisplay:false,
-              editDisplay:false,
-              slot: true,
+              addDisplay: false,
+              editDisplay: false,
             }, {
               label: "缴费信息",
               prop: "pay",
@@ -251,21 +246,22 @@
               label: "安装时间",
               prop: "stime",
               type: "datetime",
-              format: "yyyy-MM-dd hh:mm:ss",
+              format: "yyyy-MM-dd",
               valueFormat: "yyyy-MM-dd hh:mm:ss",
               width: 130
             }, {
               label: "到期时间",
               prop: "expireTime",
               type: "datetime",
-              format: "yyyy-MM-dd hh:mm:ss",
+              slot: true,
+              format: "yyyy-MM-dd",
               valueFormat: "yyyy-MM-dd hh:mm:ss",
-              width: 130
+              width: 150
             }, {
               label: "最后上传时间",
               prop: "heartbeat",
               type: "datetime",
-              format: "yyyy-MM-dd hh:mm:ss",
+              format: "yyyy-MM-dd",
               valueFormat: "yyyy-MM-dd hh:mm:ss",
               width: 130
             },
@@ -411,7 +407,7 @@
             ...this.query
           };
           values.releaseTimeRange = null;
-        }else{
+        } else {
           values = {
             ...params,
             ...this.query
@@ -424,13 +420,13 @@
 
           var Dqdate = new Date().getTime();
 
-          for(var i = 0;i< data.records.length;i++){
+          for (var i = 0; i < data.records.length; i++) {
             var date = new Date(data.records[i].heartbeat).getTime();
             if ((Dqdate - date) >= (60 * 60 * 24 * 1000)) {
               data.records[i].dxzt = 0;
-            }else if(data.records[i].heartbeat == ""){
+            } else if (data.records[i].heartbeat == "") {
               data.records[i].dxzt = 0;
-            }else{
+            } else {
               data.records[i].dxzt = 1;
             }
           }
@@ -439,7 +435,7 @@
           this.selectionClear();
         });
       }, rowStyle({row, column, rowIndex}) {
-        if (row.heartbeat != null && row.heartbeat != "" ) {
+        if (row.heartbeat != null && row.heartbeat != "") {
           var date = new Date(row.heartbeat).getTime();
           var Dqdate = new Date().getTime();
           if ((Dqdate - date) >= (60 * 60 * 24 * 1000)) {
@@ -448,16 +444,16 @@
             };
           }
 
-        }else if(row.heartbeat == ""){
+        } else if (row.heartbeat == "") {
           return {
             color: "#fe1515"
           };
         }
       },
-      payWin(){
+      payWin() {
         var that = this;
         getAll().then(res => {
-          var data =res.data.data;
+          var data = res.data.data;
           var lists = [];
           var xb = 0;
           for (var i = 0; i < data.length; i++) {
@@ -467,7 +463,7 @@
               lists.push(data[i]);
             }
           }
-          if (lists.length > 0){
+          if (lists.length > 0) {
             that.gridData = lists;
             that.dialogTableVisible = true;
           }
@@ -479,12 +475,12 @@
 </script>
 
 <style>
-  .payWin{
+  .payWin {
     overflow-y: auto;
     height: 350px;
   }
 
-  .payWin .el-dialog__body{
+  .payWin .el-dialog__body {
     padding-top: 0px !important;
   }
 

--
Gitblit v1.9.3