From 1fc0b74285361ac85d04213f08729f379cbbc170 Mon Sep 17 00:00:00 2001
From: shijingjing <1789544664@qq.com>
Date: Sun, 11 Dec 2022 16:21:17 +0800
Subject: [PATCH 1/2] =?UTF-8?q?=E6=95=B0=E6=8D=AE=E7=BB=9F=E8=AE=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../AppDataStatistics/AppDataStatistics.vue   | 123 ++++++++++++++++++
 .../AppDataStatistics/components/message.vue  |  15 +++
 .../AppDataStatistics/components/resident.vue |  15 +++
 .../AppDataStatistics/components/update.vue   |  15 +++
 .../AppDataStatistics/components/wechat.vue   |  15 +++
 5 files changed, 183 insertions(+)
 create mode 100644 src/project/saas/AppDataStatistics/AppDataStatistics.vue
 create mode 100644 src/project/saas/AppDataStatistics/components/message.vue
 create mode 100644 src/project/saas/AppDataStatistics/components/resident.vue
 create mode 100644 src/project/saas/AppDataStatistics/components/update.vue
 create mode 100644 src/project/saas/AppDataStatistics/components/wechat.vue

diff --git a/src/project/saas/AppDataStatistics/AppDataStatistics.vue b/src/project/saas/AppDataStatistics/AppDataStatistics.vue
new file mode 100644
index 00000000..90b9fadd
--- /dev/null
+++ b/src/project/saas/AppDataStatistics/AppDataStatistics.vue
@@ -0,0 +1,123 @@
+<template>
+  <div class="AppDataStatistics">
+    <AiTopFixed>
+      <div class="area-content">
+        <AiAreaPicker v-model="areaId" :name.sync="areaName">
+          <div flex>
+            <!-- <img src="./img/location.png" alt="" class="icon-img"> -->
+            <AiMore v-model="areaName" icon="arrow-down"/>
+          </div>
+        </AiAreaPicker>
+      </div>
+    </AiTopFixed>
+    <div class="tab-list">
+      <div :class="index == tabIndex ? 'tab-item active' : 'tab-item'" v-for="(item, index) in tabList" :key="index" @click="tabClick(index)">{{ item.text }}<span></span></div>
+    </div>
+    <component :is="tabList[tabIndex].component" class="component" />
+  </div>
+</template>
+
+<script>
+import resident from './components/resident.vue'
+import update from './components/update'
+import wechat from './components/wechat'
+import message from './components/message'
+
+export default {
+  name: "AppDataStatistics",
+  appName: "数据统计",
+  data() {
+    return {
+      tabList: [
+        {
+          text: '居民统计',
+          component: resident
+        },
+        {
+          text: '更新统计',
+          component: update
+        },
+        {
+          text: '微信统计',
+          component: wechat
+        },
+        {
+          text: '会话统计',
+          component: message
+        },
+      ],
+      tabIndex: 0,
+      areaId: '',
+      areaName: '',
+    }
+  },
+  components: {resident, update, wechat, message},
+  methods: {
+    tabClick(index) {
+      this.tabIndex = index
+    },
+  },
+  onShow() {
+    document.title = "数据统计"
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.AppDataStatistics {
+  width: 100%;
+  height: 100%;
+  background-color: #F5F6F7;
+  padding-bottom: 112px;
+  ::v-deep .AiTopFixed {
+    .content {
+      background-color: #3975C6;
+      color: #fff;
+    }
+    .icon-img{
+      width: 48px;
+      height: 48px;
+    }
+  }
+  ::v-deep .AiMore{
+    span{
+      color: #fff;
+    }
+  }
+  .tab-list {
+    width: 100%;
+    line-height: 88px;
+    display: flex;
+    background-color: #fff;
+    position: fixed;
+    z-index: 9;
+
+    .tab-item {
+      flex: 1;
+      text-align: center;
+      font-size: 28px;
+      font-family: PingFangSC-Regular, PingFang SC;
+      color: #666;
+      position: relative;
+    }
+    .active {
+      font-family: PingFangSC-Medium, PingFang SC;
+      font-weight: 500;
+      color: #000;
+      span {
+        position: absolute;
+        bottom: 0;
+        left: 50%;
+        margin-left: -25px;
+        width: 50px;
+        height: 6px;
+        background: #3399FF;
+        border-radius: 4px;
+      }
+    }
+  }
+  .component{
+    padding-top: 88px;
+  }
+}
+</style>
diff --git a/src/project/saas/AppDataStatistics/components/message.vue b/src/project/saas/AppDataStatistics/components/message.vue
new file mode 100644
index 00000000..8316aa34
--- /dev/null
+++ b/src/project/saas/AppDataStatistics/components/message.vue
@@ -0,0 +1,15 @@
+<template>
+  <div class="message"></div>
+</template>
+
+<script>
+export default {
+
+}
+</script>
+
+<style lang="scss" scoped>
+.message {
+
+}
+</style>
\ No newline at end of file
diff --git a/src/project/saas/AppDataStatistics/components/resident.vue b/src/project/saas/AppDataStatistics/components/resident.vue
new file mode 100644
index 00000000..f10a491a
--- /dev/null
+++ b/src/project/saas/AppDataStatistics/components/resident.vue
@@ -0,0 +1,15 @@
+<template>
+  <div class="resident"></div>
+</template>
+
+<script>
+export default {
+
+}
+</script>
+
+<style lang="scss" scoped>
+.resident {
+  
+}
+</style>
\ No newline at end of file
diff --git a/src/project/saas/AppDataStatistics/components/update.vue b/src/project/saas/AppDataStatistics/components/update.vue
new file mode 100644
index 00000000..8b6c53cc
--- /dev/null
+++ b/src/project/saas/AppDataStatistics/components/update.vue
@@ -0,0 +1,15 @@
+<template>
+  <div class="update"></div>
+</template>
+
+<script>
+export default {
+
+}
+</script>
+
+<style lang="scss" scoped>
+.update {
+
+}
+</style>
\ No newline at end of file
diff --git a/src/project/saas/AppDataStatistics/components/wechat.vue b/src/project/saas/AppDataStatistics/components/wechat.vue
new file mode 100644
index 00000000..ed76d567
--- /dev/null
+++ b/src/project/saas/AppDataStatistics/components/wechat.vue
@@ -0,0 +1,15 @@
+<template>
+  <div class="wechat"></div>
+</template>
+
+<script>
+export default {
+
+}
+</script>
+
+<style lang="scss" scoped>
+.wechat {
+
+}
+</style>
\ No newline at end of file

From c98b3e84998f09b20f87155ff631a40a74d84f48 Mon Sep 17 00:00:00 2001
From: shijingjing <1789544664@qq.com>
Date: Sun, 11 Dec 2022 17:46:29 +0800
Subject: [PATCH 2/2] =?UTF-8?q?=E5=B1=85=E6=B0=91=E7=BB=9F=E8=AE=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../AppDataStatistics/AppDataStatistics.vue   |   2 +-
 .../AppDataStatistics/components/message.vue  |   4 +-
 .../AppDataStatistics/components/resident.vue |  59 +++++++++++++++++-
 .../AppDataStatistics/components/update.vue   |   4 +-
 .../AppDataStatistics/components/wechat.vue   |   4 +-
 .../saas/AppDataStatistics/img/location.png   | Bin 0 -> 766 bytes
 6 files changed, 67 insertions(+), 6 deletions(-)
 create mode 100644 src/project/saas/AppDataStatistics/img/location.png

diff --git a/src/project/saas/AppDataStatistics/AppDataStatistics.vue b/src/project/saas/AppDataStatistics/AppDataStatistics.vue
index 90b9fadd..16dbb9eb 100644
--- a/src/project/saas/AppDataStatistics/AppDataStatistics.vue
+++ b/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>
diff --git a/src/project/saas/AppDataStatistics/components/message.vue b/src/project/saas/AppDataStatistics/components/message.vue
index 8316aa34..17b64cf4 100644
--- a/src/project/saas/AppDataStatistics/components/message.vue
+++ b/src/project/saas/AppDataStatistics/components/message.vue
@@ -1,5 +1,7 @@
 <template>
-  <div class="message"></div>
+  <div class="message">
+    会话统计
+  </div>
 </template>
 
 <script>
diff --git a/src/project/saas/AppDataStatistics/components/resident.vue b/src/project/saas/AppDataStatistics/components/resident.vue
index f10a491a..d302d6a4 100644
--- a/src/project/saas/AppDataStatistics/components/resident.vue
+++ b/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>
\ No newline at end of file
diff --git a/src/project/saas/AppDataStatistics/components/update.vue b/src/project/saas/AppDataStatistics/components/update.vue
index 8b6c53cc..86bad6f1 100644
--- a/src/project/saas/AppDataStatistics/components/update.vue
+++ b/src/project/saas/AppDataStatistics/components/update.vue
@@ -1,5 +1,7 @@
 <template>
-  <div class="update"></div>
+  <div class="update">
+    更新统计
+  </div>
 </template>
 
 <script>
diff --git a/src/project/saas/AppDataStatistics/components/wechat.vue b/src/project/saas/AppDataStatistics/components/wechat.vue
index ed76d567..20ad1bf8 100644
--- a/src/project/saas/AppDataStatistics/components/wechat.vue
+++ b/src/project/saas/AppDataStatistics/components/wechat.vue
@@ -1,5 +1,7 @@
 <template>
-  <div class="wechat"></div>
+  <div class="wechat">
+    微信统计
+  </div>
 </template>
 
 <script>
diff --git a/src/project/saas/AppDataStatistics/img/location.png b/src/project/saas/AppDataStatistics/img/location.png
new file mode 100644
index 0000000000000000000000000000000000000000..c6f0463863e8c2fd5b11e76661db770d05dec625
GIT binary patch
literal 766
zcmV<a0s;MrP)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00001b5ch_0Itp)
z=>Px%xJg7oRA@u(m^p}4K@f(&KT#1y5Ih1SHFCi#*j+FZ6az6aQ84yM6eA4`#K1sJ
zL=#<21x-xEKopDw7r_&aJQ5RK5X1vlgOZY77;tA^z1KbS7?_Uhb^TvecUAQhL%uZR
z`WXSVoxx%mFta7VZeTmG8CVM}OMqX2_rP=DA#hjH_Y&~g0A{uxH~}0076(QB1a1K5
zCA|%PGp|`=05e+zoB@sl3mS^}4O|3HOZwGhk46Aywhp)rY;59mo^M_PdnLWAyI*Yp
zGus5*16I{_R$>1M*d^&joqcNoq{u(&gZMek4zaCHCc*&e%ug3QHr)d4$7v#ZC+Yy4
zOVy@MhMU@YbvhaOI0TSN<?D=U6VcLX<JD;_QevY3Q^3KxDl+Y_ORDr)36MIhU#@7A
zngtx#8<l6x*H~(Fhk%7auphwcs*W82*azGUI{gUjk>n%8f6L5##JB^j3GTOF(yd;$
z5r8Ye;ebPr{A4%rbKfV3$H7cYN$Tl40^rUj0sxmK9ShiDW|x4Y0o!RwleroA46Fz^
z^XPk@s9a{|0r9|8tr<xxa{>HlM25AcRTr+~82RY^tx7%cM^aDUkt5V5z^o*ndb_R&
zz|bF|HZSoLN#nU0XtRu7m2@N*VCWl}SBy4B34b^HDABW8RbFCGpP98W%w3b@vs2F%
z1@J!)!#hr=EDZ8Nb3u~-s;OL|3?u+=D1&%Xz5>RJKPeN0|4!-Wqkbm6hd)$?J{g2F
z&@sns0UiL$qfUZ$Uw|Ewo(1jynbihJnb->4F9_k{cS?F%M|@*|!VrzcX8{y~$P%9o
zkO`43z6d}=h$7;P0n~&jCcY>@5TdB~;s6y8#l`mppbJD_#P<y#L2Lldrp9zi(wn+X
wDq`QL6Gt{4l+6fWP?7HDXOw|a1~Mb?7liW|Kst8+)c^nh07*qoM6N<$g8Y(1!2kdN

literal 0
HcmV?d00001