From 0175cda6150656bc74b34c6f6c71edd1e1fc653c Mon Sep 17 00:00:00 2001
From: zhangzengfei <zhangzengfei@iotlink.com>
Date: 星期四, 04 二月 2021 18:22:54 +0800
Subject: [PATCH] treee, 修复tab切换时树的选中状态.添加区域
---
src/pages/shuohuangMonitorAnalyze/components/guideIndex.vue | 59 ++++++++++++++++++++++++++++++++++++++++++++++++-----------
1 files changed, 48 insertions(+), 11 deletions(-)
diff --git a/src/pages/shuohuangMonitorAnalyze/components/guideIndex.vue b/src/pages/shuohuangMonitorAnalyze/components/guideIndex.vue
index e39e5bd..f018f93 100644
--- a/src/pages/shuohuangMonitorAnalyze/components/guideIndex.vue
+++ b/src/pages/shuohuangMonitorAnalyze/components/guideIndex.vue
@@ -41,7 +41,7 @@
</div>
<div class="val">{{$numberFormat(8846)}}</div>
<div class="trend">
- <line-chart :options="optionsOfWeekAnalyze" style="height:40px"></line-chart>
+ <line-chart :options="optionsOfWeekAnalyze" style="height:50px"></line-chart>
</div>
<div class="devide"></div>
<div class="detail">
@@ -124,8 +124,11 @@
</el-select>
</div>
<div class="rank-list">
- <div class="rank-item" v-for="(rankItem,index) in rankList" :key="rankItem.id" >
- <span class="rank-index" :class="{'first':index==0,'second':index==1,'third':index==2}">{{index+1}}</span>
+ <div class="rank-item" v-for="(rankItem,index) in rankList" :key="rankItem.id">
+ <span
+ class="rank-index"
+ :class="{'first':index==0,'second':index==1,'third':index==2}"
+ >{{index+1}}</span>
<span class="name">{{rankItem.name}}</span>
<span class="val">{{rankItem.val}}</span>
</div>
@@ -182,7 +185,11 @@
<time-shortcut @actPickerChange="irregularEventStatistic"></time-shortcut>
</div>
<div class="statics-content">
- <el-radio-group v-model="irregularEventType" @change="checkIrregularEventType" size="small">
+ <el-radio-group
+ v-model="irregularEventType"
+ @change="checkIrregularEventType"
+ size="small"
+ >
<el-radio-button label="fhdd">闃叉姢鍦版</el-radio-button>
<el-radio-button label="jcz">杩涘嚭绔�</el-radio-button>
<el-radio-button label="gfx">杩囧垎鐩�</el-radio-button>
@@ -340,18 +347,47 @@
import DatasetChart from './charts/dataset';
export default {
components: { timeShortcut, Bar, Pie, LineChart, SwipeTabs, DatasetChart },
+ mounted () {
+ let tempArr = [{
+ "text": "Same but with checkboxes",
+ "children": [
+ {
+ "text": "initially selected",
+ "selected": true
+ }
+ ]
+ }];
+ for (var i = 0; i < 20; i++) {
+ tempArr[0].children.push({
+ "text": "initially open",
+ "icon": "fa fa-folder icon-state-default",
+ "opened": true,
+ "children": [
+ {
+ "text": "Another node"
+ }
+ ]
+ })
+ }
+ tempArr.forEach(node=>{
+ //if(node.children.length)
+
+ })
+ this.jsTreeNodes = tempArr
+ },
data () {
return {
//actCardTab: 'dataStatistic',
actCardTab: 'taskStatistic',
hidDangerTab: 'hidDanderStatistic',
- optionsOfWeekAnalyze:{
+ optionsOfWeekAnalyze: {
animation: false,
grid: {
top: 0,
left: 0,
right: 0,
bottom: 10,
+ //containLabel: true
},
tooltip: {
trigger: 'axis',
@@ -508,6 +544,7 @@
top: 0,
left: 0,
bottom: 10,
+ containLabel: true
},
tooltip: {
trigger: 'axis',
@@ -553,6 +590,7 @@
top: 0,
left: 0,
bottom: 10,
+ containLabel: true
},
tooltip: {
trigger: 'axis',
@@ -717,14 +755,15 @@
}
]
},
- taskAnalyzeCaseTableData: []
+ taskAnalyzeCaseTableData: [],
+ jsTreeNodes: [],
}
},
methods: {
- checkTabInSwipe(tab){
+ checkTabInSwipe (tab) {
debugger
},
- checkIrregularEventType(type){
+ checkIrregularEventType (type) {
debugger
},
taskAnalyzeCase (time) {
@@ -755,9 +794,7 @@
}
},
- mounted(){
- debugger
- }
+
}
</script>
--
Gitblit v1.8.0