diff --git a/src/assets/images/icon/dbry2.png b/src/assets/images/icon/dbry2.png
new file mode 100644
index 0000000..ac8da25
Binary files /dev/null and b/src/assets/images/icon/dbry2.png differ
diff --git a/src/assets/images/icon/fghshzz.png b/src/assets/images/icon/fghshzz.png
new file mode 100644
index 0000000..29605d8
Binary files /dev/null and b/src/assets/images/icon/fghshzz.png differ
diff --git a/src/assets/images/icon/homeHsyfBg.png b/src/assets/images/icon/homeHsyfBg.png
new file mode 100644
index 0000000..a1fe670
Binary files /dev/null and b/src/assets/images/icon/homeHsyfBg.png differ
diff --git a/src/assets/images/icon/homeHsyfBg1.png b/src/assets/images/icon/homeHsyfBg1.png
new file mode 100644
index 0000000..65e4f4d
Binary files /dev/null and b/src/assets/images/icon/homeHsyfBg1.png differ
diff --git a/src/assets/images/icon/wgdxz.png b/src/assets/images/icon/wgdxz.png
index 346ba90..fe1895c 100644
Binary files a/src/assets/images/icon/wgdxz.png and b/src/assets/images/icon/wgdxz.png differ
diff --git a/src/assets/images/icon/xcdw.png b/src/assets/images/icon/xcdw.png
index b0f8765..cbbb903 100644
Binary files a/src/assets/images/icon/xcdw.png and b/src/assets/images/icon/xcdw.png differ
diff --git a/src/assets/images/icon/zrcdzb.png b/src/assets/images/icon/zrcdzb.png
index 79e4750..c532bb0 100644
Binary files a/src/assets/images/icon/zrcdzb.png and b/src/assets/images/icon/zrcdzb.png differ
diff --git a/src/components/GridTree/nodeWrap.vue b/src/components/GridTree/nodeWrap.vue
index be3f267..583818b 100644
--- a/src/components/GridTree/nodeWrap.vue
+++ b/src/components/GridTree/nodeWrap.vue
@@ -91,8 +91,8 @@
                     </div>
                   </div>
                   <div v-if="item.level === 'unit_chief'">
+                      <!-- @click="gotoPersonnel(item)" -->
                     <div
-                      @click="gotoPersonnel(item)"
                       :class="[
                         item.categoryWarn === 'red'
                           ? 'dyzxhRed'
diff --git a/src/views/next/dialog-module/hsyf-right/ylqdModal.vue b/src/views/next/dialog-module/hsyf-right/ylqdModal.vue
index 7984677..1e2fed0 100644
--- a/src/views/next/dialog-module/hsyf-right/ylqdModal.vue
+++ b/src/views/next/dialog-module/hsyf-right/ylqdModal.vue
@@ -18,10 +18,35 @@
                   <div class="content-left-list">
                     <div v-for="item in dataList" :key="item.id">
                       <div
