代码提交
This commit is contained in:
parent
11fea9c69e
commit
6588bf664e
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
@ -151,21 +151,11 @@ export default {
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
this.drawLine();
|
this.drawLine();
|
||||||
<<<<<<< HEAD
|
|
||||||
console.log(this.title);
|
|
||||||
=======
|
|
||||||
>>>>>>> 1d018c9bfd7d477b50f1c160150339f6011f2622
|
|
||||||
},
|
},
|
||||||
watch: {
|
watch: {
|
||||||
list: {
|
list: {
|
||||||
handler(newVal) {
|
handler(newVal) {
|
||||||
<<<<<<< HEAD
|
|
||||||
if (newVal) {
|
|
||||||
console.log(this.title);
|
|
||||||
console.log(newVal, this.title + '折现图的数据');
|
|
||||||
=======
|
|
||||||
if (newVal.length != 0) {
|
if (newVal.length != 0) {
|
||||||
>>>>>>> 1d018c9bfd7d477b50f1c160150339f6011f2622
|
|
||||||
// x轴的数据
|
// x轴的数据
|
||||||
this.xData = newVal.map(val => {
|
this.xData = newVal.map(val => {
|
||||||
return val.time;
|
return val.time;
|
||||||
|
@ -207,7 +197,6 @@ export default {
|
||||||
mapN.push(arr[t][i]);
|
mapN.push(arr[t][i]);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
<<<<<<< HEAD
|
|
||||||
var lineArr = [{
|
var lineArr = [{
|
||||||
name: '机动车',
|
name: '机动车',
|
||||||
type: 'line',
|
type: 'line',
|
||||||
|
@ -234,21 +223,6 @@ export default {
|
||||||
// });
|
// });
|
||||||
// });
|
// });
|
||||||
// }
|
// }
|
||||||
=======
|
|
||||||
var lineArr = [];
|
|
||||||
// 遍历需要多少条类型折线
|
|
||||||
if (newVal[0].type_data != undefined) {
|
|
||||||
newVal[0].type_data.forEach(ele => {
|
|
||||||
lineArr.push({
|
|
||||||
name: ele.name,
|
|
||||||
type: 'line',
|
|
||||||
data: [],
|
|
||||||
smooth: true
|
|
||||||
});
|
|
||||||
});
|
|
||||||
}
|
|
||||||
// 筛选类型的数量
|
|
||||||
>>>>>>> 1d018c9bfd7d477b50f1c160150339f6011f2622
|
|
||||||
mapN.forEach(ele => {
|
mapN.forEach(ele => {
|
||||||
if (ele.name == '机动车') {
|
if (ele.name == '机动车') {
|
||||||
lineArr[0].data.push(ele.quantity);
|
lineArr[0].data.push(ele.quantity);
|
||||||
|
@ -293,11 +267,7 @@ export default {
|
||||||
return ele.in_flow + ele.out_flow;
|
return ele.in_flow + ele.out_flow;
|
||||||
});
|
});
|
||||||
} else if (this.title == '车头时距') {
|
} else if (this.title == '车头时距') {
|
||||||
<<<<<<< HEAD
|
|
||||||
console.log("车头时距", newVal)
|
|
||||||
=======
|
|
||||||
console.log('车头时距', newVal);
|
console.log('车头时距', newVal);
|
||||||
>>>>>>> 1d018c9bfd7d477b50f1c160150339f6011f2622
|
|
||||||
this.tooltip = {
|
this.tooltip = {
|
||||||
formatter: '{a} {b}:{c}/s',
|
formatter: '{a} {b}:{c}/s',
|
||||||
show: true,
|
show: true,
|
||||||
|
@ -330,11 +300,7 @@ export default {
|
||||||
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
<<<<<<< HEAD
|
|
||||||
deep: true
|
deep: true
|
||||||
=======
|
|
||||||
immediate: true
|
|
||||||
>>>>>>> 1d018c9bfd7d477b50f1c160150339f6011f2622
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
|
@ -2,13 +2,8 @@
|
||||||
<div class="setion">
|
<div class="setion">
|
||||||
<p class="chartTitle"><span class="titleIcon"></span> {{ componentName }} {{ triggerType }}</p>
|
<p class="chartTitle"><span class="titleIcon"></span> {{ componentName }} {{ triggerType }}</p>
|
||||||
<!-- 触发数据数值渲染 -->
|
<!-- 触发数据数值渲染 -->
|
||||||
<<<<<<< HEAD
|
|
||||||
<div class="typeContent">
|
|
||||||
<div v-if="dataArr && dataArr.length != 0">
|
|
||||||
=======
|
|
||||||
<div class="typeContent" v-if="triggerType == '触发' || '周期时刻'">
|
<div class="typeContent" v-if="triggerType == '触发' || '周期时刻'">
|
||||||
<div v-if="dataArr && dataArr.length != 0 && dataArr!=undefined">
|
<div v-if="dataArr && dataArr.length != 0 && dataArr!=undefined">
|
||||||
>>>>>>> 1d018c9bfd7d477b50f1c160150339f6011f2622
|
|
||||||
<div v-if="title == '类型'" style="display:flex">
|
<div v-if="title == '类型'" style="display:flex">
|
||||||
<el-card v-for="(n, i) in typeValue.type_data" :key="i"
|
<el-card v-for="(n, i) in typeValue.type_data" :key="i"
|
||||||
style="width: 150px; margin-bottom: 20px; text-align: center">
|
style="width: 150px; margin-bottom: 20px; text-align: center">
|
||||||
|
@ -25,11 +20,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<el-card v-show="echartArr.includes('数值')" style="width: 150px; margin-bottom: 20px; text-align: center">
|
<el-card v-show="echartArr.includes('数值')" style="width: 150px; margin-bottom: 20px; text-align: center">
|
||||||
<<<<<<< HEAD
|
|
||||||
<div v-if="dataArr && dataArr.length != 0">
|
|
||||||
=======
|
|
||||||
<div v-if="dataArr&& dataArr.length != 0 && dataArr!=undefined">
|
<div v-if="dataArr&& dataArr.length != 0 && dataArr!=undefined">
|
||||||
>>>>>>> 1d018c9bfd7d477b50f1c160150339f6011f2622
|
|
||||||
<div v-if="title == '类型'">
|
<div v-if="title == '类型'">
|
||||||
<span style="font-size: 15px;">类型数量总和</span><br />
|
<span style="font-size: 15px;">类型数量总和</span><br />
|
||||||
<span style="font-size: 30px; font-weight: bold">
|
<span style="font-size: 30px; font-weight: bold">
|
||||||
|
@ -76,16 +67,9 @@
|
||||||
<div class="tableTitle" v-if="dataArr&& dataArr.length != 0 && dataArr!=undefined">
|
<div class="tableTitle" v-if="dataArr&& dataArr.length != 0 && dataArr!=undefined">
|
||||||
<div>
|
<div>
|
||||||
<span
|
<span
|
||||||
<<<<<<< HEAD
|
|
||||||
style="width: 10px;height:10px;border-radius: 50%;background-color: #3297ff;display: inline-block;vertical-align: middle;margin-right: 8px;"></span>
|
|
||||||
<span style="font-size:18px;">{{ this.chartName + '-' + this.componentName + '-' + '表格' + '-' +
|
|
||||||
triggerType
|
|
||||||
}}</span>
|
|
||||||
=======
|
|
||||||
style="width: 10px;height:10px;border-radius: 50%;background-color: #3297ff;display: inline-block;vertical-align: middle;margin-right: 8px;"
|
style="width: 10px;height:10px;border-radius: 50%;background-color: #3297ff;display: inline-block;vertical-align: middle;margin-right: 8px;"
|
||||||
></span>
|
></span>
|
||||||
<span style="font-size:18px;">{{ this.chartName + '-' + this.componentName + '-' + '表格' + '-' + triggerType }}</span>
|
<span style="font-size:18px;">{{ this.chartName + '-' + this.componentName + '-' + '表格' + '-' + triggerType }}</span>
|
||||||
>>>>>>> 1d018c9bfd7d477b50f1c160150339f6011f2622
|
|
||||||
</div>
|
</div>
|
||||||
<div class="tableTime">
|
<div class="tableTime">
|
||||||
{{ dataArr[0].time ? dataArr[0].time : '' }}
|
{{ dataArr[0].time ? dataArr[0].time : '' }}
|
||||||
|
@ -100,10 +84,6 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="border" v-if="echartArr.includes('曲线图')">
|
<div class="border" v-if="echartArr.includes('曲线图')">
|
||||||
<detailDialog />
|
<detailDialog />
|
||||||
<<<<<<< HEAD
|
|
||||||
<lineChart :componentName="componentName" :chartName="chartName" :pageType="pageType" :list="dataArr"
|
|
||||||
:status="triggerType" :title="title" :typeValue="typeValue" />
|
|
||||||
=======
|
|
||||||
<lineChart
|
<lineChart
|
||||||
v-if="dataArr && dataArr.length != 0 && dataArr!=undefined"
|
v-if="dataArr && dataArr.length != 0 && dataArr!=undefined"
|
||||||
:componentName="componentName"
|
:componentName="componentName"
|
||||||
|
@ -114,7 +94,6 @@
|
||||||
:title="title"
|
:title="title"
|
||||||
:typeValue="typeValue"
|
:typeValue="typeValue"
|
||||||
/>
|
/>
|
||||||
>>>>>>> 1d018c9bfd7d477b50f1c160150339f6011f2622
|
|
||||||
</div>
|
</div>
|
||||||
<div class="border" v-if="echartArr.includes('饼状图')">
|
<div class="border" v-if="echartArr.includes('饼状图')">
|
||||||
<detailDialog />
|
<detailDialog />
|
||||||
|
@ -180,11 +159,7 @@ export default {
|
||||||
// 监听触发数据
|
// 监听触发数据
|
||||||
dataArr: {
|
dataArr: {
|
||||||
handler(newVal) {
|
handler(newVal) {
|
||||||
<<<<<<< HEAD
|
|
||||||
console.log("dataArr", newVal)
|
|
||||||
=======
|
|
||||||
console.log('dataArr', newVal);
|
console.log('dataArr', newVal);
|
||||||
>>>>>>> 1d018c9bfd7d477b50f1c160150339f6011f2622
|
|
||||||
},
|
},
|
||||||
|
|
||||||
immediate: true
|
immediate: true
|
||||||
|
|
|
@ -20,33 +20,6 @@
|
||||||
</p>
|
</p>
|
||||||
<!-- <span class="downPull1" data-num="1" @click="sectionHandle(i)"></span> -->
|
<!-- <span class="downPull1" data-num="1" @click="sectionHandle(i)"></span> -->
|
||||||
</div>
|
</div>
|
||||||
<<<<<<< HEAD
|
|
||||||
<div v-if="s.children">
|
|
||||||
<div v-for="o in s.children" :key="o.analogAreaComponentId">
|
|
||||||
<OD v-if="o.componentName.includes('OD')" :pageType="o.graphicType" triggerType="触发"
|
|
||||||
:componentName="o.componentName" :echartArr="o.presentationForm"
|
|
||||||
:dataArr="o.trigger" :title="o.componentName.split('_')[0]"
|
|
||||||
:chartName="o.combinationName" />
|
|
||||||
<!--触发的组件 -->
|
|
||||||
<typeChart v-if="o.timeMode === '触发'" :pageType="o.graphicType"
|
|
||||||
:triggerType="o.timeMode" :componentName="o.componentName" :dataArr="o.trigger"
|
|
||||||
:echartArr="o.presentationForm" :title="o.componentName.split('_')[0]"
|
|
||||||
:chartName="o.combinationName" :typeValue="typeValue" />
|
|
||||||
<typeChart v-if="o.timeMode === '周期时刻'" :pageType="o.graphicType"
|
|
||||||
:triggerType="o.timeMode" :componentName="o.componentName"
|
|
||||||
:dataArr="o.cycleTimeData" :echartArr="o.presentationForm"
|
|
||||||
:title="o.componentName.split('_')[0]" :chartName="o.combinationName"
|
|
||||||
:typeValue="typeCycleTimeData" />
|
|
||||||
<!-- 周期统计的组件 -->
|
|
||||||
<typeChart v-if="o.timeMode === '周期统计'" :pageType="o.graphicType"
|
|
||||||
:triggerType="o.timeMode" :componentName="o.componentName"
|
|
||||||
:dataArr="o.cycleStatistics" :echartArr="o.presentationForm"
|
|
||||||
:title="o.componentName.split('_')[0]" :chartName="o.combinationName"
|
|
||||||
:typeValue="typeCycleStatistics" />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!-- :data="triggerList.length != 0 ? triggerList : tableData" -->
|
|
||||||
=======
|
|
||||||
<el-tabs>
|
<el-tabs>
|
||||||
<el-collapse v-model="acticveName">
|
<el-collapse v-model="acticveName">
|
||||||
<div v-for="o in s.children" :key="o.analogAreaComponentId">
|
<div v-for="o in s.children" :key="o.analogAreaComponentId">
|
||||||
|
@ -101,7 +74,6 @@
|
||||||
</div>
|
</div>
|
||||||
</el-collapse>
|
</el-collapse>
|
||||||
</el-tabs>
|
</el-tabs>
|
||||||
>>>>>>> 1d018c9bfd7d477b50f1c160150339f6011f2622
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</div>
|
</div>
|
||||||
|
@ -151,15 +123,6 @@ export default {
|
||||||
default() {
|
default() {
|
||||||
return [];
|
return [];
|
||||||
}
|
}
|
||||||
<<<<<<< HEAD
|
|
||||||
},
|
|
||||||
componentList:{
|
|
||||||
type:Array,
|
|
||||||
default(){
|
|
||||||
return []
|
|
||||||
}
|
|
||||||
=======
|
|
||||||
>>>>>>> 1d018c9bfd7d477b50f1c160150339f6011f2622
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
|
|
Loading…
Reference in New Issue