From 49cadcc3bbea98b4941bf455a94060aa5d8c935f Mon Sep 17 00:00:00 2001
From: jiayu <zheng_jiayu1@163.com>
Date: Sat, 9 Nov 2024 15:39:04 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A1=94=E5=90=8A=E3=80=81=E8=B5=B7=E9=87=8D?=
 =?UTF-8?q?=E6=9C=BA=20=E8=A7=86=E9=A2=91=E9=85=8D=E7=BD=AE=E9=80=9A?=
 =?UTF-8?q?=E8=BF=87=E6=8E=A5=E5=8F=A3=E8=8E=B7=E5=8F=96=EF=BC=9B=E8=B4=A8?=
 =?UTF-8?q?=E9=87=8F=E5=AE=89=E5=85=A8=E6=B7=BB=E5=8A=A0=E5=B7=B2=E6=92=A4?=
 =?UTF-8?q?=E9=94=80=E7=8A=B6=E6=80=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/modules/elevator.ts                   |  4 +-
 src/api/modules/tower.ts                      |  3 ++
 .../elevatorMonitoring/eleMonitor.vue         | 20 ++++++-
 .../elevatorMonitoring/leftTop.vue            |  8 +--
 .../elevatorMonitoring/right.vue              | 53 ++++++++++++-------
 .../qualityManagement/rightBoxQ.vue           |  3 +-
 .../securityManagement-bak/rightBox.vue       |  3 +-
 .../securityManagement/rightBox.vue           |  3 +-
 .../towerCraneMonitoring/monitor.vue          | 19 ++++++-
 .../towerCraneMonitoring/right.vue            | 18 ++++++-
 10 files changed, 106 insertions(+), 28 deletions(-)

diff --git a/src/api/modules/elevator.ts b/src/api/modules/elevator.ts
index 7dddd40..87f585a 100644
--- a/src/api/modules/elevator.ts
+++ b/src/api/modules/elevator.ts
@@ -25,7 +25,9 @@ export const getAlarmTypeApi = (params: {}) => {
 	return http.post(BASEURL + `/xmgl/lifterAlarm/queryAlarmsDistinguishedNumberByAlarmType`, params);
 };
 
