From 82e088571ac5ca19fc875331a77a09f0a0dab2f2 Mon Sep 17 00:00:00 2001
From: liuye <liuye@sinoecare.com>
Date: Tue, 16 May 2023 11:21:24 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BE=A4=E6=A0=87=E7=AD=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../AppGroupGrouping/AppGroupGrouping.vue     | 128 ++++++++++++++++
 .../qianxinan/AppGroupGrouping/groupList.vue  | 112 ++++++++++++++
 .../AppGroupGrouping/imgs/del-icon.png        | Bin 0 -> 2337 bytes
 .../AppGroupGrouping/imgs/user-img.png        | Bin 0 -> 1467 bytes
 .../qianxinan/AppGroupGrouping/imgs/xz.png    | Bin 0 -> 1489 bytes
 .../qianxinan/AppGroupGrouping/imgs/xzh.png   | Bin 0 -> 1730 bytes
 .../qianxinan/AppGroupTags/AppGroupTags.vue   | 138 ++++++++++++++++++
 .../AppResidentsType/AppResidentsType.vue     |   2 +-
 8 files changed, 379 insertions(+), 1 deletion(-)
 create mode 100644 src/project/qianxinan/AppGroupGrouping/AppGroupGrouping.vue
 create mode 100644 src/project/qianxinan/AppGroupGrouping/groupList.vue
 create mode 100644 src/project/qianxinan/AppGroupGrouping/imgs/del-icon.png
 create mode 100644 src/project/qianxinan/AppGroupGrouping/imgs/user-img.png
 create mode 100644 src/project/qianxinan/AppGroupGrouping/imgs/xz.png
 create mode 100644 src/project/qianxinan/AppGroupGrouping/imgs/xzh.png
 create mode 100644 src/project/qianxinan/AppGroupTags/AppGroupTags.vue

