treee, 修复tab切换时树的选中状态.添加区域

zhangzengfei

2021-02-04 0175cda6150656bc74b34c6f6c71edd1e1fc653c

 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>