From 960cb31a67178e716409eddb1f6c3cd721f00960 Mon Sep 17 00:00:00 2001
From: chengdandan <2549057906@qq.com>
Date: Wed, 22 Mar 2023 14:53:05 +0800
Subject: [PATCH] 20230321

---
 src/api/personnel.js                   |  29 ++++++++++++
 src/assets/weather/1.png               | Bin 0 -> 430 bytes
 src/assets/weather/2.png               | Bin 0 -> 376 bytes
 src/assets/weather/3.png               | Bin 0 -> 442 bytes
 src/assets/weather/4.png               | Bin 0 -> 485 bytes
 src/assets/weather/5.png               | Bin 0 -> 455 bytes
 src/assets/weather/6.png               | Bin 0 -> 388 bytes
 src/assets/weather/7.png               | Bin 0 -> 338 bytes
 src/assets/weather/8.png               | Bin 0 -> 455 bytes
 src/assets/weather/sun.png             | Bin 0 -> 621 bytes
 src/components/common/pieDateChart.vue |  58 +++++++++++++++++++-----
 src/views/login.vue                    |   3 +-
 src/views/modelScreenComponents.vue    |   4 ++
 src/views/personnelComponents.vue      |  59 +++++++++++--------------
 14 files changed, 108 insertions(+), 45 deletions(-)
 create mode 100644 src/api/personnel.js
 create mode 100644 src/assets/weather/1.png
 create mode 100644 src/assets/weather/2.png
 create mode 100644 src/assets/weather/3.png
 create mode 100644 src/assets/weather/4.png
 create mode 100644 src/assets/weather/5.png
 create mode 100644 src/assets/weather/6.png
 create mode 100644 src/assets/weather/7.png
 create mode 100644 src/assets/weather/8.png
 create mode 100644 src/assets/weather/sun.png

