分页

2022-04-18 19:16:39 +08:00
parent 845b19d8a8
commit 6fa86ccb8e
3 changed files with 107 additions and 28 deletions
--- a/project/sanjianxi/AppNeighborLinkage/AppNeighborLinkage.vue
+++ b/project/sanjianxi/AppNeighborLinkage/AppNeighborLinkage.vue
@@ -2,20 +2,20 @@
  <div class="AppNeighborLinkage">
    <div class="header">
      <div class="search">
-        <u-search placeholder="请输入需要搜索的内容" v-model="keyword" :show-action="false"></u-search>
+        <u-search placeholder="请输入需要搜索的内容" v-model="keyword" :show-action="false" @search="search"></u-search>
      </div>
      <div class="select">
-        <div class="item" @click="typeSelect">
-          <AiSelect class="right" v-model="type" dict="yesOrNo">
-            <span v-if="!type">全部状态</span>
-            <span v-else>{{ type }}</span>
+        <div class="item" >
+          <AiSelect class="right" v-model="status" dict="partyFourLinkageStatus" @data="typeSelect">
+            <span v-if="!status">全部状态</span>
+            <span v-else>{{ $dict.getLabel('partyFourLinkageStatus',status) }}</span>
            <u-icon name="arrow-down-fill" color="#666666" size="28"></u-icon>
          </AiSelect>
        </div>
        
        <div class="item" @click="isShowDate = true">
-          <span v-if="!checkTime">时间选择</span>
-          <span v-else>{{ checkTime }}</span>
+          <span v-if="!linksageDate">时间选择</span>
+          <span v-else>{{ linksageDate }}</span>
          <u-icon name="arrow-down-fill" color="#666666" size="28"></u-icon>
        </div>
        <u-picker mode="time" :params="params" v-model="isShowDate" @confirm="onDateChange"></u-picker>
@@ -23,14 +23,17 @@
    </div>
    
    <div class="section" v-if="list.length">
-      <div class="card" @click="$linkTo('./neighborDetail')">
+      <div class="card" v-for="(item,index) in list" :key="index" @click="$linkTo(`./neighborDetail?id=${item.id}`)">
        <div class="info">
-          <p>帮助赵顺伟咨询户口迁移问题帮助赵顺伟咨询</p>
-          <div><span>事件日期</span><span>2022-04-15</span></div>
-          <div><span>四邻对象</span><span>李白</span></div>
+          <p>{{ item.description }}</p>
+          <div><span>事件日期</span><span>{{ item.linksageDate }}</span></div>
+          <div><span>四邻对象</span><span>{{ item.residentName }}</span></div>
        </div>
        <div class="status">
-          <span></span><span>待审核</span>
+          <span :style="{background: item.status==0? '#FF883C': item.status==1? '#42D784': '#FF4466'}"></span>
+          <span :style="{color: item.status==0? '#FF883C': item.status==1? '#42D784': '#FF4466'}">
+            {{ $dict.getLabel('partyFourLinkageStatus',item.status) }}
+          </span>
        </div>
      </div>
    </div>
