chengdandan
/
TransFlow
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

折叠

This commit is contained in:
Hobart 2023-02-22 16:01:17 +08:00
parent ece4abc539
commit 0eae020323
1 changed files with 53 additions and 55 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

108
src/views/bounced/dataBoard.vue
View File

@ -13,68 +13,66 @@
:key="s.analogAreaComponentId" :key="s.analogAreaComponentId"
> >
<template> <template>
<div ref="sectionContent" > <div ref="sectionContent">
<div> <div>
<p class="board-title"> <p class="board-title">
<span>{{ s.title }}</span> <span>{{ s.title }}</span>
</p> </p>
<!-- <span class="downPull1" data-num="1" @click="sectionHandle(i)"></span> --> <!-- <span class="downPull1" data-num="1" @click="sectionHandle(i)"></span> -->
</div> </div>
<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">
<el-collapse-item :title=o.componentName :name="o.analogAreaComponentId" > <el-collapse-item :title="o.componentName" :name="o.analogAreaComponentId">
<OD <OD
v-if="o.componentName.includes('OD')" v-if="o.componentName.includes('OD')"
:pageType="o.graphicType" :pageType="o.graphicType"
triggerType="触发" triggerType="触发"
:componentName="o.componentName" :componentName="o.componentName"
:echartArr="o.presentationForm" :echartArr="o.presentationForm"
:dataArr="o.trigger" :dataArr="o.trigger"
:title="o.componentName.split('_')[0]" :title="o.componentName.split('_')[0]"
:chartName="o.combinationName" :chartName="o.combinationName"
/> />
<!--触发的组件 --> <!--触发的组件 -->
<typeChart <typeChart
v-if="o.timeMode === '触发'" v-if="o.timeMode === '触发'"
:pageType="o.graphicType" :pageType="o.graphicType"
:triggerType="o.timeMode" :triggerType="o.timeMode"
:componentName="o.componentName" :componentName="o.componentName"
:dataArr="o.trigger" :dataArr="o.trigger"
:echartArr="o.presentationForm" :echartArr="o.presentationForm"
:title="o.componentName.split('_')[0]" :title="o.componentName.split('_')[0]"
:chartName="o.combinationName" :chartName="o.combinationName"
:typeValue="typeValue" :typeValue="typeValue"
/> />
<typeChart <typeChart
v-if="o.timeMode === '周期时刻'" v-if="o.timeMode === '周期时刻'"
:pageType="o.graphicType" :pageType="o.graphicType"
:triggerType="o.timeMode" :triggerType="o.timeMode"
:componentName="o.componentName" :componentName="o.componentName"
:dataArr="o.cycleTimeData" :dataArr="o.cycleTimeData"
:echartArr="o.presentationForm" :echartArr="o.presentationForm"
:title="o.componentName.split('_')[0]" :title="o.componentName.split('_')[0]"
:chartName="o.combinationName" :chartName="o.combinationName"
:typeValue="typeCycleTimeData" :typeValue="typeCycleTimeData"
/> />
<!-- 周期统计的组件 --> <!-- 周期统计的组件 -->
<typeChart <typeChart
style="width: 100%;" style="width: 100%;"
v-if="o.timeMode === '周期统计'" v-if="o.timeMode === '周期统计'"
:pageType="o.graphicType" :pageType="o.graphicType"
:triggerType="o.timeMode" :triggerType="o.timeMode"
:componentName="o.componentName" :componentName="o.componentName"
:dataArr="o.cycleStatistics" :dataArr="o.cycleStatistics"
:echartArr="o.presentationForm" :echartArr="o.presentationForm"
:title="o.componentName.split('_')[0]" :title="o.componentName.split('_')[0]"
:chartName="o.combinationName" :chartName="o.combinationName"
:typeValue="typeCycleStatistics" :typeValue="typeCycleStatistics"
/> />
</el-collapse-item> </el-collapse-item>
</div> </div>
</el-collapse> </el-collapse>
</el-tabs> </el-tabs>
</div> </div>
</template> </template>
@ -390,12 +388,12 @@ export default {
}); });
this.sectionData = this.sectionArr.map(item => { this.sectionData = this.sectionArr.map(item => {
item = { title: item, children: [] }; item = { title: item, children: [] };
this.acticveName=[] this.acticveName = [];
this.componentList.forEach(val => { this.componentList.forEach(val => {
if (item.title == val.combinationName) { if (item.title == val.combinationName) {
item.children.push(val); item.children.push(val);
} }
this.acticveName.push(val.analogAreaComponentId) this.acticveName.push(val.analogAreaComponentId);
}); });
return item; return item;
}); });