From f07b70558d5b84f1070470229037629bc1ace006 Mon Sep 17 00:00:00 2001
From: wjt <1797368093@qq.com>
Date: 星期六, 22 六月 2024 14:39:30 +0800
Subject: [PATCH] 接口对接
---
policy/reportRecord/reportRecord.vue | 169 ++++++++++++++++++++++++++------------------------------
1 files changed, 79 insertions(+), 90 deletions(-)
diff --git a/policy/reportRecord/reportRecord.vue b/policy/reportRecord/reportRecord.vue
index b0da701..3b9eb91 100644
--- a/policy/reportRecord/reportRecord.vue
+++ b/policy/reportRecord/reportRecord.vue
@@ -1,119 +1,108 @@
<template>
<view class="page-box">
<u-sticky bgColor="white">
- <u-tabs :list="list1" @click="click" :scrollable="false" bgColor="white"></u-tabs>
+ <view class="padding">
+ <u-search placeholder="璇疯緭鍏ョ敵璇疯褰曞叧閿瘝" v-model="queryParams.enforceReason" @clear="clean" shape="square" @confirm="search" :showAction="false"></u-search>
+ </view>
</u-sticky>
<view class="list">
- <view class="list-item" @click="goReport">
- <view class="top-title">
- <text>24骞�5鏈堢獊鍑绘鏌ユ秷闃插畨鍏�</text>
- <text class="status">宸茬粨鏉�</text>
- </view>
- <view class="user-info">
- <text>鐜嬫�濋洦</text>
- <view class="driver"></view>
- <text>鎵ф硶涓�澶ч槦</text>
- </view>
- <view class="set-line">
- <text>鎵ф硶瀵硅薄锛�</text>娌冲崡瑙夐啋绉戞妧鏈夐檺鍏徃
- </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
- </view>
- <view class="set-line1">
- <text>鐢宠鏃堕棿锛�</text>2024-05-12 12:00:12
- </view>
- </view>
-
- </view>
- </view>
- <view class="list-item">
- <view class="top-title">
- <text>24骞�5鏈堢獊鍑绘鏌ユ秷闃插畨鍏�</text>
- <text class="status">宸茬粨鏉�</text>
- </view>
- <view class="user-info">
- <text>鐜嬫�濋洦</text>
- <view class="driver"></view>
- <text>鎵ф硶涓�澶ч槦</text>
- </view>
- <view class="set-line">
- <text>鎵ф硶瀵硅薄锛�</text>娌冲崡瑙夐啋绉戞妧鏈夐檺鍏徃
- </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
- </view>
- <view class="set-line1">
- <text>鐢宠鏃堕棿锛�</text>2024-05-12 12:00:12
- </view>
- </view>
-
- </view>
- </view>
- <view class="list-item">
- <view class="top-title">
- <text>24骞�5鏈堢獊鍑绘鏌ユ秷闃插畨鍏�</text>
- <text class="status">宸茬粨鏉�</text>
- </view>
- <view class="user-info">
- <text>鐜嬫�濋洦</text>
- <view class="driver"></view>
- <text>鎵ф硶涓�澶ч槦</text>
- </view>
- <view class="set-line">
- <text>鎵ф硶瀵硅薄锛�</text>娌冲崡瑙夐啋绉戞妧鏈夐檺鍏徃
- </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
- </view>
- <view class="set-line1">
- <text>鐢宠鏃堕棿锛�</text>2024-05-12 12:00:12
- </view>
- </view>
-
- </view>
- </view>
+ <view class="list-item" @click="goReport(item.orderId)" v-for="(item,index) in list" :key="index">
+ <view class="top-title">
+ <text>{{item.enforceReason}}</text>
+ <text class="status">宸茬粨鏉�</text>
+ </view>
+ <view class="user-info">
+ <text>{{item.executeUser}}</text>
+ <view class="driver"></view>
+ <text>{{item.executeDeptName}}</text>
+ </view>
+ <view class="set-line">
+ <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>{{item.planTime}}
+ </view>
+ <view class="set-line1">
+ <text>鐢宠鏃堕棿锛�</text>{{item.applyTime}}
+ </view>
+ </view>
+ <!-- <view class="button" @click="goReport(item.orderId)" >
+ 涓婃姤
+ </view> -->
+ </view>
+ </view>
+ <u-empty v-if="!list.length" mode="data"></u-empty>
+
+
</view>
</view>
</template>
<script>
+ import {
+ executeList
+ } from '@/api/policy.js'
export default {
data() {
return {
- list1: [{
- name: '寰呬笂鎶�',
- }, {
- name: '宸蹭笂鎶�',
- }]
+ list: [],
+ total: 1,
+ queryParams: {
+ pageNum: 1,
+ pageSize: 10,
+ orderStatus: 4
+ },
+ searchContent: ''
}
},
+ onShow() {
+ this.queryParams.pageNum = 1
+ this.list = []
+ this.executeList()
+ },
+ onReachBottom() {
+ if(this.list.length == this.total) {
+ return
+ }
+ this.queryParams.pageNum++
+ this.orderList()
+ },
methods: {
- goReport() {
+ clean() {
+ this.queryParams.enforceReason = ""
+ this.list = []
+ this.executeList()
+ },
+ search() {
+ this.queryParams.pageNum = 1
+ this.list = []
+ this.executeList()
+ },
+ goReport(order) {
uni.navigateTo({
- url: `/policy/reportDetails/reportDetails`
+ url: `/policy/applyRecordDetails/applyRecordDetails?id=${order}`
})
},
click() {
-
+
+ },
+ executeList() {
+ executeList(this.queryParams).then(val => {
+ this.list = [...this.list, ...val.data.rows]
+ this.total = val.data.total
+ })
}
}
}
</script>
<style>
- page{
+ page {
background-color: #F4F4F4;
}
</style>
<style lang="scss" scoped>
-@import "./reportRecord.scss";
-</style>
+ @import "./reportRecord.scss";
+</style>
\ No newline at end of file
--
Gitblit v1.9.1