From b200eed05d5bff2e12a45331bdc062f4b00bebf7 Mon Sep 17 00:00:00 2001
From: ZZJ <10913410+zzj2100@user.noreply.gitee.com>
Date: 星期四, 28 七月 2022 10:20:51 +0800
Subject: [PATCH] 列表样式

---
 src/views/equipmentManagement/equipmentList/components/FormList.vue |   76 ++++++++++++++++++++++----------------
 1 files changed, 44 insertions(+), 32 deletions(-)

diff --git a/src/views/equipmentManagement/equipmentList/components/FormList.vue b/src/views/equipmentManagement/equipmentList/components/FormList.vue
index ba5dcab..3a3c277 100644
--- a/src/views/equipmentManagement/equipmentList/components/FormList.vue
+++ b/src/views/equipmentManagement/equipmentList/components/FormList.vue
@@ -59,7 +59,7 @@
         :default-sort="{ prop: 'createTime', order: 'descending' }"
         :stripe="true"
       >
-        <el-table-column label="搴忓彿" width="48" class-name="index">
+        <el-table-column label="搴忓彿" width="80" class-name="index">
           <template slot-scope="scope">{{
             scope.$index + 1 + (page - 1) * size
           }}</template>
@@ -67,7 +67,7 @@
         <el-table-column
           prop="devId"
           label="璁惧ID"
-          min-width="180"
+          min-width="140"
           show-overflow-tooltip
         ></el-table-column>
         <el-table-column
@@ -114,42 +114,54 @@
         <el-table-column label="鎿嶄綔" min-width="180">
           <template slot-scope="scope">
             <!-- 鍔犲叆 -->
-            <span
-              class="iconfont option"
-              @click="joinCluster(scope.row)"
+            <el-tooltip
+              content="鍔犲叆闆嗙兢"
+              placement="top"
               v-if="!scope.row.clusterId"
-              :class="{ disable: scope.row.isOnline != 1 }"
-              >&#xe640;</span
             >
+              <span
+                class="iconfont option"
+                @click="joinCluster(scope.row)"
+                :class="{ disable: scope.row.isOnline != 1 }"
+                >&#xe640;</span
+              >
+            </el-tooltip>
             <!-- 閫�鍑� -->
-            <span
-              class="iconfont option"
-              @click="quitCluster(scope.row)"
-              v-else
-              :class="{ disable: scope.row.isOnline != 1 }"
-              >&#xe63c;</span
-            >
+            <el-tooltip content="閫�鍑洪泦缇�" placement="top" v-else>
+              <span
+                class="iconfont option"
+                @click="quitCluster(scope.row)"
+                :class="{ disable: scope.row.isOnline != 1 }"
+                >&#xe63c;</span
+              >
+            </el-tooltip>
             <!-- 绠楁硶璇︽儏 -->
-            <span
-              class="iconfont option"
-              :class="{ disable: scope.row.isOnline != 1 }"
-              @click="algorithmDetail(scope.row)"
-              >&#xe621;</span
-            >
+            <el-tooltip content="搴旂敤璇︽儏" placement="top">
+              <span
+                class="iconfont option"
+                :class="{ disable: scope.row.isOnline != 1 }"
+                @click="algorithmDetail(scope.row)"
+                >&#xe621;</span
+              >
+            </el-tooltip>
             <!-- 璁惧璇︽儏 -->
-            <span
-              class="iconfont option"
-              :class="{ disable: scope.row.isOnline != 1 }"
-              @click="checkDetail(scope.row)"
-              >&#xe619;</span
-            >
+            <el-tooltip content="璁惧璇︽儏" placement="top">
+              <span
+                class="iconfont option"
+                :class="{ disable: scope.row.isOnline != 1 }"
+                @click="checkDetail(scope.row)"
+                >&#xe619;</span
+              >
+            </el-tooltip>
             <!-- 瑙ｇ粦 -->
-            <span
-              class="iconfont option"
-              @click="Untying(scope.row)"
-              :class="{ disable: scope.row.isOnline != 1 }"
-              >&#xe617;</span
-            >
+            <el-tooltip content="瑙ｉ櫎缁戝畾" placement="top">
+              <span
+                class="iconfont option"
+                @click="Untying(scope.row)"
+                :class="{ disable: scope.row.isOnline != 1 }"
+                >&#xe617;</span
+              >
+            </el-tooltip>
           </template>
         </el-table-column>
       </el-table>

--
Gitblit v1.8.0