统计

src/apps/AppGridManagement/Statistics.vue

@@ -3,7 +3,7 @@
     <div class="top">
       <div class="left">
         <img src="./components/img/gird-icon.png" alt="" />
-        <div class="girdNmae">南湖街道网格一</div>
+        <div class="girdNmae">{{ girdMsgList.girdName || '' }}</div>
         <u-icon name="arrow-down" color="#666"></u-icon>
       </div>
 
@@ -15,24 +15,19 @@
 
       <div class="card">
         <div class="box">
-          <span class="count">5</span>
+          <span class="count">{{ peopleList['网格长'] || 0 }}</span>
           <span class="girdCount">网格长</span>
         </div>
 
         <div class="box">
-          <span class="count">5</span>
+          <span class="count">{{ peopleList['网格员'] || 0 }}</span>
           <span class="girdCount">网格员</span>
         </div>
 
         <div class="box">
-          <span class="count">5</span>
+          <span class="count">{{ peopleList['责任家庭数'] || 0 }}</span>
           <span class="girdCount">责任家庭数</span>
         </div>
-
-        <div class="box">
-          <span class="count">5</span>
-          <span class="girdCount">家庭成员数</span>
-        </div>
       </div>
     </div>
 
@@ -43,19 +38,22 @@
         <div class="boxes">
           <span class="boxesLeft">网格名称</span>
 
-          <span class="boxesRight">南湖街道基础网络一</span>
+          <span class="boxesRight">{{ girdMsgList.girdName || '' }}</span>
+          <!-- <span class="boxesRight">{{ girdUser.appGirdInfo.girdName }}</span> -->
         </div>
 
         <div class="boxes">
           <span class="boxesLeft">网格类型</span>
 
-          <span class="boxesRight">一级网络</span>
+          <span class="boxesRight">
+            {{ $dict.getLabel('girdType', girdMsgList.girdType) || '' }}
+          </span>
         </div>
 
         <div class="boxes">
           <span class="boxesLeft">网格层级</span>
 
-          <span class="boxesRight">街道</span>
+          <span class="boxesRight">{{ $dict.getLabel('girdType', girdMsgList.girdLevel) || '' }}</span>
         </div>
       </div>
     </div>
@@ -72,13 +70,44 @@ export default {
     params: Object,
   },
   data() {
-    return {}
+    return {
+      girdUser: [],
+      peopleList: {},
+      girdMsgList: {},
+    }
   },
   computed: {},
   watch: {},
   onLoad() {},
-  onShow() {},
+  mounted() {
-  methods: {},
+    this.$dict.load('girdType', 'girdLevel').then(() => {})
+    this.isGirdUser()
+  },
+  methods: {
+    isGirdUser() {
+      this.$http.post('/app/appgirdmemberinfo/checkLogOnUser').then((res) => {
+        if (res.code == 0) {
+          this.girdUser = res.data
+          if (this.girdUser.checkType != '0') {
+            this.getList()
+            if (this.girdUser.appGirdInfo) {
+              this.girdMsgList = this.girdUser.appGirdInfo
+            }
+          } else {
+            this.$u.toast('当前人员不是网格员或网格管理员')
+          }
+        }
+      })
+    },
+
+    getList() {
+      this.$http.post(`/app/appgirdmemberinfo/girdMemberAndResidentStatistic?girdId=${this.girdUser.girdId}`).then((res) => {
+        if (res.code == 0) {
+          this.peopleList = res.data
+        }
+      })
+    },
+  },
 }
 </script>