居民议事

src/apps/AppHandSnapshot/Statistics.vue

@@ -0,0 +1,109 @@
+<template>
+  <div class="Statistics">
+   
+    <div class="pad-b120"></div>
+    <div class="tabs">
+      <div class="item">
+        <img src="./components/img/handle-icon.png" alt="">
+        <p>办理</p>
+      </div>
+      <div class="item">
+        <img src="./components/img/statistics-icon-active.png" alt="">
+        <p class="color-3267F0">统计</p>
+      </div>
+      <div class="item">
+        <img src="./components/img/set-icon.png" alt="">
+        <p>配置</p>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  props: {},
+  data() {
+    return {
+
+    }
+  },
+  onLoad() {
+    
+  },
+  onShow() {},
+  methods: {
+    getList() {
+      this.$http
+        .post('/app/appvisitvondolence/list', null, {
+          params: {
+            size: this.size,
+            current: this.current,
+            createUserId: this.currentTabs == 1 ? this.user.id : '',
+          },
+        })
+        .then((res) => {
+          if (res.code == 0) {
+            this.datas = this.current > 1 ? [...this.datas, ...res.data.records] : res.data.records
+            this.pages = res.data.pages
+          }
+        })
+    },
+
+    goDetail(item) {
+      uni.navigateTo({ url: `./Detail?id=${item.id}` })
+    },
+
+    change(index) {
+      this.currentTabs = index
+      this.getList()
+    },
+  },
+  onReachBottom() {
+    this.current = this.current + 1
+    this.getList()
+  },
+}
+</script>
+
+<style scoped lang="scss">
+uni-page-body {
+  height: 100%;
+}
+.Statistics {
+  height: 100%;
+
+  .pad-b120{
+    background-color: #f3f6f9;
+    padding-bottom: 120px;
+  }
+  .tabs{
+    width: 100%;
+    height: 98px;
+    background: #FFF;
+    border-top: 1px solid #ddd;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    display: flex;
+    .item{
+      flex: 1;
+      text-align: center;
+      img{
+        width: 56px;
+        height: 56px;
+        margin-top: 8px;
+      }
+      p{
+        font-size: 22px;
+        font-family: PingFangSC-Medium, PingFang SC;
+        font-weight: 500;
+        color: #C4CAD4;
+        line-height: 8px;
+      }
+      .color-3267F0{
+        color: #3267F0;
+      }
+    }
+  }
+}
+</style>