From f20a554bdb24e9dfde9dc6a69d78595944f61d15 Mon Sep 17 00:00:00 2001
From: mark <mark18340872469@163.com>
Date: 星期二, 25 十月 2022 14:53:57 +0800
Subject: [PATCH] 设备管理 样式调整

---
 src/views/hashrate/CameraManage/CameraRules/index.vue |   66 +++++++++++++++++++++++++++-----
 1 files changed, 55 insertions(+), 11 deletions(-)

diff --git a/src/views/hashrate/CameraManage/CameraRules/index.vue b/src/views/hashrate/CameraManage/CameraRules/index.vue
index f951851..b069cc3 100644
--- a/src/views/hashrate/CameraManage/CameraRules/index.vue
+++ b/src/views/hashrate/CameraManage/CameraRules/index.vue
@@ -25,6 +25,7 @@
             :InValidCount="`${PollData.RealTimeInvalid}`"
             :RunningCount="`${PollData.RealTimeRun}`"
             :NoDeal="`${PollData.RealTimeNoDeal}`"
+            image="realTime (2).png"
           ></HashrateCard>
 
           <!-- 杞绠楀姏淇℃伅 -->
@@ -36,6 +37,7 @@
             :InValidCount="`${PollData.PollInvalid}`"
             :RunningCount="`${PollData.PollRun}`"
             :NoDeal="`${PollData.PollNoDeal}`"
+            image="polling.png"
           ></HashrateCard>
         </div>
       </div>
@@ -127,9 +129,30 @@
     <div class="SeparateRules" @click="selectMultiple(false)">
       <div class="title">鐙珛鍦烘櫙</div>
       <div class="control">
-        <i class="iconfont" @click="openSdkBox($event)">&#xe650;</i>
-        <i class="iconfont">&#xe64e;</i>
-        <i class="iconfont">&#xe64f;</i>
+        <el-tooltip
+          class="item"
+          effect="dark"
+          content="绠楁硶浜嬩欢"
+          placement="top"
+        >
+          <i class="iconfont" @click="openSdkBox($event)">&#xe650;</i>
+        </el-tooltip>
+        <el-tooltip
+          class="item"
+          effect="dark"
+          content="鏁版嵁娴佷紶"
+          placement="top"
+        >
+          <i class="iconfont">&#xe64e;</i>
+        </el-tooltip>
+        <el-tooltip
+          class="item"
+          effect="dark"
+          content="妯℃澘鍔╂墜"
+          placement="top"
+        >
+          <i class="iconfont">&#xe64f;</i>
+        </el-tooltip>
       </div>
 
       <div class="content">
@@ -159,7 +182,7 @@
           </template>
 
           <div class="empty" v-else>
-            <img src="/images/hashrate/鐙珛鍦烘櫙绌洪〉闈�.png" alt="" />
+            <img src="/images/hashrate/s_empty.png" alt="" />
             <div class="des">鏆傛棤鐙珛鍦烘櫙</div>
           </div>
         </div>
@@ -169,9 +192,30 @@
     <div class="linkageRule" @click="selectMultiple(true)">
       <div class="title">鑱斿姩鍦烘櫙</div>
       <div class="control">
-        <i class="iconfont" @click="showSdkBox = true">&#xe650;</i>
-        <i class="iconfont">&#xe64e;</i>
-        <i class="iconfont">&#xe64f;</i>
+        <el-tooltip
+          class="item"
+          effect="dark"
+          content="绠楁硶浜嬩欢"
+          placement="top"
+        >
+          <i class="iconfont" @click="showSdkBox = true">&#xe650;</i>
+        </el-tooltip>
+        <el-tooltip
+          class="item"
+          effect="dark"
+          content="鏁版嵁娴佷紶"
+          placement="top"
+        >
+          <i class="iconfont">&#xe64e;</i>
+        </el-tooltip>
+        <el-tooltip
+          class="item"
+          effect="dark"
+          content="妯℃澘鍔╂墜"
+          placement="top"
+        >
+          <i class="iconfont">&#xe64f;</i>
+        </el-tooltip>
       </div>
       <template v-if="linkageRule.length > 0">
         <div class="content" v-for="(item, index) in linkageRule" :key="index">
@@ -204,7 +248,7 @@
         class="empty"
         v-if="linkageRule.length <= 0 && !TreeDataPool.multiple"
       >
-        <img src="/images/hashrate/鑱斿姩鍦烘櫙绌洪〉闈�.png" alt="" />
+        <img src="/images/hashrate/l_empty.png" alt="" />
         <div class="des">鏆傛棤鑱斿姩鍦烘櫙</div>
       </div>
 
@@ -218,7 +262,7 @@
         ></LinkageCameraBox>
 
         <div class="empty">
-          <img src="/images/hashrate/鑱斿姩鍦烘櫙绌洪〉闈�.png" alt="" />
+          <img src="/images/hashrate/l_empty.png" alt="" />
           <div class="des">鏆傛棤鑱斿姩鍦烘櫙</div>
         </div>
       </div>
@@ -1178,7 +1222,7 @@
     .control {
       position: absolute;
       display: flex;
-      justify-content: end;
+      justify-content: flex-end;
       top: 20px;
       right: 20px;
 
@@ -1239,7 +1283,7 @@
     .control {
       position: absolute;
       display: flex;
-      justify-content: end;
+      justify-content: flex-end;
       top: 20px;
       right: 20px;
 

--
Gitblit v1.8.0