+                        v-if="item.children"
                         :class="`content-left-list-item ${
                           openId == item.id ? 'open' : ''
                         }`"
                         @click="openMene(item.id)"
+                      >
+                        <div class="content-left-list-item-title">
+                          <div class="content-left-list-item-title-left">
+                            {{ item.title }}
+                          </div>
+                          <div
+                            class="content-left-list-item-title-arrow"
+                            v-if="item.children.length > 0"
+                            :style="
+                              openId == item.id && openVisable
+                                ? 'transform: rotate(90deg);'
+                                : ''
+                            "
+                          >
+                            >
+                          </div>
+                        </div>
+                      </div>
+                      <div
+                        v-else
+                        :class="`content-left-list-item ${
+                          currentId == item.id ? 'action' : ''
+                        }`"
+                        @click="openMene(item.id, item.children)"
                       >
                         <div class="content-left-list-item-title">
                           <div class="content-left-list-item-title-left">
@@ -58,13 +83,17 @@
                 </div>
                 <div class="content-right">
                   <div class="content-right-txt">
-                    <div style="font-size: 20px;font-weight: bold;">《中国共产党中央委员会工作条例》</div>
-                    <div style="font-size: 16px;">
+                    <div style="font-size: 20px; font-weight: bold">
+                      《中国共产党中央委员会工作条例》
+                    </div>
+                    <div style="font-size: 16px">
                       (2020年9月28日中共中央政治局会议审议批准
                       2020年9月30日中共中央发布)
                     </div>
                     <div>
-                      <div style="font-weight: bold;font-size: 16px;">第一章 总则</div>
+                      <div style="font-weight: bold; font-size: 16px">
+                        第一章 总则
+                      </div>
                       <div>
                         第一条
                         为了加强党的中央委员会工作，根据《中国共产党章程》，制定本条例。
@@ -76,19 +105,32 @@
                       <div>
                         第三条
                         中央委员会高举中国特色社会主义伟大旗帜，以马克思列宁主义、毛泽东思想、邓小平理论、“三个代表重要思想、科学发展观、习近平新时代中国特色社会主义思想为指导，带头增强“四个意识”、坚定“四个自信”、做到“两个维护”，不忘初心、牢记使命，总揽全局、协调各方，以坚定正确的政治立场和政治方向，团结带领全党全军全国各族人民为全面建成社会主义现代化强国、实现中华民族伟大复兴的中国梦不懈奋斗。第四条
-                        中央委员会开展工作，牢牢把握以下原则: 
-                        <div>(一)坚持党对一切工作的领导，确保党中央集中统一领导。 </div>
-                        <div>(二)坚持和发展中国特色社会主义，全面贯彻党的基本理论、基本路线、基本方略。</div>
-                        <div>(三) 坚持解放思想，实事求是，与时俱进，求真务实。</div>
-                        <div>(四)坚持全心全意为人民服务，以人民为中心，为人民执政、靠人民执政。</div>
-                        <div>(五》坚持民主集中制，充分发扬党内民主，实行正确有效集中，维护党的团结统一</div>
-                        <div>(六) 坚持从严管党治党，永葆党的先进性和纯洁性。</div>
+                        中央委员会开展工作，牢牢把握以下原则:
+                        <div>
+                          (一)坚持党对一切工作的领导，确保党中央集中统一领导。
+                        </div>
+                        <div>
+                          (二)坚持和发展中国特色社会主义，全面贯彻党的基本理论、基本路线、基本方略。
+                        </div>
+                        <div>
+                          (三) 坚持解放思想，实事求是，与时俱进，求真务实。
+                        </div>
+                        <div>
+                          (四)坚持全心全意为人民服务，以人民为中心，为人民执政、靠人民执政。
+                        </div>
+                        <div>
+                          (五》坚持民主集中制，充分发扬党内民主，实行正确有效集中，维护党的团结统一
+                        </div>
+                        <div>
+                          (六) 坚持从严管党治党，永葆党的先进性和纯洁性。
+                        </div>
                       </div>
                     </div>
                     <div>
-                      <div style="font-weight: bold;font-size: 16px;">第二章 领导地位</div>
+                      <div style="font-weight: bold; font-size: 16px">
+                        第二章 领导地位
+                      </div>
                     </div>
-
                   </div>
                 </div>
               </div>
@@ -186,8 +228,13 @@ export default {
     ...mapActions({
       showGlobalDialog: "showGlobalDialog",
     }),
-    openMene(id) {
-      this.openVisable = !this.openVisable;
+    openMene(id, bool) {
+      if (this.openId === id) {
+        this.openVisable = !this.openVisable;
+      }
+      if(!bool){
+        this.currentId = id;
+      }
       this.openId = id;
     },
     closeDialog() {
diff --git a/src/views/next/screen-content-left/home-left/index.vue b/src/views/next/screen-content-left/home-left/index.vue
index 293b484..f7f9ebd 100644
--- a/src/views/next/screen-content-left/home-left/index.vue
+++ b/src/views/next/screen-content-left/home-left/index.vue
@@ -31,11 +31,16 @@
       </screen-title>
       <div class="card-item-hsyf">
         <div class="item" v-for="(item, index) in list" :key="index">
-          <img :src="item.img" alt="" />
-          <div class="right">
-            <div class="num">{{ item.num }}</div>
-            <div class="bot">{{ item.name }}</div>
+          <div class="item-box">
+            <div class="item-image">
+              <div></div>
+              <img :src="item.img" alt="" />
+            </div>
+            <div class="right">
+              <div class="num">{{ item.num }}</div>
+            </div>
           </div>
+          <div class="bot">{{ item.name }}</div>
         </div>
       </div>
     </div>
@@ -60,32 +65,32 @@
 
 <script>
 export default {
-  data () {
+  data() {
     return {
-      videoUrl: process.env.VUE_APP_VIDEO_URL + '1.mp4',
-      videoStatus: '',
+      videoUrl: process.env.VUE_APP_VIDEO_URL + "1.mp4",
+      videoStatus: "",
       intervalId: null,
       currentIndex: 0,
       list: [
         {
-          name: '新村党委',
-          num: '10',
-          img: require('@/assets/images/icon/xcdw.png')
+          name: "新村党委",
+          num: "10",
+          img: require("@/assets/images/icon/xcdw.png"),
         },
         {
-          name: '自然村党支部',
-          num: '97',
-          img: require('@/assets/images/icon/zrcdzb.png')
+          name: "自然村党支部",
+          num: "97",
+          img: require("@/assets/images/icon/zrcdzb.png"),
         },
         {
-          name: '两新党组织',
-          num: '22',
-          img: require('@/assets/images/icon/lxdzz.png')
+          name: "非公和社会组织",
+          num: "22",
+          img: require("@/assets/images/icon/fghshzz.png"),
         },
         {
-          name: '网格党小组',
-          num: '235',
-          img: require('@/assets/images/icon/wgdxz.png')
+          name: "网格党小组",
+          num: "235",
+          img: require("@/assets/images/icon/wgdxz.png"),
         },
         // {
         //   name: '党员中心户',
@@ -93,44 +98,72 @@ export default {
         //   img: require('@/assets/images/icon/dyzxh.png')
         // },
         {
-          name: '党员人数',
-          num: '3496',
-          img: require('@/assets/images/icon/dy.png')
-        }
-      ]
-    }
+          name: "党员人数",
+          num: "3496",
+          img: require("@/assets/images/icon/dbry2.png"),
+        },
+      ],
+    };
   },
-  created () {},
-  mounted () {
+  created() {},
+  mounted() {
     this.intervalId = setInterval(() => {
-      this.switchBox()
-    }, 3000) // 切换间隔为2秒
+      this.switchBox();
+    }, 3000); // 切换间隔为2秒
   },
-  beforeDestroy () {
-    clearInterval(this.intervalId) // 清除定时器，防止内存泄漏
+  beforeDestroy() {
+    clearInterval(this.intervalId); // 清除定时器，防止内存泄漏
   },
   methods: {
-    switchBox () {
+    switchBox() {
       if (this.currentIndex === 0) {
-        this.currentIndex = 1
-      } else if (this.currentIndex === 1 && this.videoStatus != 'play') {
-        this.currentIndex = 0
+        this.currentIndex = 1;
+      } else if (this.currentIndex === 1 && this.videoStatus != "play") {
+        this.currentIndex = 0;
       }
     },
-    handelVideoPlay () {
-      this.videoStatus = 'play'
+    handelVideoPlay() {
+      this.videoStatus = "play";
+    },
+    handelVideoPause() {
+      this.videoStatus = "pause";
     },
-    handelVideoPause () {
-      this.videoStatus = 'pause'
-    }
   },
   components: {},
   computed: {},
-  watch: {}
-}
+  watch: {},
+};
 </script>
 
 <style lang="scss" scoped>
+/* 定义动画关键帧 */
+@keyframes rotate {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  } /* 旋转360度回到初始位置 */
+}
+
+@keyframes rotate {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+/* 定义动画关键帧 */
+@keyframes rotateBackground {
+  from {
+    background-position: center;
+  }
+  to {
+    background-position: center calc(100% - 28px); /* 调整这里的数值以匹配你的元素大小，使得背景像是绕中心点旋转了一圈 */
+  }
+}
+
 .card {
   width: 100%;
 
@@ -157,21 +190,49 @@ export default {
   }
 
   &-item-hsyf {
-    padding: 16px;
+    // padding: 16px;
     width: 100%;
     flex: 1;
     box-sizing: border-box;
     display: flex;
     flex-wrap: wrap;
-
+    justify-content: center;
+    padding: 27px 45px;
     .item {
       width: 33.3%;
       color: #fff;
-      display: flex;
-      align-items: center;
-
+      // display: flex;
+      // align-items: center;
+      &-box {
+        display: flex;
+        align-items: center;
+      }
+      &-image {
+        width: 56px;
+        height: 56px;
+        position: relative;
+        div {
+          width: 56px;
+          height: 56px;
+          background: url("~@/assets/images/icon/homeHsyfBg.png") no-repeat;
+          background-size: 100% 100%;
+          background-size: cover;
+          background-position: center;
+          background-attachment: fixed;
+          animation: rotate 4s linear infinite; /* 动画名称为rotateBackground，持续时间4秒，线性速度，无限循环 */
+        }
+        img {
+          position: relative;
+          top: -42px;
+          left: 14px;
+          width: 30px;
+          height: 30px;
+          // margin: 14px;
+        }
+      }
       .right {
         flex: 1;
+        padding-left: 6px;
         @include flex(column);
         justify-content: space-between;
 
@@ -179,19 +240,33 @@ export default {
           font-size: 20px;
           font-family: pangmenzhengdao;
         }
-
-        .bot {
-          color: #bcd0f0;
-          font-size: 13px;
-        }
       }
-
-      img {
-        width: 56px;
-        height: 56px;
-        margin-right: 5px;
+      .bot {
+        margin-top: 6px;
+        color: #bcd0f0;
+        font-size: 13px;
+      }
+    }
+    .item:nth-child(4),
+    .item:nth-child(5) {
+      .item-image {
+        div {
+          width: 56px;
+          height: 56px;
+          background: url("~@/assets/images/icon/homeHsyfBg1.png") no-repeat;
+          background-size: 100% 100%;
+          background-size: cover;
+          background-position: center;
+          background-attachment: fixed;
+          animation: rotate 4s linear infinite; /* 动画名称为rotateBackground，持续时间4秒，线性速度，无限循环 */
+        }
       }
     }
+    // .item:nth-child(5) {
+    //   .item-image {
+    //     background: url("~@/assets/images/icon/homeHsyfBg1.png") no-repeat;
+    //   }
+    // }
   }
   &-item-zdyf {
     padding: 16px;