You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
108 lines
2.2 KiB
108 lines
2.2 KiB
2 years ago
|
<template>
|
||
|
|
<el-dialog
|
||
|
|
:before-close="handleClose"
|
||
|
|
:modal="true"
|
||
|
|
:modal-append-to-body="false"
|
||
|
|
:visible.sync="dialogVisible"
|
||
|
|
class="dissatisfied-detail"
|
||
|
|
title=""
|
||
|
|
width="1118px"
|
||
|
|
>
|
||
|
|
<div class="content">
|
||
|
|
<div class="main-title main-title2">
|
||
|
|
<Title text="资源调度"/>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="contents">
|
||
|
|
<el-row>
|
||
|
|
<el-col :span="6">
|
||
|
|
<div class="tree">
|
||
|
|
<el-tree
|
||
|
|
:data="data"
|
||
|
|
:default-expand-all="true"
|
||
|
|
:props="defaultProps"
|
||
|
|
icon-class="el-icon-arrow-right"
|
||
|
|
@node-click="handleNodeClick"
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
</el-col>
|
||
|
|
|
||
|
|
</el-row>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</el-dialog>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import Title from "@/views/dataBoard/satisfactionEval/components/Title";
|
||
|
|
|
||
|
|
export default {
|
||
|
|
name: "ResourceScheduling",
|
||
|
|
components: {Title},
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
dialogVisible: false,
|
||
|
|
data: [{
|
||
|
|
label: '一级 1',
|
||
|
|
children: [{
|
||
|
|
label: '二级 1-1',
|
||
|
|
children: [{
|
||
|
|
label: '三级 1-1-1'
|
||
|
|
}]
|
||
|
|
}]
|
||
|
|
}, {
|
||
|
|
label: '一级 2',
|
||
|
|
children: [{
|
||
|
|
label: '二级 2-1',
|
||
|
|
children: [{
|
||
|
|
label: '三级 2-1-1'
|
||
|
|
}]
|
||
|
|
}, {
|
||
|
|
label: '二级 2-2',
|
||
|
|
children: [{
|
||
|
|
label: '三级 2-2-1'
|
||
|
|
}]
|
||
|
|
}]
|
||
|
|
}, {
|
||
|
|
label: '一级 3',
|
||
|
|
children: [{
|
||
|
|
label: '二级 3-1',
|
||
|
|
children: [{
|
||
|
|
label: '三级 3-1-1'
|
||
|
|
}]
|
||
|
|
}, {
|
||
|
|
label: '二级 3-2',
|
||
|
|
children: [{
|
||
|
|
label: '三级 3-2-1'
|
||
|
|
}]
|
||
|
|
}]
|
||
|
|
}],
|
||
|
|
defaultProps: {
|
||
|
|
children: 'children',
|
||
|
|
label: 'label'
|
||
|
|
}
|
||
|
|
};
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
handleClose(done) {
|
||
|
|
this.dialogVisible = false;
|
||
|
|
},
|
||
|
|
open(id) {
|
||
|
|
this.dialogVisible = true;
|
||
|
|
this.getDetail(id);
|
||
|
|
},
|
||
|
|
getDetail(id) {
|
||
|
|
|
||
|
|
},
|
||
|
|
handleNodeClick() {
|
||
|
|
|
||
|
|
}
|
||
|
|
},
|
||
|
|
};
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
@import "@/assets/scss/dataBoard/dialog.scss";
|
||
|
|
@import "@/assets/scss/dataBoard/tree.scss";
|
||
|
|
</style>
|