diff --git a/src/api/personnel.js b/src/api/personnel.js
new file mode 100644
index 0000000..7dc8cb9
--- /dev/null
+++ b/src/api/personnel.js
@@ -0,0 +1,29 @@
+import request from '@/utils/request'
+import axios from 'axios'
+import qs from 'qs'
+if (process.env.NODE_ENV === 'development') {
+    axios.defaults.baseURL = '/'
+} else if (process.env.NODE_ENV === 'production') {
+    axios.defaults.baseURL = '/'
+}
+//设置公共请求头
+let access_token = JSON.parse(sessionStorage.getItem("token"))
+axios.defaults.headers.common['Blade-Auth'] =  access_token;
+// //获取token登录接口
+// export const getToken = (data) => {
+//     // axios.defaults.headers.common['Authorization'] = `Basic c2FiZXI6c2FiZXJfc2VjcmV0`;
+//     // axios.defaults.headers.common['Tenant-Id'] = `748495`
+//     return axios.post('api/blade-auth/oauth/token'+'?grant_type='+data.grant_type+'&scope='+data.scope
+//     +'&tenantId='+data.tenantId+'&username='+data.username+'&password='+data.password+'&type='+data.type,
+//     data,
+//      {headers: {'Authorization':'Basic c2FiZXI6c2FiZXJfc2VjcmV0',
+//      'Tenant-Id': '748495','Content-Type': 'application/json;charset=UTF-8'}}
+//      )
+// };
+//人员统计
+export const getUserGroup = (params) => {
+    return axios.get('api/ems-third-party-service/user/group',
+    {params},
+     )
+};
+
diff --git a/src/assets/weather/1.png b/src/assets/weather/1.png
new file mode 100644
index 0000000000000000000000000000000000000000..d434ac7347f6c3e663a3cad46379acbfa36743cf
GIT binary patch
literal 430
zcmV;f0a5;mP)<h;3K|Lk000e1NJLTq000sI000pP1^@s6&|3WY0004XNkl<ZIE|f?
zJ4*vW6otRZ3j-<=)3{b*AqsA(sEwt8AR0+$kwy{3RJQ&GQNdOOABB)AZS1tM+uFtl
z8?Z7Gg(PN21~#}GW;dGC%+8#94`<HY6@(yLlH<TBkO3ON8L(f@iDq|K%)2R8WCU0P
z7Nz9<rB317VbZ1Jz#fnQcDjXxM?`(!02`e%M?&=z8f{;X1Ek71Q44ak>J?Fl2pCO*
zUH1to*O_cd&bgu|<(znm6)Q3d6m)hK2BMHo!bcODzs{~aw^;%fl%peHH!Sqw1PsOD
zwGJ)E9|@4|*xU*e=|Bh=OlYZgwj}dPsHUYgP~mGZ1zf7DZ2~ijZ#kqIZDxanzFIt}
zMMG6X2U0;=MiMx8=jT?K_OY%mraSC{deJ;!1KUAGp^l_wC>M{w7_cl%`!1+9(!<RN
zaOe)+g|v*tzJ!EnzX8u~KG(vu@B4M6umV(ogRr8%ggp(c3)A-hy8nT+j0tHO^F4cj
YA8aFHihNU?W&i*H07*qoM6N<$f=~jqhyVZp

literal 0
HcmV?d00001

diff --git a/src/assets/weather/2.png b/src/assets/weather/2.png
new file mode 100644
index 0000000000000000000000000000000000000000..6d830f622c91bbf671190ca4f34c3e0abddb97ab
GIT binary patch
literal 376
zcmV-;0f+vHP)<h;3K|Lk000e1NJLTq000sI000UI1^@s6xl0bA0003$Nkl<ZD3P6!
zODIHP6o9{fX0G>ZGfiD9DK@%dsg#9<bjxEmC8b#q8#X4z&O%vCR#uWy%HpoD9t)C%
zbT@27$+ci3T#t-jr|zvW%_Q^fPUrNUm!br=qicaUaJx6Ea#E#Tvl{3C-hh;{ygBWf
zQDu3#NTJ4dbi{V_3h)SA19!Hghl8}#uLq(N?V2WVq+Qd96`5xdNaw`~V0S0Gnu1I-
zFb1pvZ9oQ?0;+zkW;@ylCTS?N8|rhzX>G{@?Ljl)6_^KxVu7F^NCK6`BtnIH?>zJS
z62~utMo--V-8I=TbqZ`M+tK5|R;i<hD88RHk@_&6iKp)e8n+ju2hb(QTmDNT<V%G8
zrwN%vo^YrvZ(2lh`G3<Cd+@)su>?dV7SUxnqI17DIdXL~sVwgz6wLx3<;a5P0Pq7F
W3Ri3fFC-QK0000<MNUMnLSTZnL!F2K

literal 0
HcmV?d00001

diff --git a/src/assets/weather/3.png b/src/assets/weather/3.png
new file mode 100644
index 0000000000000000000000000000000000000000..fe50d338454c746c7c9bd73bfb598678039520cf
GIT binary patch
literal 442
zcmV;r0Y(0aP)<h;3K|Lk000e1NJLTq000sI000pP1^@s6&|3WY0004jNkl<ZIE|gs
zy=zoK6b10#Y&M!A5-^Ic!BVjlv{6AV1PfE>_WlR5l?Y)$EL<x=u+YZBR)iF?NSZCR
zx3I7ig06)KlKA<O9T|Kf&-dPLf~Oc}?#G#X&%MC}EH1~Bc!;z3n&0pC+hMbu)hru2
zgLn!TvytY<b=}QqU+&tEJD9@la$YEr+{4n=dldQfou3>3<g6#semi8fM4drAgV*Js
zvJtCmmG-aT5`N)Pza3VaImzW1ErlAzrW?%9u$J+ATbX{Lh;umK=nP`&cO?WDsx*Hw
zx0i)kX0{bAet9q*4cr<>P}X2>PrYw(IbKUdl~ImEthb-QvsCO2q>(3K7dA$YjwAY(
zd4pk%>;1%qOz6eoEKcJXo_0ektBb2FWDTz3Iu0b6aKA37u?wOPIF2Kj@5SNN|5o$`
zPw*M9x}mk};Z)Fz!|5$s@m|D^Vi%DM{~Ry6q4l`vo7h^e#{<0VhSmyx;4R*jV|UUh
k?ebw9N{?Kho0Ta10Zl|_*cJQpQvd(}07*qoM6N<$f^dP-N&o-=

literal 0
HcmV?d00001

diff --git a/src/assets/weather/4.png b/src/assets/weather/4.png
new file mode 100644
index 0000000000000000000000000000000000000000..6e46ec5b574b17bbb3870504e9c520e5b72bb92a
GIT binary patch
literal 485
zcmV<B0UG{^P)<h;3K|Lk000e1NJLTq000sI000sQ1^@s6R?d!B00053Nkl<ZIE|H(
zze-#|6vlsZ{R<joHN`Fj3k$J}V$?zsi3AL2A=_-D_yB>8*jOwGN~Y3A(B3ByizSs?
z8W0~rNR@C!xJu$G=<ePlV`k$zJFfb{y));WIp3W5&QUbL%&rUo+rR|y2iOF3KCLQl
zR<rBK7GxNhEXS087s*wG9vkWgR_%Vx%~KA^Hy~HFV}bAzt{>k27kHgdtCE)}TaZ!U
z(7oxV0>6rN&wme$n=r7GPpk80OY%-&#V1&66C~Q;q6Fpmzq?>UcK;ce3bF;s0!Ip_
zJv?_vw8NXuf239ZnsA@_1wP??2o!X+dPC97uDlH#_J&aYVHpDsj7A&42jeNnB;)&b
z*Ws$fF>vY${jBroNKy}M37fQp$tR!gkeIf9*O3I4<RkFOG*(NvRC8`iN0NAy2v`9I
zfmv(60@i`AK!=vFS4T1ed;yjl5e?gQ$gXA-s}p=<zl^mrwTUj#ycK`b+NMv7*1pcE
z)CsU}1>b8Znu}VowS+BN!a3hLx1u`aRI0*RazRJZ4zw7pUR23l1(EdI_1Q!F7}1Ys
b9RzLxcn^vfbM|do00000NkvXXu0mjfZo}9%

literal 0
HcmV?d00001

diff --git a/src/assets/weather/5.png b/src/assets/weather/5.png
new file mode 100644
index 0000000000000000000000000000000000000000..10c43aae31b70b6755a4e878c41fb3d2c3efd30c
GIT binary patch
literal 455
zcmV;&0XY7NP)<h;3K|Lk000e1NJLTq000sI000jN1^@s6>4u*Y0004wNkl<ZIE{^y
zO)G>^6o8-CjE{UIl%+H_Qpm?jlx%EfH7Q%HtcI{qSWtImLpJgQEG&k_WTO!l@*8Xv
zk<Cr=(Tt3v%N?#eFFEzrIrp6Nyyu*IZonTBPf0DX4vgBUZD2Z`2p;^bsDF^mNDSx^
zxW2eY0fUZv0x<9qKQHhg%fM3MJo^f_&+sNiRX3#*!Br?InUNtN<7eFGKxd0UlRz6#
z0&Juc!Fkj|dVra*X;qg&E)P$yAm5d3Iw5^#6wzcxrhv6Dh>=JDjg_CUn@1?_l6q`u
zE5AWpDUU#9X}B+*k}(5{{0H=hGy_{^M)N?gi4%yv<Z1Z@p3mml19Bn0%O94~QtjC#
zjvi53`U~eu%d8vg237zE-k)|I*Z?qYb+eQ)H_+Ye7hur??H6`!p&>W|%xCmFr9W=F
zSd^9@&qZlz_v|@GuT@%(-PS)8rKJWqEI5>wR^U`=DYv%S`c<W+%I0+f9cC;1*1CXh
xz|85{wz*?&%KFcM;f03a$+mU^)P0o;yaTs*in9d3<B0$O002ovPDHLkV1lr?$;|)&

