From 0879d620b9855a33ee9d818e69cc237a6e908341 Mon Sep 17 00:00:00 2001
From: SongZhen <>
Date: Sat, 7 Oct 2023 10:33:08 +0800
Subject: [PATCH 1/3] =?UTF-8?q?=E9=99=A4=E6=BB=A1=E6=84=8F=E5=BA=A6?=
 =?UTF-8?q?=E8=AF=84=E4=BB=B7=E5=A4=96=E5=88=87=E6=8D=A2=E4=B8=8B=E6=8B=89?=
 =?UTF-8?q?=E6=A1=86=E4=B8=8D=E5=88=B7=E6=96=B0=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/dataBoard/organizational/dangTree/index.vue | 2 +-
 src/views/dataBoard/organizational/gridTree/index.vue | 2 +-
 src/views/dataBoard/organizational/jwTree/index.vue   | 2 +-
 src/views/dataBoard/overview/index.vue                | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/views/dataBoard/organizational/dangTree/index.vue b/src/views/dataBoard/organizational/dangTree/index.vue
index ff6b5273c..b6f9400aa 100644
--- a/src/views/dataBoard/organizational/dangTree/index.vue
+++ b/src/views/dataBoard/organizational/dangTree/index.vue
@@ -36,7 +36,7 @@ export default {
       if (n.orgId) {
         this.levelArr = [];
         this.nodeConfig = {};
-        this.getTreeData();
+        // this.getTreeData();
       }
     },
   },
diff --git a/src/views/dataBoard/organizational/gridTree/index.vue b/src/views/dataBoard/organizational/gridTree/index.vue
index 293507e8e..308f99f5e 100644
--- a/src/views/dataBoard/organizational/gridTree/index.vue
+++ b/src/views/dataBoard/organizational/gridTree/index.vue
@@ -36,7 +36,7 @@ export default {
       if (n.orgId) {
         this.levelArr = [];
         this.nodeConfig = {};
-        this.getTreeData();
+        // this.getTreeData();
       }
     },
   },
diff --git a/src/views/dataBoard/organizational/jwTree/index.vue b/src/views/dataBoard/organizational/jwTree/index.vue
index 000096e11..a9882e9f5 100644
--- a/src/views/dataBoard/organizational/jwTree/index.vue
+++ b/src/views/dataBoard/organizational/jwTree/index.vue
@@ -36,7 +36,7 @@ export default {
       if (n.orgId) {
         this.levelArr = [];
         this.nodeConfig = {};
-        this.getTreeData();
+        // this.getTreeData();
       }
     },
   },
diff --git a/src/views/dataBoard/overview/index.vue b/src/views/dataBoard/overview/index.vue
index 5f10ab95b..a9d721cbc 100644
--- a/src/views/dataBoard/overview/index.vue
+++ b/src/views/dataBoard/overview/index.vue
@@ -305,7 +305,7 @@ export default {
           ...val,
           orgLevel: val.level,
         };
-        this.getMapData();
+        // this.getMapData();
       }
     },
   },

From 1463064bc3f78e0dcc4bd45b1de31d4876c62dbd Mon Sep 17 00:00:00 2001
From: SongZhen <>
Date: Sat, 7 Oct 2023 13:28:49 +0800
Subject: [PATCH 2/3] =?UTF-8?q?=E7=BB=84=E7=BB=87=E6=9E=B6=E6=9E=84?=
 =?UTF-8?q?=E5=8E=BB=E6=8E=89=E8=88=B0=E8=89=87orangid?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../organizational/dangTree/index.vue         |  11 +-
 .../organizational/gridTree/index.vue         |  11 +-
 .../dataBoard/organizational/jwTree/index.vue |  11 +-
 src/views/dataBoard/overview/index.vue        | 221 ++++++------------
 4 files changed, 90 insertions(+), 164 deletions(-)

