From 999cab6fb3fc6d2a288d365da991351c5a396bf0 Mon Sep 17 00:00:00 2001
From: Admin <978517621@qq.com>
Date: 星期三, 21 九月 2022 15:53:18 +0800
Subject: [PATCH] 删除无用页面

---
 src/views/intellectInspect/inspectIndex/index.vue |   79 +++++++++++++++++++++++++++++++++++++--
 1 files changed, 75 insertions(+), 4 deletions(-)

diff --git a/src/views/intellectInspect/inspectIndex/index.vue b/src/views/intellectInspect/inspectIndex/index.vue
index 3320770..2d5e04f 100644
--- a/src/views/intellectInspect/inspectIndex/index.vue
+++ b/src/views/intellectInspect/inspectIndex/index.vue
@@ -7,13 +7,22 @@
                     <el-icon :size="18" color="#F3001E" style="margin-right: 4px"><BellFilled /></el-icon>
                     预警消息:
                     <div v-if="unchecked != 0">
-                        当日超期未巡检任务<span @click="toOverTime(4)">{{ unchecked }}</span
-                        >个
+                        当日超期未巡检任务<el-tooltip
+                            class="box-item"
+                            effect="light"
+                            content="查看相关记录"
+                            placement="bottom-start"
+                    ><span @click="toOverTime(4)">{{ unchecked }}</span></el-tooltip>个
                     </div>
                     <span v-if="unchecked != 0 && unusual != 0">,</span>
                     <div v-if="unusual != 0">
-                        存在异常任务<span @click="toOverTime(5)">{{ unusual }}</span
-                        >个
+                        存在异常任务<el-tooltip
+                            class="box-item"
+                            effect="light"
+                            content="查看相关记录"
+                            placement="bottom-start"
+                    ><span @click="toOverTime(5)">{{ unusual }}</span
+                        ></el-tooltip>个
                     </div>
                     。
                 </div>
@@ -298,6 +307,37 @@
     }
 }
 @media screen and (min-width: 1200px) and (max-width: 1366px) {
+    .topCard {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        font-weight: bolder;
+
+        .top-info {
+            display: flex;
+            font-size: 14px;
+            align-items: center;
+            padding: 6px 10px;
+            background: #ffeb87;
+            border-radius: 4px;
+            border: 1px solid #ffae00;
+
+            & > div {
+                vertical-align: middle;
+                white-space: nowrap;
+                span {
+                    font-size: 18px;
+                    color: #f3001e;
+                    margin: 0 2px;
+                    cursor: pointer;
+
+                    &:hover{
+                        text-decoration: underline;
+                    }
+                }
+            }
+        }
+    }
     .left-info {
         width: 70%;
         display: flex;
@@ -336,6 +376,37 @@
     }
 }
 @media screen and (max-width: 1200px) {
+    .topCard {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        font-weight: bolder;
+
+        .top-info {
+            display: flex;
+            font-size: 14px;
+            align-items: center;
+            padding: 2px 6px;
+            background: #ffeb87;
+            border-radius: 4px;
+            border: 1px solid #ffae00;
+
+            & > div {
+                vertical-align: middle;
+                white-space: nowrap;
+                span {
+                    font-size: 16px;
+                    color: #f3001e;
+                    margin: 0 1px;
+                    cursor: pointer;
+
+                    &:hover{
+                        text-decoration: underline;
+                    }
+                }
+            }
+        }
+    }
     .left-info {
         width: 70%;
         display: flex;

--
Gitblit v1.9.2