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.
514 lines
16 KiB
514 lines
16 KiB
<template>
|
|
<div class="organWrap">
|
|
<div class="top-nav">
|
|
<div class="top-nav-list">
|
|
<div v-for="item in navList" :key="item.key" :class="[$route.path == item.path ? 'top-nav-itemAC' : 'top-nav-item']" @click="chooseNav(item)">
|
|
{{ item.name }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- <div style="width: 100%; height: 100%；position: relative;">
|
|
<div style="width: 100px; height: 100px; background-color: aqua; color: #fff;" v-drag>222</div>
|
|
</div> -->
|
|
<!-- v-on:wheel="zoomSize" :style="'transform: scale(' + nowVal / 100 + ');'" -->
|
|
<router-view></router-view>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import { Loading } from "element-ui";
|
|
import { relativeTimeThreshold } from "moment";
|
|
|
|
// import Tree from "./components/tree.vue";
|
|
export default {
|
|
name: "Organizational",
|
|
// components: {
|
|
// Tree,
|
|
// },
|
|
data() {
|
|
return {
|
|
loading: false,
|
|
levelArr: [1, 2, 3, 4],
|
|
navList: [
|
|
{
|
|
name: "党委组织架构",
|
|
key: "1",
|
|
path: "/organizational/dangTree",
|
|
},
|
|
{
|
|
name: "居委组织架构",
|
|
key: "2",
|
|
path: "/organizational/jwTree",
|
|
},
|
|
{
|
|
name: "网格架构",
|
|
key: "3",
|
|
path: "/organizational/gridTree",
|
|
},
|
|
],
|
|
cardList: [
|
|
{
|
|
title: "社区党委",
|
|
key: "1",
|
|
name: "南昌路社区党委 （党委书记：解书记）",
|
|
children: [
|
|
{
|
|
title: "网格党支部",
|
|
name: "第一网格党支部(支部书记：王艺发)",
|
|
key: "1",
|
|
children: [
|
|
{
|
|
title: "楼院党小组",
|
|
name: "第一楼院党小组 （组长：韩文国）",
|
|
key: "1",
|
|
},
|
|
{
|
|
title: "楼院党小组",
|
|
name: "第二楼院党小组 （组长：褚丽兰）",
|
|
key: "2",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "网格党支部",
|
|
name: "第二网格党支部 （支部书记：尤芬紫）",
|
|
key: "2",
|
|
children: [
|
|
{
|
|
title: "楼院党小组",
|
|
name: "第一楼院党小组 （组长：韩文国）",
|
|
key: "1",
|
|
},
|
|
{
|
|
title: "楼院党小组",
|
|
name: "第二楼院党小组 （组长：褚丽兰）",
|
|
key: "2",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "网格党支部",
|
|
name: "第三网格党支部 （支部书记：凤桥强）",
|
|
key: "3",
|
|
children: [
|
|
{
|
|
title: "楼院党小组",
|
|
name: "第一楼院党小组 （组长：韩文国）",
|
|
key: "1",
|
|
},
|
|
{
|
|
title: "楼院党小组",
|
|
name: "第二楼院党小组 （组长：褚丽兰）",
|
|
key: "2",
|
|
},
|
|
{
|
|
title: "楼院党小组",
|
|
name: "第三楼院党小组 （组长：王丽丽）",
|
|
key: "3",
|
|
},
|
|
],
|
|
},
|
|
],
|
|
},
|
|
],
|
|
nowVal: 100,
|
|
|
|
nodeConfig: {
|
|
partyOrgName: "市北区委",
|
|
partyOrgLevel: 1,
|
|
partyOrgPid: "0",
|
|
principalName: "栾秀杰",
|
|
laneLevel: 1,
|
|
children: [
|
|
{
|
|
partyOrgName: "市北区委",
|
|
partyOrgLevel: 2,
|
|
partyOrgPid: "0",
|
|
principalName: "栾秀杰",
|
|
laneLevel: 2,
|
|
children: [
|
|
{
|
|
partyOrgName: "市北区委",
|
|
partyOrgLevel: 3,
|
|
partyOrgPid: "0",
|
|
principalName: "栾秀杰",
|
|
laneLevel: 3,
|
|
children: [
|
|
{
|
|
partyOrgName: "市北区委",
|
|
partyOrgLevel: 4,
|
|
partyOrgPid: "0",
|
|
principalName: "栾秀杰",
|
|
laneLevel: 4,
|
|
children: [
|
|
{
|
|
partyOrgName: "市北区委",
|
|
partyOrgLevel: 5,
|
|
partyOrgPid: "0",
|
|
principalName: "栾秀杰",
|
|
laneLevel: 5,
|
|
children: [
|
|
{
|
|
partyOrgName: "市北区委",
|
|
partyOrgLevel: 6,
|
|
partyOrgPid: "0",
|
|
principalName: "栾秀杰",
|
|
laneLevel: 6,
|
|
children: [
|
|
{
|
|
partyOrgName: "市北区委",
|
|
partyOrgLevel: 7,
|
|
partyOrgPid: "0",
|
|
principalName: "栾秀杰",
|
|
laneLevel: 7,
|
|
children: [
|
|
{
|
|
partyOrgName: "市北区委",
|
|
partyOrgLevel: 8,
|
|
partyOrgPid: "0",
|
|
principalName: "栾秀杰",
|
|
laneLevel: 8,
|
|
children: [
|
|
{
|
|
partyOrgName: "市北区委",
|
|
partyOrgLevel: 9,
|
|
partyOrgPid: "0",
|
|
principalName: "栾秀杰",
|
|
laneLevel: 9,
|
|
children: [
|
|
{
|
|
partyOrgName: "市北区委",
|
|
partyOrgLevel: 10,
|
|
partyOrgPid: "0",
|
|
principalName: "栾秀杰",
|
|
laneLevel: 10,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
},
|
|
],
|
|
},
|
|
],
|
|
},
|
|
],
|
|
},
|
|
],
|
|
},
|
|
],
|
|
},
|
|
],
|
|
},
|
|
],
|
|
|
|
// title: "社区党委",
|
|
// name: "南昌路社区党委(党委书记：解书记)",
|
|
// key: "1",
|
|
// children: [
|
|
// {
|
|
// title: "网格党支部",
|
|
// name: "第一网格党支部 （支部书记：王艺发）",
|
|
// type: 2,
|
|
// children: [
|
|
// {
|
|
// title: "楼院党小组",
|
|
// type: 3,
|
|
// name: "第一楼院党小组 （组长：韩文国）",
|
|
// children: [
|
|
// {
|
|
// title: "党员中心户",
|
|
// type: 4,
|
|
// name: "周游",
|
|
// },
|
|
// {
|
|
// title: "党员中心户",
|
|
// type: 4,
|
|
// name: "王阳明",
|
|
// },
|
|
// {
|
|
// title: "党员中心户",
|
|
// type: 4,
|
|
// name: "刘艳萍",
|
|
// },
|
|
// {
|
|
// title: "党员中心户",
|
|
// type: 4,
|
|
// name: "谢苗苗",
|
|
// },
|
|
// {
|
|
// title: "党员中心户",
|
|
// type: 4,
|
|
// name: "杨军",
|
|
// },
|
|
// ],
|
|
// },
|
|
// {
|
|
// title: "楼院党小组",
|
|
// type: 3,
|
|
// name: "第二楼院党小组 （组长：褚丽兰）",
|
|
// children: [
|
|
// {
|
|
// title: "党员中心户",
|
|
// type: 4,
|
|
// name: "周游",
|
|
// },
|
|
// {
|
|
// title: "党员中心户",
|
|
// type: 4,
|
|
// name: "王阳明",
|
|
// },
|
|
// {
|
|
// title: "党员中心户",
|
|
// type: 4,
|
|
// name: "刘艳萍",
|
|
// },
|
|
// {
|
|
// title: "党员中心户",
|
|
// type: 4,
|
|
// name: "谢苗苗",
|
|
// },
|
|
// {
|
|
// title: "党员中心户",
|
|
// type: 4,
|
|
// name: "杨军",
|
|
// },
|
|
// ],
|
|
// },
|
|
// ],
|
|
// },
|
|
// {
|
|
// title: "网格党支部",
|
|
// name: "第二网格党支部 （支部书记：尤芬紫）",
|
|
// type: 3,
|
|
// children: [
|
|
// {
|
|
// title: "楼院党小组",
|
|
// type: 3,
|
|
// name: "第一楼院党小组 （组长：韩文国）",
|
|
// children: [
|
|
// {
|
|
// title: "党员中心户",
|
|
// type: 4,
|
|
// name: "周游",
|
|
// },
|
|
// {
|
|
// title: "党员中心户",
|
|
// type: 4,
|
|
// name: "王阳明",
|
|
// children: [
|
|
// {
|
|
// title: "联系家庭",
|
|
// type: 5,
|
|
// name: "王宇",
|
|
// },
|
|
// {
|
|
// title: "联系家庭",
|
|
// type: 5,
|
|
// name: "刘冰冰",
|
|
// },
|
|
// {
|
|
// title: "联系家庭",
|
|
// type: 5,
|
|
// name: "杨飞宇",
|
|
// },
|
|
// {
|
|
// title: "联系家庭",
|
|
// type: 5,
|
|
// name: "齐天",
|
|
// },
|
|
// ],
|
|
// },
|
|
// {
|
|
// title: "党员中心户",
|
|
// type: 4,
|
|
// name: "刘艳萍",
|
|
// },
|
|
// {
|
|
// title: "党员中心户",
|
|
// type: 4,
|
|
// name: "谢苗苗",
|
|
// },
|
|
// ],
|
|
// },
|
|
// {
|
|
// title: "楼院党小组",
|
|
// type: 3,
|
|
// name: "第二楼院党小组 （组长：褚丽兰）",
|
|
// children: [
|
|
// {
|
|
// title: "党员中心户",
|
|
// type: 4,
|
|
// name: "周游",
|
|
// },
|
|
// {
|
|
// title: "党员中心户",
|
|
// type: 4,
|
|
// name: "王阳明",
|
|
// },
|
|
// {
|
|
// title: "党员中心户",
|
|
// type: 4,
|
|
// name: "刘艳萍",
|
|
// },
|
|
// {
|
|
// title: "党员中心户",
|
|
// type: 4,
|
|
// name: "谢苗苗",
|
|
// },
|
|
// ],
|
|
// },
|
|
// ],
|
|
// },
|
|
// {
|
|
// title: "网格党支部",
|
|
// name: "第三网格党支部 （支部书记：凤桥强）",
|
|
// type: 3,
|
|
// children: [
|
|
// {
|
|
// title: "楼院党小组",
|
|
// type: 3,
|
|
// name: "第一楼院党小组 （组长：韩文国）",
|
|
// children: [
|
|
// {
|
|
// title: "党员中心户",
|
|
// type: 4,
|
|
// name: "周游",
|
|
// },
|
|
// {
|
|
// title: "党员中心户",
|
|
// type: 4,
|
|
// name: "王阳明",
|
|
// },
|
|
// {
|
|
// title: "党员中心户",
|
|
// type: 4,
|
|
// name: "刘艳萍",
|
|
// },
|
|
// {
|
|
// title: "党员中心户",
|
|
// type: 4,
|
|
// name: "谢苗苗",
|
|
// },
|
|
// {
|
|
// title: "党员中心户",
|
|
// type: 4,
|
|
// name: "杨军",
|
|
// },
|
|
// ],
|
|
// },
|
|
// {
|
|
// title: "楼院党小组",
|
|
// type: 3,
|
|
// name: "第二楼院党小组 （组长：褚丽兰）",
|
|
// children: [
|
|
// {
|
|
// title: "党员中心户",
|
|
// type: 4,
|
|
// name: "周游",
|
|
// },
|
|
// {
|
|
// title: "党员中心户",
|
|
// type: 4,
|
|
// name: "王阳明",
|
|
// },
|
|
// {
|
|
// title: "党员中心户",
|
|
// type: 4,
|
|
// name: "刘艳萍",
|
|
// },
|
|
// {
|
|
// title: "党员中心户",
|
|
// type: 4,
|
|
// name: "谢苗苗",
|
|
// },
|
|
// {
|
|
// title: "党员中心户",
|
|
// type: 4,
|
|
// name: "杨军",
|
|
// },
|
|
// ],
|
|
// },
|
|
// {
|
|
// title: "楼院党小组",
|
|
// type: 3,
|
|
// name: "第三楼院党小组 （组长：王丽丽）",
|
|
// children: [
|
|
// {
|
|
// title: "党员中心户",
|
|
// type: 4,
|
|
// name: "周游",
|
|
// },
|
|
// {
|
|
// title: "党员中心户",
|
|
// type: 4,
|
|
// name: "王阳明",
|
|
// },
|
|
// {
|
|
// title: "党员中心户",
|
|
// type: 4,
|
|
// name: "刘艳萍",
|
|
// },
|
|
// {
|
|
// title: "党员中心户",
|
|
// type: 4,
|
|
// name: "谢苗苗",
|
|
// },
|
|
// ],
|
|
// },
|
|
// ],
|
|
// },
|
|
// ],
|
|
},
|
|
};
|
|
},
|
|
computed: {},
|
|
mounted() {},
|
|
methods: {
|
|
chooseNav(item) {
|
|
this.navList.forEach((d) => {
|
|
if (item.key === d.key) {
|
|
d.ifActive = true;
|
|
} else {
|
|
d.ifActive = false;
|
|
}
|
|
});
|
|
this.$router.push(item.path);
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
@import "~@/assets/css/workflow.scss";
|
|
@mixin navListCommon {
|
|
width: 120px;
|
|
height: 36px;
|
|
font-size: 14px;
|
|
font-family: PingFang SC;
|
|
font-weight: 500;
|
|
margin-right: 4px;
|
|
text-align: center;
|
|
line-height: 36px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.organWrap {
|
|
margin-top: 18px;
|
|
.top-nav {
|
|
.top-nav-list {
|
|
display: flex;
|
|
margin-left: 28px;
|
|
.top-nav-item {
|
|
@include navListCommon;
|
|
background-image: url("~@/assets/images/home/noChooseMain.png");
|
|
color: #96b1ce;
|
|
}
|
|
.top-nav-itemAC {
|
|
@include navListCommon;
|
|
background-image: url("~@/assets/images/home/chooseMain.png");
|
|
color: #fff;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</style>
|
|
|