Skip to content

N
Nei_Meng_An_Jian_4
Commit 3e8ed2e3 authored by liuyuping's avatar liuyuping
Browse files
Options

'2021-11-16'

parent 82032d57
Show whitespace changes
Inline Side-by-side
Showing with 728 additions and 58 deletions
src/api/weikuangku.js
View file @ 3e8ed2e3
......@@ -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
View file @ 3e8ed2e3
......@@ -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
View file @ 3e8ed2e3
......@@ -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)
})
})
}
}
},
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment