From 20b0ce2db27b64a60de60aee05dedd448099e330 Mon Sep 17 00:00:00 2001
From: 马宇豪 <978517621@qq.com>
Date: 星期一, 08 七月 2024 10:12:16 +0800
Subject: [PATCH] xiugai
---
src/views/newHome/index.vue | 89 ++++++++++++++++++++++++++++++++++++--------
1 files changed, 73 insertions(+), 16 deletions(-)
diff --git a/src/views/newHome/index.vue b/src/views/newHome/index.vue
index 8450675..e2d09ca 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 }}
@@ -82,7 +82,27 @@
</div>
<img class="bgImg" src="../../assets/newMenu/card-7.png" />
</div>
- <div class="grid-content cont-bg-1" v-throttle @click="render('7')">
+ <div class="grid-content cont-bg-1" v-throttle @click="toManLocation">
+ <div class="toplayer">
+ <img class="iconImg" src="../../assets/newMenu/icon12.png" />
+ <div>
+ <div class="itemTit">人员定位系统</div>
+ <div class="enTit">Personnel Positioning System</div>
+ </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">
<img class="iconImg" src="../../assets/newMenu/icon5.png" />
<div>
@@ -126,8 +146,10 @@
<div class="toplayer">
<img class="iconImg" src="../../assets/newMenu/icon9.png" />
<div>
- <div class="itemTit">智能安全危险化学品全生命周期管控系统</div>
- <div class="enTit">Intelligent Security Hazardous Chemicals Life Cycle Safety Management System </div>
+<!-- <div class="itemTit">智能安全危险化学品全生命周期管控系统</div>-->
+<!-- <div class="enTit">Intelligent Security Hazardous Chemicals Life Cycle Safety Management System</div>-->
+ <div class="itemTit">安全教育考试系统</div>
+ <div class="enTit">Safety Education Examination System</div>
</div>
</div>
<img class="bgImg" src="../../assets/newMenu/card-10.png" />
@@ -141,6 +163,16 @@
</div>
</div>
<img class="bgImg" src="../../assets/newMenu/card-6.png" />
+ </div>
+ <div class="grid-content cont-bg-2" v-throttle @click="toSmartFactory">
+ <div class="toplayer">
+ <img class="iconImg" src="../../assets/newMenu/icon13.png" />
+ <div>
+ <div class="itemTit">智能工厂系统</div>
+ <div class="enTit">Intelligent Factory System</div>
+ </div>
+ </div>
+ <img class="bgImg" src="../../assets/newMenu/card-13.png" />
</div>
<div class="grid-content cont-bg-2" @click="render('1')">
<div class="toplayer">
@@ -163,7 +195,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';
@@ -196,6 +228,7 @@
date: string;
weekDay: string;
dayTime: string;
+ timer: null | any
}
export default defineComponent({
@@ -230,7 +263,8 @@
date: '',
weekDay: '',
dayTime: '',
- isScreenfull: false
+ isScreenfull: false,
+ timer: null
});
const userName = computed(() =>{
@@ -326,16 +360,28 @@
});
};
// 去风险大屏
- const toRiskPlatform = () => {
+ const toRiskPlatform = async() => {
// router.push({
// name: "warningScreen"
// });
- window.open('http://39.104.85.193:8585/');
+ const routePath = '/warningScreen';
+ const resolvedRoute = router.resolve(routePath);
+ const fullPath = resolvedRoute.href
+ window.open(fullPath, '_blank');
+ // window.open(fullPath, '_blank');
+
+ // window.open('http://39.104.85.193:8585/');
};
const toDoublePrevent = () => {
- window.open('http://121.239.169.27:6801');
+ window.open('http://117.190.40.54:6801/login');
};
+ const toSmartFactory = () =>{
+ window.open('http://117.190.40.54:5522/#/login');
+ }
+ const toManLocation = () =>{
+ window.open('http://117.190.40.54:8081/location_system_5.4.9/login/login.html?company=GUOTAI&version=5.4.9');
+ }
const throttle = (renderMenu: any, delay: number) => {
let flag = true;
let count = 0;
@@ -357,6 +403,7 @@
//调用菜单方法
const renderMenu = throttle(() => {
+ // debugger
renderFun();
}, 2000);
@@ -384,7 +431,8 @@
};
const renderToNew = () => {
- window.open('http://222.92.213.22:18001/smartlab/', '_blank');
+ // window.open('http://222.92.213.22:18001/smartlab/', '_blank');
+ window.open('http://106.15.95.149:8005/nanoweb/foreground/', '_blank');
};
// //点击进入特殊作业
// const toSpecialWorkSys = () => {
@@ -395,12 +443,17 @@
state.once += 1;
NextLoading.done();
getDateTime();
- setInterval(() => {
+ state.timer = setInterval(() => {
getDateTime();
- }, 1000);
+ }, 30000);
// loginBg();
// loginApp()
- });
+ })
+
+ onUnmounted(() => {
+ clearInterval(state.timer)
+ });
+
return {
render,
userName,
@@ -410,6 +463,8 @@
renderToNew,
toRiskPlatform,
toDoublePrevent,
+ toSmartFactory,
+ toManLocation,
onScreenfullClick,
loginIconTwo,
getThemeConfig,
@@ -455,10 +510,10 @@
@media screen and (min-width: 1600px) {
.gridCont {
width: 100%;
- height: 100%;
display: grid;
grid-gap: 20px;
grid-template-columns: repeat(3, 1fr);
+ grid-template-rows: repeat(5, 200px);
grid-auto-flow: row;
justify-content: center;
.toplayer {
@@ -551,10 +606,10 @@
@media screen and (min-width: 1200px) and (max-width: 1600px) {
.gridCont {
width: 100%;
- height: 100%;
display: grid;
grid-gap: 15px;
grid-template-columns: repeat(3, 1fr);
+ grid-template-rows: repeat(5, 120px);
grid-auto-flow: row;
justify-content: center;
@@ -644,10 +699,10 @@
@media screen and (max-width: 1200px) {
.gridCont {
width: 100%;
- height: 100%;
display: grid;
grid-gap: 10px;
grid-template-columns: repeat(3, 1fr);
+ grid-template-rows: repeat(5, 96px);
grid-auto-flow: row;
justify-content: center;
@@ -907,6 +962,8 @@
position: absolute;
top: 260px;
left: 220px;
+ overflow: hidden;
+ overflow-y: scroll;
.gridCont {
.grid-content {
border-radius: 16px;
--
Gitblit v1.9.2