From 38af7850e2c62b28ccb6f990140ac17c4bc21419 Mon Sep 17 00:00:00 2001
From: zhouwenxuan <1175765986@qq.com>
Date: 星期一, 18 三月 2024 14:49:27 +0800
Subject: [PATCH] 风险辨识管理

---
 src/views/newHome/index.vue |   34 +++++++++++++++++++++++++++-------
 1 files changed, 27 insertions(+), 7 deletions(-)

diff --git a/src/views/newHome/index.vue b/src/views/newHome/index.vue
index f944810..5e11dcb 100644
--- a/src/views/newHome/index.vue
+++ b/src/views/newHome/index.vue
@@ -21,7 +21,7 @@
         <div class="leftCont"></div>
         <div class="topCont">
             <div class="topInfo">
-                <div class="topTit">新疆国泰新华<br />安全风险预警监测系统(试运行)</div>
+                <div class="topTit">新疆国泰新华<br />安全风险预警监测系统</div>
                 <div class="topTime">
                     <div class="time">
                         {{ time }}
@@ -91,6 +91,16 @@
                     </div>
                   </div>
                   <img class="bgImg" src="../../assets/newMenu/card-12.png" />
+                </div>
+                <div class="grid-content cont-bg-2" v-throttle @click="render('12')">
+                  <div class="toplayer">
+                    <img class="iconImg" src="../../assets/newMenu/icon14.png" />
+                    <div>
+                      <div class="itemTit">监管数据融合互通系统</div>
+                      <div class="enTit">Regulatory Data Integration and Interoperability System</div>
+                    </div>
+                  </div>
+                  <img class="bgImg" src="../../assets/newMenu/card-14.png" />
                 </div>
                 <div class="grid-content cont-bg-2" v-throttle @click="render('7')">
                     <div class="toplayer">
@@ -183,7 +193,7 @@
 </template>
 
 <script lang="ts">
-import { toRefs, reactive, computed, defineComponent, onMounted } from 'vue';
+import {toRefs, reactive, computed, defineComponent, onMounted, onUnmounted} from 'vue';
 import { storeToRefs } from 'pinia';
 import { useThemeConfig } from '/@/stores/themeConfig';
 import logoMini from '/@/assets/logo-mini.svg';
@@ -216,6 +226,7 @@
     date: string;
     weekDay: string;
     dayTime: string;
+    timer: null | any
 }
 
 export default defineComponent({
@@ -250,7 +261,8 @@
             date: '',
             weekDay: '',
             dayTime: '',
-            isScreenfull: false
+            isScreenfull: false,
+              timer: null
         });
 
         const userName = computed(() =>{
@@ -360,7 +372,7 @@
           window.open('http://10.211.134.139:5522/#/login');
         }
         const toManLocation = () =>{
-          window.open('http://10.211.134.138:8081/GUOTAI');
+          window.open('http://124.88.37.66:8081/location_system_5.4.9/login/login.html?company=GUOTAI&version=5.4.9');
         }
         const throttle = (renderMenu: any, delay: number) => {
             let flag = true;
@@ -383,6 +395,7 @@
 
         //调用菜单方法
         const renderMenu = throttle(() => {
+          // debugger
             renderFun();
         }, 2000);
 
@@ -421,12 +434,17 @@
             state.once += 1;
             NextLoading.done();
             getDateTime();
-            setInterval(() => {
+            state.timer = setInterval(() => {
                 getDateTime();
-            }, 1000);
+            }, 30000);
             // loginBg();
             // loginApp()
-        });
+        })
+
+      onUnmounted(() => {
+        clearInterval(state.timer)
+      });
+
         return {
             render,
             userName,
@@ -582,6 +600,7 @@
         display: grid;
         grid-gap: 15px;
         grid-template-columns: repeat(3, 1fr);
+        grid-template-rows: repeat(5, 120px);
         grid-auto-flow: row;
         justify-content: center;
 
@@ -674,6 +693,7 @@
         display: grid;
         grid-gap: 10px;
         grid-template-columns: repeat(3, 1fr);
+        grid-template-rows: repeat(5, 96px);
         grid-auto-flow: row;
         justify-content: center;
 

--
Gitblit v1.9.2