From 28ab9da809aa7c5d42e1871af5fd10c2de09ac66 Mon Sep 17 00:00:00 2001 From: 王恒 <318726284@qq.com> Date: 星期五, 26 九月 2025 14:04:57 +0800 Subject: [PATCH] '交接版本' --- policy/applyRecord/applyRecord.vue | 288 +++++++++++++++++++++++++++++++-------------------------- 1 files changed, 158 insertions(+), 130 deletions(-) diff --git a/policy/applyRecord/applyRecord.vue b/policy/applyRecord/applyRecord.vue index 9eeb076..9cc641e 100644 --- a/policy/applyRecord/applyRecord.vue +++ b/policy/applyRecord/applyRecord.vue @@ -1,131 +1,159 @@ -<template> - <view class="page-box"> - <u-sticky bgColor="white"> - <view class="set-search"> - <u-search placeholder="璇疯緭鍏ョ敵璇疯褰曞叧閿瘝 " shape="square" :showAction="false"></u-search> - </view> - <view class="border"></view> - <u-tabs :list="list1" @click="click" :scrollable="false" bgColor="white"></u-tabs> - </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> - </view> -</template> - -<script> - export default { - data() { - return { - list1: [{ - name: '鍏ㄩ儴', - }, { - name: '寰呭鎵�', - }, { - name: '寰呮墽琛�', - }, { - name: '寰呬笂鎶�', - }, { - name: '宸叉嫆缁�', - }, { - name: '宸茬粨鏉�', - }] - } - }, - methods: { - goReport() { - uni.navigateTo({ - url: `/policy/reportDetails/reportDetails` - }) - }, - click() { - - } - } - } -</script> -<style> - page { - background-color: #F4F4F4; - } -</style> -<style lang="scss" scoped> - @import "./applyRecord.scss"; +<template> + <view class="page-box"> + <u-sticky bgColor="white" :offsetTop="0" style=" position: -webkit-sticky;"> + <view class="set-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" :current="current" :scrollable="true" bgColor="white"></u-tabs> + </u-sticky> + <view class="list"> + <view class="list-item" @click="goReport(item.orderId)" v-for="(item,index) in dataList" :key="index"> + <view class="top-title"> + <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>{{item.applyUser || ''}}</text> + <!-- <view class="driver"></view> --> + + </view> + <view class="user-info"> + <text>{{item.applyDeptName || item.applyDeptNames || ''}}</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 || item.planMonth || ''}} + </view> + <view class="set-line1"> + <text>鐢宠鏃堕棿锛�</text>{{item.applyTime}} + </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: '宸蹭笂鎶�', + 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(id) { + uni.navigateTo({ + url: `/policy/applyRecordDetails/applyRecordDetails?id=${id}` + }) + }, + 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() + } + } + } +</script> +<style> + page { + background-color: #F4F4F4; + } +</style> +<style lang="scss" scoped> + @import "./applyRecord.scss"; + + ::v-deep .u-sticky { + position: -webkit-sticky; + } </style> \ No newline at end of file -- Gitblit v1.9.1