From 715191acb8dd5bccb3f7935c25128a990ed2b5c9 Mon Sep 17 00:00:00 2001
From: mark <mark18340872469@163.com>
Date: 星期四, 29 九月 2022 14:43:48 +0800
Subject: [PATCH] 点位信息维护 的样式调整

---
 src/views/dataPush/components/device.vue |   53 ++++++++++++++++++++++++++++++++++++++++++++---------
 1 files changed, 44 insertions(+), 9 deletions(-)

diff --git a/src/views/dataPush/components/device.vue b/src/views/dataPush/components/device.vue
index 4844177..0fe0f61 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">
+          璁惧鍚嶇О
+          <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>
@@ -16,10 +29,16 @@
         :default-sort="{ prop: 'createTime', order: 'descending' }"
       >
         <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 prop="state" label="鐘舵��" show-overflow-tooltip>
+          <template slot-scope="scope">
+            <div v-if="scope.row.state == 0" class="status green">绂荤嚎</div>
+            <div v-else class="status">鍦ㄧ嚎</div>
+          </template>
+        </el-table-column>
 
         <el-table-column label="鎿嶄綔" align="center" width="100px">
           <template slot-scope="scope">
@@ -86,6 +105,8 @@
 export default {
   data() {
     return {
+      query: {},
+      inputText: "", //杈撳叆妗嗗唴瀹�
       isShowAdd: false, //鏄惁灞曠ず鏂板寮圭獥
       dataList: [],
       tip: 1,
@@ -114,19 +135,31 @@
       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) {
+      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
+      }
     },
     delUser(row) {
       console.log(row, "row")
-      this.$confirm("纭瑕佸垹闄よ鐢ㄦ埛鍚�, 鏄惁缁х画?", "鎻愮ず", {
+      this.$confirm("纭瑕佸垹闄よ澶囧悧, 鏄惁缁х画?", "鎻愮ず", {
         confirmButtonText: "纭畾",
         cancelButtonText: "鍙栨秷",
         type: "warning"
@@ -193,6 +226,7 @@
                   message: res.data
                 })
                 this.goback()
+                this.fetchDevicesList()
               }
             })
           } else if (this.tip === 2) {
@@ -215,6 +249,7 @@
                   message: res.msg
                 })
                 this.goback()
+                this.fetchDevicesList()
               }
             })
           }
@@ -226,7 +261,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