From 3ecfb9e3083c323f84541996673238dc7a3f89f9 Mon Sep 17 00:00:00 2001
From: shijingjing <1789544664@qq.com>
Date: Mon, 19 Dec 2022 16:33:14 +0800
Subject: [PATCH] =?UTF-8?q?=E5=BE=AE=E4=BF=A1=E7=BB=9F=E8=AE=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../AppDataStatistics/components/wechat.vue   |  93 +++++++++++++++++-
 .../saas/AppDataStatistics/img/down.png       | Bin 0 -> 940 bytes
 src/project/saas/AppDataStatistics/img/up.png | Bin 0 -> 990 bytes
 3 files changed, 92 insertions(+), 1 deletion(-)
 create mode 100644 src/project/saas/AppDataStatistics/img/down.png
 create mode 100644 src/project/saas/AppDataStatistics/img/up.png

diff --git a/src/project/saas/AppDataStatistics/components/wechat.vue b/src/project/saas/AppDataStatistics/components/wechat.vue
index 20ad1bf8..30f64f0d 100644
--- a/src/project/saas/AppDataStatistics/components/wechat.vue
+++ b/src/project/saas/AppDataStatistics/components/wechat.vue
@@ -1,17 +1,108 @@
 <template>
   <div class="wechat">
-    微信统计
+    <div class="head">
+      <span>居民好友统计</span><span>(统计数据为去重后的数据)</span>
+    </div>
+
+    <div class="card">
+      <div class="item">
+        <div class="item_name">居民好友</div>
+        <div class="item_num">{{ (235625).toLocaleString('en-US') }}</div>
+      </div>
+      <div class="item">
+        <div class="item_name">昨日新增</div>
+        <div class="item_num">235 <img src="../img/up.png" alt="" class="imgs"></div>
+      </div>
+      <div class="item">
+        <div class="item_name">昨日流失</div>
+        <div class="item_num">18 <img src="../img/down.png" alt="" class="imgs"></div>
+      </div>
+    </div>
+
+    <div class="head">
+      <span>居民群统计</span><span>(统计数据为去重后的数据)</span>
+    </div>
+
+    <div class="card">
+      <div class="item">
+        <div class="item_name">居民群</div>
+        <div class="item_num">{{ (5230).toLocaleString('en-US') }}</div>
+      </div>
+      <div class="item">
+        <div class="item_name">群成员</div>
+        <div class="item_num">235</div>
+      </div>
+      <div class="item">
+        <div class="item_name">昨日新增</div>
+        <div class="item_num">18 <img src="../img/up.png" alt="" class="imgs"></div>
+      </div>
+      <div class="item">
+        <div class="item_name">昨日流失</div>
+        <div class="item_num">18 <img src="../img/down.png" alt="" class="imgs"></div>
+      </div>
+    </div>
   </div>
 </template>
 
 <script>
 export default {
+  name: "wechat",
+  data() {
+    return {
 
+    }
+  },
+  methods: {
+
+  },
 }
 </script>
 
 <style lang="scss" scoped>
 .wechat {
+  padding: 0 32px;
+  box-sizing: border-box;
+  .head {
+    margin-top: 32px;
+    span:first-child {
+      font-size: 32px;
+      color: #333333;
+      font-weight: 600;
+    }
+    span:last-child {
+      font-size: 26px;
+      color: #999999;
+    }
+  }
 
+  .card {
+    padding: 24px 0;
+    box-sizing: border-box;
+    display: flex;
+    text-align: center;
+    align-items: center;
+    background: #FFF;
+    border-radius: 16px;
+    margin-top: 24px;
+
+    .item {
+      flex: 1;
+
+      .item_name {
+        color: #666666;
+      }
+
+      .item_num {
+        color: #000000;
+        font-size: 36px;
+        font-weight: 600;
+      }
+
+      .imgs {
+        width: 30px;
+        height: 30px;
+      }
+    }
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/project/saas/AppDataStatistics/img/down.png b/src/project/saas/AppDataStatistics/img/down.png
new file mode 100644
index 0000000000000000000000000000000000000000..4e2fa711185ab8ffa9c2f96396f2dfb2ad0f1e8d
GIT binary patch
literal 940
zcmV;d15^BoP)<h;3K|Lk000e1NJLTq001Ze001Zm1^@s6jQ+T700001b5ch_0Itp)
z=>Px&W=TXrR9Hvtm``XFR~*Mbzc>4bh>0j9O==I)OTmK|4<6!{R8n*CnqCB<5)#lh
zQqe|w>3Wf*DG{S7B!m<SUd+{tHnf4%W3GZ1>7i*-14^|Rc4udP<;`Ygv+ibQCo5iN
zj`M!|-e<nQ@9+2CTOs13d5q-oZMaVM_2YSCp#9rFx9?5OR8{X}3CEd`tIJEl@2lnt
zTVBEfD&q-Y1EmrL%fcic+*x@^6;~BZQY1-{Bs)pSUYit2QY7!aNHpJ<f@g+~0}d~<
z+Ss$N3_Z9U{MhHue+E$h3d(1Z4y?lOi20EtA3Wg2Q^PuGXb%p*b)Sxc@bX^|y8L)W
zGTwI*@y1X+6Ae)Aqt1j}TmGZz6SYpC=-}1<HuQChthf}t2GAKp)^RZfpJKWn@xMaJ
zMFV67HFwCkOZZts!AnE2zJeJ?DQFtmSEBvDEz$8$uLMen_9CpKR(`^i%>es=Y{V-=
z0eB4*L*f;|Md?B15hC|RCv(T}_!77XYT<$`M1YLQ7CEeHO>u!49DWXz(&=0$TMVIG
z0R0HC0rsm?4W_p@I6GE*lWRm{(^-P@t+38x$80vzAb%nJL>u!my0R&nKbn#J<DyP{
z{vi~GQU7b;5a0n$<nP~GU}df6h`9~fIT`!)?|>~(@ZO*!Uo3h$HE;-bYZTQH(C%#|
ztx{p0jEiT}YSpvKZ6GpBx@}r6KX_hYDg)**e2<EtdL!3~BNtJIz(2g57CTX^)wHVF
z^$nOcgn2xjk?&SE)t1V2#Qst6Mj1=Y<3+VEb?Ve%+|m%Lws1PPi^lq=Rgf0W`d2_U
z5t$*KnwQJJtp#Eo9Tb~UE8dRO1>|$bQ!=vZ>djmaMHzWVp4{oVjLyn8E9*LYJk9WG
z$!4<RnY!M3hn@`eT&<ZK0y4Phx7d@rdv0;iRMJ`v*|0iW?8(TUi=<#BsD+-4?75}@
z-+;#NlTCXrHed`-#`0V&z{+mZM4yc9x!8aKWb{56+jDyY+{Kf_pgmRRy$r}YB6GES
zYqOhntV2N1f+~G-@^ly8)+L1VXmG#)kqwjuoVHtX_2IKX`38M13^*3xTb}%(uNz;_
zfq%Zdpjp7kFY@j3M(y4j2Go)i*X@%Ny`MnpY<aA7SH>PaskgT_3-~_{JrT@EGacCg
O0000<MNUMnLSTYO7s7}D

literal 0
HcmV?d00001

diff --git a/src/project/saas/AppDataStatistics/img/up.png b/src/project/saas/AppDataStatistics/img/up.png
new file mode 100644
index 0000000000000000000000000000000000000000..3f93b69f7e10fd2ce6b126512d6e82a2d87b3ca9
GIT binary patch
literal 990
zcmV<410np0P)<h;3K|Lk000e1NJLTq001Ze001Zm1^@s6jQ+T700001b5ch_0Itp)
z=>Px&m`OxIR9HvtmrrOLM-;}tZ+2HArD-74CQd>Rz7%}uMJ=kMDA=uOddOA26bcO{
zfu?^hfgIx=1HJT*0|_RDLNC!Zl%^<kiK4ir)z#384<(6>T>>GcMOy8=@MPJ@M#|1^
z0=ev5R%mu-e*50{-Zx7;%Mh^8Ecnegn_=mf((A_B4|F+e%nyxs8h;i3ECkI$vjalX
zZo{+>R<2jP>Pl5G4?DH=)}eO94+);u^#pP)=gIfKPXDovd6>#Xh1J<=lxD9~fL*vs
z)oNsp-8?qRz<y4_X%RW35G2=yxF(_b>h8(A8xXKkt(Y{B=>cb}(d18)2faW(6Ol6j
z#sIW?QOW^WBY8Cn`StSq%MZIRl_HAC0Q)pozFi)ZFgz<Fp8_}tKvU@T0JncXB>4@4
z;7a{OeJzb9odNqbH+gIF2ocQ@I0xZKS9XBi186kcplk}TAn+EK-(9|+RFh7C{hBM^
zE{{kUo&zu^B1d{)3b-A;?OM<%>iUM{eE^FLf`$5t`eqVMx&!Xk+*trx5Fr4+2QsKg
z6}$r=0I*K-N>WWe9nf8KaUCSJCWith)SL@oDoqXqOsP2+$i$i)4wz1Jagd2Mxf}5L
zX)X@bS(7_}&slRWfKHm+0-T4zMeR<I1br?JB5wYveG*@QdJyRXZu?}Px4QPZIEc9U
zSWR-``b2JJcBNhVxpbIbbY_UR#%=Vh^Sd-Dk$1K6UgLqXbt9;0wVlo!t^HVlqdkXc
z^;}}m=Bgic5WTt#^=Wk!y$%{WmsiIja8Hc6Y<z!FZIR_#@eM2Z2!#5pT9OV8y^{^P
z&^g}Izh?-+f+4<R=~nT)Ku%Fu(lcBSGR^{Xpu7Z7-`ZhF3&Q`vo%7<bXB1NXeM~3~
zf;U+FvG@vd*k@>bb{IxpG!QP==@>7Mu+_?0lam<=KM}Fz-cFjjz3JZhk2H0md~4gR
z<@0S5wGgy@e_*=3$P@7;uwpxC<A3)wYAc%G(okusc$}6OMC6nkAa96~OO5H@?{x3)
zTPrU7oLZXlH#RrSfuje!d@Dcn>+A8qj}68Uj<1f}2e1BplEU*MGVKVsB$O`?|MS|-
z)$vt>H3a)#-ao8h(8{;?=-#7fbYyg^4?2y$w?1Bbdj<v<#LA2lpkWObm+s8`R!bZ~
zC%8Rn$pHJJmZeyO!Ayf$kqqx8S&?K#vZId7>IN4|RwP-Gyyzl%0s^No&@ZqqO#lD@
M07*qoM6N<$f-M2e)Bpeg

literal 0
HcmV?d00001