From c9497ba140e69bd8c37d6ec90b60845c6792aa46 Mon Sep 17 00:00:00 2001
From: shijing <sj_mzw@163.com>
Date: Mon, 7 Apr 2025 15:51:15 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E8=AE=BE=E5=A4=87=E7=9A=84=E7=9B=91?=
 =?UTF-8?q?=E6=B5=8B=E7=82=B9=E5=AE=9E=E6=97=B6=E6=95=B0=E6=8D=AE=E5=B1=95?=
 =?UTF-8?q?=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/wpm_bx/mlogs.vue          |  40 ++++++++--
 src/views/wpm_bx/monitor_detail.vue | 112 ++++++++++++++++++++++++++++
 2 files changed, 145 insertions(+), 7 deletions(-)
 create mode 100644 src/views/wpm_bx/monitor_detail.vue

diff --git a/src/views/wpm_bx/mlogs.vue b/src/views/wpm_bx/mlogs.vue
index f5345901..d85529d8 100644
--- a/src/views/wpm_bx/mlogs.vue
+++ b/src/views/wpm_bx/mlogs.vue
@@ -121,15 +121,14 @@
 					width="150"
 				>
 					<template #default="scope">
-						<!-- <el-button
+						<el-button
 							link
 							size="small"
-							v-auth="'mlog.update'"
-							v-if="scope.row.submit_time == null"
-							type="primary"
-							@click.stop="table_edit(scope.row)"
-							>编辑</el-button
-						> -->
+							type="success"
+							v-if="route_code=='ladansi'||route_code=='yicifusi'||route_code=='ercifusi'||route_code=='zlybcl'"
+							@click.stop="table_monitor(scope.row)"
+							>监测</el-button
+						>
 						<el-button
 							link
 							size="small"
@@ -180,11 +179,19 @@
 			@closed="detailClose"
 		>
 		</detail-drawer>
+		<monitor-drawer
+			v-if="dialog.monitor"
+			ref="monitorDialog"
+			:endTime="endTime"
+			:startTime="startTime"
+			:equipmentId="equipmentId"
+		></monitor-drawer>
 	</el-container>
 </template>
 <script>
 import saveDialog from "./mlog_form.vue";
 import detailDrawer from "./mlog_detail.vue";
+import monitorDrawer from "./monitor_detail.vue";
 
 export default {
 	props: {
@@ -201,6 +208,7 @@ export default {
 	components: {
 		saveDialog,
 		detailDrawer,
+		monitorDrawer
 	},
 	data() {
 		return {
@@ -210,6 +218,7 @@ export default {
 			dialog: {
 				save: false,
 				detail: false,
+				monitor:false,
 			},
 			tableData: [],
 			selection: [],
@@ -217,6 +226,8 @@ export default {
 			mlogId: "",
 			deptId: null,
 			processId: "",
+			route_code: "",
+			equipmentId: "",
 			processCate: "",
 			mgroupMtype: "",
 			showHidden:false,
@@ -234,6 +245,7 @@ export default {
 	},
 	mounted() {
 		let that = this;
+		that.route_code = this.$route.path.split("/")[2];
 		that.params.mgroup =that.mgroupId;
 		that.apiObj = that.$API.wpm.mlog.list;
 		this.getMgroupInfo();
@@ -277,6 +289,20 @@ export default {
 			this.dialog.detail = false;
 			this.$refs.table.refresh();
 		},
+		table_monitor(row){
+			let that= this;
+			if(row.equipment!==null){
+				that.equipmentId = row.equipment;
+				that.endTime = row.work_end_time;
+				that.startTime = row.work_start_time;
+				that.dialog.monitor = true;
+				this.$nextTick(() => {
+					this.$refs.monitorDialog.open("add");
+				});
+			}else{
+				that.$message.error("该日志未关联设备，请选择设备后重新查看");
+			}
+		},
 		//添加日志
 		table_add() {
 			this.dialog.save = true;
diff --git a/src/views/wpm_bx/monitor_detail.vue b/src/views/wpm_bx/monitor_detail.vue
new file mode 100644
index 00000000..414b2608
--- /dev/null
+++ b/src/views/wpm_bx/monitor_detail.vue
@@ -0,0 +1,112 @@
+<!-- 日志详情 mlog信息以及mlogb -->
+<template>
+	<el-drawer
+		title="监测数据"
+		v-model="visible"
+		:size="'65%'"
+		destroy-on-close
+		@closed="$emit('closed')"
+	>
+		<div id="tableWap" style="height: 100%;">
+			<el-tabs v-model="activeName" @tab-click="handleClick">
+				<el-tab-pane  v-for="item in mpointList" :label="item.name" :name="item.name" :key="item.id" lazy>
+					<scTable
+						ref="table"
+						:apiObj="apiObj"
+						row-key="id"
+						stripe
+						:height="tableHeight"
+						:params="{'mpoint':item.id, 'timex_gte':startTime, 'timex_lte':endTime}"   
+						hideDo                                            
+					>
+						<el-table-column label="时间" prop="timex">
+						</el-table-column>
+						<el-table-column label="数值" prop="val_float">
+						</el-table-column>
+					</scTable>
+				</el-tab-pane>
+			</el-tabs>
+		</div>
+	</el-drawer>
+</template>
+<script>
+export default {
+	props: {
+		equipmentId: {
+			type: String,
+			default: "",
+		},
+		endTime: {
+			type: String,
+			default: "",
+		},
+		startTime: {
+			type: String,
+			default: "",
+		},
+	},
+	emits: ["success", "closed"],
+	data() {
+		return {
+			apiObj:null,
+			loading: false,
+			isSaveing: false,
+			visible: false,
+			params:{},
+			query:{},
+			mpointList:[],
+			activeName: "",
+			tableHeight:300,
+		};
+	},
+	mounted() {
+		let that = this;
+		that.params.timex_gte = that.startTime;
+		that.params.timex_lte = that.endTime;
+		that.$API.enm.mpoint.list.req({ep_belong:that.equipmentId,page:0}).then((res) => {
+			if(res.length>0){
+				that.mpointList = res;
+				that.activeName = res[0].name;
+				that.params.mpoint = res[0].id;
+				that.apiObj = that.$API.enm.mplogx;
+			}else{
+				that.$message.error("该设备没有监测点");
+			}
+		})
+	},
+	methods: {
+		open() {
+			let that = this;
+			this.visible = true;
+			that.$nextTick(() => {
+				let height = document.getElementById("tableWap").clientHeight;
+				console.log('height',height)
+				that.tableHeight = height - 45;
+			})
+		},
+		handleClick(val){
+			console.log('val',val)
+			console.log('this.activeName',this.activeName)
+			let that = this;
+			that.mpointList.forEach(item=>{
+			    if(item.name == that.activeName){
+					that.query.mpoint = item.id;
+					that.query.page = 1;
+					// that.$refs.table.queryData(that.query);
+				}
+			})
+		},
+	},
+};
+</script>
+
+<style scoped>
+.file_show{
+	position: absolute;
+	width: 100%;
+	height: 100%;
+	top: 0;
+	background: rgb(255,255,255);
+	z-index: 999;
+}
+</style>