@@ -51,8 +54,8 @@ export default {
  data() {
    return {
      keyword:'',
-      type: '',
-      checkTime: '',
+      status: '',
+      linksageDate: '',
      isShowDate: false,
      params: {
        year: true,
@@ -64,18 +67,42 @@ export default {
    }
  },
  onShow() {
-    this.$dict.load('yesOrNo')
+    this.$dict.load('partyFourLinkageStatus')
    this.getList()
  },
  methods: {
+    search(e) {
+      this.keyword = e
+    },
+    typeSelect(e) {
+      this.list = []
+      this.status = e.value
+      this.current = 1
+      this.getList()
+    },
    onDateChange(e) {
-      this.checkTime = `${e.year}-${e.month}-${e.day}`
+      this.list = []
+      this.linksageDate = `${e.year}-${e.month}-${e.day}`
+      this.current = 1
+      this.getList()
    },
    getList() {
-      // this.$instance.post('/app/apppartyfourresident/listFourResident').then(res=>{
-      //   console.log(res);
-      // })
+      this.$instance.post('/app/apppartyfourlinkage/listByApplet',null,{
+        params: {
+          current: this.current,
+          status: this.status,
+          linksageDate: this.linksageDate,
+        }
+      }).then(res=>{
+        if (res?.data) {
+          this.list = this.current==1? res.data.records : [...this.list, ...res.data.records]
+        }
+      })
    }
+  },
+  onReachBottom() {
+    this.current ++,
+    this.getList()
  }
 }
 </script>
@@ -118,6 +145,8 @@ export default {
        box-sizing: border-box;
        border-bottom: 1px solid #DDDDDD;
        p {
+          font-size: 32px;
+          font-weight: 600;
          overflow:hidden; 
          text-overflow:ellipsis;
          display:-webkit-box;
--- a/project/sanjianxi/AppNeighborLinkage/addLinkage.vue
+++ b/project/sanjianxi/AppNeighborLinkage/addLinkage.vue
@@ -47,16 +47,36 @@ export default {
        type: '',
        checkTime: '',
        name: '',
-      }
+        partyId: ''
+      },
+      userList: []
    }
  },
  onShow() {
    this.$dict.load('agriculturalType')
+    this.getFourResident()
  },
  methods: {
    onDateChange(e) {
      this.form.checkTime = `${e.year}-${e.month}-${e.day}`
    },
+    getFourResident() {
+      this.$instance.post('/app/apppartyfourresident/listFourResident', null, {
+        params: {
+          size: 10,
+          partyId: this.form.partyId,
+        },
+      }).then((res) => {
+        if (res.code == 0) {
+          this.userList = res.data.records
+        }
+      })
+    },
+    confirm() {
+      if(!this.form.checkTime)
+      this.$instance.post('/app/apppartyfourlinkage/addOrUpdate')
+    }
+
  }
 }
 </script>
--- a/project/sanjianxi/AppNeighborLinkage/neighborDetail.vue
+++ b/project/sanjianxi/AppNeighborLinkage/neighborDetail.vue
@@ -1,26 +1,29 @@
 <template>
  <div class="neighborDetail">
    <div class="type">
-      <span>审核状态</span><span>已通过</span>
+      <span>审核状态</span>
+      <span :style="{color: data.status==0? '#FF883C': data.status==1? '#42D784': '#FF4466'}">
+        {{ $dict.getLabel('partyFourLinkageStatus',data.status) }}
+      </span>
    </div>
    <div class="user-info">
      <div class="item">
        <span>事件日期</span>
-        <span>2022-04-18</span>
+        <span>{{ data.linksageDate }}</span>
      </div>
      <div class="item">
        <span>四邻对象</span>
-        <span>1555665646</span>
+        <span>{{ data.residentName }}</span>
      </div>
      <div class="description">
        <div>事件描述</div>
        <div>
-          帮助赵顺伟咨询户口迁移问题
+          {{ data.description }}
        </div>
      </div>
    </div>
    <div class="btn">
-      <div class="delBtn">删除联动记录</div>
+      <div class="delBtn" @click="delBtn">删除联动记录</div>
    </div>
  </div>
 </template>
@@ -30,12 +33,39 @@ export default {
  name: 'neighborDetail',
  data() {
    return {
-
+      id: '',
+      data: {}
    }
  },
-  onShow() {},
+  onLoad(o) {
+    this.$dict.load('partyFourLinkageStatus')
+    this.id = o.id
+    this.getDetail()
+  },
  methods: {
-
+    getDetail() {
+      this.$instance.post('/app/apppartyfourlinkage/queryDetailById',null,{
+        params: {
+          id: this.id,
+        }
+      }).then(res => {
+        if(res.code == 0) {
+          this.data = res.data
+        }
+      })
+    },
+    delBtn() {
+      this.$dialog.confirm({content: '确定要删除该记录吗？'}).then(()=>{
+        this.$instance.post(`/app/apppartyfourlinkage/delete?ids=${this.id}`).then(res => {
+          if(res.code == 0) {
+            this.$u.toast('删除成功')
+            setTimeout(() => {
+              uni.navigateBack()
+            },600)
+          }
+        })
+      })
+    }
  }
 }
 </script>