+
-
-
+
-
-
+ />
+
-
+ :startEndData="{ start: o.startSectionNames, end: o.endSectionNames }"
+ />
@@ -67,8 +83,7 @@ import typeChart from '../../components/target/typeChart.vue';
import { getComponentSection } from '../../api/index';
export default {
components: {
- typeChart,
-
+ typeChart
},
props: {
activeName: {
@@ -101,6 +116,13 @@ export default {
return [];
}
},
+ //周期统计实时累计数据主题
+ cycleAccumulateData: {
+ type: Array,
+ default() {
+ return [];
+ }
+ },
//历史数据
cycleHistoryData: {
type: Object,
@@ -141,7 +163,7 @@ export default {
typeCycleStatistics: {},
// 各个组件分类
- classify: [],
+ classify: []
// cycleHistoryData:''
};
},
@@ -155,21 +177,20 @@ export default {
methods: {
// 手风琴下拉切换
handleChange(val) {
- // setTimeout(() => {
- // this.$nextTick(function () {
- // var myEvent = new Event("resize");
- // window.dispatchEvent(myEvent);
- // });
- // }, 3000);
+ // setTimeout(() => {
+ // this.$nextTick(function () {
+ // var myEvent = new Event("resize");
+ // window.dispatchEvent(myEvent);
+ // });
+ // }, 3000);
},
getNew() {
// this.idVal = ;
- getComponentSection({ VideoId: this.$route.query.id, Number: 10 }).then(res => {
+ getComponentSection({ VideoId: this.$route.query.id, Number: 10 }).then((res) => {
if (res.data.code == 200) {
console.log(res.data.data, '组件的数据');
this.componentList = res.data.data;
this.siftData();
-
}
});
},
@@ -178,26 +199,23 @@ export default {
this.sectionArr = [];
this.sectionData = [];
this.classify = [];
- this.componentList.forEach(val => {
+ this.componentList.forEach((val) => {
// console.log("val",val)
this.sectionArr.push(val.combinationName);
this.sectionArr = Array.from(new Set(this.sectionArr));
-
});
- this.sectionData = this.sectionArr.map(item => {
+ this.sectionData = this.sectionArr.map((item) => {
item = { title: item, children: [] };
this.acticveName = [];
- this.componentList.forEach(val => {
+ this.componentList.forEach((val) => {
if (item.title == val.combinationName) {
this.classify.push(val);
item.children.push(val);
if (val.timeMode == '固定间隔' || this.cycleStatisticsData.length == 0) {
-
- item.cycleStatisticsData = val.cycleStatisticsData
-
+ item.cycleStatisticsData = val.cycleStatisticsData;
}
if (val.timeMode == '固定时刻' || this.cycleTimeData.length == 0) {
- item.cycleTimeData = val.cycleTimeData
+ item.cycleTimeData = val.cycleTimeData;
}
}
this.acticveName.push([val.analogAreaComponentId]);
@@ -226,229 +244,217 @@ export default {
}
},
-
// 触发数据的类型数值
//循环方法
getRef(data, timeMode) {
for (let i = 0; i < data.length; i++) {
- let refItem = data[i]
+ let refItem = data[i];
if (data.length != 0 && refItem.dataArr != undefined && refItem.dataArr.length != 0) {
if (refItem.echartArr.includes('时间曲线图')) {
- refItem.$refs.lineChartRef.drawLine(refItem.dataArr, refItem.componentName.split('_')[0], timeMode)
+ refItem.$refs.lineChartRef.drawLine(refItem.dataArr, refItem.componentName.split('_')[0], timeMode);
}
if (refItem.echartArr.includes('数值')) {
- refItem.getDataArr(refItem.dataArr)
+ refItem.getDataArr(refItem.dataArr);
}
- if (refItem.echartArr.includes('表格')) {
- refItem.getDataArr(refItem.dataArr)
+ if (refItem.echartArr.includes('表格')) {
+ refItem.getDataArr(refItem.dataArr);
}
if (refItem.echartArr.includes('直方图') && refItem.$refs.barChartRef.drawBar) {
// 数据改变重新渲染柱状图
- refItem.$refs.barChartRef.drawBar(refItem.dataArr[0])
+ refItem.$refs.barChartRef.drawBar(refItem.dataArr[0]);
}
if (refItem.echartArr.includes('饼状图') && refItem.$refs.pieChartRef.drawPie) {
// 数据改变重新渲染饼图
- refItem.$refs.pieChartRef.drawPie(refItem.dataArr[0])
+ refItem.$refs.pieChartRef.drawPie(refItem.dataArr[0]);
}
- if (refItem.echartArr.includes('均值图') && refItem.$refs.avgChartRef!=undefined) {
- refItem.$refs.avgChartRef.drawBar(refItem.dataArr[0])
+ if (refItem.echartArr.includes('均值图') && refItem.$refs.avgChartRef != undefined) {
+ refItem.$refs.avgChartRef.drawBar(refItem.dataArr[0]);
}
- if (refItem.componentName.includes('OD') && refItem.$refs.ODChartRef != undefined && refItem.dataArr[0].ob_data.length != 0) {
- refItem.$refs.ODChartRef.drawThermalChart(refItem.dataArr[0].ob_data, refItem.startEndData)
+ if (
+ refItem.componentName.includes('OD') &&
+ refItem.$refs.ODChartRef != undefined &&
+ refItem.dataArr[0].ob_data.length != 0
+ ) {
+ refItem.$refs.ODChartRef.drawThermalChart(refItem.dataArr[0].ob_data, refItem.startEndData);
}
}
}
},
//处理离线视频历史数据
- changecycleHistoryData(){
-
- }
+ changecycleHistoryData() {}
},
- mounted() { },
+ mounted() {},
watch: {
// 触发的原始数据
triggerData: {
- handler(newVal, oldVal) { },
+ handler(newVal, oldVal) {},
immediate: true
},
componentList: {
handler(newVal) {
- console.log("componentList", newVal)
+ console.log('componentList', newVal);
if (newVal != undefined && newVal.length != 0) {
- newVal.forEach(ele => {
- if (ele.timeMode == '固定间隔'&&this.$route.query.type=='实时视频') {
- console.log("实时视频",'固定间隔')
+ newVal.forEach((ele) => {
+ if (ele.timeMode == '固定间隔' && this.$route.query.type == '实时视频') {
+ console.log('实时视频', '固定间隔');
this.$nextTick(() => {
// var thatNN = this;
- ele.cycleStatisticsData.forEach(item => {
+ ele.cycleStatisticsData.forEach((item) => {
if (item.type_data != null) {
this.typeCycleStatistics = item;
}
- })
+ });
if (this.$refs.typeChartRef2 != undefined) {
// // 轮循固定时刻生成的各类组件
- this.getRef(this.$refs.typeChartRef2, ele.timeMode)
+ console.log('轮循固定时刻生成的各类组件')
+ this.getRef(this.$refs.typeChartRef2, ele.timeMode);
}
- })
+ });
}
- if (ele.timeMode == '固定时刻'&&this.$route.query.type=='实时视频') {
- console.log("实时视频",'固定时刻')
+ if (ele.timeMode == '固定时刻' && this.$route.query.type == '实时视频') {
+ console.log('实时视频', '固定时刻');
this.$nextTick(() => {
- ele.cycleTimeData.forEach(item => {
+ ele.cycleTimeData.forEach((item) => {
if (item.type_data != null) {
- item.time = item.time.split('.')[0];
-
+ item.time = item.time.split('.')[0];
+
this.typeCycleStatistics = item;
}
// thatN.$nextTick(() => {
-
- })
+ });
if (this.$refs.typeChartRef1 != undefined) {
// // 轮循固定时刻生成的各类组件
- this.getRef(this.$refs.typeChartRef1, ele.timeMode)
+ this.getRef(this.$refs.typeChartRef1, ele.timeMode);
}
- })
-
+ });
}
- if(ele.timeMode == '固定间隔'&&this.$route.query.type=='离线视频'){
-
- if(this.cycleHistoryData.CycleStatisticsData!=undefined&&this.cycleHistoryData.CycleStatisticsData.lenght!=0){
- this.cycleHistoryData.CycleStatisticsData.forEach(ne => {
- if(ne.component_id== ele.analogAreaComponentId ){
- ele.cycleStatisticsData = ne.cycleStatisticsData
- }
-
- })
- this.$nextTick(() => {
- ele.cycleStatisticsData.forEach(item => {
- var timeNew = item.time.split('.')[0]
- var dateLength = timeNew.length;
- var key = timeNew.substring(dateLength-8,dateLength);
- item.time = key;
- if (item.type_data != null) {
-
- this.typeCycleStatistics = item;
+ if (ele.timeMode == '固定间隔' && this.$route.query.type == '离线视频') {
+ if (
+ this.cycleHistoryData.CycleStatisticsData != undefined &&
+ this.cycleHistoryData.CycleStatisticsData.lenght != 0
+ ) {
+ this.cycleHistoryData.CycleStatisticsData.forEach((ne) => {
+ if (ne.component_id == ele.analogAreaComponentId) {
+ ele.cycleStatisticsData = ne.cycleStatisticsData;
}
- // thatN.$nextTick(() => {
-
- })
+ });
+ this.$nextTick(() => {
+ ele.cycleStatisticsData.forEach((item) => {
+ var timeNew = item.time.split('.')[0];
+ var dateLength = timeNew.length;
+ var key = timeNew.substring(dateLength - 8, dateLength);
+ item.time = key;
+ if (item.type_data != null) {
+ this.typeCycleStatistics = item;
+ }
+ // thatN.$nextTick(() => {
+ });
if (this.$refs.typeChartRef2 != undefined) {
- // // 轮循固定时刻生成的各类组件
- this.getRef(this.$refs.typeChartRef2, '固定间隔')
+ // // 轮循固定时刻生成的各类组件
+ this.getRef(this.$refs.typeChartRef2, '固定间隔');
}
- })
-
-
+ });
+ }
}
-
-
-
- } if(ele.timeMode == '固定时刻'&&this.$route.query.type=='离线视频'){
- if(this.cycleHistoryData.CycleTimeData!=undefined &&this.cycleHistoryData.CycleTimeData.lenght!=0){
- this.cycleHistoryData.CycleTimeData.forEach(ne => {
- if(ne.component_id== ele.analogAreaComponentId ){
- ele.cycleTimeData = ne.cycleTimeData
+ if (ele.timeMode == '固定时刻' && this.$route.query.type == '离线视频') {
+ if (this.cycleHistoryData.CycleTimeData != undefined && this.cycleHistoryData.CycleTimeData.lenght != 0) {
+ this.cycleHistoryData.CycleTimeData.forEach((ne) => {
+ if (ne.component_id == ele.analogAreaComponentId) {
+ ele.cycleTimeData = ne.cycleTimeData;
+ }
+ });
+ this.$nextTick(() => {
+ ele.cycleTimeData.forEach((item) => {
+ // if(this.$route.query.type=='离线视频'){
+ var timeNew = item.time.split('.')[0];
+ var dateLength = timeNew.length;
+ var key = timeNew.substring(dateLength - 8, dateLength);
+ item.time = key;
+ // }else{
+ // item.time = item.time.split('.')[0];
+ // }
+ if (item.type_data != null) {
+ this.typeCycleStatistics = item;
}
-
- })
- this.$nextTick(() => {
- ele.cycleTimeData.forEach(item => {
- // if(this.$route.query.type=='离线视频'){
- var timeNew = item.time.split('.')[0]
- var dateLength = timeNew.length;
- var key = timeNew.substring(dateLength-8,dateLength);
- item.time = key;
- // }else{
- // item.time = item.time.split('.')[0];
- // }
- if (item.type_data != null) {
- this.typeCycleStatistics = item;
- }
- })
+ });
if (this.$refs.typeChartRef1 != undefined) {
- // // 轮循固定时刻生成的各类组件
-
- this.getRef(this.$refs.typeChartRef1, '固定时刻')
+ // // 轮循固定时刻生成的各类组件
+
+ this.getRef(this.$refs.typeChartRef1, '固定时刻');
}
- })
-
- }
+ });
+ }
}
-
});
}
},
immediate: true,
- deep: true,
+ deep: true
},
- cycleHistoryData: {
+ cycleHistoryData: {
handler(newVal) {
// debugger
- console.log("历史",newVal)
+ console.log('历史', newVal);
// console.log("历史",oldVal)
- if (newVal != undefined ) {
+ if (newVal != undefined) {
// newVal.forEach(ele => {
- if (newVal.CycleStatisticsData) {
- newVal.CycleStatisticsData.forEach(ele => {
- this.$nextTick(() => {
+ if (newVal.CycleStatisticsData) {
+ newVal.CycleStatisticsData.forEach((ele) => {
+ this.$nextTick(() => {
// var thatNN = this;
- ele.cycleStatisticsData.forEach(item => {
+ ele.cycleStatisticsData.forEach((item) => {
if (item.type_data != null) {
- if(this.$route.query.type=='离线视频'){
- var timeNew = item.time.split('.')[0]
- var dateLength = timeNew.length;
- var key = timeNew.substring(dateLength-8,dateLength);
- item.time = key;
- }else{
- item.time = item.time.split('.')[0];
- }
+ if (this.$route.query.type == '离线视频') {
+ var timeNew = item.time.split('.')[0];
+ var dateLength = timeNew.length;
+ var key = timeNew.substring(dateLength - 8, dateLength);
+ item.time = key;
+ } else {
+ item.time = item.time.split('.')[0];
+ }
this.typeCycleStatistics = item;
}
- })
+ });
if (this.$refs.typeChartRef2 != undefined) {
// // 轮循固定时刻生成的各类组件
- this.getRef(this.$refs.typeChartRef2, '固定间隔')
+ this.getRef(this.$refs.typeChartRef2, '固定间隔');
}
- })
- })
-
- }
- if (newVal.CycleTimeData) {
- newVal.CycleTimeData.forEach(ele => {
- this.$nextTick(() => {
- // debugger
+ });
+ });
+ }
+ if (newVal.CycleTimeData) {
+ newVal.CycleTimeData.forEach((ele) => {
+ this.$nextTick(() => {
+ // debugger
// var thatNN = this;
- ele.cycleTimeData.forEach(item => {
- if(this.$route.query.type=='离线视频'){
- var timeNew = item.time.split('.')[0]
- var dateLength = timeNew.length;
- var key = timeNew.substring(dateLength-8,dateLength);
- item.time = key;
- }else{
- item.time = item.time.split('.')[0];
+ ele.cycleTimeData.forEach((item) => {
+ if (this.$route.query.type == '离线视频') {
+ var timeNew = item.time.split('.')[0];
+ var dateLength = timeNew.length;
+ var key = timeNew.substring(dateLength - 8, dateLength);
+ item.time = key;
+ } else {
+ item.time = item.time.split('.')[0];
}
if (item.type_data != null) {
this.typeCycleStatistics = item;
}
-
- })
+ });
if (this.$refs.typeChartRef1 != undefined) {
- // // 轮循固定时刻生成的各类组件
- this.getRef(this.$refs.typeChartRef1, '固定时刻')
+ // // 轮循固定时刻生成的各类组件
+ this.getRef(this.$refs.typeChartRef1, '固定时刻');
}
- })
- })
-
- }
+ });
+ });
+ }
// });
}
-
},
immediate: true,
- deep: true,
+ deep: true
},
// activeName:'channge',
// 处理过的触发数据
@@ -458,67 +464,80 @@ export default {
this.triggerList = newVal;
// console.log("oldVal",oldVal)
// 触发数据
- var _this = this
+ var _this = this;
if (newVal.length != 0 && _this.sectionData) {
_this.classify.forEach((ele, index) => {
if (ele.trigger == undefined && ele.timeMode == '实时触发') {
ele.trigger = [];
}
- newVal.forEach(item => {
+ newVal.forEach((item) => {
if (ele.analogAreaComponentId == item.component_id && ele.timeMode == '实时触发') {
// console.log(ele.analogAreaComponentId, 'analogAreaComponentId');
// console.log(item.component_id, 'component_id');
if (ele.trigger.length == 10) {
ele.trigger.pop();
- }
- if(this.$route.query.type=='离线视频'){
- var timeNew = item.time.split('.')[0]
+ }
+ if (this.$route.query.type == '离线视频') {
+ var timeNew = item.time.split('.')[0];
var dateLength = timeNew.length;
- var key = timeNew.substring(dateLength-8,dateLength);
- item.time = key;
- }else{
- item.time = item.time.split('.')[0];
- }
-
- // 该时间的触发数据
- if (item.type_data != null) {
- _this.typeTimeMode = item;
- }
- ele.trigger.unshift(item);
- _this.$nextTick(() => {
- if (_this.$refs.typeChartRef != undefined) {
- for (let i = 0; i < _this.$refs.typeChartRef.length; i++) {
- // console.log(_this.$refs.typeChartRef[i], '触发接收的表格数据');
- let itemTypeChart = _this.$refs.typeChartRef[i]
- if (itemTypeChart.dataArr != undefined && itemTypeChart.dataArr.length != 0) {
- if (itemTypeChart.echartArr.includes('时间曲线图')) {
- _this.$refs.typeChartRef[i].$refs.lineChartRef.drawLine(_this.$refs.typeChartRef[i].dataArr, _this.$refs.typeChartRef[i].componentName.split('_')[0], '实时触发')
- }
- if (itemTypeChart.echartArr.includes('数值')) {
- _this.$refs.typeChartRef[i].getDataArr(_this.$refs.typeChartRef[i].dataArr)
- }
- if (itemTypeChart.echartArr.includes('表格')) {
- _this.$refs.typeChartRef[i].getDataArr(_this.$refs.typeChartRef[i].dataArr)
- }
- if (itemTypeChart.echartArr.includes('直方图') && itemTypeChart.componentName.split('_')[0]) {
- // 数据改变重新渲染柱状图
- itemTypeChart.$refs.barChartRef.drawBar(itemTypeChart.dataArr[0])
- }
- if (itemTypeChart.echartArr.includes('饼状图') && itemTypeChart.componentName.split('_')[0]) {
- // 数据改变重新渲染饼图
- itemTypeChart.$refs.pieChartRef.drawPie(itemTypeChart.dataArr[0])
- }
- if (itemTypeChart.componentName.includes('OD') && itemTypeChart.$refs.ODChartRef != undefined && itemTypeChart.dataArr[0].ob_data.length != 0) {
- itemTypeChart.$refs.ODChartRef.drawThermalChart(itemTypeChart.dataArr[0].ob_data, itemTypeChart.startEndData)
- }
-
+ var key = timeNew.substring(dateLength - 8, dateLength);
+ item.time = key;
+ } else {
+ item.time = item.time.split('.')[0];
+ }
+
+ // 该时间的触发数据
+ if (item.type_data != null) {
+ _this.typeTimeMode = item;
+ }
+ ele.trigger.unshift(item);
+ _this.$nextTick(() => {
+ if (_this.$refs.typeChartRef != undefined) {
+ for (let i = 0; i < _this.$refs.typeChartRef.length; i++) {
+ // console.log(_this.$refs.typeChartRef[i], '触发接收的表格数据');
+ let itemTypeChart = _this.$refs.typeChartRef[i];
+ if (itemTypeChart.dataArr != undefined && itemTypeChart.dataArr.length != 0) {
+ if (itemTypeChart.echartArr.includes('时间曲线图')) {
+ _this.$refs.typeChartRef[i].$refs.lineChartRef.drawLine(
+ _this.$refs.typeChartRef[i].dataArr,
+ _this.$refs.typeChartRef[i].componentName.split('_')[0],
+ '实时触发'
+ );
+ }
+ if (itemTypeChart.echartArr.includes('数值')) {
+ _this.$refs.typeChartRef[i].getDataArr(_this.$refs.typeChartRef[i].dataArr);
+ }
+ if (itemTypeChart.echartArr.includes('表格')) {
+ _this.$refs.typeChartRef[i].getDataArr(_this.$refs.typeChartRef[i].dataArr);
+ }
+ if (
+ itemTypeChart.echartArr.includes('直方图') &&
+ itemTypeChart.componentName.split('_')[0]
+ ) {
+ // 数据改变重新渲染柱状图
+ itemTypeChart.$refs.barChartRef.drawBar(itemTypeChart.dataArr[0]);
+ }
+ if (
+ itemTypeChart.echartArr.includes('饼状图') &&
+ itemTypeChart.componentName.split('_')[0]
+ ) {
+ // 数据改变重新渲染饼图
+ itemTypeChart.$refs.pieChartRef.drawPie(itemTypeChart.dataArr[0]);
+ }
+ if (
+ itemTypeChart.componentName.includes('OD') &&
+ itemTypeChart.$refs.ODChartRef != undefined &&
+ itemTypeChart.dataArr[0].ob_data.length != 0
+ ) {
+ itemTypeChart.$refs.ODChartRef.drawThermalChart(
+ itemTypeChart.dataArr[0].ob_data,
+ itemTypeChart.startEndData
+ );
}
}
-
}
-
- })
-
+ }
+ });
}
});
});
@@ -535,71 +554,89 @@ export default {
if (newVal != undefined && newVal.length != 0 && this.sectionData) {
var thatN = this;
thatN.classify.forEach((ele, index) => {
-
- newVal.forEach(item => {
-
+ newVal.forEach((item) => {
if (ele.analogAreaComponentId == item.component_id && ele.timeMode == '固定时刻') {
-
if (ele.cycleTimeData.length == 10) {
ele.cycleTimeData.pop();
-
- }
- // item.time = item.time.split('.')[0];
- if(this.$route.query.type=='离线视频'){
- var timeNew = item.time.split('.')[0]
+ }
+ // item.time = item.time.split('.')[0];
+ if (this.$route.query.type == '离线视频') {
+ var timeNew = item.time.split('.')[0];
var dateLength = timeNew.length;
- var key = timeNew.substring(dateLength-8,dateLength);
- item.time = key;
- }else{
- item.time = item.time.split('.')[0];
- }
- if (item.type_data != null) {
- // 固定时刻的类型数据
- thatN.typeCycleTimeData = item;
- }
- ele.cycleTimeData.unshift(item);
+ var key = timeNew.substring(dateLength - 8, dateLength);
+ item.time = key;
+ } else {
+ item.time = item.time.split('.')[0];
+ }
+ if (item.type_data != null) {
+ // 固定时刻的类型数据
+ thatN.typeCycleTimeData = item;
+ }
+ ele.cycleTimeData.unshift(item);
- // thatN.$nextTick(() => {
- if (thatN.$refs.typeChartRef1 != undefined) {
- // console.log("thatN.$refs.typeChartRef1",thatN.$refs.typeChartRef1)
- // 轮循固定时刻生成的各类组件
- for (let i = 0; i < thatN.$refs.typeChartRef1.length; i++) {
- let itemTypeChartRef1 = thatN.$refs.typeChartRef1[i]
- if (itemTypeChartRef1.length != 0 && itemTypeChartRef1.dataArr != undefined && itemTypeChartRef1.dataArr.length != 0) {
-
- if (itemTypeChartRef1.echartArr.includes('时间曲线图')) {
- thatN.$refs.typeChartRef1[i].$refs.lineChartRef.drawLine(thatN.$refs.typeChartRef1[i].dataArr, thatN.$refs.typeChartRef1[i].componentName.split('_')[0], '固定时刻')
- }
- if (itemTypeChartRef1.echartArr.includes('数值')) {
- thatN.$refs.typeChartRef1[i].getDataArr(thatN.$refs.typeChartRef1[i].dataArr)
- }
- if (itemTypeChartRef1.echartArr.includes('表格')) {
- thatN.$refs.typeChartRef1[i].getDataArr(thatN.$refs.typeChartRef1[i].dataArr)
- }
- if (itemTypeChartRef1.echartArr.includes('直方图') && itemTypeChartRef1.$refs.barChartRef.drawBar) {
- // 数据改变重新渲染柱状图
- itemTypeChartRef1.$refs.barChartRef.drawBar(itemTypeChartRef1.dataArr[0])
- }
- if (itemTypeChartRef1.echartArr.includes('饼状图') && itemTypeChartRef1.$refs.pieChartRef.drawPie) {
- // 数据改变重新渲染饼图
- itemTypeChartRef1.$refs.pieChartRef.drawPie(itemTypeChartRef1.dataArr[0])
- }
- if (itemTypeChartRef1.echartArr.includes('均值图') && itemTypeChartRef1.$refs.avgChartRef!=undefined) {
- itemTypeChartRef1.$refs.avgChartRef.drawBar(itemTypeChartRef1.dataArr[0])
- }
- if (itemTypeChartRef1.componentName.includes('OD') && itemTypeChartRef1.$refs.ODChartRef != undefined && itemTypeChartRef1.dataArr[0].ob_data.length != 0) {
- itemTypeChartRef1.$refs.ODChartRef.drawThermalChart(itemTypeChartRef1.dataArr[0].ob_data, itemTypeChartRef1.startEndData)
- }
+ // thatN.$nextTick(() => {
+ if (thatN.$refs.typeChartRef1 != undefined) {
+ // console.log("thatN.$refs.typeChartRef1",thatN.$refs.typeChartRef1)
+ // 轮循固定时刻生成的各类组件
+ for (let i = 0; i < thatN.$refs.typeChartRef1.length; i++) {
+ let itemTypeChartRef1 = thatN.$refs.typeChartRef1[i];
+ if (
+ itemTypeChartRef1.length != 0 &&
+ itemTypeChartRef1.dataArr != undefined &&
+ itemTypeChartRef1.dataArr.length != 0
+ ) {
+ if (itemTypeChartRef1.echartArr.includes('时间曲线图')) {
+ thatN.$refs.typeChartRef1[i].$refs.lineChartRef.drawLine(
+ thatN.$refs.typeChartRef1[i].dataArr,
+ thatN.$refs.typeChartRef1[i].componentName.split('_')[0],
+ '固定时刻'
+ );
+ }
+ if (itemTypeChartRef1.echartArr.includes('数值')) {
+ thatN.$refs.typeChartRef1[i].getDataArr(thatN.$refs.typeChartRef1[i].dataArr);
+ }
+ if (itemTypeChartRef1.echartArr.includes('表格')) {
+ thatN.$refs.typeChartRef1[i].getDataArr(thatN.$refs.typeChartRef1[i].dataArr);
+ }
+ if (
+ itemTypeChartRef1.echartArr.includes('直方图') &&
+ itemTypeChartRef1.$refs.barChartRef.drawBar
+ ) {
+ // 数据改变重新渲染柱状图
+ itemTypeChartRef1.$refs.barChartRef.drawBar(itemTypeChartRef1.dataArr[0]);
+ }
+ if (
+ itemTypeChartRef1.echartArr.includes('饼状图') &&
+ itemTypeChartRef1.$refs.pieChartRef.drawPie
+ ) {
+ // 数据改变重新渲染饼图
+ itemTypeChartRef1.$refs.pieChartRef.drawPie(itemTypeChartRef1.dataArr[0]);
+ }
+ if (
+ itemTypeChartRef1.echartArr.includes('均值图') &&
+ itemTypeChartRef1.$refs.avgChartRef != undefined
+ ) {
+ itemTypeChartRef1.$refs.avgChartRef.drawBar(itemTypeChartRef1.dataArr[0]);
+ }
+ if (
+ itemTypeChartRef1.componentName.includes('OD') &&
+ itemTypeChartRef1.$refs.ODChartRef != undefined &&
+ itemTypeChartRef1.dataArr[0].ob_data.length != 0
+ ) {
+ itemTypeChartRef1.$refs.ODChartRef.drawThermalChart(
+ itemTypeChartRef1.dataArr[0].ob_data,
+ itemTypeChartRef1.startEndData
+ );
}
}
-
+ }
// });
}
}
});
});
- }
+ }
// else {
// var _thatN = this
// _thatN.classify.forEach((ele, index) => {
@@ -608,7 +645,7 @@ export default {
// if (ele.timeMode == '固定时刻') {
// if (ele.cycleTimeData.length == 10) {
// ele.cycleTimeData.pop();
- // }
+ // }
// // item.time = item.time.split('.')[0];
// // if (item.type_data != null) {
// // // 固定时刻的类型数据
@@ -644,7 +681,7 @@ export default {
// if (itemTypeChartRef1.componentName.includes('OD') && itemTypeChartRef1.$refs.ODChartRef != undefined && itemTypeChartRef1.dataArr[0].ob_data.length != 0) {
// itemTypeChartRef1.$refs.ODChartRef.drawThermalChart(itemTypeChartRef1.dataArr[0].ob_data, itemTypeChartRef1.startEndData)
// }
-
+
// }
// }
@@ -660,60 +697,74 @@ export default {
//固定间隔
cycleStatisticsData: {
handler(newVal) {
- console.log("固定间隔", newVal)
+ console.log('固定间隔', newVal);
if (newVal != undefined && newVal.length != 0 && this.sectionData) {
var that = this;
that.classify.forEach((ele, index) => {
- newVal.forEach(item => {
+ newVal.forEach((item) => {
if (ele.analogAreaComponentId == item.component_id && ele.timeMode == '固定间隔') {
if (ele.cycleStatisticsData.length == 10) {
ele.cycleStatisticsData.pop();
- }
+ }
- if(this.$route.query.type=='离线视频'){
- var timeNew = item.time.split('.')[0]
+ if (this.$route.query.type == '离线视频') {
+ var timeNew = item.time.split('.')[0];
var dateLength = timeNew.length;
- var key = timeNew.substring(dateLength-8,dateLength);
- item.time = key;
- }else{
- item.time = item.time.split('.')[0];
- }
- if (item.type_data != null) {
- that.typeCycleStatistics = item;
- }
- ele.cycleStatisticsData.unshift(item);
- if (that.$refs.typeChartRef2 != undefined) {
- for (let i = 0; i < that.$refs.typeChartRef2.length; i++) {
- let itemTypeChartRef2 = that.$refs.typeChartRef2[i];
+ var key = timeNew.substring(dateLength - 8, dateLength);
+ item.time = key;
+ } else {
+ item.time = item.time.split('.')[0];
+ }
+ if (item.type_data != null) {
+ that.typeCycleStatistics = item;
+ }
+ ele.cycleStatisticsData.unshift(item);
+ if (that.$refs.typeChartRef2 != undefined) {
+ for (let i = 0; i < that.$refs.typeChartRef2.length; i++) {
+ let itemTypeChartRef2 = that.$refs.typeChartRef2[i];
- if (itemTypeChartRef2.length != 0 && itemTypeChartRef2.dataArr != undefined && itemTypeChartRef2.dataArr.length != 0) {
- if (itemTypeChartRef2.echartArr.includes('时间曲线图')) {
- that.$refs.typeChartRef2[i].$refs.lineChartRef.drawLine(that.$refs.typeChartRef2[i].dataArr, that.$refs.typeChartRef2[i].componentName.split('_')[0], '固定间隔')
- }
- if (itemTypeChartRef2.echartArr.includes('数值')) {
- that.$refs.typeChartRef2[i].getDataArr(that.$refs.typeChartRef2[i].dataArr)
- }
- if (itemTypeChartRef2.echartArr.includes('表格')) {
- that.$refs.typeChartRef2[i].getDataArr(that.$refs.typeChartRef2[i].dataArr)
- }
- // console.log(item,'组件数据');
- if (itemTypeChartRef2.echartArr.includes('直方图') && itemTypeChartRef2.$refs.barChartRef.drawBar) {
- // 数据改变重新渲染柱状图
- // console.log(item, '组件');
- itemTypeChartRef2.$refs.barChartRef.drawBar(itemTypeChartRef2.dataArr[0])
- }
- if (itemTypeChartRef2.echartArr.includes('饼状图') && itemTypeChartRef2.$refs.pieChartRef.drawPie) {
- // 数据改变重新渲染饼图
- itemTypeChartRef2.$refs.pieChartRef.drawPie(itemTypeChartRef2.dataArr[0])
- }
- if (itemTypeChartRef2.echartArr.includes('均值图') && itemTypeChartRef2.$refs.avgChartRef!=undefined) {
- itemTypeChartRef2.$refs.avgChartRef.drawBar(itemTypeChartRef2.dataArr[0])
- }
+ if (
+ itemTypeChartRef2.length != 0 &&
+ itemTypeChartRef2.dataArr != undefined &&
+ itemTypeChartRef2.dataArr.length != 0
+ ) {
+ if (itemTypeChartRef2.echartArr.includes('时间曲线图')) {
+ that.$refs.typeChartRef2[i].$refs.lineChartRef.drawLine(
+ that.$refs.typeChartRef2[i].dataArr,
+ that.$refs.typeChartRef2[i].componentName.split('_')[0],
+ '固定间隔'
+ );
}
-
-
+ if (itemTypeChartRef2.echartArr.includes('数值')) {
+ that.$refs.typeChartRef2[i].getDataArr(that.$refs.typeChartRef2[i].dataArr);
+ }
+ if (itemTypeChartRef2.echartArr.includes('表格')) {
+ that.$refs.typeChartRef2[i].getDataArr(that.$refs.typeChartRef2[i].dataArr);
+ }
+ // console.log(item,'组件数据');
+ if (
+ itemTypeChartRef2.echartArr.includes('直方图') &&
+ itemTypeChartRef2.$refs.barChartRef.drawBar
+ ) {
+ // 数据改变重新渲染柱状图
+ // console.log(item, '组件');
+ itemTypeChartRef2.$refs.barChartRef.drawBar(itemTypeChartRef2.dataArr[0]);
+ }
+ if (
+ itemTypeChartRef2.echartArr.includes('饼状图') &&
+ itemTypeChartRef2.$refs.pieChartRef.drawPie
+ ) {
+ // 数据改变重新渲染饼图
+ itemTypeChartRef2.$refs.pieChartRef.drawPie(itemTypeChartRef2.dataArr[0]);
+ }
+ if (
+ itemTypeChartRef2.echartArr.includes('均值图') &&
+ itemTypeChartRef2.$refs.avgChartRef != undefined
+ ) {
+ itemTypeChartRef2.$refs.avgChartRef.drawBar(itemTypeChartRef2.dataArr[0]);
+ }
+ }
}
-
}
}
});
@@ -726,7 +777,7 @@ export default {
// if (ele.timeMode == '固定间隔') {
// if (ele.cycleStatisticsData.length == 10) {
// ele.cycleStatisticsData.pop();
- // }
+ // }
// // item.time = item.time.split('.')[0];
// // if (item.type_data != null) {
// // _that.typeCycleStatistics = item;
@@ -763,7 +814,6 @@ export default {
// }
// }
-
// }
// }
@@ -774,7 +824,55 @@ export default {
},
immediate: true
},
-
+ //周期统计实时累计数据主题
+ cycleAccumulateData: {
+ handler(newVal) {
+ console.log('周期统计实时累计数据主题', newVal);
+ if (newVal != undefined && newVal.length != 0 && this.sectionData) {
+ var that = this;
+ that.classify.forEach((ele, index) => {
+ newVal.forEach((item) => {
+ if (ele.analogAreaComponentId == item.component_id && ele.timeMode == '固定间隔') {
+ if (ele.cycleStatisticsData.length == 10) {
+ ele.cycleStatisticsData.pop();
+ }
+
+ if (this.$route.query.type == '离线视频') {
+ var timeNew = item.time.split('.')[0];
+ var dateLength = timeNew.length;
+ var key = timeNew.substring(dateLength - 8, dateLength);
+ item.time = key;
+ } else {
+ item.time = item.time.split('.')[0];
+ }
+ if (item.type_data != null) {
+ that.typeCycleStatistics = item;
+ }
+ // ele.cycleStatisticsData.unshift(item);
+ if (that.$refs.typeChartRef2 != undefined) {
+ for (let i = 0; i < that.$refs.typeChartRef2.length; i++) {
+ let itemTypeChartRef2 = that.$refs.typeChartRef2[i];
+
+ if (
+ itemTypeChartRef2.length != 0 &&
+ itemTypeChartRef2.dataArr != undefined &&
+ itemTypeChartRef2.dataArr.length != 0
+ ) {
+ console.log('itemTypeChartRef2.echartArr',itemTypeChartRef2.echartArr)
+ if (itemTypeChartRef2.echartArr.includes('数值')) {
+ //只需要修改数值组件
+ that.$refs.typeChartRef2[i].getcycleAccumulateDataArr([item]);
+ }
+ }
+ }
+ }
+ }
+ });
+ });
+ }
+ },
+ immediate: true
+ }
}
};
diff --git a/src/views/index.vue b/src/views/index.vue
index 1fcf097..2fae557 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -26,6 +26,7 @@
:triggerData="triggerData"
:triggerListData="triggerListData"
:cycleStatisticsData="cycleStatisticsData"
+ :cycleAccumulateData="cycleAccumulateData"
:cycleHistoryData="cycleHistoryData"
>
@@ -87,7 +88,7 @@
-
+
@@ -234,7 +235,7 @@
v-draggable1
>
-
+
@@ -353,25 +354,21 @@
-
+
{{
item.graphicName
}}
-
+
{{
item.graphicName
}}
-
+
@@ -880,6 +877,8 @@ export default {
cycleTimeData: [],
//固定间隔
cycleStatisticsData: [],
+ //周期统计实时累计数据主题
+ cycleAccumulateData: [],
//历史数据
cycleHistoryData: {},
//视频类型
@@ -972,7 +971,9 @@ export default {
//感知编码车道编号
laneNumbercChange(val) {
if (val == 0) {
- this.perception.laneNumber1 = 0;
+ this.perception.laneNumber1 = '0';
+ } else {
+ this.perception.laneNumber1 = '';
}
},
//感知编码开关事件
@@ -1085,6 +1086,7 @@ export default {
'cycle_history-' + this.$route.query.id,
'cycle_time-' + this.$route.query.id,
'cycle_statistics-' + this.$route.query.id,
+ 'cycle_accumulate-' + this.$route.query.id,
//获取离线视频数据
'VideoStatusData',
'TargetAnalysisStatusData',
@@ -1104,6 +1106,7 @@ export default {
'trigger-' + this.$route.query.id,
'cycle_time-' + this.$route.query.id,
'cycle_statistics-' + this.$route.query.id,
+ 'cycle_accumulate-' + this.$route.query.id,
'TargetAnalysisStatusData',
'TrafficAnalysisStatusData',
'hert',
@@ -1390,7 +1393,7 @@ export default {
const u8arr = new Uint8Array(message);
const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串
const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据
- // console.log(msg,'msg');
+ // console.log(msg, 'msg接受一张高频图片');
// document.getElementById('mapModule').contentWindow.getDestination(JSON.stringify(msg));
if (msg.rate == 'high') {
document.getElementById('mapModule').contentWindow.getDestination(JSON.stringify(msg));
@@ -1400,19 +1403,25 @@ export default {
// sessionStorage.setItem("highPic", this.highPic.pic);
// sessionStorage.setItem("videoId", this.highPic.id);
}
+ this.highPicList = sessionStorage.getItem('highPicList')
+ ? JSON.parse(sessionStorage.getItem('highPicList'))
+ : [];
if (this.highPicList.length == 0) {
this.highPicList.push({ pic: msg.pic, videoId: msg.id });
sessionStorage.setItem('highPicList', JSON.stringify(this.highPicList));
} else {
- this.highPicList = sessionStorage.getItem('highPicList');
+ let found = false;
for (let i = 0; i < this.highPicList.length; i++) {
- if (this.highPicList.videoId != msg.id) {
- this.highPicList.push({ pic: msg.pic, videoId: msg.id });
- sessionStorage.setItem('highPicList', JSON.stringify(this.highPicList));
- } else {
- return false;
+ if (this.highPicList[i].videoId == msg.id) {
+ this.highPicList[i].pic = msg.pic;
+ found = true;
+ break; // 找到了就退出循环
}
}
+ if (!found) {
+ this.highPicList.push({ pic: msg.pic, videoId: msg.id });
+ }
+ sessionStorage.setItem('highPicList', JSON.stringify(this.highPicList));
}
} else if (msg.rate == 'low') {
this.analysisConfigurationdata = msg;
@@ -1512,6 +1521,19 @@ export default {
// this.cycleStatisticsData = msgN;
} catch (error) {}
break;
+ case 'cycle_accumulate-' + this.$route.query.id:
+ try {
+ //周期统计实时累计数据主题
+ // console.log("trigger_msgN",message)
+ const utf8decoder = new TextDecoder();
+ const u8arr = new Uint8Array(message);
+ const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串
+ var detId = [];
+ const msgN = JSON.parse(temp);
+ console.log("周期统计实时累计数据主题",msgN)
+ this.cycleAccumulateData = msgN;
+ } catch (error) {}
+ break;
case 'VideoStatusData':
try {
const utf8decoder = new TextDecoder();
@@ -1542,6 +1564,15 @@ export default {
this.trafficAnalysisStatusData = msg;
} catch (error) {}
break;
+ case 'simulator_target-' + this.$route.query.id: //目标数量
+ try {
+ const utf8decoder1 = new TextDecoder();
+ const u8arr = new Uint8Array(message);
+ const temp = utf8decoder1.decode(u8arr); // 将二进制数据转为字符串
+ const msg = JSON.parse(temp);
+ document.getElementById('mapModule').contentWindow.getTargetNumber(JSON.stringify(msg));
+ } catch (error) {}
+ break;
}
this.receiveNews = '';
},
@@ -1949,8 +1980,8 @@ export default {
this.perception.laneOrdinary == '' ||
this.perception.bearings == '' ||
this.perception.flowDirection == '' ||
- this.perception.laneNumber == '' ||
- this.perception.laneNumber1 == '')
+ this.perception.laneNumber === '' ||
+ this.perception.laneNumber1 === '')
) {
this.$message.warning('请填写完整感知编码!');
return false;
@@ -2187,21 +2218,21 @@ export default {
this.$message.warning('请选择必选项');
return false;
} else if (
- componentForm.timeMode != '实时触发' &&
+ // componentForm.timeMode != '实时触发' &&
componentForm.componentType == 'OD' &&
(componentForm.endSection.length == 0 || componentForm.startSection.length == 0)
) {
this.$message.warning('请选择必选项');
return false;
} else if (
- componentForm.timeMode != '实时触发' &&
+ // componentForm.timeMode != '实时触发' &&
componentForm.componentType == '类型' &&
(componentForm.presentation.length == 0 || componentForm.type.length == 0)
) {
this.$message.warning('请选择必选项');
return false;
} else if (
- componentForm.timeMode != '实时触发' &&
+ // componentForm.timeMode != '实时触发' &&
componentForm.componentType != '类型' &&
componentForm.componentType != 'OD' &&
componentForm.presentation.length == 0
@@ -2209,7 +2240,12 @@ export default {
this.$message.warning('请选择必选项');
return false;
} else {
+ if (!componentForm.componentName.trim()) {
+ this.$message.warning('请输入名称');
+ return false;
+ }
this.component = false;
+
let formData = new FormData();
if (componentForm.componentType == 'OD') {
//名称
diff --git a/src/views/sensorFusion/index.vue b/src/views/sensorFusion/index.vue
index 25124f8..3314a37 100644
--- a/src/views/sensorFusion/index.vue
+++ b/src/views/sensorFusion/index.vue
@@ -89,14 +89,10 @@
- {{
- i.triggerData.speed > 0 || i.triggerData.speed == 0
- ? i.triggerData.speed
- : Math.abs(i.triggerData.speed)
- }}
+ {{ Math.abs(i.triggerData.speed) }}
-
@@ -104,7 +100,7 @@
style="color: rgb(71, 161, 255); font-size: 23px"
v-if="i.componentType == '车头时距'"
>{{
- i.triggerData.headway || i.triggerData.headway == 0
+ i.triggerData.headway || i.triggerData.headway === 0
? i.triggerData.headway == -1
? '-'
: i.triggerData.headway
@@ -116,10 +112,10 @@
v-if="i.componentType == '流量'"
>
{{
- i.triggerData.inFlow || i.triggerData.inFlow == 0 ? i.triggerData.inFlow : '-'
+ i.triggerData.inFlow || i.triggerData.inFlow === 0 ? i.triggerData.inFlow : '-'
}}
{{
- i.triggerData.outFlow || i.triggerData.outFlow == 0
+ i.triggerData.outFlow || i.triggerData.outFlow === 0
? i.triggerData.outFlow
: '-'
}}
@@ -138,27 +134,27 @@
style="color: rgb(71, 161, 255); font-size: 23px"
v-if="i.componentType == '检测数'"
>{{
- i.triggerData.n_stay || i.triggerData.n_stay == 0 ? i.triggerData.n_stay : '-'
+ i.triggerData.n_stay || i.triggerData.n_stay === 0 ? i.triggerData.n_stay : '-'
}}
{{
- i.triggerData.n_queue || i.triggerData.n_queue == 0
+ i.triggerData.n_queue || i.triggerData.n_queue === 0
? i.triggerData.n_queue
: '-'
}}
-
+
- {{ i.triggerData.speed > 0 || i.triggerData.speed == 0 ? 'km/h' : 'pix/s' }}
+ {{ i.triggerData.speed > 0 || i.triggerData.speed === 0 ? 'km/h' : 'pix/s' }}
@@ -194,14 +190,10 @@
- {{
- i.cycleTimeData[0].speed > 0 || i.cycleTimeData[0].speed == 0
- ? i.cycleTimeData[0].speed
- : Math.abs(i.cycleTimeData[0].speed)
- }}
+ {{ Math.abs(i.cycleTimeData[0].speed) }}
-
@@ -212,14 +204,10 @@
- {{
- i.triggerData.speed > 0 || i.triggerData.speed == 0
- ? i.triggerData.speed
- : Math.abs(i.triggerData.speed)
- }}
+ {{ Math.abs(i.triggerData.speed) }}
-
@@ -227,7 +215,7 @@
style="color: rgb(71, 161, 255); font-size: 23px"
v-if="i.componentType == '车头时距' && i.triggerData == null"
>{{
- i.cycleTimeData[0].headway || i.cycleTimeData[0].headway == 0
+ i.cycleTimeData[0].headway || i.cycleTimeData[0].headway === 0
? i.cycleTimeData[0].headway == -1
? '-'
: i.cycleTimeData[0].headway
@@ -238,7 +226,7 @@
style="color: rgb(71, 161, 255); font-size: 23px"
v-else-if="i.componentType == '车头时距' && i.triggerData != null"
>{{
- i.triggerData.headway || i.triggerData.headway == 0
+ i.triggerData.headway || i.triggerData.headway === 0
? i.triggerData.headway == -1
? '-'
: i.triggerData.headway
@@ -250,12 +238,12 @@
v-if="i.componentType == '流量'"
>
{{
- i.cycleTimeData[0].in_flow || i.cycleTimeData[0].in_flow == 0
+ i.cycleTimeData[0].in_flow || i.cycleTimeData[0].in_flow === 0
? i.cycleTimeData[0].in_flow
: '-'
}}
{{
- i.cycleTimeData[0].out_flow || i.cycleTimeData[0].out_flow == 0
+ i.cycleTimeData[0].out_flow || i.cycleTimeData[0].out_flow === 0
? i.cycleTimeData[0].out_flow
: '-'
}}
@@ -326,7 +314,7 @@
style="color: rgb(71, 161, 255); font-size: 23px"
v-if="i.componentType == '检测数'"
>{{
- i.cycleTimeData[0].n_stay || i.cycleTimeData[0].n_stay == 0
+ i.cycleTimeData[0].n_stay || i.cycleTimeData[0].n_stay === 0
? i.cycleTimeData[0].n_stay
: '-'
}}{{
- i.cycleTimeData[0].n_queue || i.cycleTimeData[0].n_queue == 0
+ i.cycleTimeData[0].n_queue || i.cycleTimeData[0].n_queue === 0
? i.cycleTimeData[0].n_queue
: '-'
}}
{{
- i.cycleStatisticsData[0].speed > 0 || i.cycleStatisticsData[0].speed == 0
+ i.cycleStatisticsData[0].speed > 0 || i.cycleStatisticsData[0].speed === 0
? i.cycleStatisticsData[0].speed
: Math.abs(i.cycleStatisticsData[0].speed)
}}
@@ -391,14 +379,10 @@
- {{
- i.triggerData.speed > 0 || i.triggerData.speed == 0
- ? i.triggerData.speed
- : Math.abs(i.triggerData.speed)
- }}
+ {{ Math.abs(i.triggerData.speed) }}
-
@@ -407,7 +391,7 @@
v-if="i.componentType == '车头时距' && i.triggerData == null"
>{{
i.cycleStatisticsData[0].ave_headway ||
- i.cycleStatisticsData[0].ave_headway == 0
+ i.cycleStatisticsData[0].ave_headway === 0
? i.cycleStatisticsData[0].ave_headway == -1
? '-'
: i.cycleStatisticsData[0].ave_headway
@@ -418,7 +402,7 @@
style="color: rgb(71, 161, 255); font-size: 23px"
v-else-if="i.componentType == '车头时距' && i.triggerData != null"
>{{
- i.triggerData.ave_headway || i.triggerData.ave_headway == 0
+ i.triggerData.ave_headway || i.triggerData.ave_headway === 0
? i.triggerData.ave_headway == -1
? '-'
: i.triggerData.ave_headway
@@ -519,7 +503,7 @@
style="color: rgb(71, 161, 255); font-size: 23px"
v-if="i.componentType == '检测数' && i.triggerData == null"
>{{
- i.cycleStatisticsData[0].ave_stay || i.cycleStatisticsData[0].ave_stay == 0
+ i.cycleStatisticsData[0].ave_stay || i.cycleStatisticsData[0].ave_stay === 0
? i.cycleStatisticsData[0].ave_stay
: '-'
}}{{
- i.triggerData.ave_stay || i.triggerData.ave_stay == 0
+ i.triggerData.ave_stay || i.triggerData.ave_stay === 0
? i.triggerData.ave_stay
: '-'
}}{{
- i.cycleStatisticsData[0].ave_queue || i.cycleStatisticsData[0].ave_queue == 0
+ i.cycleStatisticsData[0].ave_queue || i.cycleStatisticsData[0].ave_queue === 0
? i.cycleStatisticsData[0].ave_queue
: '-'
}}{{
- i.triggerData.ave_queue || i.triggerData.ave_queue == 0
+ i.triggerData.ave_queue || i.triggerData.ave_queue === 0
? i.triggerData.ave_queue
: '-'
}}{{
- i.cycleStatisticsData[0].ave_delay || i.cycleStatisticsData[0].ave_delay == 0
+ i.cycleStatisticsData[0].ave_delay || i.cycleStatisticsData[0].ave_delay === 0
? i.cycleStatisticsData[0].ave_delay
: '-'
}}{{
- i.triggerData.ave_delay || i.triggerData.ave_delay == 0
+ i.triggerData.ave_delay || i.triggerData.ave_delay === 0
? i.triggerData.ave_delay
: '-'
}}