更新

src/views/home/components/entrance.vue

@@ -32,7 +32,7 @@
             <img src="@/assets/images/tc/zbfj.png" alt="" srcset="" />
           </div>
           <div class="occupation">
-            值班民警：<span class="number">{{ BbMag?.ryList.length }}</span>
+            值班民警：<span class="number">{{ BbMag.mjsl?BbMag.mjsl:0 }}</span>
           </div>
         </div>
         <!-- <div class="dutyList flex just-between align-center">
@@ -48,16 +48,12 @@
             <img src="@/assets/images/tc/zbfj.png" alt="" srcset="" />
           </div>
           <div class="occupation">
-            值班民警：<span class="number">{{ BbMag?.ryList.length }}</span>
+            值班辅警：<span class="number">{{ BbMag.fjsl?BbMag.fjsl:0 }}</span>
           </div>
         </div>
       </div>
       <div class="contentRight">
-        <div
-          class="flex align-center right just-between"
-          v-for="(item, index) in ArrList"
-          :key="index"
-        >
+        <div class="flex align-center right just-between" v-for="(item, index) in ArrList" :key="index">
           <div>{{ item.name }}</div>
           <div class="number">
             <span>{{ item.count }}</span>
@@ -81,7 +77,7 @@ import { useRouter } from "vue-router";
 const props = defineProps({
   JczData: {
     type: Object,
-    default: () => {}
+    default: () => { }
   }
 });
 
@@ -89,6 +85,15 @@ const BbMag = ref({ ryList: [] });
 const getjczqueryByIdFeign = () => {
   jczqueryById({ jczid: props.JczData.id }).then((res) => {
     BbMag.value = res;
+    if (res.ryList) {
+      BbMag.value.mjsl = res.ryList.filter((el) => {
+        return el.ryMfjlb == '01'
+      }).length
+      BbMag.value.fjsl = res.ryList.filter((el) => {
+        return el.ryMfjlb == '02'
+      }).length
+    }
+    
   });
 };
 getjczqueryByIdFeign();
@@ -224,15 +229,18 @@ countWays();
   left: 50%;
   transform: translate(-50%, -50%);
   padding: 20px 0;
+
   .cloes {
     width: 23px;
     position: absolute;
     top: 4px;
     left: 92%;
+
     img {
       width: 100%;
     }
   }
+
   .bt {
     margin-top: 14px;
     color: #fff;
@@ -247,6 +255,7 @@ countWays();
       font-family: "微软雅黑";
       font-weight: 700;
     }
+
     .headbut {
       width: 159px;
       margin-right: 20px;
@@ -261,15 +270,19 @@ countWays();
   .content {
     width: 100%;
     margin-top: 10px;
+
     .contentLeft {
       width: 50%;
+
       .leftImg {
         width: 97px;
         height: 98px;
+
         img {
           width: 100%;
         }
       }
+
       .leftMag {
         font-size: 20px;
         height: 98px;
@@ -282,33 +295,41 @@ countWays();
           -webkit-background-clip: text;
           -webkit-text-fill-color: transparent;
         }
+
         .name {
           font-family: "方正黑体";
         }
       }
+
       .dutyList {
         padding-left: 16px;
         margin-bottom: 5px;
+
         .dutyImg {
           width: 27px;
         }
+
         .occupation {
           font-size: 20px;
           font-family: "方正黑体";
           width: calc(100% - 70px);
+
           .number {
             color: #02fafb;
           }
         }
       }
     }
+
     .contentRight {
       width: 50%;
       padding: 0 20px;
+
       .right {
         font-size: 18px;
         font-family: "方正黑体";
         margin-bottom: 11px;
+
         .number {
           width: 40%;
           color: #02fafb;

src/views/home/layout/zbbb.vue

@@ -24,7 +24,6 @@
               v-model="listQuery.jczList"
               :dic="props.dic"
             />
-
             <div class="peolist" v-if="listQuery.jczList">
               <el-tag type="primary" :key="item">{{
                 listQuery.jczList.jczmc