Merge branch 'xiaowang-jumin' into feature

src/assets/scss/modules/management/classification.scss

@@ -0,0 +1,211 @@
+.g-main {
+  box-sizing: border-box;
+  height: 100%;
+  width: 100%;
+  background: #ffffff;
+  border-radius: 5px;
+  padding: 35px 0 15px;
+}
+.div_tip {
+  font-size: 24px;
+  font-family: PingFang SC;
+  font-weight: bold;
+  color: #333333;
+  margin-left: 42px;
+}
+.div_list {
+  box-sizing: border-box;
+  margin-top: 5px;
+  height: calc(100vh - 210px);
+}
+
+.div_all_list {
+  height: calc(100vh - 260px);
+}
+
+.div_room {
+  // height: calc(88vh - 40px);
+  // margin-top: 9px;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-start;
+  margin-left: 42px;
+  // margin: 0 21px 0 21px;
+
+  .item {
+    width: 282px;
+    height: 86px;
+    background: #ffffff;
+    box-shadow: 0px 0px 17px 3px #eaeaea;
+    border-radius: 6px;
+    margin: 15px 25px 15px 0;
+    display: flex;
+    position: relative;
+
+
+    .item_category {
+      width: 100%;
+      display: flex;
+      align-items: center;
+      padding: 8px;
+      > img {
+        width: 66px;
+        height: 66px;
+      }
+      .item_content {
+        margin-left: 5px;
+        width: 100%;
+        text-align: left;
+        display: flex;
+        flex-direction: column;
+        justify-content: flex-start;
+
+        .item_count {
+          font-size: 28px;
+          font-family: PingFang SC;
+          font-weight: bold;
+          color: #333333;
+        }
+        .item_row1 {
+          border-radius: 4px;
+          background-color: #E1E9F5;
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+          height: 23px;
+
+          .row_left {
+            font-size: 14px;
+            font-family: PingFang SC;
+            font-weight: 500;
+            color: #666666; 
+            text-align: center;
+            margin-left: 5px;
+          }
+
+          .row_right {
+            margin: 0px 5px 0 0;
+      
+            cursor: pointer;
+            display: flex;
+            flex-direction: row;
+            .img{
+              width: 16px;
+              height: 16px;
+              margin-top: 2px;
+            }
+            .text{
+              font-size: 20px;
+              font-family: PingFang SC;
+              color: #333333; 
+              margin-right: 5px;
+            }
+            
+          }
+        }
+  
+        .item_row2 {
+          border-radius: 4px;
+          background-color: #E1E9F5;
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+          height: 23px;
+          margin-top: 10px;
+          .row_left {
+            font-size: 14px;
+            font-family: PingFang SC;
+            font-weight: 500;
+            color: #666666; 
+            text-align: center;
+            margin-left: 5px;
+          }
+
+          .row_right {
+            margin: 0px 5px 0 0;
+      
+            cursor: pointer;
+            display: flex;
+            flex-direction: row;
+            .img{
+              width: 16px;
+              height: 16px;
+              margin-top: 2px
+            }
+            .text{
+              font-size: 18px;
+              font-family: PingFang SC;
+              color: #666666; 
+              margin-right: 5px;
+            }
+            
+          }
+        }
+      }
+
+      > span {
+        margin-left: 16px;
+        font-size: 24px;
+      }
+    }
+
+    .item_add {
+      cursor: pointer;
+      font-size: 24px;
+      font-family: PingFang SC;
+      font-weight: 500;
+      color: #333333;
+      display: flex;
+      align-items: center;
+      padding: 17px 16px;
+
+      > img {
+        width: 86px;
+        height: 86px;
+      }
+
+      > span {
+        font-size: 24px;
+        font-family: PingFang SC;
+        font-weight: 500;
+        color: #333333;
+
+        margin-left: 16px;
+      }
+    }
+
+    .icon_circle {
+      cursor: pointer;
+      position: absolute;
+      top: -10px;
+      right: -10px;
+      height: 23px;
+      width: 23px;
+      background-color: #ffffff;
+      border-radius: 50%;
+      border: 1px solid #a5a5a5;
+    }
+
+    .icon_sel {
+      cursor: pointer;
+      background-color: #6bb9f8;
+      border: 1px solid #6bb9f8;
+    }
+  }
+}
+
+.div_room::after {
+  content: '';
+  flex: 1;
+}
+
+.div_btn {
+  margin-top: 15px;
+  display: flex;
+  width: 100%;
+  justify-content: center;
+
+  .btn_right {
+    margin-left: 50px;
+  }
+}

src/views/modules/base/classification/index.vue

