From f07b70558d5b84f1070470229037629bc1ace006 Mon Sep 17 00:00:00 2001 From: wjt <1797368093@qq.com> Date: 星期六, 22 六月 2024 14:39:30 +0800 Subject: [PATCH] 接口对接 --- policy/translateRecord/translateRecord.vue | 77 ++++++++++++++++++++++++++++++-------- 1 files changed, 60 insertions(+), 17 deletions(-) diff --git a/policy/translateRecord/translateRecord.vue b/policy/translateRecord/translateRecord.vue index 7ba1ee2..5c62dc0 100644 --- a/policy/translateRecord/translateRecord.vue +++ b/policy/translateRecord/translateRecord.vue @@ -2,58 +2,101 @@ <view class="page-box"> <u-sticky bgColor="white"> <view class="set-search"> - <u-search placeholder="璇疯緭鍏ユ墽娉曚富棰� " shape="square" :showAction="false"></u-search> + <u-search placeholder="璇疯緭鍏ユ墽娉曚富棰� " v-model="value" @clear="value = '';search()" @search="search" @blur="search" shape="square" :showAction="false"></u-search> </view> <view class="border"></view> - <u-tabs :list="list1" @click="click" :scrollable="false" bgColor="white"></u-tabs> + <u-tabs :list="list1" @click="click" :current="current" :scrollable="false" bgColor="white"></u-tabs> </u-sticky> <view class="list"> - <view class="list-item" @click="goReport"> + <view class="list-item" @click="goReport" v-for="(item,index) in list" :key="index"> <view class="top-title"> - <text>24骞�5鏈堢獊鍑绘鏌ユ秷闃插畨鍏�</text> - <text class="status status2">閫氳繃</text> - <text class="status status4">鎷掔粷</text> + <text>{{item.enforceReason}}</text> + <text class="status status2" v-if="item.checkStatus == 2">閫氳繃</text> + <text class="status status4" v-else>鎷掔粷</text> </view> <view class="user-info"> - <text>鐜嬫�濋洦</text> + <text>{{item.applyUser}}</text> <view class="driver"></view> - <text>鎵ф硶涓�澶ч槦</text> + <text>{{item.applyDeptName}}</text> </view> <view class="set-line"> - <text>鎵ф硶瀵硅薄锛�</text>娌冲崡瑙夐啋绉戞妧鏈夐檺鍏徃 + <text>鎵ф硶瀵硅薄锛�</text>{{item.companyName}} </view> <view class="line"></view> <view class="set-flex set-start set-flex-content-between"> <view> <view class="set-line1"> - <text>鎵ф硶鏃堕棿锛�</text>2024-05-12 12:00 + <text>鎵ф硶鏃堕棿锛�</text>{{item.planTime}} </view> <view class="set-line1"> - <text>鐢宠鏃堕棿锛�</text>2024-05-12 12:00:12 + <text>鐢宠鏃堕棿锛�</text>{{item.applyTime}} </view> </view> - </view> </view> - - + <u-empty v-if="!list.length"></u-empty> </view> </view> </template> <script> + import { checkedList } from '@/api/policy.js' export default { data() { return { - + current: 0, + queryParams: { + pageNum: 1, + pageSize: 10 + }, + list1: [{ + name: '鍏ㄩ儴', + value: '' + }, { + name: '閫氳繃', + value: 2 + }, { + name: '鎷掔粷', + value: -1 + }], + list: [ + + ], + total: 1, + value: '' } }, + onLoad() { + this.enforceLogList() + }, + onReachBottom() { + if(this.total == this.list.length) { + return + } + this.queryParams.pageNum++ + this.enforceLogList() + }, methods: { + search(e) { + this.list = [] + this.queryParams.enforceReason = e + this.queryParams.pageNum = 1 + this.enforceLogList() + }, goReport() { }, - click() { - + click(e) { + this.list = [] + this.queryParams.pageNum = 1 + this.current = e.index + this.enforceLogList() + }, + enforceLogList() { + checkedList({...this.queryParams, checkStatus: this.list1[this.current].value}).then(val => { + this.list = [...this.list,...val.data.rows] + this.total = val.data.total + }) } } } -- Gitblit v1.9.1