更新统计

src/project/saas/AppDataStatistics/components/update.vue

@@ -2,36 +2,12 @@
   <div class="update">
     <h3>更新统计</h3>
     <div class="information">
-      <u-subsection :list="list" :current="current"></u-subsection>
+      <u-subsection :list="list" :current="current"  @change="sectionChange"></u-subsection>
 
       <div class="card_list">
-        <div class="card">
-          <div class="card_name">新增居民档案</div>
-          <div class="card_num">234</div>
-        </div>
-        <div class="card">
-          <div class="card_name">居民档案更新</div>
-          <div class="card_num">234</div>
-        </div>
-        <div class="card">
-          <div class="card_name">新增网格员</div>
-          <div class="card_num">234</div>
-        </div>
-        <div class="card">
-          <div class="card_name">减少网格员</div>
-          <div class="card_num">234</div>
-        </div>
-        <div class="card">
-          <div class="card_name">新增积分事件</div>
-          <div class="card_num">234</div>
-        </div>
-        <div class="card">
-          <div class="card_name">新增积分</div>
-          <div class="card_num">234</div>
-        </div>
-        <div class="card">
-          <div class="card_name">新增走访记录</div>
-          <div class="card_num">234</div>
+        <div class="card" v-for="(item,index) in dataArray" :key="index">
+          <div class="card_name">{{ item }}</div>
+          <div class="card_num">{{ Number(data[item]).toLocaleString('en-US') }}</div>
         </div>
       </div>
     </div>
@@ -41,32 +17,39 @@
 <script>
 export default {
   name: "update",
+  props: ['areaId'],
   data() {
     return {
       list: [
-        {
-          name: '本日'
-        }, 
-        {
-          name: '本周'
-        }, 
-        {
-          name: '本月'
-        },
-        {
-          name: '本年'
-        }
+        { name: '本日' },
+        { name: '本周' },
+        { name: '本月' },
+        { name: '本年' }
       ],
       current: 0,
+      data: {},
+      dataArray: ['新增居民档案','新增网格员','新增走访记录','新增矛盾调解','新增宣发记录'],
     }
   },
   created() {
-    // this.getData()
+    this.getData()
   },
-  mounted() {},
   methods: {
+    sectionChange(e) {
+      this.current = e
+      this.getData()
+    },
     getData() {
-      // this.
+      this.$http.post(`/app/wxgroupstatistic/updateStatistics`,null,{
+        params: {
+          areaId: this.areaId,
+          type: this.current
+        }
+      }).then(res=> {
+        if(res?.data) {
+          this.data = res.data
+        }
+      })
     }
   },
 }