feat:设备的监测点实时数据展示

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'"
+							type="success"
-							v-if="scope.row.submit_time == null"
+							v-if="route_code=='ladansi'||route_code=='yicifusi'||route_code=='ercifusi'||route_code=='zlybcl'"
-							type="primary"
+							@click.stop="table_monitor(scope.row)"
-							@click.stop="table_edit(scope.row)"
+							>监测</el-button
-							>编辑</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;

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>