literal 0
HcmV?d00001

diff --git a/src/assets/weather/6.png b/src/assets/weather/6.png
new file mode 100644
index 0000000000000000000000000000000000000000..2dace79701dfe421076d680f1119f15c4a454dd3
GIT binary patch
literal 388
zcmV-~0ek+5P)<h;3K|Lk000e1NJLTq000sI000aK1^@s6ZxZdi0003?Nkl<ZD3P6!
zze@sP7{@<%UYw=0Nc2M_DhgT*Dr$?Mq2*dChqg8&$p59Sp+BG;ZYl~viW=H78k(Z1
z0waS=Bk#O><MNPG&ji223(t@D^L%+8i7q7WN9KS-U<Nn`wz~pRgQ-9USOU&Ef;3%3
zff(>`vMv>yU`gNru;qUMeVQ(gfoI?b$ZNXT^FSOED{lDF){&-*G>~Y{hveeM(fITN
zuna7^>0QO!l*)=QuvxX4%72rnSgixfcK?n$;0?G0PNn$kbsdz<h?phF1tcPh4AC$Y
ze&Dmx!WvzBe2D{tF6<5@>LAnRLJbh{{)hyjWPl|aKx4p_C!PnklvGv>RBiTUi3z`5
z4Ta##fTB@P^)$6iI*;Qht;m0i^OYI^wYTP~Z2GpmYq}VA&fgZ|Rj}bK4O#_qPWcv?
i?F2F{3P8!X2v5HaabY<T3Wc2j0000<MNUMnLSTXg-=}l{

literal 0
HcmV?d00001

diff --git a/src/assets/weather/7.png b/src/assets/weather/7.png
new file mode 100644
index 0000000000000000000000000000000000000000..f95466f8a174425e0b08165044210463f397788e
GIT binary patch
literal 338
zcmV-Y0j>UtP)<h;3K|Lk000e1NJLTq000R9000mO1^@s6#7I>`0003QNkl<ZD3NuM
zu`9(<6vsd3hfO49crT@_x+_U0Ns<hhWHh{u!SV(M_e~b@7w`v|WHOr78{T3d<z~61
z7?g5#ex0AL=Q(w{_ntoYd%ovh!6LP5OTab1;{%v2veF@cV@F)LD<M;v?n2JQg$vyj
z|ESyod)1-nq4EN(iwmDsp}&X9IWUvjHQm373pd(Ml|}$>&^~Z!IaDf%3$JE=zDw~)
zTu=}(KyO5AuW<#eiVI))bPE}94{WvS&l5hT%^X^`^&MC<3n##-k7>BNy=d#UxX|%2
z%>gS`+tqiP0>*QrKqDKVp-TD$YV^Rzv;jP2Hp<}?npC4YiI22^2mM%J5EuiR3LUFa
kA5$NoInW%H#~)9?H_@R}JNr@Tl>h($07*qoM6N<$g3#5Ei2wiq

literal 0
HcmV?d00001

diff --git a/src/assets/weather/8.png b/src/assets/weather/8.png
new file mode 100644
index 0000000000000000000000000000000000000000..3125cedb0082ad69504a598197127cb7cea03e3f
GIT binary patch
literal 455
zcmV;&0XY7NP)<h;3K|Lk000e1NJLTq000sI000mO1^@s68wM|20004wNkl<ZIE|H)
z%_~Gv7{-5hW{5^vT#}R}vQi|%mdHYr@;4|=7OYsQ6A}xtRTdUDvzqN}tdxz7vXW91
z&iEP`!_2Frb9LRh<KtP}d*1V&=Q-#7a`*w`DQN(<feD}h>;UuWgi{EzV!@4MMp}XX
zl5l<g$QsaXUDd{I|I<O96A+mLR)DCnUyE?{3?=!-DFSXf;XH&2B{R|k90hNBD!|Q4
zS@@$shh6Wc6V6@CiZlZ=VcCjTLGBIm@8Ek_3aGW~F<>~B%*Z6LXJaoz#DV5G<V~2l
zFR@zRxpwo30GpLW{HTdSUHGZ&cuG2rP~&eR9-`sR(ghrv9PI;xW=DjY64X}`$`?5S
zav`p>zdq*wP+IzwmR^sjw2UY%Z9aQSX=w@yM?!8|239S}WMu<bvbIV0I<OcdeM_Ix
z;sUqUbZsF{fj3h)U;sD(E*D&<#m^1STGkG!!M$m0)49OKg6ou&mSbC-vI(dNrDaR$
x&yM$AJEXMCRw9Ju$ipyT=Ffu(Ybf+2@Bv6Vd)r;{)I0zH002ovPDHLkV1o3V%LxDg

literal 0
HcmV?d00001

diff --git a/src/assets/weather/sun.png b/src/assets/weather/sun.png
new file mode 100644
index 0000000000000000000000000000000000000000..a1b07cdd94a2a03469e405096c422240f2f40ea6
GIT binary patch
literal 621
zcmeAS@N?(olHy`uVBq!ia0vp^LLkh+1|-AI^@Rf|#^NA%Cx&(BWL^R}E~ycoX}-P;
zT0k}j17mw80}DtA5K93u0|WB{Mh0de%?J`(zyy~STEL88gA~qMxhWK=?7F9mV~B;|
z+7MfBW=Da!JAX);E||KuLo7<tb+X2`&Onxl9AQoIKg5r?iCpp8Ak5s<%W}!X!E^0N
z)z(ZF>4S%y-l)_y9ot=)x3~3<nwprL%=>${&5O&8H**I(T@<3>DpDA_u`w)X!J8TD
zXWTx&Bx?%a&(O06HD!Ay%0(4)a4jsUm?HdCL^4aJX?G#39oO7xZr3NKo!DR5*dw>1
z@NU!1DTf{Y2*%uE{;cUPBOJoo9jvv3qhq(r6{YKf3lF^W{qTFc;Pw4W^a3B7U-wK>
z6ff`Y7Si=oDrt%`N@V`>X5-=f<I4ZnpX2^+F{dX$&4#6IrrLt8Sf?YA-;VECW-VjQ
z8}j~Y1V_W}M9)1(O`fe%6|`Ga+4yx{E{DqQLY0q7UA?vHl^Yo@<R_;dkeBB>GCyUe
zY;lO?u1~8xT*4o(-L^Kx?o^vFhdlp=_Ss5S>kFqFeaLy!&2YA~rNQmygCxO^0Rha{
z9Qf}BWNl)7S+rA(osa9%_sexrQ)67;Ma+>lQ7+A{*<k+fXFl^w50|PXyj#BWeVO~L
z?zYmDxi20?{yy?>v-QtVF{|&hehNL!oseLAeE#oK6?yl0zI_eNc>Z?t@iW>>g;Z*j
s0z`MFiNC50Ik)`S)B?XR%bVXy?_GQ-a;?DjU!bV=boFyt=akR{0GoyPumAu6

literal 0
HcmV?d00001

diff --git a/src/components/common/pieDateChart.vue b/src/components/common/pieDateChart.vue
index 30e6223..be22c22 100644
--- a/src/components/common/pieDateChart.vue
+++ b/src/components/common/pieDateChart.vue
@@ -2,22 +2,22 @@
   <div style="width:100%;height:100%;position: relative;">
     <div class="allTotle">
       <div>项目总人数</div>
-      <span>100</span>
+      <span>{{totalPer}}</span>
       <span>人</span>
     </div>
     <div ref="chart" style="width:100%;height:100%;"></div>
     <div class="jsBox">
-      <div class="bogJs">
+      <div class="bogJs" v-for="(item, i) in pieData" :key="i">
         <div class="jsChild">
           <span style="background: #00B3FF;"></span>
-          <span>项目管理组</span>
+          <span>{{item.groupName}}</span>
         </div>
         <div class="js2Child">
-          <span>85</span>
+          <span>{{item.number}}</span>
           <span>人</span>
         </div>
       </div>
-      <div class="bogJs">
+      <!-- <div class="bogJs">
         <div class="jsChild">
           <span style="background: #F1E453;"></span>
           <span>项目管理组</span>
@@ -36,22 +36,31 @@
           <span>85</span>
           <span>人</span>
         </div>
-      </div>
+      </div> -->
     </div>
 
   </div>
 </template>
 <script>
 export default {
-  props: {},
+  props: {
+      pieData:{
+        type:Array,
+        default: []
+      }
+  },
 
   components: {},
 
   data() {
-    return {};
+    return {
+        totalPer:'',
+        // pieData:[],
+        color:['#00B3FF','#F1E453','#F85B60','#00A572', '#008AA4', '#7968D9', '#C7A73E'],
+    };
   },
   mounted() {
-    this.initCharts();
+    // this.initCharts();
   },
   watch: {
     // 监听父组件中的数据变化，重新触发Echarts
@@ -60,11 +69,38 @@ export default {
       handler() {
         this.resetOption();
       }
-    }
+    },
+    pieData: {
+        deep: true,
+        handler(newVal) {
+          console.log(newVal,'==============');
+           this.initCharts(newVal)
+          this.changeNewVal(newVal)
+          
+        }
+      }
   },
 
   methods: {
-    initCharts() {
+    //获取人员数据
+    changeNewVal(newVal){
+        console.log("newVal",newVal)
+        // var pieDataN = this.pieData.map((item,index) => {
+                      
+        //     })
+            var pieDataN = []
+              this.color.forEach((items,indexs) => {
+               pieDataN = this.pieData.map((item,index) => {
+                  if(index==indexs){
+                   return  item.color = items
+                }     
+            })
+               
+             }) 
+            console.log("this.pieDataN",pieDataN)
+    },
+    initCharts(value) {
+        console.log(value,'============');
       let myChart = this.$echarts.init(this.$refs.chart);
       var placeHolderStyle = {
         normal: {
diff --git a/src/views/login.vue b/src/views/login.vue
index ec8c068..cd00dbf 100644
--- a/src/views/login.vue
+++ b/src/views/login.vue
@@ -1,7 +1,8 @@
 <template>
   <Resize>
     <div style="width:100%;height:100%;position: relative;">
-      <div class="bgPicture" :style="{ height: vdaH }">
+      <!-- <div class="bgPicture" :style="{ height: vdaH }"> -->
+        <div class="bgPicture" style="height:100%">
         <!-- 标题 -->
         <div class="title"></div>
         <div class="titTop">
diff --git a/src/views/modelScreenComponents.vue b/src/views/modelScreenComponents.vue
index 6631e24..d0cdc2e 100644
--- a/src/views/modelScreenComponents.vue
+++ b/src/views/modelScreenComponents.vue
@@ -573,6 +573,10 @@ export default {
     getProjectInfo().then((res)=>{
       this.introduction = res.data.data[0].introduction
       this.projectId = res.data.data[0].id
+       sessionStorage.setItem(
+                            "projectId",
+                            res.data.data[0].id
+                          );
       //人员监控信息
         getUserMonitorInfo({
           projectId: this.projectId
diff --git a/src/views/personnelComponents.vue b/src/views/personnelComponents.vue
index 8df7828..2b7e83a 100644
--- a/src/views/personnelComponents.vue
+++ b/src/views/personnelComponents.vue
@@ -1,25 +1,5 @@
 <template>
-    <!-- <Resize> -->
         <div >
-            <!-- <div class="bgPicture" :style="{ height: vdaH }">
-                <div class="title"></div>
-                <div class="titTop">
-                    <div class="titLeft">
-                        <span @click="goBack(1)">首页</span>
-                        <span>/</span>
-                        <span @click="goBack(2)">人员管理</span>
-                    </div>
-                    <div class="titRight">
-                        <span>2023年2月17日 星期四 14:26</span>
-                        <span></span>
-                        <span>&nbsp;&nbsp;天气&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
-                        <span>晴 12℃</span>
-                    </div>
-                </div>
-            </div>
-            <div @click="disBox" class="screenBox"
-                :style="{ 'background-image': !boxNone ? `url(${require(`../assets/pic/exitFull.png`)}` : `url(${require(`../assets/pic/fullScreen.png`)}` ,right: boxNone ? '483px' : '10px'}">
-            </div>            -->
              <div @click="disBox" class="screenBox"
                 :style="{ 'background-image': !boxNone ? `url(${require(`../assets/pic/exitFull.png`)}` : `url(${require(`../assets/pic/fullScreen.png`)}` ,right: boxNone ? '483px' : '10px'}">
             </div>   
@@ -31,7 +11,7 @@
                     <span></span>
                 </div>
                 <div class="concet">
-                    <pieDateChart style="width: 100%; height: 100%" />
+                    <pieDateChart style="width: 100%; height: 100%" :pieData='pieData'/>
                 </div>
             </div>
             <!-- 左侧模块2 -->
@@ -227,7 +207,7 @@ import RadarChart from "@/components/common/RadarChart";
 import pieChart from "@/components/common/pieChart";
 import pieDateChart from "@/components/common/pieDateChart";
 import Resize from '../utils/Resize.vue'
-
+import {getUserGroup} from "@/api/personnel";
 export default {
     name: "report",
     components: {
@@ -371,7 +351,8 @@ export default {
             numberList: [5, 5],
             innerHeight: null,
             dialogShow: false,
-            topicSends:[]
+            topicSends:[],
+            pieData:[],
         };
     },
     created() {
@@ -381,10 +362,30 @@ export default {
         console.log("this.iconPicList",this.iconPicList)
 
     },
-    mounted(){
+     mounted() {
+         this.getUser()
         this.createMqtt()
+        // this.switchDiv();
+        // window.onresize = () => {
+        //         return (() => {
+        //             let h = document.documentElement.clientHeight || document.body.clientHeight;
+        //           this.vdaH = h - 0 + "px";
+        //         })()
+        //     }
     },
     methods: {
+        //获取人员统计
+        getUser(){
+            let projectId = sessionStorage.getItem("projectId")
+            console.log("projectId",projectId)
+             getUserGroup({
+          projectId:projectId
+        }).then((res)=>{
+            console.log("res.data.data",res.data.data)
+        //   this.projectUser = res.data.data
+        this.pieData= res.data.data
+        })
+        },
          createMqtt() {
            
             this.topicSends = ['webdata'];
@@ -457,15 +458,7 @@ export default {
             }
         }
     },
-    mounted() {
-        this.switchDiv();
-        window.onresize = () => {
-                return (() => {
-                    let h = document.documentElement.clientHeight || document.body.clientHeight;
-                  this.vdaH = h - 0 + "px";
-                })()
-            }
-    }
+   
 };
 </script>