居民统计

src/project/saas/AppDataStatistics/AppDataStatistics.vue

@@ -4,7 +4,7 @@
       <div class="area-content">
         <AiAreaPicker v-model="areaId" :name.sync="areaName">
           <div flex>
-            <!-- <img src="./img/location.png" alt="" class="icon-img"> -->
+            <img src="./img/location.png" alt="" class="icon-img">
             <AiMore v-model="areaName" icon="arrow-down"/>
           </div>
         </AiAreaPicker>

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

@@ -1,5 +1,7 @@
 <template>
-  <div class="message"></div>
+  <div class="message">
+    会话统计
+  </div>
 </template>
 
 <script>

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

@@ -1,5 +1,28 @@
 <template>
-  <div class="resident"></div>
+  <div class="resident">
+    <div class="resident_num">
+      <div class="num_item">
+        <p class="num_item_name">居民总数</p>
+        <p class="num_item_data">2036</p>
+      </div>
+      <div class="num_item">
+        <p class="num_item_name">居民总数</p>
+        <p class="num_item_data">2036</p>
+      </div>
+      <div class="num_item">
+        <p class="num_item_name">居民总数</p>
+        <p class="num_item_data">2036</p>
+      </div>
+    </div>
+
+    <!-- 特殊人群 -->
+    <div class="specialPeople">
+      <h3>特殊人群</h3>
+      <div>
+
+      </div>
+    </div>
+  </div>
 </template>
 
 <script>
@@ -10,6 +33,38 @@ export default {
 
 <style lang="scss" scoped>
 .resident {
+  padding: 0 30px;
+  box-sizing: border-box;
 
+  .resident_num {
+    width: 100%;
+    height: 160px;
+    background: #FFF;
+    margin-top: 32px;
+    border-radius: 16px;
+    display: flex;
+    .num_item {
+      width: 33%;
+      height: 100%;
+      text-align: center;
+      margin-top: 32px;
+
+      .num_item_name {
+        color: #666666;
+      }
+
+      .num_item_data {
+        margin-top: 10px;
+        color: #000000;
+        font-size: 36px;
+      }
+    }
+  }
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      
+  .specialPeople {
+    margin-top: 32px;
+
+    
+  }
 }
 </style>

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

@@ -1,5 +1,7 @@
 <template>
-  <div class="update"></div>
+  <div class="update">
+    更新统计
+  </div>
 </template>
 
 <script>

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

@@ -1,5 +1,7 @@
 <template>
-  <div class="wechat"></div>
+  <div class="wechat">
+    微信统计
+  </div>
 </template>
 
 <script>