1

src/views/report/index.vue

@@ -16,9 +16,12 @@
         </div>
       </div>
       <div :class="'center ' + indexClass">
-        <!-- <div v-if="timerTime >= 0" class="timer">
+        <div v-if="timerTime >= 0" class="timer timer-v">
           {{ timerTime }} 秒&nbsp;&nbsp;后自动返回首页
-        </div> -->
+        </div>
+        <div v-if="timerTime >= 0" class="timerh timer-h">
+          <div>{{ timerTime }}S</div>
+        </div>
         <component
           :is="nowPage.page"
           :nowPage.sync="nowPage"
@@ -231,7 +234,7 @@ export default {
       .timer {
         position: absolute;
         left: 0;
-        top: 115px;
+        top: 10px;
         z-index: 99;
         width: 100%;
         height: 50px;
@@ -384,6 +387,38 @@ export default {
       .center {
         width: 1500px;
         height: 740px;
+
+        .timer-v {
+          display: none !important;
+        }
+
+        .timerh {
+          position: absolute;
+          right: -150px;
+          top: -100px;
+          z-index: 99;
+          width: 120px;
+          height: 120px;
+          border-radius: 50%;
+          background: #4f97e2;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+
+          div {
+            width: 100px;
+            height: 100px;
+            font-size: 30px;
+            color: #ffffff;
+            letter-spacing: 3px;
+            border-radius: 50%;
+            border: 5px solid #ffffff;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            box-sizing: border-box;
+          }
+        }
       }
 
       .top {
@@ -415,6 +450,10 @@ export default {
       .center {
         width: 900px;
         height: 1340px;
+
+        .timer-h {
+          display: none !important;
+        }
       }
 
       .bottom {