@@ -0,0 +1,705 @@
+<template>
+
+    <div class="g-main">
+        <div v-if="!showAddForm">
+            <div class="div_tip">
+                类别信息
+            </div>
+            <div class="div_list">
+                <el-scrollbar class="scrollbar" style="height:100%">
+                    <div class="div_room">
+                        <div class="item">
+                            <div class="item_category">
+                                <img src="@/assets/images/category/perpon.png" alt />
+                                <div class="item_content">
+                                    <div class="item_row1"  @click="handelClickToResi('MASS_FLAG')">
+                                        <div class="row_left">群众</div>
+                                        <div class="row_right">
+                                            <div class="text">{{ categoryList.massFlagCount }}</div>
+                                            <img src="@/assets/images/category/Enter.png" class="img" />
+                                        </div>
+
+                                    </div>
+                                    <div class="item_row2" @click="handelClickTovirtualResi('MASS_FLAG')">
+                                        <div class="row_left">群众(虚拟网格)</div>
+                                        <div class="row_right">
+                                            <div class="text">{{ categoryList.massFlagVirtualCount }}</div>
+                                            <img src="@/assets/images/category/Enter.png" class="img" />
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+
+                        </div>
+                        <div class="item">
+                            <div class="item_category">
+                                <img src="@/assets/images/category/population.png" alt />
+                                <div class="item_content">
+                                    <div class="item_row1"  @click="handelClickToResi('FLOATING_FLAG')">
+                                        <div class="row_left">流动人员</div>
+                                        <div class="row_right">
+                                            <div class="text">{{ categoryList.floatingFlagCount }}</div>
+                                            <img src="@/assets/images/category/Enter.png" class="img" />
+                                        </div>
+
+                                    </div>
+                                    <div class="item_row2"  @click="handelClickTovirtualResi('FLOATING_FLAG')">
+                                        <div class="row_left">流动人员(虚拟网格)</div>
+                                        <div class="row_right">
+                                            <div class="text">{{ categoryList.floatingFlagVirtualCount }}</div>
+                                            <img src="@/assets/images/category/Enter.png" class="img" />
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+
+                        </div>
+                        <div class="item">
+                            <div class="item_category" >
+                                <img src="@/assets/images/category/member.png" alt />
+                                <div class="item_content">
+                                    <div class="item_row1" @click="handelClickToResi('PARTY_FLAG')">
+                                        <div class="row_left">党员</div>
+                                        <div class="row_right">
+                                            <div class="text">{{ categoryList.partyFlagCount }}</div>
+                                            <img src="@/assets/images/category/Enter.png" class="img" />
+                                        </div>
+
+                                    </div>
+                                    <div class="item_row2" @click="handelClickTovirtualResi('PARTY_FLAG')">
+                                        <div class="row_left">党员(虚拟网格)</div>
+                                        <div class="row_right">
+                                            <div class="text">{{ categoryList.partyFlagVirtualCount }}</div>
+                                            <img src="@/assets/images/category/Enter.png" class="img" />
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+
+                        </div>
+                        <div class="item">
+                            <div class="item_category" >
+                                <img src="@/assets/images/category/Youth.png" alt />
+                                <div class="item_content">
+                                    <div class="item_row1" @click="handelClickToResi('LEAGUE_FLAG')">
+                                        <div class="row_left">共青团员</div>
+                                        <div class="row_right">
+                                            <div class="text">{{ categoryList.leagueFlagCount }}</div>
+                                            <img src="@/assets/images/category/Enter.png" class="img" />
+                                        </div>
+
+                                    </div>
+                                    <div class="item_row2" @click="handelClickTovirtualResi('LEAGUE_FLAG')">
+                                        <div class="row_left">共青团员(虚拟网格)</div>
+                                        <div class="row_right">
+                                            <div class="text">{{ categoryList.leagueFlagVirtualCount }}</div>
+                                            <img src="@/assets/images/category/Enter.png" class="img" />
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+
+                        </div>
+                        <div class="item">
+                            <div class="item_category" >
+                                <img src="@/assets/images/category/Disability.png" alt />
+                                <div class="item_content">
+                                    <div class="item_row1" @click="handelClickToResi('DISABILITY_FLAG')">
+                                        <div class="row_left">残疾人</div>
+                                        <div class="row_right">
+                                            <div class="text">{{ categoryList.disabilityFlagCount }}</div>
+                                            <img src="@/assets/images/category/Enter.png" class="img" />
+                                        </div>
+
+                                    </div>
+                                    <div class="item_row2"@click="handelClickTovirtualResi('DISABILITY_FLAG')">
+                                        <div class="row_left">残疾人(虚拟网格)</div>
+                                        <div class="row_right">
+                                            <div class="text">{{ categoryList.disabilityFlagVirtualCount }}</div>
+                                            <img src="@/assets/images/category/Enter.png" class="img" />
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+
+                        </div>
+                        <div class="item">
+                            <div class="item_category" >
+                                <img src="@/assets/images/category/illness.png" alt />
+                                <div class="item_content">
+                                    <div class="item_row1" @click="handelClickToResi('SERIOUS_ILLNESS_FLAG')">
+                                        <div class="row_left">大病人员</div>
+                                        <div class="row_right">
+                                            <div class="text">{{ categoryList.seriousIllnessFlagCount }}</div>
+                                            <img src="@/assets/images/category/Enter.png" class="img" />
+                                        </div>
+
+                                    </div>
+                                    <div class="item_row2"@click="handelClickTovirtualResi('SERIOUS_ILLNESS_FLAG')">
+                                        <div class="row_left">大病人员(虚拟网格)</div>
+                                        <div class="row_right">
+                                            <div class="text">{{ categoryList.seriousIllnessFlagVirtualCount }}</div>
+                                            <img src="@/assets/images/category/Enter.png" class="img" />
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+
+                        </div>
+                        <div class="item">
+                            <div class="item_category" >
+                                <img src="@/assets/images/category/NCD.png" alt />
+                                <div class="item_content">
+                                    <div class="item_row1"@click="handelClickToResi('CHRONIC_DISEASE_FLAG')">
+                                        <div class="row_left">慢病人员</div>
+                                        <div class="row_right">
+                                            <div class="text">{{ categoryList.chronicDiseaseFlagCount }}</div>
+                                            <img src="@/assets/images/category/Enter.png" class="img" />
+                                        </div>
+
+                                    </div>
+                                    <div class="item_row2"@click="handelClickTovirtualResi('CHRONIC_DISEASE_FLAG')">
+                                        <div class="row_left">慢病人员(虚拟网格)</div>
+                                        <div class="row_right">
+                                            <div class="text">{{ categoryList.chronicDiseaseFlagVirtualCount }}</div>
+                                            <img src="@/assets/images/category/Enter.png" class="img" />
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+
+                        </div>
+                        <div class="item">
+                            <div class="item_category" >
+                                <img src="@/assets/images/category/old.png" alt />
+                                <div class="item_content">
+                                    <div class="item_row1"@click="handelClickToResi('OLD_PEOPLE_FLAG')">
+                                        <div class="row_left">老年人</div>
+                                        <div class="row_right">
+                                            <div class="text">{{ categoryList.oldPeopleFlagCount }}</div>
+                                            <img src="@/assets/images/category/Enter.png" class="img" />
+                                        </div>
+
+                                    </div>
+                                    <div class="item_row2"@click="handelClickTovirtualResi('OLD_PEOPLE_FLAG')">
+                                        <div class="row_left">老年人(虚拟网格)</div>
+                                        <div class="row_right">
+                                            <div class="text">{{ categoryList.oldPeopleFlagVirtualCount }}</div>
+                                            <img src="@/assets/images/category/Enter.png" class="img" />
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+
+                        </div>
+                        <div class="item">
+                            <div class="item_category" >
+                                <img src="@/assets/images/category/allowance.png" alt />
+                                <div class="item_content">
+                                    <div class="item_row1" @click="handelClickToResi('SUBSISTENCE_ALLOWANCE_FLAG')">
+                                        <div class="row_left">低保人员</div>
+                                        <div class="row_right">
+                                            <div class="text">{{ categoryList.subsistenceAllowanceFlagCount }}</div>
+                                            <img src="@/assets/images/category/Enter.png" class="img" />
+                                        </div>
+
+                                    </div>
+                                    <div class="item_row2" @click="handelClickTovirtualResi('SUBSISTENCE_ALLOWANCE_FLAG')">
+                                        <div class="row_left">低保人员(虚拟网格)</div>
+                                        <div class="row_right">
+                                            <div class="text">{{ categoryList.subsistenceAllowanceFlagVirtualCount }}
+                                            </div>
+                                            <img src="@/assets/images/category/Enter.png" class="img" />
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+
+                        </div>
+                        <div class="item">
+                            <div class="item_category">
+                                <img src="@/assets/images/category/soldier.png" alt />
+                                <div class="item_content">
+                                    <div class="item_row1"  @click="handelClickToResi('VETERAN_FLAG')">
+                                        <div class="row_left">退役军人</div>
+                                        <div class="row_right">
+                                            <div class="text">{{ categoryList.veteranFlagCount }}</div>
+                                            <img src="@/assets/images/category/Enter.png" class="img" />
+                                        </div>
+
+                                    </div>
+                                    <div class="item_row2"  @click="handelClickTovirtualResi('VETERAN_FLAG')">
+                                        <div class="row_left">退役军人(虚拟网格)</div>
+                                        <div class="row_right">
+                                            <div class="text">{{ categoryList.veteranFlagVirtualCount }}</div>
+                                            <img src="@/assets/images/category/Enter.png" class="img" />
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+
+                        </div>
+                        <div class="item">
+                            <div class="item_category" >
+                                <img src="@/assets/images/category/noYonth.png" alt />
+                                <div class="item_content">
+                                    <div class="item_row1"@click="handelClickToResi('ENSURE_HOUSE_FLAG')">
+                                        <div class="row_left">保障房人员</div>
+                                        <div class="row_right">
+                                            <div class="text">{{ categoryList.ensureHouseFlagCount }}</div>
+                                            <img src="@/assets/images/category/Enter.png" class="img" />
+                                        </div>
+
+                                    </div>
+                                    <div class="item_row2" @click="handelClickTovirtualResi('ENSURE_HOUSE_FLAG')">
+                                        <div class="row_left">保障房人员(虚拟网格)</div>
+                                        <div class="row_right">
+                                            <div class="text">{{ categoryList.ensureHouseFlagVirtualCount }}</div>
+                                            <img src="@/assets/images/category/Enter.png" class="img" />
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+
+                        </div>
+                        <div class="item">
+                            <div class="item_category" >
+                                <img src="@/assets/images/category/Women.png" alt />
+                                <div class="item_content">
+                                    <div class="item_row1" @click="handelClickToResi('FERTILE_WOMAN_FLAG')">
+                                        <div class="row_left">育龄妇女</div>
+                                        <div class="row_right">
+                                            <div class="text">{{ categoryList.fertileWomanFlagCount }}</div>
+                                            <img src="@/assets/images/category/Enter.png" class="img" />
+                                        </div>
+
+                                    </div>
+                                    <div class="item_row2" @click="handelClickTovirtualResi('FERTILE_WOMAN_FLAG')">
+                                        <div class="row_left" >育龄妇女(虚拟网格)</div>
+                                        <div class="row_right">
+                                            <div class="text">{{ categoryList.fertileWomanFlagVirtualCount }}</div>
+                                            <img src="@/assets/images/category/Enter.png" class="img" />
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+
+                        </div>
+                        <div class="item">
+                            <div class="item_category">
+                                <img src="@/assets/images/category/Special .png" alt />
+                                <div class="item_content">
+                                    <div class="item_row1"  @click="handelClickToResi('SPECIAL_SUPPORT_FLAG')">
+                                        <div class="row_left">特扶人员</div>
+                                        <div class="row_right">
+                                            <div class="text">{{ categoryList.specialSupportFlagCount }}</div>
+                                            <img src="@/assets/images/category/Enter.png" class="img" />
+                                        </div>
+
+                                    </div>
+                                    <div class="item_row2"  @click="handelClickTovirtualResi('SPECIAL_SUPPORT_FLAG')">
+                                        <div class="row_left">特扶人员(虚拟网格)</div>
+                                        <div class="row_right">
+                                            <div class="text">{{ categoryList.specialSupportFlagVirtualCount }}</div>
+                                            <img src="@/assets/images/category/Enter.png" class="img" />
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+
+                        </div>
+                        <div class="item">
+                            <div class="item_category" >
+                                <img src="@/assets/images/category/Unemployed.png" alt />
+                                <div class="item_content">
+                                    <div class="item_row1" @click="handelClickToResi('UNEMPLOYED_FLAG')">
+                                        <div class="row_left">失业人员</div>
+                                        <div class="row_right">
+                                            <div class="text">{{ categoryList.unemployedFlagCount }}</div>
+                                            <img src="@/assets/images/category/Enter.png" class="img" />
+                                        </div>
+
+                                    </div>
+                                    <div class="item_row2" @click="handelClickTovirtualResi('UNEMPLOYED_FLAG')">
+                                        <div class="row_left">失业人员(虚拟网格)</div>
+                                        <div class="row_right">
+                                            <div class="text">{{ categoryList.unemployedFlagVirtualCount }}</div>
+                                            <img src="@/assets/images/category/Enter.png" class="img" />
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+
+                        </div>
+                        <div class="item">
+                            <div class="item_category" >
+                                <img src="@/assets/images/category/Newclass.png" alt />
+                                <div class="item_content">
+                                    <div class="item_row1" @click="handelClickToResi('NEW_STRATUM_FLAG')">
+                                        <div class="row_left">新阶层人士</div>
+                                        <div class="row_right">
+                                            <div class="text">{{ categoryList.newStratumFlagCount }}</div>
+                                            <img src="@/assets/images/category/Enter.png" class="img" />
+                                        </div>
+
+                                    </div>
+                                    <div class="item_row2">
+                                        <div class="row_left" @click="handelClickTovirtualResi('NEW_STRATUM_FLAG')">新阶层人士(虚拟网格)</div>
+                                        <div class="row_right">
+                                            <div class="text">{{ categoryList.newStratumFlagVirtualCount }}</div>
+                                            <img src="@/assets/images/category/Enter.png" class="img" />
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+
+                        </div>
+                        <div class="item">
+                            <div class="item_category" >
+                                <img src="@/assets/images/category/Placement.png" alt />
+                                <div class="item_content">
+                                    <div class="item_row1" @click="handelClickToResi('AZBJ_FLAG')">
+                                        <div class="row_left">安置帮教人员</div>
+                                        <div class="row_right">
+                                            <div class="text">{{ categoryList.azbjFlagCount }}</div>
+                                            <img src="@/assets/images/category/Enter.png" class="img" />
+                                        </div>
+
+                                    </div>
+                                    <div class="item_row2" @click="handelClickTovirtualResi('AZBJ_FLAG')">
+                                        <div class="row_left">安置帮教人员(虚拟网格)</div>
+                                        <div class="row_right">
+                                            <div class="text">{{ azbjFlagVirtualCount }}</div>
+                                            <img src="@/assets/images/category/Enter.png" class="img" />
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+
+                        </div>
+                        <div class="item">
+                            <div class="item_category" >
+                                <img src="@/assets/images/category/Druguse.png" alt />
+                                <div class="item_content">
+                                    <div class="item_row1" @click="handelClickToResi('DRUG_FLAG')">
+                                        <div class="row_left">吸毒人员</div>
+                                        <div class="row_right">
+                                            <div class="text">{{ categoryList.drugFlagCount }}</div>
+                                            <img src="@/assets/images/category/Enter.png" class="img" />
+                                        </div>
+
+                                    </div>
+                                    <div class="item_row2" @click="handelClickTovirtualResi('DRUG_FLAG')">
+                                        <div class="row_left">吸毒人员(虚拟网格)</div>
+                                        <div class="row_right">
+                                            <div class="text">{{ categoryList.drugFlagVirtualCount }}</div>
+                                            <img src="@/assets/images/category/Enter.png" class="img" />
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+
+                        </div>
+                        <div class="item">
+                            <div class="item_category" >
+                                <img src="@/assets/images/category/Community.png" alt />
+                                <div class="item_content">
+                                    <div class="item_row1" @click="handelClickToResi('SQJZ_FLAG')">
+                                        <div class="row_left">社区矫正人员</div>
+                                        <div class="row_right">
+                                            <div class="text">{{ categoryList.sqjzFlagCount }}</div>
+                                            <img src="@/assets/images/category/Enter.png" class="img" />
+                                        </div>
+
+                                    </div>
+                                    <div class="item_row2" @click="handelClickTovirtualResi('SQJZ_FLAG')">
+                                        <div class="row_left">社区矫正人员(虚拟网格)</div>
+                                        <div class="row_right">
+                                            <div class="text">{{ categoryList.sqjzFlagVirtualCount }}</div>
+                                            <img src="@/assets/images/category/Enter.png" class="img" />
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+
+                        </div>
+                        <div class="item">
+                            <div class="item_category" >
+                                <img src="@/assets/images/category/noYonth.png" alt />
+                                <div class="item_content">
+                                    <div class="item_row1" @click="handelClickToResi('BLQSN_FLAG')">
+                                        <div class="row_left">不良青少年</div>
+                                        <div class="row_right">
+                                            <div class="text">{{ categoryList.blqsnFlagCount }}</div>
+                                            <img src="@/assets/images/category/Enter.png" class="img" />
+                                        </div>
+
+                                    </div>
+                                    <div class="item_row2" @click="handelClickTovirtualResi('BLQSN_FLAG')">
+                                        <div class="row_left">不良青少年(虚拟网格)</div>
+                                        <div class="row_right">
+                                            <div class="text">{{ categoryList.blqsnFlagVirtualCount }}</div>
+                                            <img src="@/assets/images/category/Enter.png" class="img" />
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+
+                        </div>
+                        <div class="item">
+                            <div class="item_category" >
+                                <img src="@/assets/images/category/disorders.png" alt />
+                                <div class="item_content">
+                                    <div class="item_row1" @click="handelClickToResi('ZSZHJSB_FLAG')">
+                                        <div class="row_left">精神障碍</div>
+                                        <div class="row_right">
+                                            <div class="text">{{ categoryList.zszhjsbFlagCount }}</div>
+                                            <img src="@/assets/images/category/Enter.png" class="img" />
+                                        </div>
+
+                                    </div>
+                                    <div class="item_row2" @click="handelClickTovirtualResi('ZSZHJSB_FLAG')">
+                                        <div class="row_left">精神障碍(虚拟网格)</div>
+                                        <div class="row_right">
+                                            <div class="text">{{ categoryList.zszhjsbFlagVirtualCount }}</div>
+                                            <img src="@/assets/images/category/Enter.png" class="img" />
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+
+                        </div>
+                        <div class="item">
+                            <div class="item_category" >
+                                <img src="@/assets/images/category/cult.png" alt />
+                                <div class="item_content">
+                                    <div class="item_row1" @click="handelClickToResi('XJRY_FLAG')">
+                                        <div class="row_left">邪教人员</div>
+                                        <div class="row_right">
+                                            <div class="text">{{ categoryList.xjryFlagCount }}</div>
+                                            <img src="@/assets/images/category/Enter.png" class="img" />
+                                        </div>
+
+                                    </div>
+                                    <div class="item_row2" @click="handelClickTovirtualResi('XJRY_FLAG')">
+                                        <div class="row_left">邪教人员(虚拟网格)</div>
+                                        <div class="row_right">
+                                            <div class="text">{{ categoryList.xjryFlagVirtualCount }}</div>
+                                            <img src="@/assets/images/category/Enter.png" class="img" />
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+
+                        </div>
+                        <div class="item">
+                            <div class="item_category" >
+                                <img src="@/assets/images/category/Petition.png" alt />
+                                <div class="item_content">
+                                    <div class="item_row1" @click="handelClickToResi('PETITION_OFFICER_FLAG')">
+                                        <div class="row_left">信访人员</div>
+                                        <div class="row_right">
+                                            <div class="text">{{ categoryList.petitionOfficerFlagCount }}</div>
+                                            <img src="@/assets/images/category/Enter.png" class="img" />
+                                        </div>
+
+                                    </div>
+                                    <div class="item_row2" @click="handelClickTovirtualResi('PETITION_OFFICER_FLAG')">
+                                        <div class="row_left">信访人员(虚拟网格)</div>
+                                        <div class="row_right">
+                                            <div class="text">{{ categoryList.petitionOfficerFlagVirtualCount }}</div>
+                                            <img src="@/assets/images/category/Enter.png" class="img" />
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+
+                        </div>
+                        <div class="item">
+                            <div class="item_category">
+                                <img src="@/assets/images/category/united.png" alt />
+                                <div class="item_content">
+                                    <div class="item_row1"  @click="handelClickToResi('UNITED_FRONT_FLAG')">
+                                        <div class="row_left">统战人员</div>
+                                        <div class="row_right">
+                                            <div class="text">{{ categoryList.unitedFrontFlagCount }}</div>
+                                            <img src="@/assets/images/category/Enter.png" class="img" />
+                                        </div>
+
+                                    </div>
+                                    <div class="item_row2"  @click="handelClickTovirtualResi('UNITED_FRONT_FLAG')" >
+                                        <div class="row_left">统战人员(虚拟网格)</div>
+                                        <div class="row_right">
+                                            <div class="text">{{ categoryList.unitedFrontFlagVirtualCount }}</div>
+                                            <img src="@/assets/images/category/Enter.png" class="img" />
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+
+                        </div>
+                        <div class="item">
+                            <div class="item_category" >
+                                <img src="@/assets/images/category/volunteer.png" alt />
+                                <div class="item_content">
+                                    <div class="item_row1" @click="handelClickToResi('VOLUNTEER_FLAG')">
+                                        <div class="row_left">志愿者</div>
+                                        <div class="row_right">
+                                            <div class="text">{{ categoryList.volunteerFlagCount }}</div>
+                                            <img src="@/assets/images/category/Enter.png" class="img" />
+                                        </div>
+
+                                    </div>
+                                    <div class="item_row2" @click="handelClickTovirtualResi('VOLUNTEER_FLAG')">
+                                        <div class="row_left">志愿者(虚拟网格)</div>
+                                        <div class="row_right">
+                                            <div class="text">{{ categoryList.volunteerFlagVirtualCount }}</div>
+                                            <img src="@/assets/images/category/Enter.png" class="img" />
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+
+                        </div>
+
+                        <div class="item">
+                            <div class="item_category" >
+                                <img src="@/assets/images/category/housemaster.png" alt />
+                                <div class="item_content">
+                                    <div class="item_row1" @click="handelClickToResi('BUILDING_CHIEF_FLAG')">
+                                        <div class="row_left">楼长</div>
+                                        <div class="row_right">
+                                            <div class="text">{{ categoryList.buildingChiefFlagCount }}</div>
+                                            <img src="@/assets/images/category/Enter.png" class="img" />
+                                        </div>
+
+                                    </div>
+                                    <div class="item_row2" @click="handelClickTovirtualResi('BUILDING_CHIEF_FLAG')">
+                                        <div class="row_left">楼长(虚拟网格)</div>
+                                        <div class="row_right">
+                                            <div class="text">{{ categoryList.buildingChiefFlagVirtualCount }}</div>
+                                            <img src="@/assets/images/category/Enter.png" class="img" />
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+
+                        </div>
+                        <div class="item">
+                            <div class="item_category">
+                                <img src="@/assets/images/category/unit.png" alt />
+                                <div class="item_content">
+                                    <div class="item_row1"  @click="handelClickToResi('UNIT_CHIEF_FLAG')">
+                                        <div class="row_left">单元长</div>
+                                        <div class="row_right">
+                                            <div class="text">{{ categoryList.unitChiefFlagVirtualCount }}</div>
+                                            <img src="@/assets/images/category/Enter.png" class="img" />
+                                        </div>
+
+                                    </div>
+                                    <div class="item_row2"  @click="handelClickTovirtualResi('UNIT_CHIEF_FLAG')">
+                                        <div class="row_left">单元长(虚拟网格)</div>
+                                        <div class="row_right">
+                                            <div class="text">{{ categoryList.unitChiefFlagVirtualCount }}</div>
+                                            <img src="@/assets/images/category/Enter.png" class="img" />
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+
+                        </div>
+
+                        <div class="item">
+                            <div class="item_category" >
+                                <img src="@/assets/images/category/welfare.png" alt />
+                                <div class="item_content">
+                                    <div class="item_row1" @click="handelClickToResi('PUBLIC_WELFARE_FLAG')">
+                                        <div class="row_left">公益岗</div>
+                                        <div class="row_right">
+                                            <div class="text">{{ categoryList.publicWelfareFlagCount }}</div>
+                                            <img src="@/assets/images/category/Enter.png" class="img" />
+                                        </div>
+
+                                    </div>
+                                    <div class="item_row2" @click="handelClickTovirtualResi('PUBLIC_WELFARE_FLAG')">
+                                        <div class="row_left">公益岗(虚拟网格)</div>
+                                        <div class="row_right">
+                                            <div class="text">{{ categoryList.publicWelfareFlagVirtualCount }}</div>
+                                            <img src="@/assets/images/category/Enter.png" class="img" />
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+
+                        </div>
+                    </div>
+
+
+                </el-scrollbar>
+            </div>
+        </div>
+    </div>
+
+</template>
+
+<script>
+import { requestGet } from "@/js/dai/request";
+export default {
+    data() {
+        return {
+            categoryList: [],
+            showAddForm: false,
+        }
+    },
+    async mounted() {
+        console.log("1111" + this.$route.query);
+        await this.getCategoryList()
+    },
+    methods: {
+        //获取分类信息
+        async getCategoryList() {
+            const url = "/actual/base/resiCategory/allResiCategoryCountList"
+            let params = {}
+            const { data, code, msg } = await requestGet(url, params)
+            if (code === 0) {
+                this.categoryList = data
+                console.log(this.categoryList);
+            } else {
+                this.$message.error(msg)
+            }
+        },
+        handelClickToResi(e) {
+            console.log(e);
+            this.$router.push({
+                name: "base-resi",
+                query: {
+                    category: e || null,
+                },
+
+            })
+        },
+        handelClickTovirtualResi(e) {
+            console.log(e);
+            this.$router.push({
+                name: "base-virtualResi",
+                query: {
+                    category: e || null,
+                },
+            });
+        },
+
+    }
+}
+//   import addCategory from "./addCategory";
+
+</script>
+
+<style lang="scss" src="@/assets/scss/modules/management/classification.scss" scoped></style>
+
+<style lang="scss" scoped>
+.div_list {
+    /deep/ .el-scrollbar__wrap {
+        overflow-x: hidden !important;
+    }
+}
+</style>

