Merge remote-tracking branch 'origin/dev' into dev

2021-12-22 12:10:09 +08:00
parent be20d05d2a cb1b3d9f5a
commit fc826c545f
4 changed files with 141 additions and 135 deletions
--- a/src/apps/AppMailList/components/add.vue
+++ b/src/apps/AppMailList/components/add.vue
@@ -71,6 +71,7 @@ export default {
  mounted() {    
    this.$dict.load('yesOrNo').then(() => {
      if(this.params.id) {
+        console.log(122)
        this.userInfo.id = this.params.id
        this.getDetail()
      }
--- a/src/apps/AppMailList/components/list.vue
+++ b/src/apps/AppMailList/components/list.vue
@@ -1,21 +1,28 @@
 <template>
  <div class="list">
    <div class="list-content">
-      <div class="item" :id="'id'+item.label"  v-for="(item, index) in list" :key="index">
-        <div class="title">{{item.label}}</div>
-        <div class="phone-list">
-          <div class="item-info" v-for="(e, indexs) in item.dataList" :key="indexs">
-            <p>{{e.name}}</p>
-            <div class="phone">
-              <span>{{e.type}}</span>{{e.phone}}
+      <u-index-list :scrollTop="scrollTop" :index-list="indexList">
+        <div v-for="(letter, index) in indexList" :key="index">
+          <u-index-anchor :index="letter"/>
+          <div class="item" v-for="(item, index) in list.filter(e=>e.nameInitials==letter)">
+            <div class="title">{{item.label}}</div>
+            <div class="phone-list">
+              <div class="item-info">
+                <p>{{item.name}}</p>
+                <div class="phone">
+                  <span>{{item.type}}</span>{{item.phone}}
+                </div>
+              </div>
            </div>
          </div>
        </div>
+      </u-index-list>
+    </div>
+    <!-- <div class="id-list">
+      <div class="item" v-for="(item, index) in list" :key="index">
+        <u-index-anchor :index="item.label" />
      </div>
-    </div>
-    <div class="id-list">
-      <a class="item" :href="'#id'+item.label" v-for="(item, index) in list" :key="index">{{item.label}}</a>
-    </div>
+    </div> -->
    <div class="footer-btn" @click="toAddList">我添加的</div>
  </div>
 </template>
@@ -26,7 +33,9 @@ export default {

  data() {
    return {
+      scrollTop: 0,
      list: [],
+      indexList: []
    }
  },
  computed: { ...mapState(['user']) },
@@ -35,6 +44,9 @@ export default {
  },

  methods: {
+    idClick(id) {
+      document.getElementById('#id'+id).scrollIntoView();
+    },
    getList() {
      this.$http.post(`/app/appconvenientaddressbook/list`, null, {
        params: {
@@ -42,28 +54,8 @@ export default {
        }
      }).then(res => {
        if (res.code == 0) {
-          var list = []
-          var data = []
-          res.data.records.map((item) => {
-            if(list.indexOf(item.nameInitials)) {
-              list.push(item.nameInitials)
-            }
-          })
-          list.map((item) => {
-            var obj = {
-              label: item,
-              dataList: []
-            }
-            data.push(obj)
-          })
-          data.map((item, index) => {
-            res.data.records.map((items) => {
-              if(item.label == items.nameInitials) {
-                data[index].dataList.push(items)
-              }
-            })
-          })
-          this.list = data
+          this.indexList = [...new Set(res.data.records.map(e=>e.nameInitials))];
+          this.list = res.data.records;
        }
      })
    },
@@ -81,14 +73,14 @@ export default {
  background-color: #F3F6F9;
  .list-content{
    padding-bottom: 112px;
-    .title{
-      padding-left: 48px;
-      line-height: 64px;
-      font-size: 26px;
-      font-family: PingFangSC-Semibold, PingFang SC;
-      font-weight: 600;
-      color: #999;
-    }
+    // .title{
+    //   padding-left: 48px;
+    //   line-height: 64px;
+    //   font-size: 26px;
+    //   font-family: PingFangSC-Semibold, PingFang SC;
+    //   font-weight: 600;
+    //   color: #999;
+    // }
    .phone-list{
      background-color: #fff;
      width: 100%;
@@ -120,22 +112,6 @@ export default {
      }
    }
  }
-  .id-list{
-    width: 50px;
-    text-align: center;
-    position: fixed;
-    top: 160px;
-    right: 32px;
-    z-index: 99;
-    .item{
-      display: block;
-      font-size: 24px;
-      font-family: PingFangSC-Semibold, PingFang SC;
-      font-weight: 600;
-      color: #CCC;
-      line-height: 40px;
-    }
-  }
  .footer-btn{
    width: 100%;
    text-align: center;
@@ -152,8 +128,8 @@ export default {
    color: #FFF;
    z-index: 999;
  }
-  a {
-    text-decoration: none;
+  ::v-deep .u-index-anchor  {
+    top: 0!important;
  }
 }
 </style>
--- a/src/apps/AppMailList/components/myAddList.vue
+++ b/src/apps/AppMailList/components/myAddList.vue
@@ -9,7 +9,7 @@
          </div>
        </div>
        <div class="right">
-          <img src="./img/edit-icon.png" alt="" @click="edit(item)">
+          <img src="./img/edit-icon.png" alt="" @click="edit(item.id)">
          <img src="./img/del-icon.png" alt="" @click="del(item)">
        </div>
      </div>
--- a/src/apps/AppResidentFile/AppResidentFile.vue
+++ b/src/apps/AppResidentFile/AppResidentFile.vue
@@ -9,22 +9,22 @@
        <div class="topcard">
          <div class="cards">
            <div class="items">
-              <span class="items1">1</span>
-              <span>群聊人数</span>
+              <span class="items1">{{ groupSum }}</span>
+              <span>群聊总数</span>
            </div>

            <div class="items">
-              <span class="items2">1</span>
+              <span class="items2">{{ chartsList.total }}</span>
              <span>群成员总数</span>
            </div>

            <div class="items">
-              <span class="items3">1</span>
+              <span class="items3">{{ chartsList.increase }}</span>
              <span>今日入群</span>
            </div>

            <div class="items">
-              <span class="items4">1</span>
+              <span class="items4">{{ chartsList.decrease }}</span>
              <span>今日退群</span>
            </div>
          </div>
@@ -39,23 +39,18 @@
        <div class="topcard">
          <div class="cards">
            <div class="items">
-              <span class="items1">1</span>
-              <span>群聊人数</span>
+              <span class="items1">{{ nums }}</span>
+              <span>居民总数</span>
            </div>

            <div class="items">
-              <span class="items2">1</span>
-              <span>群成员总数</span>
+              <span class="items3">0</span>
+              <span>今日新增</span>
            </div>

            <div class="items">
-              <span class="items3">1</span>
-              <span>今日入群</span>
-            </div>
-
-            <div class="items">
-              <span class="items4">1</span>
-              <span>今日退群</span>
+              <span class="items4">0</span>
+              <span>今日流失</span>
            </div>
          </div>
        </div>
@@ -143,8 +138,8 @@ export default {
    return {
      lists: [
        {
-          iconPath: 'order',
-          selectedIconPath: 'order-fill',
+          iconPath: 'home',
+          selectedIconPath: 'home-fill',
          text: '统计分析',
          isDot: true,
          customIcon: false,
@@ -192,6 +187,10 @@ export default {
      page: { current: 1, size: 10, total: 0 },
      search: { name: '' },
      list: [],
+      groupSum: '',
+      chartsList: [],
+      datass: [],
+      nums: '',
    }
  },
  computed: {
@@ -199,7 +198,8 @@ export default {
  },
  watch: {},
  onLoad() {
-    this.getEchart()
+    this.getEchart1()
+    this.getEchart2()
    this.areaId = this.user.areaId
  },
  mounted() {
@@ -233,7 +233,6 @@ export default {
    },

    toGroupList(item) {
-      console.log(1, item.id)
      uni.navigateTo({
        url: `./GroupList?id=${item.id}`,
      })
@@ -258,17 +257,92 @@ export default {
        })
    },

-    getEchart() {
+    // 居民群统计
+    getEchart1() {
+      console.log(1)
+      this.$http.post(`/app/wxcp/wxgroup/groupStatistic`).then((res) => {
+        if (res.code === 0) {
+          this.initEcharts1(res.data.list)
+          this.groupSum = res.data.groupSum
+          this.chartsList = res.data.today
+        }
+      })
+    },
+
+    // 居民群统计
+    getEchart2() {
+      console.log(2)
      this.$http.post(`/app/appresident/queryCustInfoByAreaId?areaId=${this.user.areaId}`).then((res) => {
        if (res.code === 0) {
-          this.initEcharts1(res.data['年龄层次'])
-          this.initEcharts2(res.data['人口分布'])
+          this.initEcharts2(res.data['年龄层次'])
+          this.nums = res.data['总人数']
        }
      })
    },

    initEcharts1(data) {
      var option = {
+        grid: {
+          top: '9%',
+          left: '6%',
+          right: '8%',
+          bottom: '6%',
+          containLabel: true,
+        },
+        xAxis: {
+          type: 'category',
+          data: Object.keys(data).map((e) => e.substring(e.length - 5, e.length)),
+          axisLine: {
+            lineStyle: { color: '#157EFF' },
+          },
+          axisLabel: {
+            show: true,
+            interval: 0,
+          },
+          axisTick: {
+            interval: 'auto',
+          },
+        },
+        yAxis: {
+          type: 'value',
+          axisLine: {
+            lineStyle: {
+              color: '#666',
+            },
+          },
+          splitLine: {
+            show: true,
+            lineStyle: {
+              color: '#D8DDE6',
+            },
+          },
+          axisLabel: {
+            show: true,
+            interval: 0,
+          },
+        },
+        series: [
+          {
+            color: '#0072FF',
+            barWidth: 30,
+            data: Object.values(data).map((e) => e.total),
+            type: 'line',
+          },
+        ],
+      }
+
+      option && this.Echarts1.setOption(option)
+    },
+
+    initEcharts2(data) {
+      var options = {
+        grid: {
+          top: '9%',
+          left: '6%',
+          right: '8%',
+          bottom: '6%',
+          containLabel: true,
+        },
        xAxis: {
          type: 'category',
          data: data.map((v) => v.v1),
@@ -311,53 +385,6 @@ export default {
        ],
      }

-      option && this.Echarts1.setOption(option)
-    },
-
-    initEcharts2(data) {
-      var options = {
-        xAxis: {
-          type: 'category',
-          data: data.map((v) => v.name),
-          axisLine: {
-            lineStyle: { color: '#157EFF' },
-          },
-          axisLabel: {
-            show: true,
-            interval: 0,
-          },
-          axisTick: {
-            interval: 'auto',
-          },
-        },
-        yAxis: {
-          type: 'value',
-          axisLine: {
-            lineStyle: {
-              color: '#666',
-            },
-          },
-          splitLine: {
-            show: true,
-            lineStyle: {
-              color: '#D8DDE6',
-            },
-          },
-          axisLabel: {
-            show: true,
-            interval: 0,
-          },
-        },
-        series: [
-          {
-            color: '#0072FF',
-            barWidth: 30,
-            data: data.map((v) => v.v1),
-            type: 'line',
-          },
-        ],
-      }
-
      options && this.Echarts2.setOption(options)
    },

@@ -366,7 +393,6 @@ export default {
    },

    areaSelect(e) {
-      console.log(e)
      this.areaId = e.id
      this.getList()
    },
@@ -390,10 +416,12 @@ export default {
        this.$nextTick(() => {
          if (this.currentTabs == 0) {
            this.Echarts1 = echarts.init(document.getElementById('echarts1'))
-          } else {
-            this.Echarts2 = echarts.init(document.getElementById('echarts2'))
+            this.getEchart1()
+          }
+          if (this.currentTabs == 1) {
+            this.Echarts2 = echarts.init(document.getElementById('echarts2'))
+            this.getEchart2()
          }
-          this.getEchart()
        })
      }
      if (this.currentTabBar == 1) {
@@ -409,10 +437,11 @@ export default {
      this.$nextTick(() => {
        if (index == 0) {
          this.Echarts1 = echarts.init(document.getElementById('echarts1'))
+          this.getEchart1()
        } else {
          this.Echarts2 = echarts.init(document.getElementById('echarts2'))
+          this.getEchart2()
        }
-        this.getEchart()
      })
    },