From 0dbf19e9f92f5cb1d5ca9a06fd268d3b16e466e3 Mon Sep 17 00:00:00 2001
From: zhangzengfei <zhangzengfei@smartai.com>
Date: 星期三, 07 十二月 2022 15:22:01 +0800
Subject: [PATCH] 完善断流监控,集群和设备详情的查询

---
 src/views/dataPush/components/device.vue |  101 ++++++++++++++++++++++++++++++++++++++++++--------
 1 files changed, 85 insertions(+), 16 deletions(-)

diff --git a/src/views/dataPush/components/device.vue b/src/views/dataPush/components/device.vue
index 4844177..93d91fd 100644
--- a/src/views/dataPush/components/device.vue
+++ b/src/views/dataPush/components/device.vue
@@ -1,5 +1,18 @@
 <template>
   <div class="sub-account" v-if="!isShowAdd">
+    <div class="search">
+      <div class="left">
+        <div class="id">
+          璁惧鍚嶇О/IP/缂栫爜
+          <el-input v-model="inputText" placeholder="璇疯緭鍏�" clearable></el-input>
+        </div>
+      </div>
+
+      <div class="right">
+        <div class="button searchBtn" @click="fetchDevicesList(1)">鎼滅储</div>
+        <!-- <div class="button resetBtn" @click="reset">閲嶇疆</div> -->
+      </div>
+    </div>
     <div class="btns">
       <div class="button add" @click="addDevice">
         <span class="iconfont">&#xe614;</span>
@@ -9,17 +22,28 @@
 
     <div class="table-area">
       <el-table
-        id="multipleTable"
-        ref="multipleTable"
+        v-loading="tbLoading"
+        id="devTable"
+        ref="devTable"
         :data="dataList"
         :fit="true"
-        :default-sort="{ prop: 'createTime', order: 'descending' }"
+        :default-sort="{ prop: 'devCode', order: 'ascending' }"
       >
         <el-table-column prop="devName" label="璁惧鍚嶇О" show-overflow-tooltip></el-table-column>
-        <el-table-column prop="devId" label="璁惧ID" show-overflow-tooltip></el-table-column>
+        <!-- <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>
+            <div v-else class="status green">鍦ㄧ嚎</div>
+          </template>
+        </el-table-column>
 
         <el-table-column label="鎿嶄綔" align="center" width="100px">
           <template slot-scope="scope">
@@ -69,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">
@@ -84,11 +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: "",
@@ -114,19 +165,35 @@
       total: 0 //鎬绘暟,
     }
   },
-  created() {
-    this.fetchDevicesList()
+  async created() {
+    let query = { pageIndex: this.page, pageSize: this.size, keyword: this.inputText }
+    this.query = query
+    let res = await getDevicesList(query)
+    this.dataList = res.data
+    this.total = res.total
   },
   mounted() {},
   methods: {
-    async fetchDevicesList() {
-      let res = await getDevicesList({ pageIndex: this.page, pageSize: this.size })
-      this.dataList = res.data
-      this.total = res.total
+    async fetchDevicesList(val) {
+      this.tbLoading = true
+      if (val === 1) {
+        let query = { pageIndex: this.page, pageSize: this.size, keyword: this.inputText }
+        this.query = query
+        let res = await getDevicesList(query)
+        this.dataList = res.data
+        this.total = res.total
+      } else {
+        let res = await getDevicesList(this.query)
+        this.dataList = res.data
+        this.total = res.total
+      }
+      setTimeout(() => {
+        this.tbLoading = false
+      }, 200)
     },
     delUser(row) {
       console.log(row, "row")
-      this.$confirm("纭瑕佸垹闄よ鐢ㄦ埛鍚�, 鏄惁缁х画?", "鎻愮ず", {
+      this.$confirm("纭瑕佸垹闄よ澶囧悧, 鏄惁缁х画?", "鎻愮ず", {
         confirmButtonText: "纭畾",
         cancelButtonText: "鍙栨秷",
         type: "warning"
@@ -144,12 +211,12 @@
     //鍒嗛〉鍔熻兘
     handleSizeChange(size) {
       this.size = size
-      this.fetchDevicesList()
+      this.fetchDevicesList(1)
     },
     //鍒嗛〉鍔熻兘
     refrash(page) {
       this.page = page
-      this.fetchDevicesList()
+      this.fetchDevicesList(1)
     },
 
     addDevice() {
@@ -193,6 +260,7 @@
                   message: res.data
                 })
                 this.goback()
+                this.fetchDevicesList()
               }
             })
           } else if (this.tip === 2) {
@@ -215,6 +283,7 @@
                   message: res.msg
                 })
                 this.goback()
+                this.fetchDevicesList()
               }
             })
           }
@@ -226,7 +295,7 @@
     goback() {
       this.isShowAdd = false
     },
-    async editUser(row) {
+    editUser(row) {
       this.tip = 2
       this.isShowAdd = true
       this.ruleForm.devName = row.devName

--
Gitblit v1.8.0