四邻联动

src/apps/AppFourNeighbor/AppFourNeighbor.vue

@@ -4,38 +4,28 @@
       <div flex>
         <div class="time-select" @click="showTimeSelect=true">
           <img src="./components/img/time-icon.png" alt="" class="time-icon">
-          <span>{{search.time || '日期选择' }}</span>
-          <img src="./components/img/down-icon-666.png" alt="" v-if="!search.time" class="mar-r16">
+          <span>{{search.linksageDate || '日期选择' }}</span>
+          <img src="./components/img/down-icon-666.png" alt="" v-if="!search.linksageDate" class="mar-r16">
         </div>
-        <u-icon name="close-circle" color="#999" size="32" v-if="search.time"  @click="clearTime" class="mar-r16"></u-icon>
+        <u-icon name="close-circle" color="#999" size="32" v-if="search.linksageDate"  @click="clearTime" class="mar-r16"></u-icon>
         <u-search placeholder="请输入四邻对象、描述、党员信息" :show-action="false" search-icon-color="#ccc" v-model="search.title"
           @search="isMore = false, search.current = 1, getList()"/>
       </div>
     </AiTopFixed>
-    <div class="list-content">
-      <div class="item" @click="toDetail">
+    <div class="list-content" v-if="list.length">
+      <div class="item" @click="toDetail(item.id)" v-for="(item, index) in list" :key="index">
         <div class="top">
-          <p class="title">帮助赵顺伟咨询户口迁移问题帮助赵顺伟咨询户口迁移问题</p>
-          <div class="info"><span class="label">党员信息</span>张三</div>
-          <div class="info"><span class="label">四邻对象</span>张三</div>
-          <div class="info"><span class="label">事件日期</span>2022-04-15</div>
+          <p class="title">{{item.description}}</p>
+          <div class="info"><span class="label">党员信息</span>{{item.partyName}}</div>
+          <div class="info"><span class="label">四邻对象</span>{{item.residentName}}</div>
+          <div class="info"><span class="label">事件日期</span>{{item.linksageDate}}</div>
         </div>
         <div class="bottom status0">
-          <span class="tips"></span>待审核
-        </div>
-      </div>
-      <div class="item">
-        <div class="top">
-          <p class="title">帮助赵顺伟咨询户口迁移问题帮助赵顺伟咨询户口迁移问题</p>
-          <div class="info"><span class="label">党员信息</span>张三</div>
-          <div class="info"><span class="label">四邻对象</span>张三</div>
-          <div class="info"><span class="label">事件日期</span>2022-04-15</div>
-        </div>
-        <div class="bottom status0">
-          <span class="tips"></span>待审核
+          <span class="tips"></span>{{$dict.getLabel('partyFourLinkageStatus', item.status)}}
         </div>
       </div>
     </div>
+    <AiEmpty v-else></AiEmpty>
     <div class="footer" @click="toAdd">
       <div class="btn">新增联动记录</div>
     </div>
@@ -51,9 +41,11 @@ export default {
   appName: '四邻联动',
   data() {
     return {
-      search: {title: '', time: ''},
+      search: {title: '', linksageDate: ''},
       showTimeSelect: false,
       params: {year: true, month: true, day: true, hour: false, minute: false, second: false},
+      current: 1,
+      list: []
     }
   },
   computed: {
@@ -61,26 +53,53 @@ export default {
     
   },
   created() {
-    this.$dict.load('appSpecialTypeFive')
+    this.$dict.load('partyFourLinkageStatus').then(() => {
+      this.getList()
+    })
+    uni.$on('reload', () => {
+      this.getListInit()
+    })
   },
   onShow() {
     document.title = '四邻联动'
-    
   },
   methods: {
+    getList() {
+      this.$http.post('/app/apppartyfourlinkage/list', null, {
+        params: {
+          size: 20,
+          current: this.current,
+          linksageDate: this.search.linksageDate
+        },
+      })
+      .then((res) => {
+        if (res.code == 0) {
+          this.list = this.current > 1 ? [...this.list, ...res.data.records] : res.data.records
+        }
+      })
+    },
+    getListInit() {
+      this.current = 1
+      this.datas = []
+      this.getList()
+    },
     clearTime() {
-      this.search.time = ''
+      this.search.linksageDate = ''
     },
     selectTime(e) {
-      this.search.time = e.year + '-' + e.month + '-' + e.day
+      this.search.linksageDate = e.year + '-' + e.month + '-' + e.day
     },
     toAdd() {
       uni.navigateTo({url: './Add'})
     },
-    toDetail() {
-      uni.navigateTo({url: './Detail'})
+    toDetail(id) {
+      uni.navigateTo({url: `./Detail?id=${id}`})
     }
   },
+  onReachBottom() {
+    this.current = this.current + 1
+    this.getList()
+  },
 }
 </script>