From 428419ea60a84117e4e4827c0aeb80446ccf8d99 Mon Sep 17 00:00:00 2001
From: ZZJ <zzjdsg2300@163.com>
Date: 星期六, 07 五月 2022 15:01:34 +0800
Subject: [PATCH] 设备列表控制按钮

---
 src/views/equipmentManagement/equipmentList/components/QuitClusterBox.vue |    2 
 src/views/equipmentManagement/equipmentList/components/FormList.vue       |   75 ++++++++++++++++++++++++++++++-------
 src/views/personalCenter/components/QuitClusterBox.vue                    |    1 
 3 files changed, 62 insertions(+), 16 deletions(-)

diff --git a/src/views/equipmentManagement/equipmentList/components/FormList.vue b/src/views/equipmentManagement/equipmentList/components/FormList.vue
index d643815..ce47fc3 100644
--- a/src/views/equipmentManagement/equipmentList/components/FormList.vue
+++ b/src/views/equipmentManagement/equipmentList/components/FormList.vue
@@ -117,23 +117,37 @@
             <span
               class="iconfont option"
               @click="joinCluster(scope.row)"
-              v-if="scope.row.clusterId"
+              v-if="!scope.row.clusterId"
+              :class="{ disable: scope.row.isOnline != 1 }"
               >&#xe640;</span
             >
             <!-- 閫�鍑� -->
-            <span class="iconfont option" @click="quitCluster(scope.row)" v-else
+            <span
+              class="iconfont option"
+              @click="quitCluster(scope.row)"
+              v-else
+              :class="{ disable: scope.row.isOnline != 1 }"
               >&#xe63c;</span
             >
             <!-- 绠楁硶璇︽儏 -->
-            <span class="iconfont option" @click="algorithmDetail(scope.row)"
+            <span
+              class="iconfont option"
+              :class="{ disable: scope.row.isOnline != 1 }"
+              @click="algorithmDetail(scope.row)"
               >&#xe621;</span
             >
             <!-- 璁惧璇︽儏 -->
-            <span class="iconfont option" @click="checkDetail(scope.row)"
+            <span
+              class="iconfont option"
+              :class="{ disable: scope.row.isOnline != 1 }"
+              @click="checkDetail(scope.row)"
               >&#xe619;</span
             >
             <!-- 瑙ｇ粦 -->
-            <span class="iconfont option" @click="Untying(scope.row)"
+            <span
+              class="iconfont option"
+              @click="Untying(scope.row)"
+              :class="{ disable: scope.row.isOnline != 1 }"
               >&#xe617;</span
             >
           </template>
@@ -240,6 +254,9 @@
 
     // 璺冲埌璁惧璇︽儏
     checkDetail(row) {
+      if (row.isOnline != 1) {
+        return;
+      }
       this.$router.push({
         path: "/equipmentDetail",
         query: {
@@ -250,6 +267,9 @@
 
     // 璺冲埌绠楁硶璇︽儏
     algorithmDetail(row) {
+      if (row.isOnline != 1) {
+        return;
+      }
       this.$router.push({
         path: "/algorithmDetail",
         query: {
@@ -260,14 +280,28 @@
 
     // 鏌ヨ鍒楄〃
     searchingBtn() {
-      let param = {
-        page: this.page,
-        size: this.size,
-        startTime: this.searchTime[0],
-        endTime: this.searchTime[1],
-        clusterId: this.cluster,
-        inputText: this.inputText,
-      };
+      let param = {};
+
+      if (!this.searchTime) {
+        param = {
+          page: this.page,
+          size: this.size,
+          startTime: "",
+          endTime: "",
+          clusterId: this.cluster,
+          inputText: this.inputText,
+        };
+      } else {
+        param = {
+          page: this.page,
+          size: this.size,
+          startTime: this.searchTime[0],
+          endTime: this.searchTime[1],
+          clusterId: this.cluster,
+          inputText: this.inputText,
+        };
+      }
+
       findDevList(param)
         .then((res) => {
           this.dataList = res.data.list;
@@ -301,6 +335,9 @@
 
     //瑙ｇ粦鎸夐挳
     Untying(row) {
+      if (row.isOnline != 1) {
+        return;
+      }
       this.unbindId = row.devId;
       this.isShowUnbind = true;
     },
@@ -335,7 +372,6 @@
 
     //瑙ｇ粦鎴愬姛鍥炶皟
     reflash() {
-      console.log("1111");
       this.isShowUnbind = false;
       this.searchingBtn();
     },
@@ -348,12 +384,18 @@
 
     //閫�鍑洪泦缇�
     quitCluster(equipment) {
+      if (equipment.isOnline != 1) {
+        return;
+      }
       this.activeEquipment = equipment;
       this.showQuit = true;
     },
 
     //鍔犲叆闆嗙兢
     joinCluster(equipment) {
+      if (equipment.isOnline != 1) {
+        return;
+      }
       this.activeEquipment = equipment;
       this.showJoin = true;
     },
@@ -564,6 +606,11 @@
       font-size: 24px;
       color: rgb(0, 101, 255);
       cursor: pointer;
+
+      &.disable {
+        color: #666;
+        cursor: default;
+      }
     }
   }
 
diff --git a/src/views/equipmentManagement/equipmentList/components/QuitClusterBox.vue b/src/views/equipmentManagement/equipmentList/components/QuitClusterBox.vue
index 2a87edb..318932e 100644
--- a/src/views/equipmentManagement/equipmentList/components/QuitClusterBox.vue
+++ b/src/views/equipmentManagement/equipmentList/components/QuitClusterBox.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="QuitClusterBox">
     <div class="title">閫�鍑洪泦缇�</div>
-    <div class="name">189鏈嶅姟鍣�</div>
+    <div class="name">{{ equipment.devName }}</div>
 
     <el-form
       :model="formData"
diff --git a/src/views/personalCenter/components/QuitClusterBox.vue b/src/views/personalCenter/components/QuitClusterBox.vue
index 19dd78a..3c7b8c3 100644
--- a/src/views/personalCenter/components/QuitClusterBox.vue
+++ b/src/views/personalCenter/components/QuitClusterBox.vue
@@ -1,7 +1,6 @@
 <template>
   <div class="QuitClusterBox">
     <div class="title">閫�鍑洪泦缇�</div>
-    <div class="name">189鏈嶅姟鍣�</div>
 
     <el-form
       :model="formData"

--
Gitblit v1.8.0