zhouwx
2024-07-08 1ee4a5341215f94128b66cee4893c7c937df509a
src/views/Home.vue
@@ -2,7 +2,8 @@
   <div>
      <a-layout id="components-layout-demo-custom-trigger" :style="{ height: '100vh' }">
         <a-layout-sider v-model="collapsed" :trigger="null" collapsible>
            <div class="logo">{{ collapsed ? collapsed : '预警响应系统' }}</div>
        <div class="logo" v-if="!collapsed">{{ '预警响应系统' }}</div>
        <div class="logo" v-else><a-icon type="alert" /></div>
            <menuSider />
         </a-layout-sider>
         <a-layout>
@@ -35,7 +36,7 @@
                 <router-view ref="tabContent"></router-view>
          </keep-alive>
               <div style="height: 30px;text-align: center;line-height: 30px">
            技术支持:中国科学院
            技术支持:技术保障部
          </div>
            </a-layout-content>
         </a-layout>
@@ -55,6 +56,7 @@
  import { loginOut, getDistrictInfo } from "@/api/login";
  import { Session, getUserInfo} from '@/util/storage';
  import Cookies from "js-cookie";
  import {getAreaWithUserIfo} from "@/api/user";
   export default {
      name: "Home",
      data() {
@@ -83,6 +85,7 @@
            })
            this.addListener()
         }
      this.getAreaUsers(getUserInfo().districtId)
      },
      watch: {
         '$route': function(newRoute) {
@@ -216,6 +219,59 @@
            const path = closePath && closePath.split('?')[0]
            this.remove(path, nextRoute)
         },
      async getAreaUsers(districtId) {
        let t = this
        let res = await getAreaWithUserIfo()
        if (res.data.code == 100) {
          if (res.data.data) {
            t.userTitTree(res.data.data)
            const areaUsers = t.findNodeById(res.data.data, districtId).children
            localStorage.removeItem('areaUsers')
            localStorage.setItem('areaUsers',JSON.stringify(areaUsers))
          } else {
            console.log('暂无数据')
          }
        } else {
          this.$message.warning(res.data.msg);
        }
      },
      // 根据id查对象
      findNodeById(data, value) {
        for (const node of data) {
          if (node.id === value) {
            return node;
          }
          if (node.children) {
            const foundNode = this.findNodeById(node.children, value);
            if (foundNode) {
              return foundNode;
            }
          }
        }
        return null;
      },
      // 将树状数据name字段放入users的姓名电话
      userTitTree(treeData) {
        for (const node of treeData) {
          if (node.users) {
            node.users = node.users.filter(i => i.roleId == 3)
            node.users = node.users.map((i) => {
              return {
                ...i,
                unittype: node.type,
                districtId: node.id
              }
            })
            node.name = node.name + '(' + node.users.map(i => i.realName + ' ' + i.phone).join(',') + ')'
          }
          if (node.children) {
            this.userTitTree(node.children)
          }
        }
        return treeData
      }
      }
   };
</script>