diff --git a/src/project/qianxinan/AppGroupGrouping/AppGroupGrouping.vue b/src/project/qianxinan/AppGroupGrouping/AppGroupGrouping.vue
new file mode 100644
index 00000000..971b6692
--- /dev/null
+++ b/src/project/qianxinan/AppGroupGrouping/AppGroupGrouping.vue
@@ -0,0 +1,128 @@
+<template>
+  <div class="AppGroupGrouping">
+    <AiTopFixed>
+      <u-search v-model="keyword" :clearabled="true" placeholder="请输入群名称、群主" :show-action="false" bg-color="#F5F5F5"
+        search-icon-color="#999" color="#333" height="58" @search="getListInit" @clear="getListInit">
+      </u-search>
+    </AiTopFixed>
+    <div class="list-content">
+      <div class="item">
+        <img src="./imgs/del-icon.png" alt="" class="group-img">
+        <div class="item-right">
+          <div class="group-info">
+            <p>兴龙县步行街美食一群兴龙县步行街美食一群兴龙县步行街美食一群兴龙县步行街美食一群兴龙县步行街美食一群兴龙县步行街美食一群</p>
+            <div>3人 | 群主:谢晋</div>
+          </div>
+          <img src="./imgs/del-icon.png" alt="" class="del-img" @click="del()">
+        </div>
+      </div>
+      <div class="item">
+        <img src="./imgs/del-icon.png" alt="" class="group-img">
+        <div class="item-right">
+          <div class="group-info">
+            <p>兴龙县步行街美食一群</p>
+            <div>3人 | 群主:谢晋</div>
+          </div>
+          <img src="./imgs/del-icon.png" alt="" class="del-img">
+        </div>
+      </div>
+    </div>
+    <AiAdd @add="add"/>
+  </div>
+</template>
+
+<script>
+  import { mapState } from 'vuex'
+  export default {
+    appName: '群分组',
+    data() {
+      return {
+        keyword: ''
+      }
+    },
+    computed: {
+      ...mapState(['user']),
+    },
+    onShow() {
+      document.title = '群分组'
+    },
+    methods: {
+      getListInit() {
+        
+      },
+      getTotal() {
+        this.$http.post(`/app/appwxuserfamiliarityrate/wxTopStatistics`).then(res=> {
+          if(res?.data) {
+            this.form = {...res.data}
+          }
+        })
+      },
+      del() {
+        this.$confirm('是否确认从该标签组中移除？').then(() => {
+          // this.$http.post(`/app/appzyvideobroadcast/getBroadcastRecall?broadcastId=${this.info.id}`).then((res) => {
+          //   if (res.code == 0) {
+          //     this.$u.toast('撤回成功！')
+          //     this.getDetail()
+          //   }
+          // })
+        })
+      },
+      add() {
+        uni.navigateTo({url: `./groupList`})
+      }
+    },
+  }
+</script>
+
+<style lang="scss" scoped>
+  .AppGroupGrouping {
+    .list-content {
+      margin-top: 24px;
+      .item {
+        background-color: #fff;
+        padding: 32px 0 0 32px;
+        .group-img {
+          width: 112px;
+          height: 112px;
+          margin-right: 24px;
+          vertical-align: middle;
+        }
+        .item-right {
+          display: inline-block;
+          width: calc(100% - 136px);
+          padding: 0 32px 32px 0;
+          border-bottom: 1px solid #ddd;
+          box-sizing: border-box;
+          .group-info {
+            display: inline-block;
+            width: calc(100% - 80px);
+            vertical-align: middle;
+            p {
+              width: 100%;
+              font-family: PingFangSC-Medium;
+              font-weight: 500;
+              font-size: 36px;
+              color: #333;
+              word-break: break-all;
+              line-height: 50px;
+              margin-bottom: 18px;
+            }
+            div {
+              line-height: 20px;
+              font-family: PingFangSC-Regular;
+              font-size: 28px;
+              color: #999;
+            }
+          } 
+          img {
+            width: 56px;
+            height: 56px;
+            margin-left: 24px;
+            padding-top: 24px;
+            vertical-align: middle;
+          }
+        }
+      }
+    }
+  }
+</style>
diff --git a/src/project/qianxinan/AppGroupGrouping/groupList.vue b/src/project/qianxinan/AppGroupGrouping/groupList.vue
new file mode 100644
index 00000000..8f793e26
--- /dev/null
+++ b/src/project/qianxinan/AppGroupGrouping/groupList.vue
@@ -0,0 +1,112 @@
+<template>
+  <div class="groupList">
+    <AiTopFixed>
+      <u-search v-model="keyword" :clearabled="true" placeholder="请输入群名称、群主" :show-action="false" bg-color="#F5F5F5"
+        search-icon-color="#999" color="#333" height="58" @search="getListInit" @clear="getListInit">
+      </u-search>
+    </AiTopFixed>
+    <div class="list-content">
+      <div class="item" v-for="(item, index) in 20" :key="index">
+        <img src="./imgs/xz.png" alt="" class="choose-img" @click="checkClick(index)">
+        <div class="item-right">
+          <img src="./imgs/user-img.png" alt="">
+          <p>222222{{index}}</p>
+        </div>
+      </div>
+    </div>
+    <div class="footer">
+      <div>确定</div>
+    </div>
+  </div>
+</template>
+
+<script>
+  import { mapState } from 'vuex'
+  export default {
+    appName: '群列表',
+    data() {
+      return {
+
+      }
+    },
+    computed: {
+      ...mapState(['user']),
+    },
+    onShow() {
+      document.title = '群列表'
+    },
+    methods: {
+      getTotal() {
+        this.$http.post(`/app/appwxuserfamiliarityrate/wxTopStatistics`).then(res=> {
+          if(res?.data) {
+            this.form = {...res.data}
+          }
+        })
+      },
+      checkClick(index) {
+        
+      }
+    },
+  }
+</script>
+
+<style lang="scss" scoped>
+  .groupList {
+    .list-content {
+      margin-top: 24px;
+      padding-bottom: 160px;
+      .item {
+        padding-left: 32px;
+        background-color: #fff;
+        .choose-img {
+          width: 48px;
+          height: 48px;
+          margin-right: 36px;
+          padding-top: 44px;
+          vertical-align: middle;
+        }
+        .item-right {
+          display: inline-block;
+          width: calc(100% - 84px);
+          img {
+            width: 88px;
+            height: 88px;
+            margin-right: 24px;
+            padding-top: 24px;
+            vertical-align: middle;
+          }
+          p {
+            display: inline-block;
+            padding: 44px 32px 42px 0;
+            width: calc(100% - 112px);
+            word-break: break-all;
+            border-bottom: 1px solid #ddd;
+            box-sizing: border-box;
+            vertical-align: middle;
+          }
+        }
+      }
+    }
+    .footer {
+      position: fixed;
+      bottom: 0;
+      left: 0;
+      padding: 32px 16px;
+      background-color: #f3f6f9;
+      z-index: 99;
+      width: 100%;
+      box-sizing: border-box;
+      div {
+        width: 100%;
+        text-align: center;
+        line-height: 88px;
+        background: #3975C6;
+        border-radius: 44px;
+        font-family: PingFangSC-Medium;
+        font-weight: 500;
+        font-size: 34px;
+        color: #FFF;
+      }
+    }
+  }
+</style>
diff --git a/src/project/qianxinan/AppGroupGrouping/imgs/del-icon.png b/src/project/qianxinan/AppGroupGrouping/imgs/del-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..24310a30705fc0c09bfabd565ec25dd2698b0cac
GIT binary patch
literal 2337
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
Hu0mjfd%bEe

