From ac2d51c87cc77895e33561ea124d65338997d188 Mon Sep 17 00:00:00 2001
From: ZQN <364596817@qq.com>
Date: 星期三, 04 九月 2024 15:13:30 +0800
Subject: [PATCH] 状态修改
---
policy/applyRecord/applyRecord.vue | 164 ++++++++++++++++++++++++++++++------------------------
1 files changed, 92 insertions(+), 72 deletions(-)
diff --git a/policy/applyRecord/applyRecord.vue b/policy/applyRecord/applyRecord.vue
index 1eea770..a98707d 100644
--- a/policy/applyRecord/applyRecord.vue
+++ b/policy/applyRecord/applyRecord.vue
@@ -1,122 +1,139 @@
<template>
<view class="page-box">
- <u-sticky bgColor="white">
+ <u-sticky bgColor="white" :offsetTop="0" style=" position: -webkit-sticky;">
<view class="set-search">
- <u-search placeholder="璇疯緭鍏ョ敵璇疯褰曞叧閿瘝 " shape="square" :showAction="false"></u-search>
+ <u-search placeholder="璇疯緭鍏ョ敵璇疯褰曞叧閿瘝 " @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="true" bgColor="white"></u-tabs>
</u-sticky>
<view class="list">
- <view class="list-item" @click="goReport">
+ <view class="list-item" @click="goReport(item.orderId)" v-for="(item,index) in dataList" :key="index">
<view class="top-title">
- <text>24骞�5鏈堢獊鍑绘鏌ユ秷闃插畨鍏�</text>
- <text class="status">宸茬粨鏉�</text>
+ <text>{{item.enforceReason}}</text>
+ <text class="status" v-if="item.checkStatus != -1" :class="{status1: item.orderStatus == 1,status2: item.orderStatus == 2,status3: item.orderStatus == 3,status4: item.orderStatus == 4}">{{mapStatus[item.orderStatus]}}</text>
+ <text class="status status4" v-else >宸叉嫆缁�</text>
</view>
<view class="user-info">
- <text>鐜嬫�濋洦</text>
- <view class="driver"></view>
- <text>鎵ф硶涓�澶ч槦</text>
+ <text>{{item.applyUser}}</text>
+ <!-- <view class="driver"></view> -->
+
+ </view>
+ <view class="user-info">
+ <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>
- <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>
+ <u-empty v-if="!dataList.length"></u-empty>
</view>
</view>
</template>
<script>
+ import { orderList } from '@/api/policy.js'
export default {
data() {
return {
+ current: 0,
list1: [{
name: '鍏ㄩ儴',
+ value: {}
}, {
name: '寰呭鎵�',
+ value: {
+ orderStatus: 1,
+ checkStatus: 0
+ }
}, {
name: '寰呮墽琛�',
+ value: {
+ orderStatus: 2
+ }
}, {
name: '寰呬笂鎶�',
+ value: {
+ orderStatus: 3
+ }
}, {
name: '宸叉嫆缁�',
+ value: {
+ checkStatus: -1
+ }
}, {
- name: '宸茬粨鏉�',
- }]
+ name: '宸蹭笂鎶�',
+ value: {
+ orderStatus: 4
+ }
+ }, {
+ name: '浼佷笟宸茬‘璁�',
+ value: {
+ orderStatus: 5
+ }
+ }],
+ queryParams: {
+ pageNum: 1,
+ pageSize: 10,
+ isAsc: "desc",
+ orderByColumn: "apply_time"
+ },
+ total: 1,
+ dataList: [],
+ mapStatus: {
+ 1: '寰呭鎵�',
+ 2: "寰呮墽琛�",
+ 3: "寰呬笂鎶�",
+ '-1':"宸叉嫆缁�",
+ 4: "宸蹭笂鎶�",
+ 5: "浼佷笟宸茬‘璁�"
+ }
}
},
+ onLoad() {
+ this.orderList()
+ },
+ onReachBottom() {
+ if(this.dataList.length == this.total) {
+ return
+ }
+ this.queryParams.pageNum++
+ this.orderList()
+ },
methods: {
- goReport() {
+ goReport(id) {
uni.navigateTo({
- url: `/policy/applyRecordDetails/applyRecordDetails`
+ url: `/policy/applyRecordDetails/applyRecordDetails?id=${id}`
})
},
- click() {
-
+ click(e) {
+ this.dataList = []
+ this.queryParams.pageNum = 1
+ this.current = e.index
+ this.orderList()
+ },
+ orderList() {
+ orderList({...this.queryParams, ...this.list1[this.current].value}).then(val => {
+ this.total = val.data.total
+ this.dataList = [...this.dataList,...val.data.rows]
+ })
+ },
+ search(e){
+ this.dataList = []
+ this.queryParams.pageNum =1
+ this.queryParams.companyName = e
+ this.orderList()
}
}
}
@@ -128,4 +145,7 @@
</style>
<style lang="scss" scoped>
@import "./applyRecord.scss";
-</style>
\ No newline at end of file
+ /deep/ .u-sticky{
+ position: -webkit-sticky;
+ }
+</style>
--
Gitblit v1.9.1