From b5f084460e9e639358fbf91056a86be8d0a5c4b2 Mon Sep 17 00:00:00 2001 From: yaolonglong <yaolonglong15@163.com> Date: 星期四, 09 十月 2025 20:18:57 +0800 Subject: [PATCH] 获取验证码功能 --- policy/applyRecord/applyRecord.vue | 310 ++++++++++++++++++++++++++------------------------- 1 files changed, 159 insertions(+), 151 deletions(-) diff --git a/policy/applyRecord/applyRecord.vue b/policy/applyRecord/applyRecord.vue index a98707d..9cc641e 100644 --- a/policy/applyRecord/applyRecord.vue +++ b/policy/applyRecord/applyRecord.vue @@ -1,151 +1,159 @@ -<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}}</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> - </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"; - /deep/ .u-sticky{ - position: -webkit-sticky; - } -</style> +<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