From 0e0944361a66439f7be48567c2fe6c482dd37a5c Mon Sep 17 00:00:00 2001
From: hanbaoshan <hanbaoshan@aiotlink.com>
Date: 星期一, 01 二月 2021 13:57:26 +0800
Subject: [PATCH] 朔黄转储设备相关页面更新
---
src/pages/shuohuangMonitorAnalyze/components/guideIndex.vue | 56 +++++++++++++++++++++++++++++++++++++++++++++++---------
1 files changed, 47 insertions(+), 9 deletions(-)
diff --git a/src/pages/shuohuangMonitorAnalyze/components/guideIndex.vue b/src/pages/shuohuangMonitorAnalyze/components/guideIndex.vue
index 05e7537..6128ecf 100644
--- a/src/pages/shuohuangMonitorAnalyze/components/guideIndex.vue
+++ b/src/pages/shuohuangMonitorAnalyze/components/guideIndex.vue
@@ -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>
@@ -327,11 +334,13 @@
</div>
</div>
</div>
+ <JsTree :node="jsTreeNodes"></JsTree>
</div>
</div>
</template>
<script>
+import JsTree from '@/components/treeMenu/index';
import timeShortcut from './timeShortcut';
import Bar from './charts/bar';
import Pie from './charts/pie';
@@ -339,13 +348,41 @@
import SwipeTabs from './swipeTabs';
import DatasetChart from './charts/dataset';
export default {
- components: { timeShortcut, Bar, Pie, LineChart, SwipeTabs, DatasetChart },
+ components: { timeShortcut, Bar, Pie, LineChart, SwipeTabs, DatasetChart, JsTree },
+ 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,
@@ -720,14 +757,15 @@
}
]
},
- taskAnalyzeCaseTableData: []
+ taskAnalyzeCaseTableData: [],
+ jsTreeNodes: [],
}
},
methods: {
- checkTabInSwipe(tab){
+ checkTabInSwipe (tab) {
debugger
},
- checkIrregularEventType(type){
+ checkIrregularEventType (type) {
debugger
},
taskAnalyzeCase (time) {
@@ -758,7 +796,7 @@
}
},
-
+
}
</script>
--
Gitblit v1.8.0