服务器注册的图形分析
This commit is contained in:
@@ -1,15 +1,15 @@
|
||||
<template>
|
||||
<div style="padding: 8px 20px 20px;">
|
||||
<el-collapse v-model="activeShowList" @change="collapseChange">
|
||||
<el-collapse-item v-for="(val,key, index) of secondChartList" :title="`【${val.title}】`" :name="val.title">
|
||||
<el-collapse-item v-for="(val,key, index) of secondChartList" :title="`【${val && val.title || ''}】`" :name="val && val.title || ''">
|
||||
<div class="mt10 w100">
|
||||
<div class="w100 plr-20" style="font-size: 14px">
|
||||
<div v-for="(item,key,index) of val.formList" :key="`${key}-${index}`" class="w50 disInlineBlock p10">
|
||||
<span class="w50 disInlineBlock">{{item}}</span><span class="w50">{{val.formModel[key] || '-'}}</span>
|
||||
<div v-for="(item,key,index) of val && val.formList || []" :key="`${key}-${index}`" class="w50 disInlineBlock p10">
|
||||
<span class="w50 disInlineBlock">{{item}}</span><span class="w50">{{val && val.formModel[key] || '-'}}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div v-for="item of val.echartList" :key="`div-${val.title}-${item.title}-${index}`" class="w100 mt20 mb20" style="height: 200px;border-top: 1px solid #d8dce5">
|
||||
<EchartsLine class="w100 h100" :key="`chart-${val.title}-${item.title}-${index}`" :lineData="item && item.dataVal || {}" :dateDataTrans="item.dateDataTrans" :dateShowType="item.dateShowType" :title="item.title || '图表数据'" :chartData="(valData) => chartDataEvent(valData, item.fnEvent,val.title)"></EchartsLine>
|
||||
<div v-for="item of val && val.echartList || []" :key="`div-${val && val.title || ''}-${item && item.title || ''}-${index}`" class="w100 mt20 mb20" style="height: 200px;border-top: 1px solid #d8dce5">
|
||||
<EchartsLine class="w100 h100" :key="`chart-${val && val.title || ''}-${item && item.title || ''}-${index}`" :lineData="item && item.dataVal || {}" :dateDataTrans="item && item.dateDataTrans || {}" :dateShowType="item && item.dateShowType || 'datetimerange'" :title="item && item.title || '图表数据'" :chartData="(valData) => chartDataEvent(valData, item.fnEvent,val.title)"></EchartsLine>
|
||||
</div>
|
||||
</div>
|
||||
</el-collapse-item>
|
||||
@@ -31,45 +31,15 @@
|
||||
type: Array,
|
||||
default: () => []
|
||||
},
|
||||
defaultTimes: {
|
||||
type: Array,
|
||||
default: () => []
|
||||
},
|
||||
matchNum: {
|
||||
type: Object,
|
||||
default: () => {}
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
activeNames: {
|
||||
handler(val) {
|
||||
console.log('val==',val);
|
||||
this.activeShowList = val;
|
||||
},
|
||||
deep: true,
|
||||
// immediate: true
|
||||
},
|
||||
secondChartList: {
|
||||
handler(val) {
|
||||
console.log('val=000000=',val);
|
||||
},
|
||||
deep: true,
|
||||
// immediate: true
|
||||
},
|
||||
matchNum: {
|
||||
handler(val) {
|
||||
// if (val && val.interfaceName) {
|
||||
// let newData = JSON.parse(JSON.stringify(this.secondChartList));
|
||||
// this.secondChartList[val.interfaceName].echartList = [];
|
||||
// setTimeout(() => {
|
||||
// // this.secondChartList[val.interfaceName].echartList = newData[val.interfaceName].echartList;
|
||||
// },1000);
|
||||
// console.log('val=matchNum=',val,'this.secondChartList=====',this.secondChartList);
|
||||
// }
|
||||
},
|
||||
deep: true,
|
||||
immediate: true
|
||||
}
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
|
||||
Reference in New Issue
Block a user