src/views/modules/base/resi.vue

@@ -1151,7 +1151,7 @@ export default {
   watch: {
     $route: {
       handler: function (newVal, oldVal) {
-        if (newVal.name == "base-resi" && (!oldVal ||oldVal.name === 'home')) {
+        if (newVal.name == "base-resi" && (!oldVal ||oldVal.name === 'home'||oldVal.name === 'base-classification')) {
           this.$nextTick(() => {
               this.$refs.myResiSearch.form.attentionCrowds = [];
               this.$refs.myResiSearch.form.healthStatus = [];
@@ -1192,6 +1192,7 @@ export default {
           this.handleSearchFrom();
           });
         }
+        
       },
       deep: true,
       immediate: true,

src/views/modules/base/virtualResi.vue

@@ -1219,26 +1219,56 @@ export default {
         },
     },
     watch: {
-        $route: {
-            handler: function (newVal, oldVal) {
-                // console.log(newVal, oldVal)
-                if (newVal.name == "base-resi") {
-                    this.$nextTick(() => {
-                        if (newVal.params.category) {
-                            this.$refs.myResiSearch.form.categoryKey = []
-                            this.$refs.myResiSearch.form.categoryKey.push(newVal.params.category)
-                            this.handleSearchFrom()
-                        } else {
-                            // this.$refs.myResiSearch.form.categoryKey = []
-                            // this.handleSearchFrom()
-                        }
-                    })
-                }
-            },
-            deep: true,
-            immediate: true
+    $route: {
+      handler: function (newVal, oldVal) {
+        if (newVal.name == "base-virtualResi" && (!oldVal || oldVal.name === 'base-classification')) {
+            console.log(oldVal);
+          this.$nextTick(() => {
+              this.$refs.myResiSearch.form.attentionCrowds = [];
+              this.$refs.myResiSearch.form.healthStatus = [];
+              this.$refs.myResiSearch.form.specialCategoryCodes = [];
+              this.$refs.myResiSearch.form.partyFlag=null;
+            if (newVal.query.category === 'SPECIAL_SUPPORT_FLAG' ||newVal.query.category === 'SUBSISTENCE_ALLOWANCE_FLAG'|| newVal.query.category === 'VETERAN_FLAG'|| newVal.query.category === 'ENSURE_HOUSE_FLAG'|| newVal.query.category === 'OLD_PEOPLE_FLAG'|| newVal.query.category === 'FERTILE_WOMAN_FLAG' || newVal.query.category === 'FLOATING_FLAG' || newVal.query.category === 'NEW_STRATUM_FLAG' || newVal.query.category === 'permanentFlag') {
+              this.$refs.myResiSearch.form.attentionCrowds.push(
+                newVal.query.category
+              );
+            } else if(newVal.query.category === 'CHRONIC_DISEASE_FLAG' ||newVal.query.category === 'SERIOUS_ILLNESS_FLAG'||newVal.query.category === 'DISABILITY_FLAG'){
+              this.$refs.myResiSearch.form.healthStatus.push(
+                newVal.query.category
+              );
+            }else if(newVal.query.category === 'SQJZ_FLAG' || newVal.query.category === 'AZBJ_FLAG' || newVal.query.category === 'DRUG_FLAG' || newVal.query.category === 'XJRY_FLAG' || newVal.query.category === 'ZSZHJSB_FLAG' || newVal.query.category === 'UNITED_FRONT_FLAG'|| newVal.query.category === 'PETITION_OFFICER_FLAG' || newVal.query.category === 'BLQSN_FLAG'){
+              let obj = {
+                SQJZ_FLAG:'shequjiaozheng',
+                AZBJ_FLAG:'anzhibangjiao',
+                DRUG_FLAG:'xidurenyuan',
+                XJRY_FLAG:'xiejiaorenyuan',
+                ZSZHJSB_FLAG:'zhaoshizhaohuojingshenbing',
+                UNITED_FRONT_FLAG:'tongzhanrenyuan',
+                PETITION_OFFICER_FLAG:'xinfangrenyaun',
+                BLQSN_FLAG:'buliangqingshaonian'
+              }
+              this.$refs.myResiSearch.form.specialCategoryCodes = [obj[newVal.query.category]];
+            }else if(newVal.query.category === 'PARTY_FLAG'){
+              this.$refs.myResiSearch.form.partyFlag =1;
+            }else if(newVal.query.category === 'BUILDING_CHIEF_FLAG' || newVal.query.category === 'VOLUNTEER_FLAG' || newVal.query.category === 'UNIT_CHIEF_FLAG' || newVal.query.category ==='PUBLIC_WELFARE_FLAG'){
+              console.log(newVal.query.category);
+              this.$refs.myResiSearch.form.identity = newVal.query.category;
+            }else if(newVal.query.category === 'MASS_FLAG'){
+              this.$refs.myResiSearch.form.partyFlag = 0;
+            }else if(newVal.query.category === 'LEAGUE_FLAG'){
+              this.$refs.myResiSearch.form.partyFlag = 2;
+            } else if(newVal.query.category === 'UNEMPLOYED_FLAG'){
+              this.$refs.myResiSearch.form.careerStatus = '0';
+            }
+          this.handleSearchFrom();
+          });
         }
+        
+      },
+      deep: true,
+      immediate: true,
     },
+  },
 };
 </script>