| | |
| | | <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}` |
| | | }) |
| | | } |
| | | } |
| | |
| | | </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%; |
| | | } |
| | | } |
| | | } |