Lou
2023-11-11 d29d2c6e64ea80a3794e9f69e31f2e35cac097ac
subPackage/label/formList.vue
@@ -1,52 +1,69 @@
<template>
   <view class="">
            <view class="list">
               <view class="list-item bgc-ff mb-20"  v-for="(i,k) in list"  :key="k"  @click="navTo(i.taskId)">
                  <view class="item-title flex a-i-c j-c-s-b mb-20">
                     <text class="f-32 fw"  v-if="i.eventType == 1">打金店</text>
                  <text class="f-32 fw"  v-if="i.eventType == 3">二手车交易</text>
                  <text class="f-32 fw"  v-if="i.eventType == 2">二手手机维修</text>
                     <u-tag v-if="i.confirmFlag == 1" text="待审批" type="warning" plain plainFill></u-tag>
                     <u-tag v-if="i.confirmFlag == 2" text="审核通过" type="success" plain plainFill></u-tag>
                     <u-tag v-if="i.confirmFlag == 3" text="审核拒绝" type="error" plain plainFill></u-tag>
                  </view>
                  <view class="item-row flex a-i-c j-c-s-b">
                     <text class="f-28">时间</text>
                     <text class="f-28 c-66">{{i.createTime}}</text>
                  </view>
               </view>
            </view>
      <view class="list">
         <view class="list-item bgc-ff mb-20" v-for="(i,k) in list" :key="k" @click="navTo(i.taskId)">
            <view class="item-title flex a-i-c j-c-s-b mb-20">
               <text class="f-32 fw" v-if="i.eventType == 1">打金店</text>
               <text class="f-32 fw" v-if="i.eventType == 3">二手车交易</text>
               <text class="f-32 fw" v-if="i.eventType == 2">二手手机维修</text>
               <u-tag v-if="i.confirmFlag == 1" text="待审批" type="warning" plain plainFill></u-tag>
               <u-tag v-if="i.confirmFlag == 2" text="审核通过" type="success" plain plainFill></u-tag>
               <u-tag v-if="i.confirmFlag == 3" text="审核拒绝" type="error" plain plainFill></u-tag>
            </view>
            <view class="item-row flex a-i-c j-c-s-b">
               <text class="f-28">时间</text>
               <text class="f-28 c-66">{{i.applyTime}}</text>
            </view>
         </view>
      </view>
      <u-loadmore :status="loadingStatus" loadmoreText="开始加载" loadingText="数据加载中" nomoreText="没有更多了" line />
   </view>
</template>
<script>
   import {getLabelReportingList} from "@/api/reporting/reporting.js"
   import {
      getLabelReportingList
   } from "@/api/reporting/reporting.js"
   export default {
      data(){
      data() {
         return {
            list:[]
            list: [],
            currentPage: 1,
            loadingStatus: 'nomore',
         }
      },
      onLoad(option){
      onLoad(option) {
         this.getList(option.type)
      },
      methods:{
         getList(type){
      onReachBottom() {
         this.currentPage++
         this.getList()
      },
      methods: {
         getList(type) {
            getLabelReportingList({
               userId:uni.getStorageSync("userInfo").user_id,
               page:1,
               size:20,
               eventType:type
            }).then(res=>{
               console.log(res)
               this.list = res.data.records;
               userId: uni.getStorageSync("userInfo").user_id,
               page: this.currentPage,
               size: 10,
               eventType: type
            }).then(res => {
               if (res.code != 200) {
                  uni.showToast({
                     title: '数据请求失败',
                     icon: 'error'
                  })
                  return
               }
               let records = res.data.records;
               this.list = [...this.list, ...records]
               this.loadingStatus = 'nomore'
            })
         },
         navTo(id){
         navTo(id) {
            uni.navigateTo({
               url:`/subPackage/workbench/views/bailReportDetail?id=${id}`
               url: `/subPackage/workbench/views/bailReportDetail?id=${id}`
            })
         }
      }
@@ -54,23 +71,28 @@
</script>
<style lang="scss">
   page{
      background-color:#F5F5F5;
   page {
      background-color: #F5F5F5;
   }
   .list{
      margin:20rpx 30rpx 0;
   .list {
      margin: 20rpx 30rpx 0;
   }
   .list-item{
      padding:0 30rpx 20rpx;
   .list-item {
      padding: 0 30rpx 20rpx;
      border-radius: 8rpx;
      .item-title{
         padding:30rpx 0;
         border-bottom:1px solid #F5F5F5;
      .item-title {
         padding: 30rpx 0;
         border-bottom: 1px solid #F5F5F5;
      }
      .item-row{
         padding:10rpx 0;
         .address{
            width:65%;
      .item-row {
         padding: 10rpx 0;
         .address {
            width: 65%;
         }
      }
   }