邻里互助

project/fengdu/app/AppHelp/components/List.vue

@@ -1,7 +1,7 @@
 <template>
   <ai-list class="notice">
     <template slot="title">
-      <ai-title title="邻里互助" isShowBottomBorder>
+      <ai-title title="邻里互助" isShowBottomBorder isShowArea :disabledLevel="disabledLevel" v-model="search.areaId" @change="changeArea">
       </ai-title>
     </template>
     <template slot="content">
@@ -54,6 +54,7 @@
 </template>
 
 <script>
+  import { mapState } from 'vuex'
   export default {
     name: 'List',
 
@@ -68,6 +69,7 @@
           current: 1,
           size: 10,
           createUserName: '',
+          areaId: ''
         },
         total: 10,
         colConfigs: [
@@ -76,15 +78,22 @@
           { prop: 'appreciateCount',  label: '点赞数', align: 'center', width: '120' },
           { prop: 'sharedCount',  label: '分享数', align: 'center', width: '120' },
           { prop: 'createUserName',  label: '发帖人', align: 'center', width: '120' },
+          { prop: 'createUserAreaName',  label: '所在地区', align: 'center', width: '120' },
           { prop: 'createTime',  label: '创建时间', align: 'center', width: '180' },
           { slot: 'options'},
         ],
         tableData: [],
-        dateList: []
+        dateList: [],
+        disabledLevel: 0
       }
     },
+    computed: {
+      ...mapState(['user']),
+    },
 
     created() {
+      this.disabledLevel = this.user.info.areaList.length - 1
+      this.search.areaId = this.user.info.areaId
       this.getList()
     },
 
@@ -93,8 +102,9 @@
         this.instance.post(`/app/appneighborhoodassistance/list`, null, {
           params: {
             ...this.search,
+            createUserAreaId: this.search.areaId,
             beginDate: this.dateList[0] || '',
-            endDate: this.dateList[1] || ''
+            endDate: this.dateList[1] || '',
           }
         }).then(res => {
           if (res.code == 0) {
@@ -104,6 +114,14 @@
         })
       },
 
+      changeArea () {
+        this.search.current = 1
+
+        this.$nextTick(() => {
+          this.getList()
+        })
+      },
+
       remove (id) {
         this.$confirm('确定删除该帖子？').then(() => {
           this.instance.post(`/app/appneighborhoodassistance/delete?id=${id}`).then(res => {