居民议事

src/apps/AppHandSnapshot/AppHandSnapshot.vue

@@ -34,15 +34,29 @@
     </template>
 
     <AiEmpty v-else></AiEmpty>
+    <div class="pad-b120"></div>
+    <div class="tabs">
+      <div class="item">
+        <img src="./components/img/handle-icon-active.png" alt="">
+        <p class="color-3267F0">办理</p>
+      </div>
+      <div class="item" @click="linkTo('./Statistics')">
+        <img src="./components/img/statistics-icon.png" alt="">
+        <p>统计</p>
+      </div>
+      <div class="item">
+        <img src="./components/img/set-icon.png" alt="">
+        <p>配置</p>
+      </div>
+    </div>
   </div>
 </template>
 
 <script>
 export default {
+  props: {},
   name: 'AppHandSnapshot',
   appName: '随手拍',
-  components: {},
-  props: {},
   data() {
     return {
       datas: [],
@@ -106,6 +120,9 @@ export default {
       this.currentTabs = index
       this.getList()
     },
+    linkTo(url) {
+      uni.navigateTo({url})
+    }
   },
   onReachBottom() {
     this.current = this.current + 1
@@ -205,5 +222,38 @@ uni-page-body {
   // ::v-deep .AiCard:last-child {
   //   padding-bottom: 24px;
   // }
+  .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>

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>

src/apps/AppPageInteraction/AppPageInteraction.vue

@@ -17,6 +17,11 @@ export default {
           icon: require('./img/jmhd.png'),
           url: '../AppResidentActivitie/AppResidentActivities'
         },
+        {
+          name: '居民议事',
+          icon: require('./img/jmys.png'),
+          url: '../AppVillageDiscuss/AppVillageDiscuss'
+        },
         {
           name: '小程序公告',
           icon: require('./img/xcxgg.png'),