103 lines
2.1 KiB
TypeScript
103 lines
2.1 KiB
TypeScript
import {Component, Emit, Vue} from 'vue-property-decorator';
|
|
import template from "./viewLeft.component.html"
|
|
import TitleComponent from "@/components/title.component.vue"
|
|
import WarningListComponent from "@/components/warningList.component.vue"
|
|
import * as turf from '@turf/turf'
|
|
import Mock from "mockjs"
|
|
import moment from "moment"
|
|
import("@/assets/style/pageCommon.component.scss")
|
|
|
|
|
|
Component.registerHooks([
|
|
'beforeRouteLeave',
|
|
]);
|
|
@Component({
|
|
template,
|
|
components: {
|
|
TitleComponent,
|
|
WarningListComponent
|
|
},
|
|
})
|
|
export default class ViewLeftComponent extends Vue {
|
|
//标题左侧图标
|
|
imgSrc = require("@/assets/icons/png/env/env-title-icon.png");
|
|
|
|
treeData = [
|
|
{
|
|
label: '技能训练设施',
|
|
children: []
|
|
}, {
|
|
label: '灾害事故处置训练设施',
|
|
children: [{
|
|
label: '火灾扑救训练设',
|
|
children: [
|
|
{
|
|
label: '综合训练楼',
|
|
children: []
|
|
},{
|
|
label: '化工装置火灾事故处置训练设施',
|
|
children: []
|
|
}
|
|
]
|
|
}]
|
|
}, {
|
|
label: '战勤保障训练设施',
|
|
children: []
|
|
}]
|
|
//获取class类
|
|
getNodeClass(node){
|
|
const arr:string[] = []
|
|
if (node.level>1){
|
|
arr.push('sub-item')
|
|
}
|
|
if (node.childNodes.length === 0 || !node.expanded){
|
|
arr.push('sub-item-border-none')
|
|
}
|
|
return arr
|
|
}
|
|
@Emit('showView')
|
|
showView(){
|
|
//todo 展开自由导览
|
|
}
|
|
//点击告警信息
|
|
@Emit()
|
|
getItem(item) {
|
|
// console.log('item', item)
|
|
}
|
|
//点击节点
|
|
nodeClick(data,node,self){
|
|
if (node.isLeaf){
|
|
this.showViewRight(node.data)
|
|
}
|
|
|
|
}
|
|
//显示右侧
|
|
@Emit('showViewRight')
|
|
showViewRight(item){
|
|
//
|
|
}
|
|
playView(){
|
|
console.log('导览')
|
|
}
|
|
count = 1
|
|
|
|
|
|
mounted() {
|
|
|
|
}
|
|
|
|
destroyed() {
|
|
|
|
}
|
|
|
|
changeMore() {
|
|
console.log(1)
|
|
}
|
|
|
|
changeClose() {
|
|
console.log(1)
|
|
}
|
|
|
|
}
|
|
|