From 277ff3e2d9f41c648457214ad85589267eb38adf Mon Sep 17 00:00:00 2001 From: Vce Date: Mon, 1 Jul 2024 23:55:53 +0800 Subject: [PATCH] =?UTF-8?q?fix:=E6=B7=BB=E5=8A=A0=E6=8C=87=E6=8C=A5?= =?UTF-8?q?=E9=83=A8=E5=A4=A7=E5=B1=8F=E7=9A=84=E7=9B=AE=E5=BD=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/routers/modules/staticRouter.ts | 2 +- .../commandScreen/commandCenter/index.vue | 124 +++++++++++++++++- src/views/commandScreen/indexCommand.vue | 4 +- 3 files changed, 126 insertions(+), 4 deletions(-) diff --git a/src/routers/modules/staticRouter.ts b/src/routers/modules/staticRouter.ts index 653623e..a22a426 100644 --- a/src/routers/modules/staticRouter.ts +++ b/src/routers/modules/staticRouter.ts @@ -310,7 +310,7 @@ export const staticRouter: RouteRecordRaw[] = [ } ], meta: { - title: "数字化项目监管平台" + title: "智慧工厂安全生产监管平台" } } diff --git a/src/views/commandScreen/commandCenter/index.vue b/src/views/commandScreen/commandCenter/index.vue index 15a52a4..a43b2e7 100644 --- a/src/views/commandScreen/commandCenter/index.vue +++ b/src/views/commandScreen/commandCenter/index.vue @@ -12,6 +12,26 @@ +
+
+
+
+
+ +
+ {{ item.name }} +
+
+
+ + 收回 +
+
+
+ + + 目录展开 +
@@ -24,6 +44,7 @@ import rightAll from "@/views/commandScreen/commandCenter/rightAll.vue"; import { GlobalStore } from "@/stores"; import dataDialog from "../dialogCompnnents/data-dialog.vue"; import * as mqtt from "mqtt/dist/mqtt.min"; +const BASEURL = import.meta.env.VITE_API_URL // import { getWorkerStatisticsCountApi, getProjectDetail } from "@/api/modules/projectOverview"; import { ref, onMounted } from "vue"; @@ -76,6 +97,37 @@ const mqttMSG = () => { client.on("error", (error: any) => { }); }; +const backendUrls = ref([ + {id:1, name:'项目概况', url:'', color:'#dc3c00'}, + {id:2, name:'工作台', url:'/workSpace', color:'#00aff0'},{id:3, name:'项目基本信息管理', url:'/project/summary/baseInfo', color:'#00aff0'}, + {id:4, name:'区域管理', url:'/project/quality/business', color:'#00aff0'},{id:5, name:'进度管理', url:'/project/progressManagementAg/projectganttChart', color:'#00aff0'}, + + {id:6, name:'安全准入', url:'', color:'#dc3c00'}, + {id:7, name:'人员管理', url:'/project/labor/personManage', color:'#0078d7'},{id:8, name:'车辆管理', url:'/project/carManage/realTimeData', color:'#0078d7'}, + {id:9, name:'访客管理', url:'/project/labor/visitRecord', color:'#0078d7'},{id:10, name:'材料入场管理', url:'/project/materialManage/materialEntryManage', color:'#0078d7'}, + {id:11, name:'材料出场管理', url:'/project/materialManage/materialExitManage', color:'#0078d7'}, + + {id:12, name:'安全管理', url:'', color:'#dc3c00'}, + {id:13, name:'安全隐患检查', url:'/project/safetyEducation/safetyAnalysis', color:'#113768'},{id:14, name:'AI预警分析', url:'/project/aiAnalysis/dealPushManage', color:'#113768'}, + {id:15, name:'AI训练模型', url:'/project/videoOverview', color:'#113768'},{id:16, name:'综合考试培训', url:'/project/examSystem2/subjectManagement', color:'#113768'}, + {id:17, name:'质量管理', url:'/project/quality/qualityAnalysis', color:'#113768'},{id:18, name:'特殊作业', url:'/project/specialWork/fireWork', color:'#113768'}, + {id:19, name:'智能巡检', url:'/project/inspecPoint/inspection', color:'#113768'}, +] as any) +function goBackend(item: any){ + if(item.url != ''){ + // window.location.replace('http://localhost:8080/#/login?command=1&pathItem='+ item.url +'&token=' + store.token); + console.log(BASEURL) + window.open(BASEURL + '/#/login?command=1&pathItem='+ item.url +'&token=' + store.token, '_blank'); + } +} +const show = ref(false as any) +function retract(){ + show.value = false +} +function expand(){ + show.value = true +} + onMounted(() => { mqttMSG(); // setTimeout(() => { @@ -151,7 +203,6 @@ onMounted(() => { width: 100%; height: 100%; display: flex; - .left { height: 109.5%; width: 26%; @@ -197,5 +248,76 @@ onMounted(() => { // height: 32%; // } } + + .contentsBox{ + position: fixed; + top: 1px; + left: 0px; + width: 15%; + height: calc(100% - 1px); + background: #0a1334; + // padding-top: 10px; + transition: left 0.5s; /* 添加过渡效果 */ + .listItem{ + color: #fff; + width: 100%; + height: 50px; + // background-color: darkred; + display: flex; + justify-content: flex-start; + align-items: center; + cursor: pointer; + .itemIcon{ + margin-left: 10px; + width: 60px; + height: 45px; + // background-color: darkblue; + display: flex; + justify-content: center; + align-items: center; + } + .itemText{ + margin-left: 10px; + font-size: 16px; + } + } + .retract{ + cursor: pointer; + color: #fff; + position: absolute; + width: 100%; + height: 50px; + bottom:0; + background-color: #061f51; + display: flex; + justify-content: flex-start; + align-items: center; + font-size: 18px; + margin-bottom: 5px; + // margin-left: 10px; + } + } + .hidden-dialog{ + left: -1000px; + } + .open-dialog{ + left: 0; + } + .expandBtn{ + cursor: pointer; + color: #fff; + position: fixed; + width: auto; + height: 50px; + left: 0; + bottom:0; + background-color: #061f51; + display: flex; + justify-content: flex-start; + align-items: center; + font-size: 18px; + margin-bottom: 5px; + // margin-left: 10px; + } } diff --git a/src/views/commandScreen/indexCommand.vue b/src/views/commandScreen/indexCommand.vue index 88f1df6..aa686ee 100644 --- a/src/views/commandScreen/indexCommand.vue +++ b/src/views/commandScreen/indexCommand.vue @@ -7,7 +7,7 @@

指挥部大屏

-
数字化项目监管平台
+
智慧工厂安全生产监管平台
{{ nowTime }}
@@ -192,7 +192,7 @@ function jumpBgd() { window.location.replace("http://182.90.224.237:15551/#/projectIndex"); // 鞍山项目 } if(COMPANY === "agjtCommand"){ - window.location.replace("http://47.93.215.234:9809" + "/#/login?token=" + store.token); + window.location.replace("http://42.180.188.17:11211" + "/#/login?token=" + store.token); } }