<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>
