164 lines
4.7 KiB
HTML
164 lines
4.7 KiB
HTML
<!--#
|
|
layout("/layouts/platform.html"){
|
|
#-->
|
|
|
|
|
|
<style>
|
|
.dialog-footer .el-button {
|
|
padding: 12px 30px;
|
|
}
|
|
|
|
.el-transfer {
|
|
text-align: center;
|
|
}
|
|
|
|
.el-transfer-panel {
|
|
text-align: left;
|
|
width: 35%;
|
|
height: 400px;
|
|
}
|
|
|
|
.el-transfer-panel__list.is-filterable {
|
|
height: 300px;
|
|
}
|
|
|
|
.v-box .el-card__header {
|
|
padding: 5px 15px;
|
|
}
|
|
|
|
.v-tree-layout-left .v-tree {
|
|
width: 100%;
|
|
}
|
|
|
|
.v-tree-layout-left .custom-tree-node {
|
|
width: 90%;
|
|
position: relative;
|
|
}
|
|
|
|
.v-tree-layout-left .v-tree .v-node {
|
|
width: 100%;
|
|
display: inline-block;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
</style>
|
|
<div id="v" style="height: 100%" v-cloak>
|
|
<tree-layout>
|
|
<template #tree>
|
|
<el-tree :data="treeData" :props="defaultProps" @node-click="handleNodeClick" accordion default-expand-all
|
|
highlight-current>
|
|
<div class="custom-tree-node" slot-scope="{ node, data }">
|
|
|
|
<div class="v-node" style="font-size: 16px;" v-if="node.level==1">
|
|
<i class="el-icon-school"></i> {{ data.label }}
|
|
</div>
|
|
|
|
<div class="v-node" style="font-size: 14px" v-if="node.level==2">
|
|
<i class="el-icon-star-on" v-if="checkData.label==data.label"></i>
|
|
<i class="el-icon-star-off" v-else></i> {{ data.label }}
|
|
</div>
|
|
</div>
|
|
</el-tree>
|
|
</template>
|
|
|
|
<template>
|
|
<cbldxzl-info v-show="v=='cbldxzShow'"></cbldxzl-info>
|
|
|
|
<zgscxz-info v-show="v=='zgscxzShow'"></zgscxz-info>
|
|
|
|
<zxt-info v-show="v=='zxtShow'"></zxt-info>
|
|
|
|
<zmwyh-info v-show="v=='zmwyhShow'"></zmwyh-info>
|
|
|
|
<zxwyh-info v-show="v=='zxwyhShow'"></zxwyh-info>
|
|
</template>
|
|
|
|
|
|
</tree-layout>
|
|
|
|
|
|
</div>
|
|
|
|
<script>
|
|
new Vue({
|
|
el: '#v',
|
|
mixins: [initTableMixins],
|
|
components: {
|
|
'zgscxz-info': httpVueLoader('/components/jdh/ZgscxzInfo.vue'),
|
|
'db-info': httpVueLoader('/components/jdh/dbinfo.vue'),
|
|
'zxt-info': httpVueLoader('/components/jdh/ZxtInfo.vue'),
|
|
'zmwyh-info': httpVueLoader('/components/jdh/zmwyhInfo.vue'),
|
|
'zxwyh-info': httpVueLoader('/components/jdh/zxwyhInfo.vue'),
|
|
'cbldxzl-info': httpVueLoader('/components/jdh/CbldxzInfo.vue'),
|
|
'tree-layout': httpVueLoader('/components/plugins/TreeLayout.vue'),
|
|
},
|
|
data() {
|
|
return {
|
|
node: {
|
|
level: 1
|
|
},
|
|
checkData: {},
|
|
jdhList: [],
|
|
v: 'cbldxzShow',
|
|
treeData: [{
|
|
label: '机构设置',
|
|
children: [
|
|
{
|
|
id: 1,
|
|
label: '筹备领导小组'
|
|
},
|
|
{
|
|
id: 2,
|
|
label: '资格领导小组',
|
|
},
|
|
{
|
|
id: 3,
|
|
label: '主席团管理',
|
|
},
|
|
{
|
|
id: 4,
|
|
label: '执行委员会',
|
|
},
|
|
{
|
|
id: 5,
|
|
label: '专门委员会',
|
|
}],
|
|
}],
|
|
defaultProps: {
|
|
children: 'children',
|
|
label: 'label',
|
|
},
|
|
rules: {
|
|
jdhid: [{required: true, message: '请选择教代会', trigger: ['blur', 'change']}],
|
|
cyuser: [{required: true, message: '请搜索并选择用户', trigger: ['blur', 'change']}]
|
|
},
|
|
}
|
|
},
|
|
methods: {
|
|
handleNodeClick(data, node) {
|
|
this.node = node
|
|
this.checkData = data
|
|
const id = data.id
|
|
if (id === 1) {
|
|
this.v = 'cbldxzShow'
|
|
} else if (id === 2) {
|
|
this.v = 'zgscxzShow'
|
|
} else if (id === 3) {
|
|
this.v = 'zxtShow'
|
|
} else if (id === 4) {
|
|
this.v = 'zxwyhShow'
|
|
} else if (id === 5) {
|
|
this.v = 'zmwyhShow'
|
|
}
|
|
},
|
|
},
|
|
async created() {
|
|
this.jdhList = await getAllJdh()
|
|
}
|
|
})
|
|
</script>
|
|
|
|
<!--#
|
|
}
|
|
#--> |