| | |
| | | </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> |
| | | <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> |
| | |
| | | <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> |
| | |
| | | </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'; |
| | |
| | | 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', |
| | |
| | | } |
| | | ] |
| | | }, |
| | | taskAnalyzeCaseTableData: [] |
| | | taskAnalyzeCaseTableData: [], |
| | | jsTreeNodes: [], |
| | | } |
| | | }, |
| | | methods: { |