'2021-11-16'

src/api/weikuangku.js

@@ -10,6 +10,29 @@ export function environment(data) {
     });
 }
 
+// 获取所有设备标志
+export function findAllDeviceId(companyCode) {
+    return request5({
+        url: "api/environment/findAllDeviceId",
+        method: "get",
+        params: {
+            companyCode
+        }
+    })
+}
+
+// 获取监测数据趋势
+export function analyzeTrend(companyCode, deviceId) {
+    return request5({
+        url: 'api/environment/analyzeTrend',
+        method: "get",
+        params: {
+            companyCode,
+            deviceId
+        }
+    })
+}
+
 // 降雨量
 export function jiangYuLiang(data) {
     return request5({
@@ -119,3 +142,159 @@ export function wkkAlarm(data) {
         params: data
     });
 }
+
+// 降雨量 -- 获取指定企业所有监测站
+export function getAllSensorNamesINJYL(companyCode) {
+    return request5({
+        url: "api/wkkJiangYuLiang/getAllSensorNames",
+        method: "get",
+        params: {
+            companyCode
+        }
+    })
+}
+
+// 降雨量 -- 分析监测数据趋势
+export function analyzeTrendINJYL(companyCode, sensorName) {
+    return request5({
+        url: "api/wkkJiangYuLiang/analyzeTrend",
+        method: "get",
+        params: {
+            companyCode,
+            sensorName
+        }
+    })
+}
+
+// 浸润线 -- 获取企业所有监测站
+export function getAllSensorNamesINJRX(companyCode) {
+    return request5({
+        url: "api/wkkJinRunXian/getAllSensorNames",
+        method: "get",
+        params: {
+            companyCode
+        }
+    })
+}
+// 浸润线 -- 分析监测数据趋势
+export function analyzeTrendINJRX(companyCode, sensorName) {
+    return request5({
+        url: "api/wkkJinRunXian/analyzeTrend",
+        method: "get",
+        params: {
+            companyCode,
+            sensorName
+        }
+    })
+}
+
+// 库水位 -- 获取企业所有监测站
+export function getAllSensorNamesINKSW(companyCode) {
+    return request5({
+        url: "api/wkkKuShuiWei/getAllSensorNames",
+        method: "get",
+        params: {
+            companyCode
+        }
+    })
+}
+// 库水位 -- 分析监测数据趋势
+export function analyzeTrendINKSW(companyCode, sensorName) {
+    return request5({
+        url: "api/wkkKuShuiWei/analyzeTrend",
+        method: "get",
+        params: {
+            companyCode,
+            sensorName
+        }
+    })
+}
+
+// 干滩 -- 获取企业所有监测站
+export function getAllSeonsorNamesINGT(companyCode) {
+    return request5({
+        url: "api/wkkGanTan/getAllSensorNames",
+        method: "get",
+        params: {
+            companyCode
+        }
+    })
+}
+// 干滩 -- 分析监测数据趋势
+export function analyzeTrendINGT(companyCode, sensorName) {
+    return request5({
+        url: "api/wkkGanTan/analyzeTrend",
+        method: "get",
+        params: {
+            companyCode,
+            sensorName
+        }
+    })
+}
+
+// 表面位移 -- 获取企业所有监测站
+export function getAllSensorNamesINBMWY(companyCode) {
+    return request5({
+        url: "api/wkkBiaoMianWeiYi/getAllSensorNames",
+        method: "get",
+        params: {
+            companyCode
+        }
+    })
+}
+// 表面位移 -- 分析监测数据趋势
+export function analyzeTrendINBMWY(companyCode, sensorName) {
+    return request5({
+        url: "api/wkkBiaoMianWeiYi/analyzeTrend",
+        method: "get",
+        params: {
+            companyCode,
+            sensorName
+        }
+    })
+}
+
+// 内部位移沉降 -- 获取指定企业所有检测站
+export function getAllSensorNamesINNBWYCJ(companyCode) {
+    return request5({
+        url: "api/wkkNeiBuWeiYiChenJiang/getAllSensorNames",
+        method: "get",
+        params: {
+            companyCode
+        }
+    })
+}
+
+// 内部位移沉降 -- 分析监测数据趋势
+export function analyzeTrendINNBWYCJ(companyCode, sensorName) {
+    return request5({
+        url: "api/wkkNeiBuWeiYiChenJiang/analyzeTrend",
+        method: "get",
+        params: {
+            companyCode,
+            sensorName
+        }
+    })
+}
+
+// 内部位移倾斜 -- 获取指定企业所有监测站
+export function getAllSensorNamesINNBWYQX(companyCode) {
+    return request5({
+        url: "api/neiBuWeiYiQingXie/getAllSensorNames",
+        method: "get",
+        params: {
+            companyCode
+        }
+    })
+}
+// 内部位移倾斜 -- 分析监测数据趋势
+export function analyzeTrendINNBWYQX(companyCode, sensorName) {
+    return request5({
+        url: "api/neiBuWeiYiQingXie/analyzeTrend",
+        method: "get",
+        params: {
+            companyCode,
+            sensorName
+        }
+    })
+}
\ No newline at end of file

src/components/wkk_environment/table.vue

@@ -17,14 +17,15 @@
 		<div class="tools-wrapper">
 			<div class="device-wrapper">
 				<span>设备标识:&nbsp;&nbsp;</span>
-				<el-select>
-					<el-option label="400中段风速" value="400中段风速"></el-option>
-					<el-option label="2 5 0 进风巷 风速" value="2 5 0 进风巷 风速"></el-option>
-					<el-option label="3 0 0 进风巷 风速" value="3 0 0 进风巷 风速"></el-option>
-					<el-option label="7 1线温度" value="7 1线温度"></el-option>
-					<el-option label="71二氧化碳" value="71二氧化碳"></el-option>
+				<el-select v-model="curSelectDeviceId" placeholder="请选择设备" @change="changeDevice">
+					<el-option
+						v-for="item in deviceIds"
+						:key="item"
+						:label="item"
+						:value="item"
+					></el-option>
 				</el-select>
-				<el-button type="success" size="medium">查询</el-button>
+				<el-button type="success" size="medium" @click="queryCore">查询</el-button>
 			</div>
 			<div class="switch-wrapper">
 				<el-button type="primary" size="medium" @click.stop="clickToSwitchTable">切换</el-button>
@@ -57,7 +58,7 @@
 
 <script>
 import { timeParse, randNum, getValueUnit } from '@/utils'
-import { environment } from '@/api/weikuangku'
+import { environment, findAllDeviceId, analyzeTrend } from '@/api/weikuangku'
 export default {
 	data() {
 		return {
@@ -72,11 +73,12 @@ export default {
 			itemUnit:getValueUnit(),
 			// 设备标识
 			deviceIds: [],
+			// 当前选中的设备
+			curSelectDeviceId: '',
 			// 切换
 			switchTable: true
 		}
 	},
-
 	methods: {
 		core() {
 			const compony_info = this.$store.state.compony_info
@@ -85,9 +87,10 @@ export default {
 				page: this.page,
 				size: 10,
 				sort: 'id,desc',
+				deviceId: this.curSelectDeviceId,
 				companycode: compony_info.companycode,
 			}).then(res => {
-				this.tableData = res.content
+				this.tableData = [...res.content]
 				this.total = res.totalElements
 			})
 
@@ -118,25 +121,32 @@ export default {
 		},
 
 		clickToSwitchTable() {
-			// 切换图标
+			if (!this.curSelectDeviceId ) {
+				this.$message.error("请选择设备")
+				return
+			}
 			this.switchTable = !this.switchTable
+			analyzeTrend(this.$store.state.compony_info.companycode, this.curSelectDeviceId).then(res => {
+				console.log(res, 'res , analyzeTrend')
+				const xData = res.map(item => item.acquisitionDate)
+				const yData = res.map(item => item.value)
+				// 切换图标
 				if (this.switchTable === false) {
 					this.$nextTick(() => {
 						// 画图表
-					console.log(echarts, '有echarts吗')
 						const mychart = echarts.init(document.getElementById('enterStatistics'))
 						mychart.clear()
 						const option = {
 							xAxis: {
 								type: 'category',
-							data: ['19:17', '20:20', '20:40', '21:30', '21:45', '21:50', '21:55', '22:00', '22:11']
+								data: xData
 							},
 							yAxis: {
 								type: 'value'
 							},
 							series: [
 								{
-								data: [150, 230, 224, 118, 110, 55, 280, 360, 780],
+									data: yData,
 									type: 'line'
 								}
 							]
@@ -144,6 +154,46 @@ export default {
 						mychart.setOption(option)
 					})
 				}
+			})
+
+		},
+
+		changeDevice() {
+			if (this.switchTable === false) {
+				analyzeTrend(this.$store.state.compony_info.companycode, this.curSelectDeviceId).then(res => {
+					console.log(res, 'res , analyzeTrend')
+					const xData = res.map(item => item.acquisitionDate)
+					const yData = res.map(item => item.value)
+					// 切换图标
+					if (this.switchTable === false) {
+						this.$nextTick(() => {
+							// 画图表
+							const mychart = echarts.init(document.getElementById('enterStatistics'))
+							mychart.clear()
+							const option = {
+								xAxis: {
+									type: 'category',
+									data: xData
+								},
+								yAxis: {
+									type: 'value'
+								},
+								series: [
+									{
+										data: yData,
+										type: 'line'
+									}
+								]
+							}
+							mychart.setOption(option)
+						})
+					}
+				})
+			}
+		},
+
+		queryCore() {
+			this.core()
 		}
 	},
 
@@ -157,6 +207,15 @@ export default {
 		is_show_huan_jing_jian_ce_table() {
 			this.core()
 		},
+		dialogVisible(newVal, oldVal) {
+			if (newVal === true) {
+				findAllDeviceId(this.$store.state.compony_info.companycode).then(res => {
+					this.deviceIds = [...res]
+				})
+			}
+			
+		}
+		
 	},
 }
 </script>

src/components/wkk_item/item.vue

@@ -59,18 +59,26 @@
 					<el-date-picker v-model="stop_time" @change="onChangeStop" type="datetime" placeholder="选择日期"></el-date-picker>
 
 					<strong>监测站</strong>
-					<el-input v-model="monitorStation" placeholder="请输入监测站" style="width: 230px"></el-input>
+					<!-- <el-input v-model="monitorStation" placeholder="请输入监测站" style="width: 230px"></el-input> -->
+					<el-select v-model="curSelectJYLSensor" placeholder="请选择监测站">
+						<el-option
+							v-for="item in jylSensorNames"
+							:key="item"
+							:label="item"
+							:value="item"
+						></el-option>
+					</el-select>
 					<!-- <strong>监测站</strong>
 					<el-select v-model="jyl_value" placeholder="请选择" @change="changeSelect">
 						<el-option v-for="item in jyl_options" :key="item.value" :label="item.label" :value="item.value"> </el-option>
 					</el-select> -->
 
 					<el-button type="primary" @click="onClickSelect">查询</el-button>
-					<el-button style="margin-left: 100px" type="primary" @click="switchToTable">切换</el-button>
+					<el-button style="margin-left: 100px" type="primary" @click="switchToTableJYL">切换</el-button>
 					<!-- <el-button type="primary" @click="onvisi('jyl')">可视化</el-button> -->
 				</div>
 
-				<el-table :data="jyl_tableList" height="58vh" v-show="!switchTable">
+				<el-table :data="jyl_tableList" height="58vh" v-show="!switchTableJYL">
 					<el-table-column property="wkk_name" label="尾矿库名称">
 						<template>
 							{{ wkk_name }}
@@ -84,7 +92,7 @@
 					</el-table-column>
 					<el-table-column property="acquisitionTime" label="时间"></el-table-column>
 				</el-table>
-				<div v-show="switchTable"  style="width: 100%;height: 58vh;" class="renderToTable1" ></div>
+				<div v-show="switchTableJYL"  style="width: 100%;height: 58vh;" class="renderToTable1" ></div>
 			</el-tab-pane>
 
 			<el-tab-pane label="浸润线" name="jrx" v-if="hidePartBaseInfo && curShowItemIndex === 1">
@@ -96,18 +104,26 @@
 					<el-date-picker v-model="stop_time" @change="onChangeStop" type="datetime" placeholder="选择日期"></el-date-picker>
 
 					<strong>监测站</strong>
-					<el-input v-model="monitorStation" placeholder="请输入监测站" style="width: 230px"></el-input>
+					<!-- <el-input v-model="monitorStation" placeholder="请输入监测站" style="width: 230px"></el-input> -->
+					<el-select v-model="curSelectJRXSensor" placeholder="请选择浸润线">
+						<el-option
+							v-for="item in jrxSensorNames"
+							:key="item"
+							:value="item"
+							:label="item"
+						></el-option>
+					</el-select>
 					<!-- <strong>监测站</strong>
 					<el-select v-model="jrx_value" placeholder="请选择" @change="changeSelect">
 						<el-option v-for="item in jrx_options" :key="item.value" :label="item.label" :value="item.value"> </el-option>
 					</el-select> -->
 
 					<el-button type="primary" @click="onClickSelect">查询</el-button>
-					<el-button style="margin-left: 100px" type="primary" @click="switchTable">切换</el-button>
+					<el-button style="margin-left: 100px" type="primary" @click="switchToTableJRX">切换</el-button>
 					<!-- <el-button type="primary" @click="onvisi('jrx')">可视化</el-button> -->
 				</div>
 
-				<el-table :data="jrx_tableList" height="58vh" v-show="!switchTable">
+				<el-table :data="jrx_tableList" height="58vh" v-show="!switchTableJRX">
 					<el-table-column property="wkk_name" label="尾矿库">
 						<template>
 							{{ wkk_name }}
@@ -121,7 +137,7 @@
 					</el-table-column>
 					<el-table-column property="acquisitionTime" label="时间"></el-table-column>
 				</el-table>
-				<div v-show="switchTable" style="width: 100%;height: 58vh;" class="renderToTable2"></div>
+				<div v-show="switchTableJRX" style="width: 100%;height: 58vh;" class="renderToTable2"></div>
 			</el-tab-pane>
 
 			<el-tab-pane label="库水位" name="ksw" v-if="hidePartBaseInfo && curShowItemIndex === 1">
@@ -132,16 +148,29 @@
 					<strong>结束时间</strong>
 					<el-date-picker v-model="stop_time" @change="onChangeStop" type="datetime" placeholder="选择日期"></el-date-picker>
 			
+					<strong>监测站</strong>
+					<el-select
+						v-model="curSelectKSWSensor"
+						placeholder="请选择监测站"
+					>
+						<el-option
+							v-for="item in kswSensorNames"
+							:key="item"
+							:label="item"
+							:value="item"
+						></el-option>
+					</el-select>
 					<!-- <strong>监测站</strong>
 					<el-select v-model="ksw_value" placeholder="请选择" @change="changeSelect">
 						<el-option v-for="item in ksw_options" :key="item.value" :label="item.label" :value="item.value"> </el-option>
 					</el-select> -->
 
 					<el-button type="primary" @click="onClickSelect">查询</el-button>
+					<el-button style="margin-left: 100px" type="primary" @click="switchToTableKSW">切换</el-button>
 					<!-- <el-button type="primary" @click="onvisi('ksw')">可视化</el-button> -->
 				</div>
 
-				<el-table :data="ksw_tableList" height="58vh" v-show="!switchTable">
+				<el-table :data="ksw_tableList" height="58vh" v-show="!switchTableKSW">
 					<el-table-column property="wkk_name" label="尾矿库">
 						<template>
 							{{ wkk_name }}
@@ -155,7 +184,7 @@
 					</el-table-column>
 					<el-table-column property="acquisitionTime" label="时间"></el-table-column>
 				</el-table>
-				<div v-show="switchTable" style="width: 100%;height: 58vh;" class="renderToTable3"></div>
+				<div v-show="switchTableKSW" style="width: 100%;height: 58vh;" class="renderToTable3"></div>
 			</el-tab-pane>
 
 			<el-tab-pane label="干滩" name="gt" v-if="hidePartBaseInfo && curShowItemIndex === 1">
@@ -166,16 +195,26 @@
 					<strong>结束时间</strong>
 					<el-date-picker v-model="stop_time" @change="onChangeStop" type="datetime" placeholder="选择日期"></el-date-picker>
 
+					<strong>监测站</strong>
+					<el-select v-model="curSelectGTSensor" placeholder="请选择监测站">
+						<el-option
+							v-for="item in gtSensorNames"
+							:key="item"
+							:value="item"
+							:label="item"
+						></el-option>
+					</el-select>
 					<!-- <strong>监测站</strong>
 					<el-select v-model="gt_value" placeholder="请选择" @change="changeSelect">
 						<el-option v-for="item in gt_options" :key="item.value" :label="item.label" :value="item.value"> </el-option>
 					</el-select> -->
 
 					<el-button type="primary" @click="onClickSelect">查询</el-button>
+					<el-button style="margin-left: 100px" type="primary" @click="switchToTableGT">切换</el-button>
 					<!-- <el-button type="primary" @click="onvisi('gt')">可视化</el-button> -->
 				</div>
 
-				<el-table :data="gt_tableList" height="58vh" v-show="!switchTable">
+				<el-table :data="gt_tableList" height="58vh" v-show="!switchTableGT">
 					<el-table-column property="wkk_name" label="尾矿库">
 						<template>
 							{{ wkk_name }}
@@ -189,7 +228,7 @@
 					</el-table-column>
 					<el-table-column property="acquisitionTime" label="时间"></el-table-column>
 				</el-table>
-				<div v-show="switchTable" style="width: 100%;height: 58vh;" class="renderToTable4"></div>
+				<div v-show="switchTableGT" style="width: 100%;height: 58vh;" class="renderToTable4"></div>
 			</el-tab-pane>
 
 			<el-tab-pane label="表面位移" name="bmwy" v-if="hidePartBaseInfo && curShowItemIndex === 1">
@@ -200,16 +239,29 @@
 					<strong>结束时间</strong>
 					<el-date-picker v-model="stop_time" @change="onChangeStop" type="datetime" placeholder="选择日期"></el-date-picker>
 
+					<strong>监测站</strong>
+					<el-select
+						v-model="curSelectBMWYSensor"
+						placeholder="请选择监测站"
+					>
+						<el-option
+							v-for="item in bmwySensorNames"
+							:label="item"
+							:value="item"
+							:key="item"
+						></el-option>
+					</el-select>
 					<!-- <strong>监测站</strong>
 					<el-select v-model="bmwy_value" placeholder="请选择" @change="changeSelect">
 						<el-option v-for="item in bmwy_options" :key="item.value" :label="item.label" :value="item.value"> </el-option>
 					</el-select> -->
 
 					<el-button type="primary" @click="onClickSelect">查询</el-button>
+					<el-button style="margin-left: 100px" type="primary" @click="switchToTableBMWY">切换</el-button>
 					<!-- <el-button type="primary" @click="onvisi('bmwy')">可视化</el-button> -->
 				</div>
 
-				<el-table :data="bmwy_tableList" height="58vh" v-show="!switchTable">
+				<el-table :data="bmwy_tableList" height="58vh" v-show="!switchTableBMWY">
 					<el-table-column property="wkk_name" label="尾矿库">
 						<template>
 							{{ wkk_name }}
@@ -233,7 +285,7 @@
 					</el-table-column>
 					<el-table-column property="acquisitionTime" label="时间"></el-table-column>
 				</el-table>
-				<div v-show="switchTable" style="width: 100%;height: 58vh;" class="renderToTable5"></div>
+				<div v-show="switchTableBMWY" style="width: 100%;height: 58vh;" class="renderToTable5"></div>
 			</el-tab-pane>
 
 			<el-tab-pane label="内部位移沉降" name="nbwy" v-if="hidePartBaseInfo && curShowItemIndex === 1">
@@ -244,16 +296,29 @@
 					<strong>结束时间</strong>
 					<el-date-picker v-model="stop_time" @change="onChangeStop" type="datetime" placeholder="选择日期"></el-date-picker>
 
+					<strong>监测站</strong>
+					<el-select
+						v-model="curSelectNBWYCJSensor"
+						placeholder="请输入监测站"
+					>
+						<el-option
+							v-for="item in nbwycjSensorNames"
+							:key="item"
+							:label="item"
+							:value="item"
+						></el-option>
+					</el-select>
 					<!-- <strong>监测站</strong>
 					<el-select v-model="bmwy_value" placeholder="请选择" @change="changeSelect">
 						<el-option v-for="item in bmwy_options" :key="item.value" :label="item.label" :value="item.value"> </el-option>
 					</el-select> -->
 
 					<el-button type="primary" @click="onClickSelect">查询</el-button>
+					<el-button style="margin-left: 100px" type="primary" @click="switchToTableNBWYCJ">切换</el-button>
 					<!-- <el-button type="primary" @click="onvisi('bmwy')">可视化</el-button> -->
 				</div>
 
-				<el-table :data="nbwy_tableList" height="58vh" v-show="!switchTable">
+				<el-table :data="nbwy_tableList" height="58vh" v-show="!switchTableNBWYCJ">
 					<el-table-column property="wkk_name" label="尾矿库">
 						<template>
 							{{ wkk_name }}
@@ -267,7 +332,7 @@
 					</el-table-column>
 					<el-table-column property="acquisitionTime" label="时间"></el-table-column>
 				</el-table>
-				<div v-show="switchTable" style="width: 100%;height: 58vh;" class="renderToTable6"></div>
+				<div v-show="switchTableNBWYCJ" style="width: 100%;height: 58vh;" class="renderToTable6"></div>
 			</el-tab-pane>
 
 			<el-tab-pane label="内部位移倾斜" name="nbwyqx" v-if="hidePartBaseInfo && curShowItemIndex === 1">
@@ -278,16 +343,29 @@
 					<strong>结束时间</strong>
 					<el-date-picker v-model="stop_time" @change="onChangeStop" type="datetime" placeholder="选择日期"></el-date-picker>
 
+					<strong>监测站</strong>
+					<el-select
+						v-model="curSelectNBWYQXSensor"
+						placeholder="请输入监测站"
+					>
+						<el-option
+							v-for="item in nbwyqxSensorNames"
+							:key="item"
+							:label="item"
+							:value="item"
+						></el-option>
+					</el-select>
 					<!-- <strong>监测站</strong>
 					<el-select v-model="bmwy_value" placeholder="请选择" @change="changeSelect">
 						<el-option v-for="item in bmwy_options" :key="item.value" :label="item.label" :value="item.value"> </el-option>
 					</el-select> -->
 
 					<el-button type="primary" @click="onClickSelect">查询</el-button>
+					<el-button style="margin-left: 100px" type="primary" @click="switchToTableNBWYQX">切换</el-button>
 					<!-- <el-button type="primary" @click="onvisi('bmwy')">可视化</el-button> -->
 				</div>
 
-				<el-table :data="nbwyqx_tableList" height="58vh" v-show="!switchTable">
+				<el-table :data="nbwyqx_tableList" height="58vh" v-show="!switchTableNBWYQX">
 					<el-table-column property="wkk_name" label="尾矿库">
 						<template>
 							{{ wkk_name }}
@@ -301,7 +379,7 @@
 					</el-table-column>
 					<el-table-column property="acquisitionTime" label="时间"></el-table-column>
 				</el-table>
-				<div v-show="switchTable" style="width: 100%;height: 58vh;" class="renderToTable7"></div>
+				<div v-show="switchTableNBWYQX" style="width: 100%;height: 58vh;" class="renderToTable7"></div>
 			</el-tab-pane>
 
 			<!-- <el-tab-pane label="预警值" name="yjz">
@@ -352,7 +430,34 @@
 
 <script>
 import { wkk, getRYDWData } from '@/api'
-import { jiangYuLiang, jinRunXian, ganTan, kuShuiWei, biaoMianWeiYi, wkkAlarm, findPersonnelReal, neiBuWeiYiQingXie, wkkNeiBuWeiYiChenJiang, personSelectList, findPersonLocationStatistic } from '@/api/weikuangku'
+import 
+	{ 
+		jiangYuLiang, 
+		jinRunXian, 
+		ganTan, 
+		kuShuiWei, 
+		biaoMianWeiYi, 
+		wkkAlarm, 
+		findPersonnelReal, 
+		neiBuWeiYiQingXie, 
+		wkkNeiBuWeiYiChenJiang, 
+		personSelectList, 
+		findPersonLocationStatistic, 
+		getAllSensorNamesINJYL, 
+		analyzeTrendINJYL,
+		getAllSensorNamesINJRX,
+		analyzeTrendINJRX,
+		getAllSensorNamesINKSW,
+		analyzeTrendINKSW,
+		getAllSeonsorNamesINGT,
+		analyzeTrendINGT,
+		getAllSensorNamesINBMWY,
+		analyzeTrendINBMWY,
+		getAllSensorNamesINNBWYCJ,
+		analyzeTrendINNBWYCJ,
+		getAllSensorNamesINNBWYQX,
+		analyzeTrendINNBWYQX
+	} from '@/api/weikuangku'
 import { mapState } from 'vuex'
 import eventBus from '@/utils/eventbus'
 import { timeParse, randNum, getValueUnit, getCompanyCodes } from '@/utils'
@@ -475,7 +580,29 @@ export default {
 			itemUnit:getValueUnit(),
 
 			// 三个index 0 1 2 控制显示的 pane
-			curShowItemIndex: 0
+			curShowItemIndex: 0,
+			jylSensorNames: [],
+			jrxSensorNames: [],
+			kswSensorNames: [],
+			gtSensorNames: [],
+			bmwySensorNames: [],
+			nbwycjSensorNames: [],
+			nbwyqxSensorNames: [],
+			curSelectJYLSensor: '',
+			curSelectJRXSensor: '',
+			curSelectKSWSensor: '',
+			curSelectGTSensor: '',
+			curSelectBMWYSensor: '',
+			curSelectNBWYCJSensor: '',
+			curSelectNBWYQXSensor: '',
+			switchTableJYL: false,
+			switchTableJRX: false,
+			switchTableKSW: false,
+			switchTableGT: false,
+			switchTableBMWY: false,
+			switchTableNBWYCJ: false,
+			switchTableNBWYQX: false,
+
 		}
 	},
 
@@ -627,30 +754,52 @@ export default {
 
 			if (this.activeName == 'jyl') {
 				this.jylData()
+				getAllSensorNamesINJYL(this.$store.state.compony_info.companycode).then(res => {
+					console.log(res, 'getAllSensorNamesINJYL getAllSen')
+					this.jylSensorNames = [...res]
+				})
 			}
 
 			if (this.activeName == 'jrx') {
 				this.jrxData()
+				getAllSensorNamesINJRX(this.$store.state.compony_info.companycode).then(res => {
+					this.jrxSensorNames = [...res]
+				})
 			}
 
 			if (this.activeName == 'gt') {
 				this.gtData()
+				getAllSeonsorNamesINGT(this.$store.state.compony_info.companycode).then(res => {
+					this.gtSensorNames = [...res]
+				})
 			}
 
 			if (this.activeName == 'ksw') {
 				this.kswData()
+				getAllSensorNamesINKSW(this.$store.state.compony_info.companycode).then(res => {
+					this.kswSensorNames = [...res]
+				})
 			}
 
 			if (this.activeName == 'bmwy') {
 				this.bmwyData()
+				getAllSensorNamesINBMWY(this.$store.state.compony_info.companycode).then(res => {
+					this.bmwySensorNames = [...res]
+				})
 			}
 
 			if (this.activeName == 'nbwy') {
 				this.nbwyData()
+				getAllSensorNamesINNBWYCJ(this.$store.state.compony_info.companycode).then(res => {
+					this.nbwycjSensorNames = [...res]
+				})
 			}
 
 			if (this.activeName == 'nbwyqx') {
 				this.nbwyqxData()
+				getAllSensorNamesINNBWYQX(this.$store.state.compony_info.companycode).then(res => {
+					this.nbwyqxSensorNames = [...res]
+				})
 			};
 
 			if (this.activeName == 'bjjl') {
@@ -681,30 +830,52 @@ export default {
 
 			if (e.name == 'jyl') {
 				this.jylData()
+				getAllSensorNamesINJYL(this.$store.state.compony_info.companycode).then(res => {
+					console.log(res, 'getAllSensorNamesINJYL getAllSen')
+					this.jylSensorNames = [...res]
+				})
 			}
 
 			if (e.name == 'jrx') {
 				this.jrxData()
+				getAllSensorNamesINJRX(this.$store.state.compony_info.companycode).then(res => {
+					this.jrxSensorNames = [...res]
+				})
 			}
 
 			if (e.name == 'gt') {
 				this.gtData()
+				getAllSeonsorNamesINGT(this.$store.state.compony_info.companycode).then(res => {
+					this.gtSensorNames = [...res]
+				})
 			}
 
 			if (e.name == 'ksw') {
 				this.kswData()
+				getAllSensorNamesINKSW(this.$store.state.compony_info.companycode).then(res => {
+					this.kswSensorNames = [...res]
+				})
 			}
 
 			if (e.name == 'bmwy') {
 				this.bmwyData()
+				getAllSensorNamesINBMWY(this.$store.state.compony_info.companycode).then(res => {
+					this.bmwySensorNames = [...res]
+				})
 			}
 
 			if (e.name == 'nbwy') {
 				this.nbwyData()
+				getAllSensorNamesINNBWYCJ(this.$store.state.compony_info.companycode).then(res => {
+					this.nbwycjSensorNames = [...res]
+				})
 			}
 
 			if (e.name == 'nbwyqx') {
 				this.nbwyqxData()
+				getAllSensorNamesINNBWYQX(this.$store.state.compony_info.companycode).then(res => {
+					this.nbwyqxSensorNames = [...res]
+				})
 			}
 
 			if (e.name == 'bjjl') {
@@ -763,6 +934,7 @@ export default {
 				startTime: this.start_time,
 				endTime: this.stop_time,
 				companycode: this.companycode,
+				deviceId: this.curSelectJYLSensor
 			}
 
 			jiangYuLiang(params).then(res => {
@@ -790,6 +962,7 @@ export default {
 				startTime: this.start_time,
 				endTime: this.stop_time,
 				companycode: this.companycode,
+				deviceId: this.curSelectJRXSensor
 			}
 
 			jinRunXian(params).then(res => {
@@ -817,6 +990,7 @@ export default {
 				startTime: this.start_time,
 				endTime: this.stop_time,
 				companycode: this.companycode,
+				deviceId: this.curSelectGTSensor
 			}
 			ganTan(params).then(res => {
 				this.gt_tableList = []
@@ -843,6 +1017,7 @@ export default {
 				startTime: this.start_time,
 				endTime: this.stop_time,
 				companycode: this.companycode,
+				deviceId: this.curSelectKSWSensor
 			}
 
 			kuShuiWei(params).then(res => {
@@ -870,6 +1045,7 @@ export default {
 				startTime: this.start_time,
 				endTime: this.stop_time,
 				companycode: this.companycode,
+				deviceId: this.curSelectBMWYSensor
 			}
 
 			biaoMianWeiYi(params).then(res => {
@@ -899,6 +1075,7 @@ export default {
 				startTime: this.start_time,
 				endTime: this.stop_time,
 				companycode: this.companycode,
+				deviceId: this.curSelectNBWYCJSensor
 			}
 
 			wkkNeiBuWeiYiChenJiang(params).then(res => {
@@ -925,6 +1102,7 @@ export default {
 				startTime: this.start_time,
 				endTime: this.stop_time,
 				companycode: this.companycode,
+				deviceId: this.curSelectNBWYQXSensor
 			}
 
 			neiBuWeiYiQingXie(params).then(res => {
@@ -956,6 +1134,7 @@ export default {
 			if (this.activeName == 'jyl') {
 				this.jyl_cur_page = e
 				this.jylData()
+				
 			}
 
 			if (this.activeName == 'jrx') {
@@ -1034,25 +1213,45 @@ export default {
 
 		// switchToTable
 		switchToTable() {
+			/**
+			 * jyl
+			 * jrx
+			 * gt
+			 * ksw
+			 * bmwy
+			 * nbwy
+			 * nbwyqx
+			 */
+			if ((this.activeName === 'jyl' && !this.curSelectJYLSensor) ||
+				(this.activeName === 'jrx' && !this.curSelectJRXSensor) ||
+				(this.activeName === 'gt' && !this.curSelectGTSensor) ||
+				(this.activeName === 'ksw' && !this.curSelectKSWSensor) ||
+				(this.activeName === 'bmwy' && !this.curSelectBMWYSensor) ||
+				(this.activeName === 'nbwy' && !this.curSelectNBWYCJSensor) ||
+				(this.activeName === 'nbwyqx' && !this.curSelectNBWYQXSensor)
+			) {
+				this.$message.error("请选择监测站")
+				return
+			}
 			this.switchTable = !this.switchTable
 			if (this.switchTable === true) {
 				this.$nextTick(() => {
 					let myChart = null;
 					let index = 8;
 					switch(this.activeName) {
-						case '降雨量':
+						case 'jyl':
 							--index;
-						case '浸润线':
+						case 'jrx':
 							--index
-						case '库水位':
+						case 'ksw':
 							--index
-						case '干滩':
+						case 'gt':
 							--index
-						case '表面位移':
+						case 'bmwy':
 							--index
-						case '内部沉降位移':
+						case 'nbwy':
 							--index
-						case '内部位移倾斜':
+						case 'nbwyqx':
 							--index
 							myChart = echarts.init(document.querySelector('.renderToTable' + index))
 					}
@@ -1076,6 +1275,239 @@ export default {
 				})
 			}
 			
+		},
+		switchToTableJYL() {
+			if (this.switchTableJYL === false && !this.curSelectJYLSensor) {
+				this.$message.error("请选择监测站")
+				return
+			}
+			this.switchTableJYL = !this.switchTableJYL
+			if (this.switchTableJYL === true) {
+				analyzeTrendINJYL(this.$store.state.compony_info.companycode, this.curSelectJYLSensor).then(res => {
+					// console.log(res, 'analyzeTrendINJYL   analyzeTrendINJYL')
+					const xData = res.map(item => item.acquisitionDate)
+					const yData = res.map(item => item.value)
+					this.$nextTick(() => {
+						const myChart = echarts.init(document.querySelector('.renderToTable1'))
+						myChart.clear()
+						const option = {
+							xAxis: {
+								type: 'category',
+								data: xData
+							},
+							yAxis: {
+								type: 'value'
+							},
+							series: [
+								{
+									data: yData,
+									type: 'line'
+								}
+							]
+						}
+						myChart.setOption(option)
+					})
+				})
+			}
+
+		},
+		switchToTableJRX() {
+			if (this.switchTableJRX === false && !this.curSelectJRXSensor) {
+				this.$message.error("请选择监测站")
+				return
+			}
+			this.switchTableJRX = !this.switchTableJRX
+			if (this.switchTableJRX === true) {
+				analyzeTrendINJRX(this.$store.state.compony_info.companycode, this.curSelectJRXSensor).then(res => {
+					const xData = res.map(item => item.acquisitionDate)
+					const yData = res.map(item => item.value)
+					this.$nextTick(() => {
+						const myChart = echarts.init(document.querySelector('.renderToTable2'))
+						myChart.clear()
+						const option = {
+							xAxis: {
+								type: 'category',
+								data: xData
+							},
+							yAxis: {
+								type: 'value'
+							},
+							series: [
+								{
+									data: yData,
+									type: 'line'
+								}
+							]
+						}
+						myChart.setOption(option)
+					})
+				})
+			}
+		},
+		switchToTableKSW() {
+			if (this.switchTableKSW === false && !this.curSelectKSWSensor) {
+				this.$message.error("请选择监测站")
+				return
+			}
+			this.switchTableKSW = !this.switchTableKSW
+			if (this.switchTableKSW === true) {
+				analyzeTrendINKSW(this.$store.state.compony_info.companycode, this.curSelectKSWSensor).then(res => {
+					const xData = res.map(item => item.acquisitionDate)
+					const yData = res.map(item => item.value)
+					this.$nextTick(() => {
+						const myChart = echarts.init(document.querySelector('.renderToTable3'))
+						myChart.clear()
+						const option = {
+							xAxis: {
+								type: 'category',
+								data: xData
+							},
+							yAxis: {
+								type: 'value'
+							},
+							series: [
+								{
+									data: yData,
+									type: 'line'
+								}
+							]
+						}
+						myChart.setOption(option)
+					})
+				})
+			}
+		},
+		switchToTableGT() {
+			if (this.switchTableGT === false && !this.curSelectGTSensor) {
+				this.$message.error("请选择监测站")
+				return
+			}
+			this.switchTableGT = !this.switchTableGT
+			if (this.switchTableGT === true) {
+				analyzeTrendINGT(this.$store.state.compony_info.companycode, this.curSelectGTSensor).then(res => {
+					const xData = res.map(item => item.acquisitionDate)
+					const yData = res.map(item => item.value)
+					this.$nextTick(() => {
+						const myChart = echarts.init(document.querySelector('.renderToTable4'))
+						myChart.clear()
+						const option = {
+							xAxis: {
+								type: 'category',
+								data: xData
+							},
+							yAxis: {
+								type: 'value'
+							},
+							series: [
+								{
+									data: yData,
+									type: 'line'
+								}
+							]
+						}
+						myChart.setOption(option)
+					})
+				})
+			}
+		},
+		switchToTableBMWY() {
+			if (this.switchTableBMWY === false && !this.curSelectBMWYSensor) {
+				this.$message.error("请选择监测站")
+				return
+			}
+			this.switchTableBMWY = !this.switchTableBMWY
+			if (this.switchTableBMWY === true) {
+				analyzeTrendINBMWY(this.$store.state.compony_info.companycode, this.curSelectBMWYSensor).then(res => {
+					const xData = res.map(item => item.acquisitionDate)
+					const yData = res.map(item => item.value)
+					this.$nextTick(() => {
+						const myChart = echarts.init(document.querySelector('.renderToTable5'))
+						myChart.clear()
+						const option = {
+							xAxis: {
+								type: 'category',
+								data: xData
+							},
+							yAxis: {
+								type: 'value'
+							},
+							series: [
+								{
+									data: yData,
+									type: 'line'
+								}
+							]
+						}
+						myChart.setOption(option)
+					})
+				})
+			}
+		},
+		switchToTableNBWYCJ() {
+			if (this.switchToTableNBWYCJ === false && !this.curSelectNBWYCJSensor) {
+				this.$message.error("请选择监测站")
+				return
+			}
+			this.switchToTableNBWYCJ = !this.switchToTableNBWYCJ
+			if (this.switchToTableNBWYCJ === true) {
+				analyzeTrendINNBWYCJ(this.$store.state.compony_info.companycode, this.curSelectNBWYCJSensor).then(res => {
+					const xData = res.map(item => item.acquisitionDate)
+					const yData = res.map(item => item.value)
+					this.$nextTick(() => {
+						const myChart = echarts.init(document.querySelector('.renderToTable6'))
+						myChart.clear()
+						const option = {
+							xAxis: {
+								type: 'category',
+								data: xData
+							},
+							yAxis: {
+								type: 'value'
+							},
+							series: [
+								{
+									data: yData,
+									type: 'line'
+								}
+							]
+						}
+						myChart.setOption(option)
+					})
+				})
+			}
+		},
+		switchToTableNBWYQX() {
+			if (this.switchToTableNBWYQX === false && !this.curSelectNBWYQXSensor) {
+				this.$message.error("请选择监测站")
+				return
+			}
+			this.switchToTableNBWYQX = !this.switchToTableNBWYQX
+			if (this.switchToTableNBWYQX === true) {
+				analyzeTrendINNBWYQX(this.$store.state.compony_info.companycode, this.curSelectNBWYQXSensor).then(res => {
+					const xData = res.map(item => item.acquisitionDate)
+					const yData = res.map(item => item.value)
+					this.$nextTick(() => {
+						const myChart = echarts.init(document.querySelector('.renderToTable7'))
+						myChart.clear()
+						const option = {
+							xAxis: {
+								type: 'category',
+								data: xData
+							},
+							yAxis: {
+								type: 'value'
+							},
+							series: [
+								{
+									data: yData,
+									type: 'line'
+								}
+							]
+						}
+						myChart.setOption(option)
+					})
+				})
+			}
 		}
 	},