|
@ -9,18 +9,10 @@ |
|
|
</ElTabPane> |
|
|
</ElTabPane> |
|
|
<ElTabPane label="设备参数" name="second"> |
|
|
<ElTabPane label="设备参数" name="second"> |
|
|
<div class="content-second" style="height: 185px"> |
|
|
<div class="content-second" style="height: 185px"> |
|
|
<RadioGroup |
|
|
<RadioGroup v-model="roadType" :options="roadTypeList" @input="changeRadio" /> |
|
|
v-model="roadType" |
|
|
|
|
|
:options="roadTypeList" |
|
|
|
|
|
@input="changeRadio" |
|
|
|
|
|
/> |
|
|
|
|
|
<span>当前车流量: {{ carNum }}辆</span> |
|
|
<span>当前车流量: {{ carNum }}辆</span> |
|
|
<LineChartForTraffic |
|
|
<LineChartForTraffic style="flex: 1" v-if="isShowCar && activeName === 'second'" :xData="xData" |
|
|
style="flex: 1" |
|
|
:yData="yData" /> |
|
|
v-if="isShowCar && activeName === 'second'" |
|
|
|
|
|
:xData="xData" |
|
|
|
|
|
:yData="yData" |
|
|
|
|
|
/> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</ElTabPane> |
|
|
</ElTabPane> |
|
|
<ElTabPane label="在线率统计" name="third"> |
|
|
<ElTabPane label="在线率统计" name="third"> |
|
@ -148,13 +140,14 @@ export default { |
|
|
// this.dialogData.brand = data.brand; |
|
|
// this.dialogData.brand = data.brand; |
|
|
// }) |
|
|
// }) |
|
|
|
|
|
|
|
|
|
|
|
if (this.dialogData.iotDeviceId) { |
|
|
|
|
|
this.getPropertiesHistory(this.dialogData.iotDeviceId); |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
const roadInfo = await getRoadInfoByStakeMark(this.dialogData.stakeMark); |
|
|
const roadInfo = await getRoadInfoByStakeMark(this.dialogData.stakeMark); |
|
|
|
|
|
|
|
|
if (roadInfo) this.data.roadName = roadInfo.roadName; |
|
|
if (roadInfo) this.data.roadName = roadInfo.roadName; |
|
|
|
|
|
|
|
|
if (this.dialogData.iotDeviceId) { |
|
|
|
|
|
this.getPropertiesHistory(this.dialogData.iotDeviceId); |
|
|
|
|
|
} |
|
|
|
|
|
}, |
|
|
}, |
|
|
methods: { |
|
|
methods: { |
|
|
changeRadio(value) { |
|
|
changeRadio(value) { |
|
@ -165,12 +158,9 @@ export default { |
|
|
} else { |
|
|
} else { |
|
|
this.yData = this.hzYData; |
|
|
this.yData = this.hzYData; |
|
|
} |
|
|
} |
|
|
// console.log('xdata', this.xData); |
|
|
|
|
|
// console.log('ydata', this.hzYData); |
|
|
|
|
|
// console.log('rdata', this.jnYData); |
|
|
|
|
|
setTimeout(() => { |
|
|
setTimeout(() => { |
|
|
this.isShowCar = true; |
|
|
this.isShowCar = true; |
|
|
}, 1000); |
|
|
}, 0); |
|
|
}, |
|
|
}, |
|
|
getPropertiesHistory(deviceId) { |
|
|
getPropertiesHistory(deviceId) { |
|
|
this.xData = []; |
|
|
this.xData = []; |
|
@ -248,7 +238,7 @@ div.switcher { |
|
|
align-items: center; |
|
|
align-items: center; |
|
|
justify-content: end; |
|
|
justify-content: end; |
|
|
|
|
|
|
|
|
> div { |
|
|
>div { |
|
|
font-size: 16px; |
|
|
font-size: 16px; |
|
|
padding: 6px 12px; |
|
|
padding: 6px 12px; |
|
|
} |
|
|
} |
|
|