-
+export const getSelectLifterBySnApi = (params: {}) => {
+	return http.post(BASEURL + `xmgl/lifter/selectLifterBySn`, params);
+};
 
 // 右中下数据
 export const getNewestLifterApi = (params: {}) => {
diff --git a/src/api/modules/tower.ts b/src/api/modules/tower.ts
index 38d3062..3685b0e 100644
--- a/src/api/modules/tower.ts
+++ b/src/api/modules/tower.ts
@@ -30,6 +30,9 @@ export const getRelatedInfoApi = (params: {}) => {
 	return http.get(BASEURL + `/xmgl/tower/getRelatedInfo`, params);
 };
 
+export const getSelectTowerBySnApi = (params: {}) => {
+	return http.post(BASEURL + `/xmgl/tower/selectTowerBySn`, params);
+};
 
 // 右下-实时数据
 export const getNewestDataApi = (params: {}) => {
diff --git a/src/views/sevenLargeScreen/elevatorMonitoring/eleMonitor.vue b/src/views/sevenLargeScreen/elevatorMonitoring/eleMonitor.vue
index 723cc17..a3e8c99 100644
--- a/src/views/sevenLargeScreen/elevatorMonitoring/eleMonitor.vue
+++ b/src/views/sevenLargeScreen/elevatorMonitoring/eleMonitor.vue
@@ -12,12 +12,19 @@
 </template>
 
 <script setup lang="ts">
-import { ref, onMounted, onBeforeUnmount, getCurrentInstance, nextTick, Ref } from "vue";
+import { ref, onMounted, onBeforeUnmount, getCurrentInstance, nextTick, Ref, defineProps } from "vue";
 import { ElMessage } from "element-plus";
 import { GlobalStore } from "@/stores";
 import { getLifterQueryByIdApi } from "@/api/modules/elevator";
 import { getUseProjectVideoConfigApi } from "@/api/modules/tower";
 import mitts from "@/utils/bus"; //兄弟组件传值
+
+const props = defineProps({
+	videoObj: {
+		type: Object
+	}
+});
+
 let shipinList = ref([] as any);
 const store = GlobalStore();
 const playWndBox = ref(null);
@@ -70,6 +77,17 @@ const gerEletorUserVideo = async () => {
 	await getTowerDetail();
 };
 onMounted(async () => {
+	const obj = props.videoObj || null;
+	if (obj) {
+		objData.value = {
+			appkey: obj.appId,
+			ip: obj.account,
+			secret: obj.appSecret,
+			port: Number(obj.password),
+			playMode: 0, // 0 预览 1回放
+			layout: "1x1" //页面展示的模块数【16】
+		};
+	}
 	mitts.on("elevaTorSelectId", e => {
 		eletorSelectId.value = e;
 		gerEletorUserVideo();
diff --git a/src/views/sevenLargeScreen/elevatorMonitoring/leftTop.vue b/src/views/sevenLargeScreen/elevatorMonitoring/leftTop.vue
index 61068ee..132e933 100644
--- a/src/views/sevenLargeScreen/elevatorMonitoring/leftTop.vue
+++ b/src/views/sevenLargeScreen/elevatorMonitoring/leftTop.vue
@@ -169,7 +169,7 @@ onMounted(() => {
 			background-size: 100% 100%;
 			color: #fff;
 			font-size: calc(100vw * 12 / 1920);
-
+			position: relative;
 			.menStyle {
 				margin-top: 3%;
 				margin-left: 6%;
@@ -195,11 +195,13 @@ onMounted(() => {
 		}
 		.num {
 			position: absolute;
-			left: 11%;
+			// left: 11%;
+			right: 4%;
 		}
 		.numMax {
 			position: absolute;
-			left: 24%;
+			// left: 24%;
+			right: 4%;
 		}
 		.num1 {
 			font-size: calc(100vw * 26 / 1920);
diff --git a/src/views/sevenLargeScreen/elevatorMonitoring/right.vue b/src/views/sevenLargeScreen/elevatorMonitoring/right.vue
index 81825b4..bd0a8de 100644
--- a/src/views/sevenLargeScreen/elevatorMonitoring/right.vue
+++ b/src/views/sevenLargeScreen/elevatorMonitoring/right.vue
@@ -40,7 +40,7 @@
 					</div>
 					<div class="rightVideo">
 						<div class="video">
-							<Monitor></Monitor>
+							<Monitor :videoObj="videoObj"></Monitor>
 						</div>
 						<div class="devInfo">
 							<div class="leftInfo">
@@ -56,8 +56,8 @@
 							</div>
 							<div class="rightInfo">
 								<div class="titleStatus">
-									<span style="color:#fff;cursor: pointer" v-if="isShow==false" @click="infoBtn">司机信息</span> 
-									<span style="color:#ccc;cursor: pointer" v-else @click="infoBtn">司机信息</span> 
+									<span style="color: #fff; cursor: pointer" v-if="isShow == false" @click="infoBtn">司机信息</span>
+									<span style="color: #ccc; cursor: pointer" v-else @click="infoBtn">司机信息</span>
 									<span
 										><img style="margin-left: 4%; width: 6%" src="@/assets/images/towerCraneMonitoring/setUp.png" alt="" />
 									</span>
@@ -201,10 +201,11 @@ import {
 	getLifterListApi,
 	getNewestLifterApi,
 	getQueryTodayOperatingApi,
+	getSelectLifterBySnApi,
 	getRelatedInfoApi,
 	getLifterQueryByIdApi
 } from "@/api/modules/elevator";
-import { ref, reactive, onMounted } from "vue";
+import { ref, onMounted } from "vue";
 import { GlobalStore } from "@/stores";
 const store = GlobalStore();
 const lifeValue = ref("" as any);
@@ -212,16 +213,18 @@ const noiseList = ref([] as any);
 let lifterDevSn = ref("" as any);
 let isShowTime = ref(true); //司机信息
 let isShow = ref(false); //设备信息
+
+const videoObj = ref(null as any);
+
 //司机点击
-const infoBtn=()=>{
-    isShowTime.value=true
-		isShow.value=false
-}
+const infoBtn = () => {
+	isShowTime.value = true;
+	isShow.value = false;
+};
 //设备信息
 const deviceInf = () => {
-	isShow.value=true
-	isShowTime.value=false
-	
+	isShow.value = true;
+	isShowTime.value = false;
 };
 // 下拉框选中
 function checkItem(val: any) {
@@ -242,14 +245,14 @@ function checkItem(val: any) {
 const towerDetail = ref({} as any);
 const getTowerData = async (data: any) => {
 	console.log("接收设备信息desn", data);
-
+	if (!data) return;
 	const res = await getLifterQueryByIdApi({
 		id: data
 	});
 	if (res.result) {
 		towerDetail.value = res.result;
-				console.log("获取设备信息数据res.result", towerDetail.vaule);
-		console.log("获取设备信息取值", towerDetail.valuedevName);
+		console.log("获取设备信息数据res.result", towerDetail.value);
+		console.log("获取设备信息取值", towerDetail.value);
 	}
 };
 //获取设备下拉列表
@@ -259,13 +262,14 @@ const getLifterList = async () => {
 	});
 	if (res.result) {
 		noiseList.value = res.result;
-		lifeValue.value = res.result[0].id;
-		lifterDevSn.value = res.result[0].devSn;
+		lifeValue.value = res.result[0]?.id;
+		lifterDevSn.value = res.result[0]?.devSn;
 	}
+	await getLifterPageData();
 	await getLifterData();
 	await getSelectTower();
 	await getDriverInfoList(lifterDevSn.value);
-	 getTowerData(lifeValue.value);
+	getTowerData(lifeValue.value);
 };
 
 //获取升降机实时数据
@@ -280,6 +284,19 @@ const getLifterData = async () => {
 	console.log("获取升降机实时数据", elevatorList.value);
 };
 
+//获取当前塔吊视频
+const getLifterPageData = () => {
+	let data = {
+		devSn: lifterDevSn.value
+	};
+	if (!lifterDevSn.value) return;
+	getSelectLifterBySnApi(data).then(res => {
+		if (res.result) {
+			videoObj.value = res.result?.videoList[0] || null;
+		}
+	});
+};
+
 //获取运行状态
 let lifeList = ref({} as any);
 const getSelectTower = async () => {
@@ -297,7 +314,7 @@ const getSelectTower = async () => {
 let driverInfo = ref([] as any);
 const getDriverInfoList = async (val: any) => {
 	console.log("司机信息接收的devSn", val);
-
+	if (!val) return;
 	const res = await getRelatedInfoApi({
 		devSn: val
 	});
diff --git a/src/views/sevenLargeScreen/qualityControl/qualityManagement/rightBoxQ.vue b/src/views/sevenLargeScreen/qualityControl/qualityManagement/rightBoxQ.vue
index ea2ec31..7750b8c 100644
--- a/src/views/sevenLargeScreen/qualityControl/qualityManagement/rightBoxQ.vue
+++ b/src/views/sevenLargeScreen/qualityControl/qualityManagement/rightBoxQ.vue
@@ -50,7 +50,8 @@ let rectification = ref([
 	{ id: 2, name: "待整改", color: "#698ed2" },
 	{ id: 3, name: "待复查", color: "#EEA959" },
 	{ id: 4, name: "待核验", color: "#a1accb" },
-	{ id: 5, name: "合格", color: "#82FBEA" }
+	{ id: 5, name: "合格", color: "#82FBEA" },
+	{ id: 6, name: "已撤销", color: "#a1accb" }
 ]);
 
 let list = ref([]);
diff --git a/src/views/sevenLargeScreen/safetyManagement/securityManagement-bak/rightBox.vue b/src/views/sevenLargeScreen/safetyManagement/securityManagement-bak/rightBox.vue
index 97058a4..913cc91 100644
--- a/src/views/sevenLargeScreen/safetyManagement/securityManagement-bak/rightBox.vue
+++ b/src/views/sevenLargeScreen/safetyManagement/securityManagement-bak/rightBox.vue
@@ -50,7 +50,8 @@ let rectification = ref([
 	{ id: 2, name: "待整改", color: "#698ed2" },
 	{ id: 3, name: "待复查", color: "#EEA959" },
 	{ id: 4, name: "合格", color: "#82FBEA" },
-	{ id: 5, name: "不合格", color: "#a1accb" }
+	{ id: 5, name: "不合格", color: "#a1accb" },
+	{ id: 6, name: "已撤销", color: "#a1accb" }
 ]);
 
 let list = ref(["", "", "", "", "", "", "", "", "", ""]);
diff --git a/src/views/sevenLargeScreen/safetyManagement/securityManagement/rightBox.vue b/src/views/sevenLargeScreen/safetyManagement/securityManagement/rightBox.vue
index aa27b74..532fceb 100644
--- a/src/views/sevenLargeScreen/safetyManagement/securityManagement/rightBox.vue
+++ b/src/views/sevenLargeScreen/safetyManagement/securityManagement/rightBox.vue
@@ -50,7 +50,8 @@ let rectification = ref([
 	{ id: 2, name: "待整改", color: "#698ed2" },
 	{ id: 3, name: "待复查", color: "#EEA959" },
 	{ id: 4, name: "待核验", color: "#a1accb" },
-	{ id: 5, name: "合格", color: "#82FBEA" }
+	{ id: 5, name: "合格", color: "#82FBEA" },
+	{ id: 6, name: "已撤销", color: "#a1accb" }
 ]);
 
 let list = ref([]);
diff --git a/src/views/sevenLargeScreen/towerCraneMonitoring/monitor.vue b/src/views/sevenLargeScreen/towerCraneMonitoring/monitor.vue
index 8a3d3f8..6ce8f90 100644
--- a/src/views/sevenLargeScreen/towerCraneMonitoring/monitor.vue
+++ b/src/views/sevenLargeScreen/towerCraneMonitoring/monitor.vue
@@ -16,7 +16,7 @@
 
 <script setup lang="ts">
 import ysyPlayAndPlayback from "@/components/ysyPlayAndPlayback.vue";
-import { ref, onMounted, onBeforeUnmount, getCurrentInstance, nextTick, Ref } from "vue";
+import { ref, onMounted, onBeforeUnmount, getCurrentInstance, nextTick, Ref, defineProps } from "vue";
 import { ElMessage } from "element-plus";
 import { GlobalStore } from "@/stores";
 import { getQueryByIdApi, getUseProjectVideoConfigApi } from "@/api/modules/tower";
@@ -24,6 +24,12 @@ import mitts from "@/utils/bus"; //兄弟组件传值
 let videoType = ref("") as any;
 let ysyParams = ref({} as any);
 
+const props = defineProps({
+	videoObj: {
+		type: Object
+	}
+});
+
 let shipinList = ref([] as any);
 const store = GlobalStore();
 const playWndBox = ref(null);
@@ -90,6 +96,17 @@ let detailId = ref("1680765579331624962" as any);
 // let serialNumberValue = ref("" as any);
 let showYsy = ref(false) as any;
 onMounted(async () => {
+	const obj = props.videoObj || null;
+	if (obj) {
+		objData.value = {
+			appkey: obj.appId,
+			ip: obj.account,
+			secret: obj.appSecret,
+			port: Number(obj.password),
+			playMode: 0, // 0 预览 1回放
+			layout: "1x1" //页面展示的模块数【16】
+		};
+	}
 	// setTimeout(() => {
 	// 	gerUserVideo();
 	// }, 2000);
diff --git a/src/views/sevenLargeScreen/towerCraneMonitoring/right.vue b/src/views/sevenLargeScreen/towerCraneMonitoring/right.vue
index 9f5d5e3..2b68d8f 100644
--- a/src/views/sevenLargeScreen/towerCraneMonitoring/right.vue
+++ b/src/views/sevenLargeScreen/towerCraneMonitoring/right.vue
@@ -80,7 +80,7 @@
 					</div>
 					<div class="rightVideo">
 						<div class="video">
-							<Monitor></Monitor>
+							<Monitor :videoObj="videoObj"></Monitor>
 						</div>
 						<div class="devInfo">
 							<div class="leftInfo">
@@ -249,6 +249,7 @@ import {
 	getTowerNumAndAlarmApi,
 	getNewestTowerApi,
 	getTowerCurrentCountApi,
+	getSelectTowerBySnApi,
 	getRelatedInfoApi,
 	getNewestDataApi
 } from "@/api/modules/tower";
@@ -260,6 +261,8 @@ let noiseList = ref([]);
 let isShowTime = ref(true); //司机信息
 let isShow = ref(false); //设备信息
 
+const videoObj = ref(null as any);
+
 //司机点击
 const infoBtn = () => {
 	isShowTime.value = true;
@@ -353,6 +356,7 @@ const getTowerNumAndAlarmList = async () => {
 			console.log("塔吊option", noiseList.value);
 			mitts.emit("selectId", towerValue.value);
 
+			await getTowerPageData();
 			await getTowerData();
 			await getSelectTower();
 			await getDriverInfoList();
@@ -362,6 +366,18 @@ const getTowerNumAndAlarmList = async () => {
 	}
 };
 
+//获取当前塔吊视频
+const getTowerPageData = () => {
+	let data = {
+		devSn: towerDevSn.value
+	};
+	getSelectTowerBySnApi(data).then(res => {
+		if (res.result) {
+			videoObj.value = res.result?.videoList[0] || null;
+		}
+	});
+};
+
 //获取运行状态
 let towerList = ref([] as any);
 const getSelectTower = async () => {