literal 0
HcmV?d00001

diff --git a/src/project/qianxinan/AppGroupGrouping/imgs/user-img.png b/src/project/qianxinan/AppGroupGrouping/imgs/user-img.png
new file mode 100644
index 0000000000000000000000000000000000000000..d9620e086f8e6738ca671aacc434531257ce7add
GIT binary patch
literal 1467
zcmV;s1w{IZP)<h;3K|Lk000e1NJLTq002q=002q|1^@s69MHmX00001b5ch_0Itp)
z=>Px#L}ge>W=%~1DgXcg2mk?xX#fNO00031000^Q000001E2u_0{{R30RRC20H6W@
z1ONa40RR91N}vM(1ONa40RR91N&o-=06xuyNB{r@B}qg<RCodHoLg@jMHI)+?#7oG
z$B9YYCQX5orWFtf^Z^Nac_~t=z963Z2@n#md=TDHC4|I#zd)rvR8(rAZ-`1oh(am7
zL349UT(@>=FXz9hrE2YUXJ=>6#`Yd*W$$?Q>^Z+VGdr_09*cbP?d6T7Hnlz{*IjYR
zdY#BE`mzk^sa3Pcy-k*N!6xUsFOE-Nf6-B^b8_ywo87FgeeDu`$&l<$`bd6SR-3_`
zeYITq>dcbW1OpEgAZ=7v&y!0hM-ohs(-vKvF7G)FSYG5Hl2S-LXmQ|pY!FdslUmfe
zHuBZ22PZFytD!^Avi-c_9_=<M2oln{y#^y2Pq%*g(%(E-EA~zoAjQ#-02pzV8<l=i
zKNK(f%`K*F)5{n=|2+kjf>I=)m@SPcMNngk`C`kKaV%P_<Y@m?mMX;zjc0bs?#XtW
z)@s{y_hFO%SZmOBi$|deN@AdF9%UZcU!djr0_DcK13Tk5RLVPaa3)V59ca_Fdv*Hx
zZk^f*@k#_#F=x~1ccy6i6}8&~<cDt*X@Q}g|Mel&8g22|>MqKdO_<2r^x1M*8Pbd9
z04%PB4rvj+BdXiVTa#4GIof{W+Ec6px+Fyu)cf2Xp}~$SGpyqS)+H%opwM2U;Wj1E
z)#DjpN`03eF;MgT`0qUWyR6Vi$a6OWI;BJo)TDW*=3~$q1YQgj`b4H>a@@SmAREO%
z6|&}U6^G8D1ZA?#3j)+hH($&h&A!h#oEplAvV=Q`zH*9uDi%?3jQ-=$8ALP%6-36D
zo`UiL2|5)6Rd1SqH4=x;#6hh;eimedcKSvPI)jW6i>TGD?I0Vp(;vj3GsqY*P<N_L
zevNDHJuY-Xr<90+YVzcONynfII;BJm6dd}6CkRZ5NnI*7iGsTSXlMFK#jt*P?(q~B
zbV-URC^&ZM#(z9Vr{7gTZ~O<=AuZydws@-P%FUX#pI2^f5p+n4I4C&y+k>a{_huus
zuebRcT$_X>0t${^y%j#HbgnT4H8D`tdW*tzLXmfquSrT00|kexb@gFQn7nboOcYd@
z35Sy4L_#mniGg}|Zk*;qOgGJyvh?1*@m@ZNq$L7si6I?Z2>)NCqi+^zX*L;HYU^$c
zm05vjcRyx8hbnn3jTXOnKe0GLv!x9E_*adv*i1@d2ZcF>z3dp^9Nv>BtgwqJhgi>n
z=^XvO`jl?)f!8f@507I3RW3L*$8h#>8}wQ^+jB)-R9FCxDvYD?tnIy-xc{h0|L_>F
z`ow%U!Wby5!Cailc_obn6q14!d5aveI3TE!w>BE|=X%3i18TyS$e?B?GG4p0mp^xl
zV6ydXZuD`WTK>di%YP%j4UJUvSk3$C@)YeRNdCftZLkrxMiFgLh@?*rmw1U_^u{@g
z11i_TM%W6QbwwN0@q<PFpYra9)ByuqVY9AifkHn9>nI0JU^8sj5iL*)+=m%d(Y0L*
zRAnOa!!j|>y0&Y9n#>O_C|%pNK;^~;rxEvuuCDD`pa$q+=jX&v>aHZE1T9dK3%HcL
z2$4zGcCE(d`>X3AOdF1@S`jrIu7~p?1*OO<1(kwQB%qj$BgzUtWvi%sc(PeF{v#!C
zSC&d&0$^lgPq)6g(jU3f@xFK1_>RBG&HD@*cxD4eHg*T(Uj5lYvtP<yumK~ldw|^m
zd0W7XQa2x%`!Exa4IAu%!mfbW9gts_ev?*1rh@GynMG&EL=<e-SUTOXwD*Rk{{wHl
VVH*lAC%^yz002ovPDHLkV1jT#mkR&@

literal 0
HcmV?d00001

diff --git a/src/project/qianxinan/AppGroupGrouping/imgs/xz.png b/src/project/qianxinan/AppGroupGrouping/imgs/xz.png
new file mode 100644
index 0000000000000000000000000000000000000000..98f78cdab2ae85e91b206b3aa327d3557742f637
GIT binary patch
literal 1489
zcmV;?1upuDP)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00001b5ch_0Itp)
z=>Px#L}ge>W=%~1DgXcg2mk?xX#fNO00031000^Q000001E2u_0{{R30RRC20H6W@
z1ONa40RR91FrWhf1ONa40RR91FaQ7m0NXcg3;+NHJ4r-ARA>d&noVdMM;L}@cBNJ^
z<PfNvSjC3~9|8u)v9_d#78*!%DQ)UPa%xY-$Mg@9v(HILe{w86B_{{krX?4*kV1Qi
z>B?~o1|NbirdCoHaxgS%CGGZo=f_^#iltpyyV8Qav%53jJnzmovoqgFihVd%S62_L
zudlxqhT&-;<Z+lBLHdxC@*vG4y@B*oBp=~w8R>h2gM&X04-Y@%^G*(#wD98M;-Olt
zaV`vlbFgt1e*-aX{e%3oQaX3?dH2rP*cb)IK4J^-{j~wddHi`0gqKm9dc%05A>Qm9
z&Ub@AuDGsPLwc=HC{##PtyYK73dKf46dfl#hV<KLsZ%)H`ZpX$UI~ID*FCRDVQnAQ
zK+6KC%$=W~|0oQ_G%^pd03d$>_-%mxI66A|nD^Q}mX?-|K-jymavrwNm~s^<#q`9)
z#J8~BXvbDt0u~k)UTHLfA5f7;qp0M*5V^~x(uv>Nsiak&a{1vKLe#I|<-DftOW$>!
z_r}M^|7=yZr2yZ5cnZe9hatZ86~JFAl}g{WGMwajxm<o9UUdzvdKBg1ez{4{J2AJH
ztvv<6;0Jgs-@rhD?vl^vE+p-2dqG5>>A|5sW8A8W7dC|#b}O1EntrYT1AkLzmN!bJ
zlb^Ngm(dE6q}kuf<p*D&B`&f&M11%>5lsacxA_%i3qm-bdfv&eXejN&_aA&BMDQi*
zt-_t&Z01h81hB)_>y1B92tF@wc;3XvX@f`W^Zog+O-odAIrr6_9ova!X47%BAv}Ga
zZWDc;McTM7hHEioMnX5ru}y#;=haZT!Va63&qslFrpZ7S++X1^PR3}SO#%GEnvWDa
z&82RSHc^OHX|j-s`N&9CTV_)Lrw6zR*Ae%-HO|{glbp#!HZmGkWkw0$*lXrCQ0OY9
zNh;}f8OugiGP6D<fU`=Z53=KW-uUm`21#n4Y-A*>Vb%i7lo<ErOj6_Nl?!jPF3aq2
zF@o!}P!<*nFZ`4qNV1wZ^Cc^p$?k9^g$wlRa4znYI2l4`r8Hy63ElwN9gMA~X%edL
zc4j)g(w3F%=)`IbE4Y$M523S~wpitHjzS|e$7Nt=X45MjVI83hsqqxe(l-JuE7=`f
zsD*hxpYIz1mX+-4L#AEG-8HpN&ne>7<hom|bfFCvXXqoIne1{~R<hHDo)QHY#q5yc
z)ofYGP8UMBPY4E`;+e@VcZBs31cb{(VZ<yuq<A%Nv4+cZp?fTjW<j{GKMu=EcF76R
zlP7=ujf(??!i&XTpAYGf<iBeW@$B&7mtS&Bh<g?{q>fegb}NvPte~7FyZR0=#I3RA
z`QFASoo2MmN&w^Yc(MUyXLO*oH)W8GjAS*;dPT-nKjZTnyKc_CC_=N5)kaNJ3lNo?
z3piC6;%1b%*YI`ZT7};$hE*YM3gFHN!WPrK3lUfCs$b>G_#atx*qsY6F&*8-*%UxV
zvoqo&d8}4bA?|HqyexFU=UuYkwI0P#?~^ggu}uInG`KT@3~(iOXok46J;-1>ZiQ@Q
zj1p}Vzy~_|o0~)uA?@&@4sl0|q?gupt33jS*C%&Irb)6(0B<r54_}*Nn(=vtxY?BY
zy8HiGmkz6|y#f0DRI|MSlI*#N>FX^f`=0xHlh2B1w#~{w>wd*ieShI~^v$dM1}V3|
zXtQtItX2g5viU~0oMA{Z?krZ%D*t;21H}b1%CM^LY;;=@JjeN|fsG#2YPBLDv;C<-
rR0PxfI`-v{J$4G=H5Wx${oLk%)9=4SDWBtd00000NkvXXu0mjfj7GBY

literal 0
HcmV?d00001

diff --git a/src/project/qianxinan/AppGroupGrouping/imgs/xzh.png b/src/project/qianxinan/AppGroupGrouping/imgs/xzh.png
new file mode 100644
index 0000000000000000000000000000000000000000..967fa399ea01a0d7fced8adb1f7a3129aabdeb2c
GIT binary patch
literal 1730
zcmV;z20i(SP)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00001b5ch_0Itp)
z=>Px#L}ge>W=%~1DgXcg2mk?xX#fNO00031000^Q000001E2u_0{{R30RRC20H6W@
z1ONa40RR91FrWhf1ONa40RR91FaQ7m0NXcg3;+NIEJ;K`RA>d&T5oJrMG&9ayJD%m
zR}d0KjUS}Ff`!yX5lKYRM2N=7pNKKhssxq97&K^z7;KjUA!_7<kr;w}Fd9_+fK5M0
zK!Xwg28cl;mV-}5ASMl@_s&v!?Hgwv-E(`r-h20_*LIW3?wg(2`OW^D+1*1ZLt3<x
zrd~|C4|;_6BY1NNpdJaQ147Jip1>ufO9*h5Ky@jkBiA{x!#{1n%cZL4Hj7L1chK~{
zEADb6SWZAofuN?KmJoUo@DL$%R9_S8_<a*zDoB2axnKkC&{UIz)CTmtjoi~$d$<_Q
zmJEY%NvXFTsNH!&W3N>eSPX5z>irZsc`CIQJks3bvjST#f`Lcm0w~nYx7F_b;&B`d
z(?lo(;@f&}f^_;zBDgb5qowj7!f~joT9MdXb1tZ@Km!`udlupV9vG`$9}S?421RM*
znbx{rM&l8>%2(N_d!B+p{I=5I1(UCnb^93dfE;xMM9}l#<2<qzt5OPDPV2f)aw*Jd
zfJ__dc_6CJB~)=5Vjo0kNv`QM!T^84_75Bzk7<*yWBeUzN_0W?!XCB;WUKUdn=#rZ
z^8pO1^E;GxLLZ~WJj?*u=PR{US{OnX1)J}SEQyQ(;$g)}S#{%5R0?-vG<uf;^&&tH
zXT}(PtV8Ic2Bm}tym^g@hc!Baa)s)>(>nI@5Z|%5PA(!3T5LI)N>{PMHlh0?Ac2|0
zHa26$%Lx0rbnPp{^b+Ls#DY~Y3$Jg0M3v<V%!UC7`N5&XLFY#2SwxO)hf<U7t7mWa
zy!p0s!77-A<{Ka(vCUA?GUCtGwa#NF)?wP{oxA<tS!wUeA)YQX3@tl1m{ATR-95=}
zwzjZ%KD)(Yz7bDN!Pw$IG+s2~w`-c#>$%@C`1yvGGw1Wf%sOYLl9SZ<fQP@PVsx1e
zUOKav+|EGoVi9+^U{`Vs%xU2m5_zt7^KaR2y5?`AW{IX~caOWDi0(18pj@ykIl~4q
zmb0E0YziWghZEZAGVL;GJP+=N9D6-tXkl`}uGqUZ1Tk~K#0PSGK}B!{_uP*`{G-*g
zY=1;WRwY`mJ!bPXZgJlskDjq<VamK4)$<78v>;}_N!XNVclMlab2?_vh&{kE2ZCfq
z)FXO8`1GG`wTJDxMxETq;9s?AVasy!p)yw=d8AO$Kc@Pt^?0RuUTifg+-qoIa#prJ
z(H{HU=51_EuJJs2%cd1n=4+cwER<K!qc@r~)fyf-aPu5~j*SSV92IO~@Vkt><lOU*
zdH{QDS}|qC+mRb2$a8H$nvzF2HkoPjvJtQIbb5`0E@l}eDfl3v>$F`PZ%;1v2zWF&
zd@m(2b|p7vVcPJ+Y!AL~(wA?s`FU-;%Zq#sFVF#-E@j?v_CE>EOEx{;o@%B6>MX};
zPq6bMhO@SUd}Vepjs2AVp<$~#*XCm*KH_uhDn{IA=nVerDs)=3=EXad;=1ov81xSE
zXPu#yk_&bvca;S-LUc2x>8O8hwgkJ{oKB3uQYQ5<_~Q(IC41R^!!mDs>Uxs+hUf-E
zD>e7;S>>X&(1s+);tBK39Gw!tnUrXCjw%(omq+3u2A?t&3pF|Y{e#l;vkk2rxnM6T
znBxV^5hS)`Z;v)O4iT!)c`k#e`)qp2WfRQF6*mJpR7`_B5>>pA_Qkc!$G?$D4&dj>
z{j}`hS(RWG?7kn6EAEl%LsEzodETygtJ{_>aq^VAo9FzBY<fAq4QAf}xu5419q148
zDJJlAT=%@MHTiAE+mbstL|B_orr0{cDwsu{%U4r_b~l6PZ8hJ;=DY)a#y;WKl0t+a
z<x0JIM#ug?)C<2nF7Uj%5F{H^&kpa2u>>y|1*^f4iG}=^5q?}S6%#gRjP@%|#sC2<
zFC*fFCMtNrCKzpenKfXDllpR3jF8)3c^R?e8e`nJ<s4%PrtF((!82?M8Gv#R&u%*B
zrIO*PWG+~8y$uM4oCZjRyokul$heLK_k6zB8NoSX4G7Ur6aA4d&;T)JB0sZ^I)&^}
zkj2y7<lK!)tt*GKv)i`I(zfUjUAY#l&1=e`M!+yjK574IU>hOjN&9DyY(wOGJpXR<
YAB0b%2txdb<NyEw07*qoM6N<$f+k!g^8f$<

literal 0
HcmV?d00001

diff --git a/src/project/qianxinan/AppGroupTags/AppGroupTags.vue b/src/project/qianxinan/AppGroupTags/AppGroupTags.vue
new file mode 100644
index 00000000..21be3962
--- /dev/null
+++ b/src/project/qianxinan/AppGroupTags/AppGroupTags.vue
@@ -0,0 +1,138 @@
+<template>
+  <div class="AppGroupTags">
+    <AiTopFixed>
+      <div class="header-flex">
+        <div class="item">
+          <h3>100</h3>
+          <p>已打标签</p>
+        </div>
+        <div class="item">
+          <h3>100</h3>
+          <p>未打标签</p>
+        </div>
+      </div>
+      <div class="select-dept">
+        <AiPagePicker type="dept" :selected.sync="deptList" single nodeKey="id" @select="getListInit" isRequire="1">
+          <span class="label">{{deptList[0].name}}</span>
+          <u-icon name="arrow-down" color="#999" size="28" style="margin-left:4px;"/>
+        </AiPagePicker>
+      </div>
+    </AiTopFixed>
+    <div class="list-content">
+      <div class="item">
+        <div class="label">餐饮美食</div>
+        <div class="value">100</div>
+      </div>
+      <div class="item">
+        <div class="label">餐饮美餐饮美食餐饮美食餐饮美食餐饮美食餐饮美食餐饮美食餐饮美食餐饮美食餐饮美食餐饮美食餐饮美食餐饮美食餐饮美食餐饮美食食</div>
+        <div class="value">100</div>
+      </div>
+      <div class="item">
+        <div class="label">餐饮美食</div>
+        <div class="value">100</div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+  import { mapState } from 'vuex'
+  export default {
+    appName: '群标签',
+    data() {
+      return {
+        deptList: []
+      }
+    },
+    computed: {
+      ...mapState(['user']),
+    },
+    onLoad() {
+      this.deptList = [{name: this.user.departName, id: this.user.departId}]
+    },
+    onShow() {
+      document.title = '群标签'
+    },
+    methods: {
+      getListInit() {
+
+      },
+      getTotal() {
+        this.$http.post(`/app/appwxuserfamiliarityrate/wxTopStatistics`).then(res=> {
+          if(res?.data) {
+            this.form = {...res.data}
+          }
+        })
+      },
+    },
+  }
+</script>
+
+<style lang="scss" scoped>
+  .AppGroupTags {
+    ::v-deep .AiTopFixed .content {
+      padding: 0!important;
+    }
+    .header-flex {
+      display: flex;
+      background: #3975C6;
+      .item {
+        flex: 1;
+        padding: 48px 0;
+        text-align: center;
+        color: #fff;
+        h3 {
+          font-family: DINAlternate-Bold;
+          font-size: 64px;
+          line-height: 64px;
+          margin-bottom: 8px;
+        }
+        p {
+          font-family: PingFangSC-Regular;
+          font-size: 28px;
+          line-height: 40px;
+        }
+      }
+    }
+    .select-dept {
+      width: 100%;
+      background: #FFF;
+      box-shadow: 0 0 0 0 #E4E5E6;
+      ::v-deep .AiPagePicker {
+        padding: 22px 32px;
+        div {
+          display: flex;
+          justify-content: space-between;
+          .label {
+            font-family: PingFangSC-Regular;
+            font-size: 28px;
+            color: #666;
+            line-height: 48px;
+          }
+        }
+      }
+    }
+    .list-content {
+      padding: 24px 32px 0;
+      .item {
+        padding: 42px 32px;
+        background-color: #fff;
+        box-shadow: 0 0 8px 0 #00000005;
+        border-radius: 16px;
+        display: flex;
+        font-family: PingFangSC-Regular;
+        font-size: 32px;
+        margin-bottom: 24px;
+        .label {
+          width: calc(100% - 120px);
+          color: #333;
+        }
+        .value {
+          width: 120px;
+          text-align: right;
+          color: #222;
+        }
+      }
+    }
+  }
+</style>
diff --git a/src/project/qianxinan/AppResidentsType/AppResidentsType.vue b/src/project/qianxinan/AppResidentsType/AppResidentsType.vue
index e5cf3186..15547190 100644
--- a/src/project/qianxinan/AppResidentsType/AppResidentsType.vue
+++ b/src/project/qianxinan/AppResidentsType/AppResidentsType.vue
@@ -32,7 +32,7 @@
           <!-- <div v-if="deptId" class="gateway-name">{{deptName || '部门'}}</div>
           <u-icon name="arrow-down" color="#666" size="28" style="margin-left: 4px" v-if="deptId" />
           <span v-else>部门<u-icon name="arrow-down" color="#666" size="28" style="margin-left: 4px" /></span> -->
-          <AiPagePicker type="dept" :selected.sync="deptList" single nodeKey="id" @select="getListInit" isRequire="0">
+          <AiPagePicker type="dept" :selected.sync="deptList" single nodeKey="id" @select="getListInit" isRequire="1">
             <span class="label" v-if="deptList.length">{{deptList[0].name}}</span>
             <span v-else>部门</span>
             <u-icon name="arrow-down" color="#666" size="28" style="margin-left:4px;"/>