修改网格架构家庭背景图逻辑，居委架构单院长名字显示

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;

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>

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