diff --git a/src/views/dataBoard/organizational/dangTree/index.vue b/src/views/dataBoard/organizational/dangTree/index.vue
index b6f9400aa..2aa4e6b41 100644
--- a/src/views/dataBoard/organizational/dangTree/index.vue
+++ b/src/views/dataBoard/organizational/dangTree/index.vue
@@ -42,10 +42,11 @@ export default {
   },
   computed: {},
   mounted() {
-    const orgId = this.$store.state.chooseArea.chooseName.orgId;
-    if (orgId) {
-      this.getTreeData();
-    }
+    // const orgId = this.$store.state.chooseArea.chooseName.orgId;
+    // if (orgId) {
+    //   this.getTreeData();
+    // }
+    this.getTreeData();
   },
   methods: {
     getLevelArrNum(myArray) {
@@ -76,7 +77,7 @@ export default {
     //获取树状结构
     getTreeData() {
       this.loading = true;
-      this.$http.get(`/actual/base/organizational/structure/partyCommitteeOrg?agencyId=${this.$store.state.chooseArea.chooseName.orgId}`).then((res) => {
+      this.$http.get(`/actual/base/organizational/structure/partyCommitteeOrg?agencyId=`).then((res) => {
         const {
           data: { code, msg, data },
         } = res;
diff --git a/src/views/dataBoard/organizational/gridTree/index.vue b/src/views/dataBoard/organizational/gridTree/index.vue
index 308f99f5e..e13f766d4 100644
--- a/src/views/dataBoard/organizational/gridTree/index.vue
+++ b/src/views/dataBoard/organizational/gridTree/index.vue
@@ -41,10 +41,11 @@ export default {
     },
   },
   mounted() {
-    const orgId = this.$store.state.chooseArea.chooseName.orgId;
-    if (orgId) {
-      this.getTreeData();
-    }
+    // const orgId = this.$store.state.chooseArea.chooseName.orgId;
+    // if (orgId) {
+    //   this.getTreeData();
+    // }
+    this.getTreeData();
   },
   methods: {
     getLevelArrNum(myArray) {
@@ -84,7 +85,7 @@ export default {
     //获取树状结构
     getTreeData() {
       this.loading = true;
-      this.$http.get(`/gov/org/organizational/neighborhood/getGridCommitteeOrgTreeList?agencyId=${this.$store.state.chooseArea.chooseName.orgId}`).then((res) => {
+      this.$http.get(`/gov/org/organizational/neighborhood/getGridCommitteeOrgTreeList?agencyId=`).then((res) => {
         const {
           data: { code, msg, data },
         } = res;
diff --git a/src/views/dataBoard/organizational/jwTree/index.vue b/src/views/dataBoard/organizational/jwTree/index.vue
index a9882e9f5..6cc88bcc0 100644
--- a/src/views/dataBoard/organizational/jwTree/index.vue
+++ b/src/views/dataBoard/organizational/jwTree/index.vue
@@ -41,10 +41,11 @@ export default {
     },
   },
   mounted() {
-    const orgId = this.$store.state.chooseArea.chooseName.orgId;
-    if (orgId) {
-      this.getTreeData();
-    }
+    // const orgId = this.$store.state.chooseArea.chooseName.orgId;
+    // if (orgId) {
+    //   this.getTreeData();
+    // }
+    this.getTreeData();
   },
   methods: {
     getLevelArrNum(myArray) {
@@ -86,7 +87,7 @@ export default {
     //获取树状结构
     getTreeData() {
       this.loading = true;
-      this.$http.get(`/gov/org/organizational/neighborhood/getNeighborhoodCommitteeOrgTreeList?agencyId=${this.$store.state.chooseArea.chooseName.orgId}`).then((res) => {
+      this.$http.get(`/gov/org/organizational/neighborhood/getNeighborhoodCommitteeOrgTreeList?agencyId=`).then((res) => {
         const {
           data: { code, msg, data },
         } = res;
diff --git a/src/views/dataBoard/overview/index.vue b/src/views/dataBoard/overview/index.vue
index a9d721cbc..16fe87fc0 100644
--- a/src/views/dataBoard/overview/index.vue
+++ b/src/views/dataBoard/overview/index.vue
@@ -8,167 +8,91 @@
     <div class="g-row">
       <div class="g-left">
         <div class="m-box">
-          <title-box
-              :text="`${
-              currentLevel === 'district'
-                ? '区'
-                : currentLevel === 'street'
-                ? '街道'
-                : currentLevel === 'community'
-                ? '社区'
-                : currentLevel === 'grid'
-                ? '网格'
-                : ''
-            }介绍`"
-          />
-          <jdjs :currentLevelData="currentLevelData"/>
+          <title-box :text="`${currentLevel === 'district' ? '区' : currentLevel === 'street' ? '街道' : currentLevel === 'community' ? '社区' : currentLevel === 'grid' ? '网格' : ''}介绍`" />
+          <jdjs :currentLevelData="currentLevelData" />
         </div>
 
         <div class="m-box">
-          <title-box
-              :text="`${
-              currentLevel === 'district'
-                ? '区'
-                : currentLevel === 'street'
-                ? '街道'
-                : currentLevel === 'community'
-                ? '社区'
-                : currentLevel === 'grid'
-                ? '网格'
-                : ''
-            }图谱画像`"
-          />
-          <jdtphx :currentLevelData="currentLevelData" :id="orgId"/>
+          <title-box :text="`${currentLevel === 'district' ? '区' : currentLevel === 'street' ? '街道' : currentLevel === 'community' ? '社区' : currentLevel === 'grid' ? '网格' : ''}图谱画像`" />
+          <jdtphx :currentLevelData="currentLevelData" :id="orgId" />
         </div>
       </div>
       <div class="g-center">
         <div class="m-map" style="overflow: hidden">
-          <map-top
-              :currentLevelData="currentLevelData"
-              @changeType="changeType"
-              :level="currentLevel"
-          />
+          <map-top :currentLevelData="currentLevelData" @changeType="changeType" :level="currentLevel" />
           <div v-if="breadList.length > 1" class="go-back" @click="goBackMap">
-            <img src="~@/assets/images/shuju/overview/go-back.png"/>
+            <img src="~@/assets/images/shuju/overview/go-back.png" />
           </div>
-          <grid-map
-              ref="map"
-              @clickAgency="clickAgencyItem"
-              :srcGridData="orgData"
-              @clickDotBtn="handleClickDotBtn"
-              :level="currentLevel"
-          />
+          <grid-map ref="map" @clickAgency="clickAgencyItem" :srcGridData="orgData" @clickDotBtn="handleClickDotBtn" :level="currentLevel" />
         </div>
         <div class="m-box m-rybox">
-          <title-box :text="`${customerName}${peopleList[peopleType]}`"/>
-          <jdwgy
-              :peopleType="peopleType"
-              :currentLevelData="currentLevelData"
-              @setNum="setNum"
-              @setPoint="setPoint"
-          />
+          <title-box :text="`${customerName}${peopleList[peopleType]}`" />
+          <jdwgy :peopleType="peopleType" :currentLevelData="currentLevelData" @setNum="setNum" @setPoint="setPoint" />
         </div>
       </div>
 
       <div class="g-right">
         <div class="m-box">
-          <title-box text="人房数据统计"/>
-          <rfsjtj :currentLevelData="currentLevelData"/>
+          <title-box text="人房数据统计" />
+          <rfsjtj :currentLevelData="currentLevelData" />
         </div>
         <!-- 街道概览 -->
         <div v-if="currentLevel === 'street' || currentLevel === 'district'" class="m-box">
           <title-box text="各社区人房数据更新排行">
             <span class="date-span">
-              <el-date-picker v-model="rfphDate" format="yyyy-MM" value-format="yyyy-MM" @change="changeDate"
-                              type="month" :clearable="false" placeholder="选择月"> </el-date-picker>
+              <el-date-picker v-model="rfphDate" format="yyyy-MM" value-format="yyyy-MM" @change="changeDate" type="month" :clearable="false" placeholder="选择月"> </el-date-picker>
             </span>
           </title-box>
-          <sqrfph :currentLevelData="currentLevelData" :date="rfphDate"/>
+          <sqrfph :currentLevelData="currentLevelData" :date="rfphDate" />
         </div>
         <div v-if="currentLevel === 'street' || currentLevel === 'district'" class="m-box">
           <title-box text="各社区12345投诉事件统计">
             <span class="date-span">
-              <el-date-picker v-model="sq12345Date" format="yyyy-MM" value-format="yyyy-MM" type="month"
-                              :clearable="false" placeholder="选择月"/>
+              <el-date-picker v-model="sq12345Date" format="yyyy-MM" value-format="yyyy-MM" type="month" :clearable="false" placeholder="选择月" />
             </span>
           </title-box>
-          <sq12345 :currentLevelData="currentLevelData" :date="sq12345Date"/>
+          <sq12345 :currentLevelData="currentLevelData" :date="sq12345Date" />
         </div>
 
         <!-- 社区&网格-->
-        <div
-            v-if="currentLevel === 'community' || currentLevel === 'grid'"
-            class="m-box"
-        >
-          <title-box text="人房数据动态更新"/>
-          <Tabs
-              v-model="dynamicType"
-              :list="dynamicTypeList"
-              v-if="currentLevel === 'community'"
-              @changeVal="dynamicTypeChange"
-          />
-          <DynamicHumanRoomData
-              :currentLevelData="currentLevelData"
-              v-if="dynamicType === 1"
-          />
-          <GridUpdateRanking
-              :currentLevelData="currentLevelData"
-              v-if="dynamicType === 2"
-          />
+        <div v-if="currentLevel === 'community' || currentLevel === 'grid'" class="m-box">
+          <title-box text="人房数据动态更新" />
+          <Tabs v-model="dynamicType" :list="dynamicTypeList" v-if="currentLevel === 'community'" @changeVal="dynamicTypeChange" />
+          <DynamicHumanRoomData :currentLevelData="currentLevelData" v-if="dynamicType === 1" />
+          <GridUpdateRanking :currentLevelData="currentLevelData" v-if="dynamicType === 2" />
         </div>
         <!-- 社区概览-->
         <div v-if="currentLevel === 'community'" class="m-box">
           <title-box text="社区满意度自查结果">
             <span class="date-span">
-              <el-date-picker v-model="sqzcDate" format="yyyy-MM" value-format="yyyy-MM" type="month" :clearable="false"
-                              placeholder="选择月"/>
+              <el-date-picker v-model="sqzcDate" format="yyyy-MM" value-format="yyyy-MM" type="month" :clearable="false" placeholder="选择月" />
             </span>
           </title-box>
-          <CommunityResult
-              :currentLevelData="currentLevelData"
-              :date="sqzcDate"
-          />
+          <CommunityResult :currentLevelData="currentLevelData" :date="sqzcDate" />
         </div>
         <div v-if="currentLevel === 'community'" class="m-box">
           <title-box text="事件&回访">
             <span class="date-span">
-              <el-date-picker v-model="sjhfDate" format="yyyy-MM" value-format="yyyy-MM" @change="changeDate"
-                              type="month" :clearable="false" placeholder="选择月"/>
+              <el-date-picker v-model="sjhfDate" format="yyyy-MM" value-format="yyyy-MM" @change="changeDate" type="month" :clearable="false" placeholder="选择月" />
             </span>
           </title-box>
-          <Tabs
-              v-model="eventType"
-              :list="eventTypeList"
-              @changeVal="eventTypeChange"
-          />
-          <EventAndFollowUp
-              :currentLevelData="currentLevelData"
-              :date="sjhfDate"
-              v-if="eventType === 1"
-          />
-          <FollowUp
-              :currentLevelData="currentLevelData"
-              :date="sjhfDate"
-              v-if="eventType === 2"
-          />
+          <Tabs v-model="eventType" :list="eventTypeList" @changeVal="eventTypeChange" />
+          <EventAndFollowUp :currentLevelData="currentLevelData" :date="sjhfDate" v-if="eventType === 1" />
+          <FollowUp :currentLevelData="currentLevelData" :date="sjhfDate" v-if="eventType === 2" />
         </div>
         <!-- 网格 -->
         <div v-if="currentLevel === 'grid'" class="m-box">
           <title-box text="社区网格数据更新情况排行">
             <span class="date-span">
-              <el-date-picker v-model="sqwggxDate" format="yyyy-MM" value-format="yyyy-MM" @change="changeDate"
-                              type="month" :clearable="false" placeholder="选择月"/>
+              <el-date-picker v-model="sqwggxDate" format="yyyy-MM" value-format="yyyy-MM" @change="changeDate" type="month" :clearable="false" placeholder="选择月" />
             </span>
           </title-box>
-          <RankingGridData
-              :currentLevelData="currentLevelData"
-              :date="sqwggxDate"
-          />
+          <RankingGridData :currentLevelData="currentLevelData" :date="sqwggxDate" />
         </div>
       </div>
     </div>
 
-    <cpt-loading v-show="false"/>
+    <cpt-loading v-show="false" />
   </div>
 </template>
 
@@ -193,8 +117,8 @@ import RankingGridData from "@/views/dataBoard/overview/components/RankingGridDa
 import FollowUp from "@/views/dataBoard/overview/components/FollowUp.vue";
 import Tabs from "@/views/dataBoard/satisfactionEval/components/Tabs/index.vue";
 
-import {requestPostBi} from "@/js/dai/request-bipass";
-import {requestPost} from "@/js/dai/request";
+import { requestPostBi } from "@/js/dai/request-bipass";
+import { requestPost } from "@/js/dai/request";
 
 export default {
   name: "renfang",
@@ -237,7 +161,7 @@ export default {
       currentLevelData: {
         orgId: this.$store.state.chooseArea.chooseName.orgId,
         orgLevel: this.$store.state.chooseArea.chooseName.level,
-        meta: {title: "人房总览"},
+        meta: { title: "人房总览" },
       },
       breadList: [
         {
@@ -245,7 +169,7 @@ export default {
           orgLevel: "",
           id: "",
           level: "",
-          meta: {title: "人房总览"},
+          meta: { title: "人房总览" },
         },
       ],
       peopleList: {
@@ -310,10 +234,13 @@ export default {
     },
   },
 
+  mounted() {
+    this.getMapData();
+  },
+
   methods: {
     changeCustomerName() {
-      this.customerName =
-          localStorage.getItem("customerNameDataBoard") || "数据分析可视化平台";
+      this.customerName = localStorage.getItem("customerNameDataBoard") || "数据分析可视化平台";
     },
     changeType(e) {
       this.peopleType = e;
@@ -351,12 +278,12 @@ export default {
       }
     },
 
-    clickBreadItem({item}) {
+    clickBreadItem({ item }) {
       this.toBread(item);
     },
 
     clickAgencyItem(item) {
-      this.$refs.map.clearMarkert()
+      this.$refs.map.clearMarkert();
       if (item.id) {
         this.customerName = item.name || item.meta.title;
         this.currentLevelData = {
@@ -364,8 +291,7 @@ export default {
           orgLevel: item.level,
         };
       } else {
-        this.customerName =
-            localStorage.getItem("customerNameDataBoard") || "数据分析可视化平台";
+        this.customerName = localStorage.getItem("customerNameDataBoard") || "数据分析可视化平台";
         this.currentLevelData = {
           ...this.$store.state.chooseArea.chooseName,
           orgLevel: this.$store.state.chooseArea.chooseName.level,
@@ -374,7 +300,7 @@ export default {
       this.toBread({
         orgId: item.id,
         orgLevel: item.level,
-        meta: {title: item.name},
+        meta: { title: item.name },
       });
     },
     goBackMap() {
@@ -382,13 +308,13 @@ export default {
       this.clickAgencyItem(item);
     },
     toBread(item) {
-      const {orgId} = item;
-      const {breadList} = this;
+      const { orgId } = item;
+      const { breadList } = this;
       let index = breadList.findIndex((val) => val.orgId === orgId);
       if (index >= 0) {
         this.breadList = breadList.slice(0, index + 1);
       } else {
-        breadList.push({...item, id: item.orgId, level: item.orgLevel});
+        breadList.push({ ...item, id: item.orgId, level: item.orgLevel });
         this.breadList = breadList;
       }
       this.getMapData(item.orgId, item.orgLevel);
@@ -402,48 +328,45 @@ export default {
       this.$refs.map.setDotMarker(item, [parseFloat(item.longitude), parseFloat(item.latitude)]);
     },
     setNum(data) {
-      console.log(this.orgData,data,'111')
+      console.log(this.orgData, data, "111");
       // data
-      let params = []
-      let org = this.orgData.children
-      org.forEach(item => {
-        data.forEach(item2 => {
+      let params = [];
+      let org = this.orgData.children;
+      org.forEach((item) => {
+        data.forEach((item2) => {
           if (item2.orgId === item.id && item.coordinates) {
             params.push({
               ...item2,
               peopleType: this.peopleList[this.peopleType],
               latitude: item.latitude,
-              longitude: item.longitude
-            })
+              longitude: item.longitude,
+            });
           }
-        })
-      })
+        });
+      });
       if (params.length) {
-        this.$refs.map.setNum(params)
+        this.$refs.map.setNum(params);
       }
     },
     setPoint(data) {
       if (data) {
-        this.$refs.map.setPoint(data)
+        this.$refs.map.setPoint(data);
       }
     },
     //获取地图上显示的组织数据
-    async getMapData(
-        orgId = this.$store.state.chooseArea.chooseName.orgId,
-        level = this.$store.state.chooseArea.chooseName.level
-    ) {
+    async getMapData(orgId = this.$store.state.chooseArea.chooseName.orgId, level = this.$store.state.chooseArea.chooseName.level) {
       const url = "org_map";
-      this.$http.post(`/gov/org/agency/maporg`, {orgId, level}).then(({data: {data}}) => {
+      this.$http.post(`/gov/org/agency/maporg`, { orgId, level }).then(({ data: { data } }) => {
         this.orgData = data;
         this.orgId = this.orgData.id;
-        console.log(this.orgId)
+        console.log(this.orgId);
         this.orgLevel = this.orgData.level;
         this.currentLevel = this.orgData.agencyLevel;
         this.currentLevelData = {
           orgId: this.orgId,
           orgLevel: this.currentLevel,
         };
-        this.peopleType = this.currentLevel === 'grid'?'unit':'staffAgency';
+        this.peopleType = this.currentLevel === "grid" ? "unit" : "staffAgency";
       });
     },
 
@@ -451,20 +374,20 @@ export default {
     async getSubMapData() {
       const url = "sub_org_map";
 
-      const {data, code, msg} = await requestPostBi(
-          url,
-          {
-            queryParam: {
-              org_id: this.orgId,
-            },
+      const { data, code, msg } = await requestPostBi(
+        url,
+        {
+          queryParam: {
+            org_id: this.orgId,
           },
-          {
-            // mockId: 61831860,
-          }
+        },
+        {
+          // mockId: 61831860,
+        }
       );
 
       if (code === 0) {
-        const {orgData} = this;
+        const { orgData } = this;
         orgData.children = data.map((item) => {
           return {
             ...item,
@@ -475,7 +398,7 @@ export default {
             coordinates: item.coordinates || "",
           };
         });
-        this.orgData = {...orgData};
+        this.orgData = { ...orgData };
       } else {
         this.$message.error(msg);
       }
@@ -489,7 +412,7 @@ export default {
         level: this.orgLevel,
       };
 
-      const {data, code, msg} = await requestPost(url, params);
+      const { data, code, msg } = await requestPost(url, params);
       if (code === 0) {
         this.orgData = data;
         this.orgId = this.orgId;

From 6c0549248e9d4a8e43f21cfe36b0cd2f382a2345 Mon Sep 17 00:00:00 2001
From: SongZhen <>
Date: Sun, 8 Oct 2023 10:06:12 +0800
Subject: [PATCH 3/3] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E7=BD=91=E6=A0=BC?=
 =?UTF-8?q?=E6=9E=B6=E6=9E=84=E5=AE=B6=E5=BA=AD=E8=83=8C=E6=99=AF=E5=9B=BE?=
 =?UTF-8?q?=E9=80=BB=E8=BE=91=EF=BC=8C=E5=B1=85=E5=A7=94=E6=9E=B6=E6=9E=84?=
 =?UTF-8?q?=E5=8D=95=E9=99=A2=E9=95=BF=E5=90=8D=E5=AD=97=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/images/home/gridGreen.png  | Bin 0 -> 9332 bytes
 src/assets/images/home/gridRed.png    | Bin 0 -> 8352 bytes
 src/assets/images/home/gridYellow.png | Bin 0 -> 9280 bytes
 src/components/GridTree/nodeWrap.vue  |  35 +++++++++++++++++++-------
 src/components/JwTree/nodeWrap.vue    |   4 +--
 src/components/Tree/nodeWrap.vue      |  15 ++++++++---
 6 files changed, 40 insertions(+), 14 deletions(-)
 create mode 100644 src/assets/images/home/gridGreen.png
 create mode 100644 src/assets/images/home/gridRed.png
 create mode 100644 src/assets/images/home/gridYellow.png

diff --git a/src/assets/images/home/gridGreen.png b/src/assets/images/home/gridGreen.png
new file mode 100644
index 0000000000000000000000000000000000000000..bd0089d35c49ed27f1a3b4c4321cf87fde380336
GIT binary patch
literal 9332
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

literal 0
HcmV?d00001

diff --git a/src/assets/images/home/gridRed.png b/src/assets/images/home/gridRed.png
new file mode 100644
index 0000000000000000000000000000000000000000..86bff43c6aaab4caad1cf5b6538aa7e181014166
GIT binary patch
literal 8352
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

literal 0
HcmV?d00001

diff --git a/src/assets/images/home/gridYellow.png b/src/assets/images/home/gridYellow.png
new file mode 100644
index 0000000000000000000000000000000000000000..0e8b94604820b3cbe4ba1bb5fe362adff8b8774b
GIT binary patch
literal 9280
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

literal 0
HcmV?d00001

diff --git a/src/components/GridTree/nodeWrap.vue b/src/components/GridTree/nodeWrap.vue
index 72864caae..a56c7cbb9 100644
--- a/src/components/GridTree/nodeWrap.vue
+++ b/src/components/GridTree/nodeWrap.vue
@@ -27,7 +27,7 @@
                     </div>
                   </div>
                   <div v-if="item.level === 'unit_chief'">
-                    <div @click="gotoPersonnel(item)" class="dyzxh" :title="item.organizationName">
+                    <div @click="gotoPersonnel(item)" :class="[item.categoryWarn === 'red' ? 'dyzxhRed' : item.categoryWarn === 'yellow' ? 'dyzxhYellow' : item.categoryWarn === 'green' ? 'dyzxhGreen' : 'dyzxh']" :title="item.organizationName">
                       <!-- {{ spliceNameFun(item.organizationName, 3) }} -->
                       {{ item.organizationName }}
                     </div>
@@ -116,6 +116,18 @@ export default {
   justify-content: space-around;
 }
 
+@mixin lastLevel {
+  @include spanLevel;
+  @include normalLevel;
+  height: 118px;
+  width: 30px;
+  margin-top: -12px;
+  background-size: 100%;
+  cursor: pointer;
+  writing-mode: tb-rl;
+  text-orientation: upright;
+}
+
 .name_more {
   span {
     &:hover {
@@ -163,15 +175,20 @@ export default {
     background-size: 100%;
   }
   .dyzxh {
-    @include spanLevel;
-    @include normalLevel;
-    height: 118px;
-    width: 30px;
-    writing-mode: tb-rl;
-    margin-top: -12px;
+    @include lastLevel;
     background-image: url(~@/assets/images/home/dyzxhTree.png);
-    background-size: 100%;
-    cursor: pointer;
+  }
+  .dyzxhGreen {
+    @include lastLevel;
+    background-image: url(~@/assets/images/home/gridGreen.png);
+  }
+  .dyzxhRed {
+    @include lastLevel;
+    background-image: url(~@/assets/images/home/gridRed.png);
+  }
+  .dyzxhYellow {
+    @include lastLevel;
+    background-image: url(~@/assets/images/home/gridYellow.png);
   }
   .lxjt {
     @include spanLevel;
diff --git a/src/components/JwTree/nodeWrap.vue b/src/components/JwTree/nodeWrap.vue
index 424869801..ac36790f5 100644
--- a/src/components/JwTree/nodeWrap.vue
+++ b/src/components/JwTree/nodeWrap.vue
@@ -27,8 +27,8 @@
                     </div>
                   </div>
                   <div v-if="item.level === 'unit_chief' || item.level === 'public_welfare_post'">
-                    <div @click="gotoPersonnel(item.resiId, '居委组织架构')" class="dyzxh gotoDesc" :title="item.name">
-                      {{ spliceNameFun(item.name, 3) }}
+                    <div @click="gotoPersonnel(item.resiId, '居委组织架构')" class="dyzxh gotoDesc" :title="item.organizationName">
+                      {{ spliceNameFun(item.organizationName, 3) }}
                     </div>
                   </div>
                 </div>
diff --git a/src/components/Tree/nodeWrap.vue b/src/components/Tree/nodeWrap.vue
index 8c261a1db..5b76a6a46 100644
--- a/src/components/Tree/nodeWrap.vue
+++ b/src/components/Tree/nodeWrap.vue
@@ -17,12 +17,12 @@
               <div class="condition-node-box">
                 <div class="auto-judge">
                   <div v-if="item.laneLevel >= 2 && item.laneLevel <= 7 && item.partyOrgLevel < 8">
-                    <div class="wgdzb">
+                    <div class="wgdzb" @click="getChildrenData(item)">
                       <nameSplit :item="item" areaName="partyOrgName" peopleName="principalName" pageName="党组织架构" />
                     </div>
                   </div>
                   <div v-if="item.partyOrgLevel === 8">
-                    <div class="lydxz">
+                    <div class="lydxz" @click="">
                       <nameSplit :item="item" areaName="partyOrgName" peopleName="principalName" pageName="党组织架构" />
                     </div>
                   </div>
@@ -62,7 +62,16 @@ export default {
   mounted() {},
   computed: {},
   watch: {},
-  methods: {},
+  methods: {
+    getChildrenData(item) {
+      // if (item.children) {
+      //   item._children = item.children;
+      //   item.children = null;
+      // } else {
+      //   item.children = item._children;
+      // }
+    },
+  },
 };
 </script>
 <style scoped lang="scss">