fix:添加指挥部大屏的目录

src/routers/modules/staticRouter.ts

@@ -310,7 +310,7 @@ export const staticRouter: RouteRecordRaw[] = [
 			}
 		],
 		meta: {
-			title: "数字化项目监管平台"
+			title: "智慧工厂安全生产监管平台"
 		}
 	}
 

src/views/commandScreen/commandCenter/index.vue

@@ -12,6 +12,26 @@
 			<rightAll class="rightAll" @openDialog="openPeopleCountDialog"></rightAll>
 		</div>
 		<dataDialog ref="partyBuildRef"></dataDialog>
+		<div :class="{'contentsBox':true,'open-dialog': show,'hidden-dialog': !show}">
+			<div style="height:10px"></div>
+			<div v-for="(item,i) in backendUrls" :key="i">
+				<div class="listItem" @click="goBackend(item)">
+					<div class="itemIcon" :style="{'background':item.color !== '#dc3c00' ? item.color: 'rgba(0,0,0,0)'}">
+						<el-icon :color="item.color == '#dc3c00' ? '#dc3c00' : '#fff'" size="32"><StarFilled /></el-icon>
+					</div>
+					<span class="itemText">{{ item.name }}</span>
+				</div>
+			</div>
+			<div class="retract" @click="retract">
+				<el-icon color="#fff" size="32" style="margin-left: 10px;"><Back /></el-icon>
+				<span style="margin-left: 10px;">收回</span>
+			</div>
+		</div>
+		<div class="expandBtn" v-if="!show" @click="expand">
+			<el-icon color="#fff" size="32" style="margin-left: 10px;"><Right /></el-icon>
+				<!-- <el-icon color="#fff" size="32" style="margin-left: 10px;"><Back /></el-icon> -->
+				<span style="margin: 0 10px;">目录展开</span>
+		</div>
 	</div>
 </template>
 
@@ -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;
+	}
 }
 </style>

src/views/commandScreen/indexCommand.vue

@@ -7,7 +7,7 @@
 					<p v-if="COMPANY === 'agjtCommand'">指挥部大屏</p>
 				</span>
 				<div class="leftIcon">
-					<div class="info">数字化项目监管平台</div>
+					<div class="info">智慧工厂安全生产监管平台</div>
 				</div>
 				<div class="rightIcon" @click.stop>
 					<div class="time">{{ nowTime }}</div>
@@ -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);
 	}
 }
 </script>