大屏

project/dv/apps/AppPdDv.vue

@@ -40,28 +40,28 @@
               <div class="item-top__item">
                 <h2>居民群</h2>
                 <div class="bottom">
-                  <span>9</span>
+                  <span>{{ groupNumber.groupSum }}</span>
                   <img src="https://cdn.cunwuyun.cn/dvcp/dv/pddv/bottom.png" />
                 </div>
               </div>
               <div class="item-top__item">
                 <h2>群成员</h2>
                 <div class="bottom">
-                  <span>9</span>
+                  <span>{{ groupNumber.totalSum }}</span>
                   <img src="https://cdn.cunwuyun.cn/dvcp/dv/pddv/bottom.png" />
                 </div>
               </div>
               <div class="item-top__item">
                 <h2>昨日新增</h2>
                 <div class="bottom">
-                  <span>9</span>
+                  <span>{{ groupNumber.increaseSum }}</span>
                   <img src="https://cdn.cunwuyun.cn/dvcp/dv/pddv/bottom.png" />
                 </div>
               </div>
               <div class="item-top__item">
                 <h2>昨日流失</h2>
                 <div class="bottom">
-                  <span>9</span>
+                  <span>{{ groupNumber.decreaseSum }}</span>
                   <img src="https://cdn.cunwuyun.cn/dvcp/dv/pddv/bottom.png" />
                 </div>
               </div>
@@ -72,16 +72,16 @@
             <div class="title">标签人群</div>
             <div class="item-bottom">
               <div class="item-bottom__item">
-                <h2>居民群</h2>
-                <span>245</span>
+                <h2>高龄老人</h2>
+                <span>{{ tagInfo.elderlyPeople }}</span>
               </div>
               <div class="item-bottom__item">
-                <h2>群成员</h2>
-                <span>245</span>
+                <h2>精神病人</h2>
+                <span>{{ tagInfo.mentalIllness }}</span>
               </div>
               <div class="item-bottom__item">
-                <h2>昨日新增</h2>
-                <span>245</span>
+                <h2>贫困居民</h2>
+                <span>{{ tagInfo.poorResidents }}</span>
               </div>
             </div>
           </div>
@@ -249,6 +249,8 @@
         gridList: [],
         userChatNumber: {},
         residentInfo: {},
+        tagInfo: {},
+        groupNumber: {},
         groupChatNumber: {}
       }
     },
@@ -260,10 +262,6 @@
 
     mounted () {
       this.$nextTick(() => {
-        setTimeout(() => {
-          // this.initLineChart('.chart2')
-        }, 500)
-
         if (document.querySelector('.AiDvWrapper .viewPanel')) {
           document.querySelector('.AiDvWrapper .viewPanel').style.backgroundImage = 'url(https://cdn.cunwuyun.cn/dvcp/dv/pddv/bg.png)'
         }
@@ -288,12 +286,17 @@
         })
         this.instance.post(`/app/wxgroupstatistic/getGroupNumber`).then(res => {
           if (res.code === 0) {
-
+            this.groupNumber = res.data['居民群统计']
+            this.initLineChart('.chart2', {
+              x: res.data['群成员数'].map(v => v.month),
+              value: res.data['群成员数'].map(v => v.totalNumber),
+              name: '居民群'
+            })
           }
         })
         this.instance.post(`/app/wxgroupstatistic/getTagNumber`).then(res => {
           if (res.code === 0) {
-
+            this.tagInfo = res.data
           }
         })
         this.instance.post(`/app/wxgroupstatistic/getUserChatNumber`).then(res => {