Skip to content

Z
zhxf_vue
Commit 18a9609e authored by co_dengxiongwen's avatar co_dengxiongwen
Browse files
Options

tj

parent 932e2fb7
Hide whitespace changes
Inline Side-by-side
Showing with 168 additions and 58 deletions
src/pages/ol/demo/no-query-detail.vue
View file @ 18a9609e
...@@ -84,59 +84,59 @@ ...@@ -84,59 +84,59 @@
<div class="quDetailM"> <div class="quDetailM">
<p class="leftP">设备名称&nbsp;:&nbsp;&nbsp;<span class='title'>{{dataForm.name}}</span></p> <p class="leftP">设备名称&nbsp;:&nbsp;&nbsp;<span class='title'>{{dataForm.name}}</span></p>
</div> </div>
<div class='typeInfoBox' v-if="dataForm.type!='c788ce98c1f248f590434394da485ce4'"> //- <div class='typeInfoBox' v-if="dataForm.type!='c788ce98c1f248f590434394da485ce4'">
<div class="typeInfo" v-if="dataForm.type=='b45827c068254695864ee3c1d42573cb'"> //- <div class="typeInfo" v-if="dataForm.type=='b45827c068254695864ee3c1d42573cb'">
<div class='title'>水流流量</div> //- <div class='title'>水流流量</div>
<div><span class='num'>9</span>&nbsp;<span class='unit'>L/s</span></div> //- <div><span class='num'>9</span>&nbsp;<span class='unit'>L/s</span></div>
<div class='scope'>参考值：5~20 L/s</div> //- <div class='scope'>参考值：5~20 L/s</div>
</div> //- </div>
<div class="typeInfo" v-if="dataForm.type=='b47661ca1d454f9792ba5369f3cb2bc5'"> //- <div class="typeInfo" v-if="dataForm.type=='b47661ca1d454f9792ba5369f3cb2bc5'">
<div class='title'>水流压力</div> //- <div class='title'>水流压力</div>
<div><span class='num'>0.78</span>&nbsp;<span class='unit'>Mpa</span></div> //- <div><span class='num'>0.78</span>&nbsp;<span class='unit'>Mpa</span></div>
<div class='scope'>参考值：0.35~1.45 Mpa</div> //- <div class='scope'>参考值：0.35~1.45 Mpa</div>
</div> //- </div>
<div class="typeInfo" v-if="dataForm.type=='303310efddb34a2e9bf269bdff8a7dc5'"> //- <div class="typeInfo" v-if="dataForm.type=='303310efddb34a2e9bf269bdff8a7dc5'">
<div class='title'>水位高度</div> //- <div class='title'>水位高度</div>
<div><span class='num'>0.78</span>&nbsp;<span class='unit'>Mpa</span></div> //- <div><span class='num'>0.78</span>&nbsp;<span class='unit'>Mpa</span></div>
<div class='scope'>参考值：0.35~1.45 Mpa</div> //- <div class='scope'>参考值：0.35~1.45 Mpa</div>
</div> //- </div>
<div class="typeInfo" v-if="dataForm.type=='f4c840711eae4bcb9536a890cdfda493'"> //- <div class="typeInfo" v-if="dataForm.type=='f4c840711eae4bcb9536a890cdfda493'">
<div class='title'>风速</div> //- <div class='title'>风速</div>
<div><span class='num'>0.78</span>&nbsp;<span class='unit'>Mpa</span></div> //- <div><span class='num'>0.78</span>&nbsp;<span class='unit'>Mpa</span></div>
<div class='scope'>参考值：0.35~1.45 Mpa</div> //- <div class='scope'>参考值：0.35~1.45 Mpa</div>
</div> //- </div>
<div class="typeInfo" v-if="dataForm.type=='5b26f6c8f2a143048bd0e327ca5c186d'"> //- <div class="typeInfo" v-if="dataForm.type=='5b26f6c8f2a143048bd0e327ca5c186d'">
<div class='title'>风压</div> //- <div class='title'>风压</div>
<div><span class='num'>0.78</span>&nbsp;<span class='unit'>Mpa</span></div> //- <div><span class='num'>0.78</span>&nbsp;<span class='unit'>Mpa</span></div>
<div class='scope'>参考值：0.35~1.45 Mpa</div> //- <div class='scope'>参考值：0.35~1.45 Mpa</div>
</div> //- </div>
</div> //- </div>
<div class='typeInfoBox' v-if="dataForm.type=='c788ce98c1f248f590434394da485ce4'"> <div class='typeInfoBox'>
<div class="typeInfo"> <div class="typeInfo" v-for="(item, index) in dataList" :key="index">
<div class='title'>一氧化碳</div> <div class='title'>{{item.typeName}}</div>
<div><span class='num'>0.78</span>&nbsp;<span class='unit'>Mpa</span></div> <div><span class='num'>{{item.value}}</span>&nbsp;<span class='unit'>{{item.unit}}</span></div>
<div class='scope'>参考值：0.35~1.45 Mpa</div> <div class='scope'>{{item.scope}}</div>
</div>
<div class="typeInfo">
<div class='title'>二氧化碳</div>
<div><span class='num'>0.78</span>&nbsp;<span class='unit'>Mpa</span></div>
<div class='scope'>参考值：0.35~1.45 Mpa</div>
</div>
<div class="typeInfo">
<div class='title'>温度</div>
<div><span class='num'>0.78</span>&nbsp;<span class='unit'>Mpa</span></div>
<div class='scope'>参考值：0.35~1.45 Mpa</div>
</div>
<div class="typeInfo">
<div class='title'>湿度</div>
<div><span class='num'>0.78</span>&nbsp;<span class='unit'>Mpa</span></div>
<div class='scope'>参考值：0.35~1.45 Mpa</div>
</div> </div>
//- <div class="typeInfo">
//- <div class='title'>二氧化碳</div>
//- <div><span class='num'>0.78</span>&nbsp;<span class='unit'>Mpa</span></div>
//- <div class='scope'>参考值：0.35~1.45 Mpa</div>
//- </div>
//- <div class="typeInfo">
//- <div class='title'>温度</div>
//- <div><span class='num'>0.78</span>&nbsp;<span class='unit'>Mpa</span></div>
//- <div class='scope'>参考值：0.35~1.45 Mpa</div>
//- </div>
//- <div class="typeInfo">
//- <div class='title'>湿度</div>
//- <div><span class='num'>0.78</span>&nbsp;<span class='unit'>Mpa</span></div>
//- <div class='scope'>参考值：0.35~1.45 Mpa</div>
//- </div>
</div> </div>
<div class="quDetailM"> <div class="quDetailM">
...@@ -247,46 +247,156 @@ export default { ...@@ -247,46 +247,156 @@ export default {
lljList: [], //流量计 lljList: [], //流量计
wxywyList: [], //无线液位仪 wxywyList: [], //无线液位仪
fsyList: [], //风速仪 fsyList: [], //风速仪
fyyList: [] //风压仪 fyyList: [], //风压仪
thresholdList: [],
dataList: []
} }
}, },
created() { created() {
console.log(this.typeList) console.log('-------', this.typeList)
this.setDataList()
}, },
methods: { methods: {
init(item, stationId) { init(item, stationId) {
console.log('item', item) console.log('item', item)
this.dataList = []
this.clickFlag = false this.clickFlag = false
this.dataForm.id = item.id this.dataForm.id = item.id
this.dataForm.name = item.name this.dataForm.name = item.name
this.dataForm.type = item.type this.dataForm.type = item.type
this.dataForm.status = item.status this.dataForm.status = item.status
this.getThresholdList()
// this.stationId = stationId // this.stationId = stationId
this.cameraCur = {} this.cameraCur = {}
this.camera = '' this.camera = ''
// this.initResource() // this.initResource()
this.params = [] console.log('thresholdList:', this.thresholdList)
switch (item.type) {
console.log('params运行状态', this.params)
console.log('dataList:', this.dataList)
},
getThresholdList() {
this.$http({
url: this.$http.adornUrl(`/sysThreshold/list`),
method: 'post',
params: this.$http.adornParams({})
})
.then((data) => {
if (data && data.code === 0) {
this.thresholdList = data.list
this.thresholdList.forEach((element) => {
if (element.unit === 1) {
element.unit = 'MPa'
} else if (element.unit === 2) {
element.unit = '%RH'
} else if (element.unit === 3) {
element.unit = '°C'
} else if (element.unit === 4) {
element.unit = 'PPM'
} else if (element.unit === 5) {
element.unit = 'm3/h'
} else if (element.unit === 6) {
element.unit = 'cm'
} else if (element.unit === 7) {
element.unit = 'm/s'
} else if (element.unit === 8) {
element.unit = 'pa'
}
})
console.log('3333333---', this.thresholdList)
} else {
this.thresholdList = []
}
})
.then(() => {
this.$nextTick(() => {
this.setParam()
})
})
},
setParam() {
let newThresholdList = this.thresholdList.filter(
(res) => res.dicId === this.dataForm.type
)
newThresholdList.forEach((element) => {
this.dataList.push({
typeName: element.typeName,
value: '无',
unit: element.unit,
scope:
'参考值：' +
element.minValue +
'~' +
element.maxValue +
' ' +
element.unit
})
})
console.log('dataList:----', this.dataList)
let params = []
switch (this.dataForm.type) {
case 'b47661ca1d454f9792ba5369f3cb2bc5': ////无线压力计 case 'b47661ca1d454f9792ba5369f3cb2bc5': ////无线压力计
this.params = this.wxyljList.filter((e) => e.resource_id == item.id) params = this.wxyljList.filter(
(e) => e.resource_id === this.dataForm.id
)
this.dataList.forEach((element) => {
element.value = params.water_pressure
})
break break
case 'c788ce98c1f248f590434394da485ce4': //4合1环境探测器 case 'c788ce98c1f248f590434394da485ce4': //4合1环境探测器
this.params = this.hjtcqList.filter((e) => e.resource_id == item.id) this.params = this.hjtcqList.filter(
(e) => e.resource_id === this.dataForm.id
)
this.dataList.forEach((element) => {
if (element.typeName === '温度') {
element.value = this.params.temperature
} else if (element.typeName === '湿度') {
element.value = this.params.humidity
} else if (element.typeName === '一氧化碳') {
element.value = this.params.carbon_monoxide
} else if (element.typeName === '二氧化碳') {
element.value = this.params.carbon_dioxide
}
})
break break
case 'b45827c068254695864ee3c1d42573cb': //流量计 case 'b45827c068254695864ee3c1d42573cb': //流量计
this.params = this.lljList.filter((e) => e.resource_id == item.id) this.params = this.lljList.filter(
(e) => e.resource_id === this.dataForm.id
)
this.dataList.forEach((element) => {
element.value = this.params.flow_rate
})
break break
case '303310efddb34a2e9bf269bdff8a7dc5': //无线液位仪 case '303310efddb34a2e9bf269bdff8a7dc5': //无线液位仪
this.params = this.wxywyList.filter((e) => e.resource_id == item.id) params = this.wxywyList.filter(
(e) => e.resource_id === this.dataForm.id
)
console.log('params:11111----', params)
this.$nextTick(() => {
this.dataList.forEach((element) => {
this.$set(element, 'value', params.gauge_height)
// element.value = this.params.gauge_height
})
})
break break
case 'f4c840711eae4bcb9536a890cdfda493': //风速仪 case 'f4c840711eae4bcb9536a890cdfda493': //风速仪
this.params = this.fsyList.filter((e) => e.resource_id == item.id) this.params = this.fsyList.filter(
(e) => e.resource_id === this.dataForm.id
)
this.dataList.forEach((element) => {
element.value = this.params.wind_speed
})
break break
case '5b26f6c8f2a143048bd0e327ca5c186d': //风压仪 case '5b26f6c8f2a143048bd0e327ca5c186d': //风压仪
this.params = this.fyyList.filter((e) => e.resource_id == item.id) this.params = this.fyyList.filter(
(e) => e.resource_id === this.dataForm.id
)
this.dataList.forEach((element) => {
element.value = this.params.wind_pressure
})
break break
} }
console.log('params运行状态', this.params)
}, },
setDataList() { setDataList() {
this.wxyljList = this.typeList.wxyljList //无线压力计 this.wxyljList = this.typeList.wxyljList //无线压力计
......
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