Compare commits
3 Commits
3092d08a92
...
dde09a8564
| Author | SHA1 | Date |
|---|---|---|
 xiaomeng
|
dde09a8564 | |
孙萌
|
8e810024c3 | |
|
孙萌
|
5ca623bb55 |
|
|
@ -147,4 +147,8 @@ export default {
|
|||
getReadControlSensorInputSynthesis(data){
|
||||
return sendGetRequest('/readControl/sensorInputSynthesis',data)
|
||||
},
|
||||
//控制器 主页查看控制器气象站实时数据
|
||||
getControlRtDatastation(data){
|
||||
return sendGetRequest('/getcontrol/rtDatastation',data)
|
||||
},
|
||||
};
|
||||
|
|
@ -786,6 +786,7 @@
|
|||
|
||||
.btn.green {
|
||||
background: #00BB88;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.btn.blue {
|
||||
|
|
@ -988,6 +989,10 @@
|
|||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.sensorSet {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.sensorSet .sensor-view {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
|
@ -1099,6 +1104,10 @@
|
|||
margin-right: 30px;
|
||||
}
|
||||
|
||||
.sensorSet.sensorSet-con .sensor-view {
|
||||
height: calc(100% - 120px);
|
||||
}
|
||||
|
||||
.sensorSet.sensorSet-con .right-sel {
|
||||
width: 100%;
|
||||
flex-wrap: wrap;
|
||||
|
|
@ -1466,7 +1475,49 @@
|
|||
height: 100%;
|
||||
background: rgba(0, 92, 178, 0.15);
|
||||
border: 2px solid rgba(0, 186, 255, 0.2);
|
||||
padding: 20px 30px;
|
||||
padding: 30px 30px 20px;
|
||||
}
|
||||
|
||||
.realTime .page-content .control-view {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: absolute;
|
||||
right: 30px;
|
||||
top: 10px;
|
||||
}
|
||||
|
||||
.realTime .page-content .control-view .title {
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.realTime .page-content .control-view .control-list {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
overflow: hidden;
|
||||
max-width: 500px;
|
||||
}
|
||||
|
||||
.realTime .page-content .control-view .control-list > div {
|
||||
display: flex;
|
||||
overflow: unset !important;
|
||||
}
|
||||
|
||||
.realTime .page-content .control-view .control-list > div > div {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-shrink: 0;
|
||||
margin-right: 100px;
|
||||
}
|
||||
|
||||
.realTime .page-content .control-view .control-list .list-view {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.realTime .page-content .control-view .control-list .list-view .icon {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
.realTime .page-content .timeNow {
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -824,6 +824,7 @@
|
|||
|
||||
&.green {
|
||||
background: #00BB88;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
&.blue {
|
||||
|
|
@ -1045,6 +1046,7 @@
|
|||
}
|
||||
|
||||
.sensorSet {
|
||||
height: 100%;
|
||||
.sensor-view {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
|
@ -1160,6 +1162,9 @@
|
|||
}
|
||||
|
||||
&.sensorSet-con{
|
||||
.sensor-view{
|
||||
height: calc(100% - 120px);
|
||||
}
|
||||
.right-sel{
|
||||
width: 100%;
|
||||
flex-wrap: wrap;
|
||||
|
|
@ -1548,15 +1553,53 @@
|
|||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 20px;
|
||||
|
||||
|
||||
.page-content {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(0, 92, 178, 0.15);
|
||||
border: 2px solid rgba(0, 186, 255, 0.20);
|
||||
padding: 20px 30px;
|
||||
|
||||
padding: 30px 30px 20px;
|
||||
.control-view{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: absolute;
|
||||
right: 30px;
|
||||
top: 10px;
|
||||
.title{
|
||||
margin-right: 10px;
|
||||
}
|
||||
.control-list{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
overflow: hidden;
|
||||
max-width: 500px;
|
||||
>div {
|
||||
// width: 100%!important;
|
||||
display: flex;
|
||||
overflow: unset !important;
|
||||
|
||||
>div {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-shrink: 0;
|
||||
margin-right: 100px;
|
||||
}
|
||||
}
|
||||
.list-view{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-right: 10px;
|
||||
.icon{
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.timeNow {
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
|
|
@ -19,19 +19,19 @@
|
|||
|
||||
</div>
|
||||
<div class="flex-view">
|
||||
<div @click="changeIndexOpen(1)" class="btn" :class="actList1[1]=='1'?'blue':'off'">
|
||||
<div @click="changeIndexOpen(0)" class="btn" :class="actList1[0]=='1'?'blue':'off'">
|
||||
一号风组
|
||||
</div>
|
||||
<div @click="changeIndexOpen(2)" class="btn" :class="actList1[2]=='1'?'blue':'off'">
|
||||
<div @click="changeIndexOpen(1)" class="btn" :class="actList1[1]=='1'?'blue':'off'">
|
||||
二号风组
|
||||
</div>
|
||||
<div @click="changeIndexOpen(3)" class="btn" :class="actList1[3]=='1'?'blue':'off'">
|
||||
<div @click="changeIndexOpen(2)" class="btn" :class="actList1[2]=='1'?'blue':'off'">
|
||||
三号风组
|
||||
</div>
|
||||
<div @click="changeIndexOpen(4)" class="btn" :class="actList1[4]=='1'?'blue':'off'">
|
||||
<div @click="changeIndexOpen(3)" class="btn" :class="actList1[3]=='1'?'blue':'off'">
|
||||
四号风组
|
||||
</div>
|
||||
<div @click="changeIndexOpen(5)" class="btn" :class="actList1[5]=='1'?'blue':'off'">
|
||||
<div @click="changeIndexOpen(4)" class="btn" :class="actList1[4]=='1'?'blue':'off'">
|
||||
五号风组
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -246,9 +246,9 @@ export default {
|
|||
},
|
||||
getAct21601(){
|
||||
this.actList1=[]
|
||||
var num = this.inputData['21601']?this.inputData['21601']:0
|
||||
var num = this.inputData['21601']
|
||||
var num1 = this.padString(num.toString(2), 5)
|
||||
var openListNew
|
||||
var openListNew=[]
|
||||
openListNew = num1.split("")
|
||||
openListNew.forEach((el, index) => {
|
||||
this.actList1.push(openListNew[openListNew.length - index - 1])
|
||||
|
|
|
|||
|
|
@ -4,8 +4,25 @@
|
|||
<div class="timeNow" v-if="list.length">
|
||||
<!-- {{ time.year.year }}-{{ time.year.month }}-{{ time.year.date }}<span> {{ time.time }}:{{ time.timeS
|
||||
}}</span> -->
|
||||
{{ list[0].updateTime?list[0].updateTime:'' }}
|
||||
{{ list[0].updateTime ? list[0].updateTime : '' }}
|
||||
</div>
|
||||
<div class="control-view">
|
||||
<div class="title">气象站:</div>
|
||||
<vue-seamless class="control-list" v-if="deviceName == 10" :data="controlList" :class-option="defaultOption">
|
||||
<div class="list-view" v-for="item, index in controlList " :key="index">
|
||||
<img class="icon" :src="item.img" alt="">
|
||||
{{ item.environmentDataId
|
||||
}}:{{ getControlData(item) }}
|
||||
</div>
|
||||
</vue-seamless>
|
||||
</div>
|
||||
<!-- <div class="control-list" >
|
||||
<div v-for="(item, index) in controlList" :key="index">
|
||||
<img :src="item.img" alt="">
|
||||
{{ item.environmentDataId
|
||||
}}:{{ getControlData(item) }}
|
||||
</div>
|
||||
</div> -->
|
||||
<div class="table-title">
|
||||
<img src="../../assets/image/real-time.png" alt="" />
|
||||
实时数据
|
||||
|
|
@ -24,12 +41,12 @@
|
|||
<div class="realTime-list" v-if="list.length">
|
||||
<vue-seamless class="seamless-warp" :data="list" :class-option="defaultOption">
|
||||
<div class="list-view" v-for="item, index in list " :key="index">
|
||||
<img :src="item.img" alt="">
|
||||
<div class="text">{{ item.name }}</div>
|
||||
<div class="number">{{ item.num }}</div>
|
||||
</div>
|
||||
<img :src="item.img" alt="">
|
||||
<div class="text">{{ item.name }}</div>
|
||||
<div class="number">{{ item.num }}</div>
|
||||
</div>
|
||||
</vue-seamless>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="flex-list realTime-bottom">
|
||||
<div class="left">
|
||||
|
|
@ -72,16 +89,17 @@ export default {
|
|||
indexs: 1,
|
||||
player: null,
|
||||
url: '',
|
||||
timer:null,
|
||||
deviceName:1,
|
||||
timer: null,
|
||||
deviceName: 1,
|
||||
controlList: [],
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
$route(newVal, oldVal) {
|
||||
const that = this;
|
||||
const store=this.$store.state
|
||||
const store = this.$store.state
|
||||
this.indexs = this.$route.query.index ? this.$route.query.index : store.equipmentIndex;
|
||||
this.deviceName =store.equipmentList[this.indexs - 1].deviceName
|
||||
this.deviceName = store.equipmentList[this.indexs - 1].deviceName
|
||||
setTimeout(() => {
|
||||
that.dataInit();
|
||||
}, 0);
|
||||
|
|
@ -89,19 +107,19 @@ export default {
|
|||
},
|
||||
mounted() {
|
||||
const that = this;
|
||||
const store=this.$store.state
|
||||
const store = this.$store.state
|
||||
this.indexs = this.$route.query.index ? this.$route.query.index : store.equipmentIndex;
|
||||
this.deviceName =store.equipmentList[this.indexs - 1].deviceName
|
||||
this.deviceName = store.equipmentList[this.indexs - 1].deviceName
|
||||
// this.getTime()
|
||||
|
||||
setTimeout(() => {
|
||||
that.dataInit();
|
||||
that.timer&&clearInterval(that.timer)
|
||||
that.timer= setInterval(() => {
|
||||
that.dataInit();
|
||||
}, 60000);
|
||||
that.timer && clearInterval(that.timer)
|
||||
that.timer = setInterval(() => {
|
||||
that.dataInit();
|
||||
}, 60000);
|
||||
}, 0);
|
||||
|
||||
|
||||
},
|
||||
beforeDestroy() {
|
||||
const that = this;
|
||||
|
|
@ -109,8 +127,8 @@ export default {
|
|||
if (this.player) {
|
||||
this.player.dispose();
|
||||
}
|
||||
that.timer&&clearInterval(that.timer)
|
||||
this.$bus.$off('refreshTime')
|
||||
that.timer && clearInterval(that.timer)
|
||||
this.$bus.$off('refreshTime')
|
||||
},
|
||||
methods: {
|
||||
createVideo() {
|
||||
|
|
@ -136,191 +154,237 @@ export default {
|
|||
}
|
||||
return num
|
||||
},
|
||||
//countType计算类型
|
||||
//countType计算类型
|
||||
//0是原数据
|
||||
//1是原数据-400
|
||||
//2是原数据/10
|
||||
//3是(原数据-400) / 10
|
||||
countType1(data) {
|
||||
var num=data - 400
|
||||
var num = data - 400
|
||||
return num.toFixed(2)
|
||||
},
|
||||
countType2(data) {
|
||||
var num=data / 10
|
||||
var num = data / 10
|
||||
return num.toFixed(2)
|
||||
},
|
||||
countType3(data) {
|
||||
|
||||
var num=(data - 400) / 10
|
||||
var num = (data - 400) / 10
|
||||
return num.toFixed(2)
|
||||
},
|
||||
//右上角数据过滤
|
||||
getControlData(item) {
|
||||
var x = item.environmentData
|
||||
var num = item.num
|
||||
if (item.formula == '12') {
|
||||
if (x < 22 || x > 337) {
|
||||
return '北'
|
||||
} else if (x >= 22 && x <= 67) {
|
||||
return '东北'
|
||||
} else if (x > 67 && x < 112) {
|
||||
return '东'
|
||||
} else if (x >= 112 && x <= 157) {
|
||||
return '东南'
|
||||
} else if (x > 157 && x < 202) {
|
||||
return '南'
|
||||
} else if (x >= 202 && x <= 247) {
|
||||
return '西南'
|
||||
} else if (x > 247 && x < 292) {
|
||||
return '西'
|
||||
} else if (x >= 292 && x <= 337) {
|
||||
return '西北'
|
||||
}
|
||||
} else {
|
||||
return num
|
||||
}
|
||||
},
|
||||
dataInit() {
|
||||
var store = this.$store.state
|
||||
var equipmentId=store.equipmentList[this.indexs - 1].deviceId
|
||||
var equipmentId = store.equipmentList[this.indexs - 1].deviceId
|
||||
// var data = {
|
||||
// equipmentId: store.equipmentList[this.indexs - 1].deviceId,
|
||||
// // pattern: 0, //需要根据文档填写 //6目标ph-数值
|
||||
// // regNum: 73,
|
||||
// };
|
||||
var formData = {
|
||||
equipmentId: store.equipmentList[this.indexs - 1].deviceId
|
||||
}
|
||||
var list = store.typeList
|
||||
if(this.deviceName==1){
|
||||
if (this.deviceName == 1) {
|
||||
this.api.postRtdata(equipmentId).then((res) => {
|
||||
if (res.data.code == 200) {
|
||||
this.inputData = res.data.data;
|
||||
this.list=[]
|
||||
this.inputData.forEach((el,index)=>{
|
||||
list.forEach((el1,index1)=>{
|
||||
if(el.formula==el1.value){
|
||||
var num=0
|
||||
var name=''
|
||||
// if(el1.countType==1){
|
||||
// num=this.countType1(el.environmentData)+el1.unit
|
||||
// }else if(el1.countType==2){
|
||||
// num=this.countType2(el.environmentData)+el1.unit
|
||||
// }else if(el1.countType==3){
|
||||
// num=this.countType3(el.environmentData)+el1.unit
|
||||
// }else{
|
||||
num=el.environmentData+el1.unit
|
||||
// }
|
||||
if(el.equipmentNumber==0){
|
||||
if(el.targetValue==1){
|
||||
name='目标'+el.environmentDataId
|
||||
}else{
|
||||
name='1#平均'+el.environmentDataId
|
||||
}
|
||||
}else if(el.equipmentNumber==15){
|
||||
if(el.targetValue==1){
|
||||
name='目标'+el.environmentDataId
|
||||
}else{
|
||||
name='2#平均'+el.environmentDataId
|
||||
}
|
||||
}else{
|
||||
name=el.equipmentNumber+'#'+el.environmentDataId
|
||||
}
|
||||
if (res.data.code == 200) {
|
||||
this.inputData = res.data.data;
|
||||
this.list = []
|
||||
this.inputData.forEach((el, index) => {
|
||||
list.forEach((el1, index1) => {
|
||||
if (el.formula == el1.value) {
|
||||
var num = 0
|
||||
var name = ''
|
||||
// if(el1.countType==1){
|
||||
// num=this.countType1(el.environmentData)+el1.unit
|
||||
// }else if(el1.countType==2){
|
||||
// num=this.countType2(el.environmentData)+el1.unit
|
||||
// }else if(el1.countType==3){
|
||||
// num=this.countType3(el.environmentData)+el1.unit
|
||||
// }else{
|
||||
num = el.environmentData + el1.unit
|
||||
// }
|
||||
if (el.equipmentNumber == 0) {
|
||||
if (el.targetValue == 1) {
|
||||
name = '目标' + el.environmentDataId
|
||||
} else {
|
||||
name = '1#平均' + el.environmentDataId
|
||||
}
|
||||
} else if (el.equipmentNumber == 15) {
|
||||
if (el.targetValue == 1) {
|
||||
name = '目标' + el.environmentDataId
|
||||
} else {
|
||||
name = '2#平均' + el.environmentDataId
|
||||
}
|
||||
} else {
|
||||
name = el.equipmentNumber + '#' + el.environmentDataId
|
||||
}
|
||||
|
||||
this.list.push({
|
||||
...el,
|
||||
name:name,
|
||||
num: num,
|
||||
img: require(`../../assets/image/real-time-${el.formula}.png`)
|
||||
|
||||
})
|
||||
|
||||
}
|
||||
this.list.push({
|
||||
...el,
|
||||
name: name,
|
||||
num: num,
|
||||
img: require(`../../assets/image/real-time-${el.formula}.png`)
|
||||
|
||||
})
|
||||
|
||||
}
|
||||
})
|
||||
})
|
||||
})
|
||||
} else {
|
||||
this.$message.error(res.data.msg);
|
||||
}
|
||||
});
|
||||
var data1 = store.equipmentList[this.indexs - 1].deviceId
|
||||
} else {
|
||||
this.$message.error(res.data.msg);
|
||||
}
|
||||
});
|
||||
var data1 = store.equipmentList[this.indexs - 1].deviceId
|
||||
|
||||
this.api.postFsdata(data1).then(res => {
|
||||
if (res.data.code == 200) {
|
||||
var chartsData=res.data.data
|
||||
realTimeLine('realTime-line',chartsData)
|
||||
} else {
|
||||
this.$message.error(res.data.msg);
|
||||
this.api.postFsdata(data1).then(res => {
|
||||
if (res.data.code == 200) {
|
||||
var chartsData = res.data.data
|
||||
realTimeLine('realTime-line', chartsData)
|
||||
} else {
|
||||
this.$message.error(res.data.msg);
|
||||
}
|
||||
})
|
||||
var nowDevice = store.equipmentList[this.indexs - 1]
|
||||
var data2 = {
|
||||
cameraid: nowDevice.cameraSerialNumber,
|
||||
channelid: nowDevice.cameraChannelNumber
|
||||
}
|
||||
})
|
||||
var nowDevice = store.equipmentList[this.indexs - 1]
|
||||
var data2={
|
||||
cameraid:nowDevice.cameraSerialNumber,
|
||||
channelid:nowDevice.cameraChannelNumber
|
||||
}
|
||||
|
||||
//当前没有设备 默认写死 后续有数据需要改回去
|
||||
// var data2 = {
|
||||
// cameraid: 'L18357958',
|
||||
// channelid: '1'
|
||||
// }
|
||||
this.api.getGethls(data2).then(res => {
|
||||
console.log(res.data, 11);
|
||||
if (res.data.code == 200) {
|
||||
this.url = res.data.msg
|
||||
this.createVideo()
|
||||
}
|
||||
})
|
||||
}else if(this.deviceName==10){
|
||||
//当前没有设备 默认写死 后续有数据需要改回去
|
||||
// var data2 = {
|
||||
// cameraid: 'L18357958',
|
||||
// channelid: '1'
|
||||
// }
|
||||
this.api.getGethls(data2).then(res => {
|
||||
if (res.data.code == 200) {
|
||||
this.url = res.data.msg
|
||||
this.createVideo()
|
||||
}
|
||||
})
|
||||
} else if (this.deviceName == 10) {
|
||||
this.api.getControlRtdata(equipmentId).then((res) => {
|
||||
if (res.data.code == 200) {
|
||||
this.inputData = res.data.data;
|
||||
this.list=[]
|
||||
this.inputData.forEach((el,index)=>{
|
||||
list.forEach((el1,index1)=>{
|
||||
if(el.formula==el1.value){
|
||||
var num=0
|
||||
var name=''
|
||||
// if(el1.countType==1){
|
||||
// num=this.countType1(el.environmentData)+el1.unit
|
||||
// }else if(el1.countType==2){
|
||||
// num=this.countType2(el.environmentData)+el1.unit
|
||||
// }else if(el1.countType==3){
|
||||
// num=this.countType3(el.environmentData)+el1.unit
|
||||
// }else{
|
||||
num=el.environmentData+el1.unit
|
||||
// }
|
||||
if(el.equipmentNumber==0){
|
||||
if(el.targetValue==1){
|
||||
name='目标'+el.environmentDataId
|
||||
}else{
|
||||
name='1#平均'+el.environmentDataId
|
||||
}
|
||||
}else if(el.equipmentNumber==15){
|
||||
if(el.targetValue==1){
|
||||
name='目标'+el.environmentDataId
|
||||
}else{
|
||||
name='2#平均'+el.environmentDataId
|
||||
}
|
||||
}else{
|
||||
name=el.equipmentNumber+'#'+el.environmentDataId
|
||||
}
|
||||
if (res.data.code == 200) {
|
||||
this.inputData = res.data.data;
|
||||
this.list = []
|
||||
this.inputData.forEach((el, index) => {
|
||||
list.forEach((el1, index1) => {
|
||||
if (el.formula == el1.value) {
|
||||
var num = 0
|
||||
var name = ''
|
||||
// if(el1.countType==1){
|
||||
// num=this.countType1(el.environmentData)+el1.unit
|
||||
// }else if(el1.countType==2){
|
||||
// num=this.countType2(el.environmentData)+el1.unit
|
||||
// }else if(el1.countType==3){
|
||||
// num=this.countType3(el.environmentData)+el1.unit
|
||||
// }else{
|
||||
num = el.environmentData + el1.unit
|
||||
// }
|
||||
if (el.equipmentNumber == 0) {
|
||||
if (el.targetValue == 1) {
|
||||
name = '目标' + el.environmentDataId
|
||||
} else {
|
||||
name = '1#平均' + el.environmentDataId
|
||||
}
|
||||
} else if (el.equipmentNumber == 15) {
|
||||
if (el.targetValue == 1) {
|
||||
name = '目标' + el.environmentDataId
|
||||
} else {
|
||||
name = '2#平均' + el.environmentDataId
|
||||
}
|
||||
} else {
|
||||
name = el.equipmentNumber + '#' + el.environmentDataId
|
||||
}
|
||||
|
||||
this.list.push({
|
||||
...el,
|
||||
name:name,
|
||||
num: num,
|
||||
img: require(`../../assets/image/real-time-${el.formula}.png`)
|
||||
|
||||
this.list.push({
|
||||
...el,
|
||||
name: name,
|
||||
num: num,
|
||||
img: require(`../../assets/image/real-time-${el.formula}.png`)
|
||||
|
||||
})
|
||||
|
||||
}
|
||||
})
|
||||
})
|
||||
} else {
|
||||
this.$message.error(res.data.msg);
|
||||
}
|
||||
});
|
||||
this.api.getControlRtDatastation(formData).then(res => {
|
||||
this.controlList = []
|
||||
res.data.data.forEach((el, index) => {
|
||||
list.forEach((el1, index1) => {
|
||||
if (el.formula == el1.value) {
|
||||
console.log(el1);
|
||||
var num = el.environmentData + el1.unit
|
||||
this.controlList.push({
|
||||
...el,
|
||||
num: num,
|
||||
img: require(`../../assets/image/real-time-${el.formula}.png`)
|
||||
})
|
||||
|
||||
}
|
||||
}
|
||||
})
|
||||
})
|
||||
} else {
|
||||
this.$message.error(res.data.msg);
|
||||
}
|
||||
});
|
||||
var data1 = store.equipmentList[this.indexs - 1].deviceId
|
||||
console.log(this.controlList);
|
||||
})
|
||||
|
||||
this.api.getControlFsdata(data1).then(res => {
|
||||
if (res.data.code == 200) {
|
||||
var chartsData=res.data.data
|
||||
realTimeLine('realTime-line',chartsData)
|
||||
} else {
|
||||
this.$message.error(res.data.msg);
|
||||
var data1 = store.equipmentList[this.indexs - 1].deviceId
|
||||
|
||||
this.api.getControlFsdata(data1).then(res => {
|
||||
if (res.data.code == 200) {
|
||||
var chartsData = res.data.data
|
||||
realTimeLine('realTime-line', chartsData)
|
||||
} else {
|
||||
this.$message.error(res.data.msg);
|
||||
}
|
||||
})
|
||||
var nowDevice = store.equipmentList[this.indexs - 1]
|
||||
var data2 = {
|
||||
cameraid: nowDevice.cameraSerialNumber,
|
||||
channelid: nowDevice.cameraChannelNumber
|
||||
}
|
||||
})
|
||||
var nowDevice = store.equipmentList[this.indexs - 1]
|
||||
var data2={
|
||||
cameraid:nowDevice.cameraSerialNumber,
|
||||
channelid:nowDevice.cameraChannelNumber
|
||||
|
||||
//当前没有设备 默认写死 后续有数据需要改回去
|
||||
// var data2 = {
|
||||
// cameraid: 'L18357958',
|
||||
// channelid: '1'
|
||||
// }
|
||||
this.api.getGethls(data2).then(res => {
|
||||
console.log(res.data, 11);
|
||||
if (res.data.code == 200) {
|
||||
this.url = res.data.msg
|
||||
this.createVideo()
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
//当前没有设备 默认写死 后续有数据需要改回去
|
||||
// var data2 = {
|
||||
// cameraid: 'L18357958',
|
||||
// channelid: '1'
|
||||
// }
|
||||
this.api.getGethls(data2).then(res => {
|
||||
console.log(res.data, 11);
|
||||
if (res.data.code == 200) {
|
||||
this.url = res.data.msg
|
||||
this.createVideo()
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
},
|
||||
getTime() {
|
||||
this.time = getnowtime()
|
||||
|
|
|
|||
|
|
@ -41,7 +41,7 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="input-sel">
|
||||
<div class="title">专感器类型</div>
|
||||
<div class="title">传感器类型</div>
|
||||
<el-dropdown @command="handleCommand">
|
||||
<div class="el-dropdown-link">
|
||||
<input v-model="sensorType" type="text" class="input-input" placeholder="选择传感器类型">
|
||||
|
|
|
|||
|
|
@ -24,7 +24,7 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="input-sel">
|
||||
<div class="title">专感器类型</div>
|
||||
<div class="title">传感器类型</div>
|
||||
<el-dropdown @command="handleCommand">
|
||||
<div class="el-dropdown-link">
|
||||
<input v-model="sensorType" type="text" class="input-input" placeholder="选择传感器类型">
|
||||
|
|
@ -107,7 +107,7 @@ export default {
|
|||
watch:{
|
||||
'active'(newVal,oldVal){
|
||||
this.getSensorType()
|
||||
this.getCountData()
|
||||
// this.getCountData()
|
||||
},
|
||||
},
|
||||
mounted() {
|
||||
|
|
@ -167,23 +167,25 @@ export default {
|
|||
},
|
||||
//根据类型修改数据
|
||||
getCountData(){
|
||||
for (var i = 0; i < 6; i++) {
|
||||
this.typeList.forEach((el, index) => {
|
||||
if (el.value == this.inputData[this.numberList[this.active]]) {
|
||||
if (el.value == this.inputData[this.numberList[i]]) {
|
||||
if(el.countType==0){
|
||||
|
||||
}else if(el.countType==1){
|
||||
this.inputData[this.numberList[this.active] + 2]=this.countType1(this.inputData[this.numberList[this.active] + 2])
|
||||
this.inputData[this.numberList[this.active] + 4]=this.countType1(this.inputData[this.numberList[this.active] + 4])
|
||||
this.inputData[this.numberList[i] + 2]=this.countType1(this.inputData[this.numberList[i] + 2])
|
||||
this.inputData[this.numberList[i] + 4]=this.countType1(this.inputData[this.numberList[i] + 4])
|
||||
}else if(el.countType==2){
|
||||
this.inputData[this.numberList[this.active] + 2]=this.countType2(this.inputData[this.numberList[this.active] + 2])
|
||||
this.inputData[this.numberList[this.active] + 4]=this.countType2(this.inputData[this.numberList[this.active] + 4])
|
||||
this.inputData[this.numberList[i] + 2]=this.countType2(this.inputData[this.numberList[i] + 2])
|
||||
this.inputData[this.numberList[i] + 4]=this.countType2(this.inputData[this.numberList[i] + 4])
|
||||
}else if(el.countType==3){
|
||||
this.inputData[this.numberList[this.active] + 2]=this.countType3(this.inputData[this.numberList[this.active] + 2])
|
||||
this.inputData[this.numberList[this.active] + 4]=this.countType3(this.inputData[this.numberList[this.active] + 4])
|
||||
this.inputData[this.numberList[i] + 2]=this.countType3(this.inputData[this.numberList[i] + 2])
|
||||
this.inputData[this.numberList[i] + 4]=this.countType3(this.inputData[this.numberList[i] + 4])
|
||||
}
|
||||
|
||||
}
|
||||
})
|
||||
}
|
||||
},
|
||||
getSensorType(){
|
||||
this.typeList.forEach((el,index)=>{
|
||||
|
|
|
|||
|
|
@ -9,10 +9,10 @@
|
|||
<img src="../../assets/image/irrigateSet2.png" alt="" />自动运行
|
||||
</div>
|
||||
<div class="btn" @click="changeOpen(2)" :class="openIndex == 2 ? 'blue' : 'green'">
|
||||
<img src="../../assets/image/irrigateSet1.png" alt="" />手动关闭
|
||||
<img src="../../assets/image/irrigateSet3.png" alt="" />手动打开
|
||||
</div>
|
||||
<div class="btn" @click="changeOpen(3)" :class="openIndex == 3 ? 'blue' : 'green'">
|
||||
<img src="../../assets/image/irrigateSet3.png" alt="" />手动打开
|
||||
<img src="../../assets/image/irrigateSet1.png" alt="" />手动关闭
|
||||
</div>
|
||||
<div class="btn" @click="changeOpen(4)" :class="openIndex == 4 ? 'blue' : 'green'">
|
||||
<img src="../../assets/image/irrigateSet1.png" alt="" />停止
|
||||
|
|
|
|||
Loading…
Reference in New Issue