From ba2c435355a217ad20e41be3d30eb7ab3eef49ba Mon Sep 17 00:00:00 2001
From: zhangzengfei <zhangzengfei@smartai.com>
Date: 星期二, 11 十月 2022 17:24:22 +0800
Subject: [PATCH] 数据上报企业编码添加名称显示

---
 src/views/dataPush/components/device.vue |   46 ++++++++++++++++++++++++++++++++++++++++------
 1 files changed, 40 insertions(+), 6 deletions(-)

diff --git a/src/views/dataPush/components/device.vue b/src/views/dataPush/components/device.vue
index 0d6b90f..93d91fd 100644
--- a/src/views/dataPush/components/device.vue
+++ b/src/views/dataPush/components/device.vue
@@ -22,8 +22,9 @@
 
     <div class="table-area">
       <el-table
-        id="multipleTable"
-        ref="multipleTable"
+        v-loading="tbLoading"
+        id="devTable"
+        ref="devTable"
         :data="dataList"
         :fit="true"
         :default-sort="{ prop: 'devCode', order: 'ascending' }"
@@ -32,7 +33,11 @@
         <!-- <el-table-column prop="devId" label="璁惧ID" show-overflow-tooltip></el-table-column> -->
         <el-table-column prop="devIp" label="璁惧IP" show-overflow-tooltip></el-table-column>
         <el-table-column prop="devCode" label="璁惧缂栫爜" show-overflow-tooltip></el-table-column>
-        <el-table-column prop="companyCode" label="浼佷笟缂栫爜" show-overflow-tooltip></el-table-column>
+        <el-table-column label="浼佷笟缂栫爜" show-overflow-tooltip>
+          <template slot-scope="scope">
+            {{ scope.row.companyCode | fillCompanyCode(companyCodeOptions) }}
+          </template>
+        </el-table-column>
         <el-table-column prop="state" label="鐘舵��" show-overflow-tooltip>
           <template slot-scope="scope">
             <div v-if="scope.row.state == 0" class="status">绂荤嚎</div>
@@ -88,7 +93,7 @@
         <el-input v-model="ruleForm.devCode" placeholder="璇疯緭鍏ヨ澶囩紪鐮�" style="width: 350px"></el-input>
       </el-form-item>
       <el-form-item label="浼佷笟缂栫爜" prop="companyCode">
-        <el-input v-model="ruleForm.companyCode" placeholder="璇疯緭鍏ヤ紒涓氱紪鐮�" style="width: 350px"></el-input>
+        <el-input v-model="ruleForm.companyCode" placeholder="璇疯緭鍏ヤ紒涓氱紪鐮�" style="width: 350px"> </el-input>
       </el-form-item>
     </el-form>
     <div class="right">
@@ -103,13 +108,38 @@
 import { getDevicesList, devicesCreate, devicesUpdate, devicesDelete } from "@/api/report"
 
 export default {
+  filters: {
+    fillCompanyCode(key, opts) {
+      let obj = opts.find((t) => t.value == key)
+      return obj ? obj.lable : key
+    }
+  },
   data() {
     return {
+      tbLoading: false,
       query: {},
       inputText: "", //杈撳叆妗嗗唴瀹�
       isShowAdd: false, //鏄惁灞曠ず鏂板寮圭獥
       dataList: [],
       tip: 1,
+      companyCodeOptions: [
+        {
+          value: "370300010",
+          lable: "370300010/姹囦赴"
+        },
+        {
+          value: "370300450",
+          lable: "370300450/娴风泭"
+        },
+        {
+          value: "370300440",
+          lable: "370300440/閲戞眹涓�"
+        },
+        {
+          value: "370300480",
+          lable: "370300480/涓眹"
+        }
+      ],
       ruleForm: {
         //y
         devName: "",
@@ -145,6 +175,7 @@
   mounted() {},
   methods: {
     async fetchDevicesList(val) {
+      this.tbLoading = true
       if (val === 1) {
         let query = { pageIndex: this.page, pageSize: this.size, keyword: this.inputText }
         this.query = query
@@ -156,6 +187,9 @@
         this.dataList = res.data
         this.total = res.total
       }
+      setTimeout(() => {
+        this.tbLoading = false
+      }, 200)
     },
     delUser(row) {
       console.log(row, "row")
@@ -177,12 +211,12 @@
     //鍒嗛〉鍔熻兘
     handleSizeChange(size) {
       this.size = size
-      this.fetchDevicesList()
+      this.fetchDevicesList(1)
     },
     //鍒嗛〉鍔熻兘
     refrash(page) {
       this.page = page
-      this.fetchDevicesList()
+      this.fetchDevicesList(1)
     },
 
     addDevice() {

--
Gitblit v1.8.0