| | |
| | | <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="请输入申请记录关键词 " @search="search" @blur="search" shape="square" :showAction="false"></u-search> |
| | | </view> |
| | | <view class="border"></view> |
| | | <u-tabs :list="list1" @click="click" :current="current" :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(item.orderId)" v-for="(item,index) in dataList" :key="index"> |
| | | <view class="top-title"> |
| | | <text>{{item.enforceReason}}</text> |
| | | <text class="status">{{mapStatus[item.orderStatus]}}</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> |
| | |
| | | <text>申请时间:</text>{{item.applyTime}} |
| | | </view> |
| | | </view> |
| | | |
| | | </view> |
| | | </view> |
| | | <u-empty v-if="!dataList.length"></u-empty> |
| | |
| | | current: 0, |
| | | list1: [{ |
| | | name: '全部', |
| | | value: '' |
| | | value: {} |
| | | }, { |
| | | name: '待审批', |
| | | value: 1 |
| | | value: { |
| | | orderStatus: 1, |
| | | checkStatus: 0 |
| | | } |
| | | }, { |
| | | name: '待执行', |
| | | value: 2 |
| | | value: { |
| | | orderStatus: 2 |
| | | } |
| | | }, { |
| | | name: '待上报', |
| | | value: 3 |
| | | value: { |
| | | orderStatus: 3 |
| | | } |
| | | }, { |
| | | name: '已拒绝', |
| | | value: -1 |
| | | value: { |
| | | checkStatus: -1 |
| | | } |
| | | }, { |
| | | name: '已结束', |
| | | value: 4 |
| | | value: { |
| | | orderStatus: 4 |
| | | } |
| | | }], |
| | | queryParams: { |
| | | pageNum: 1, |
| | | pageSize: 10 |
| | | pageSize: 10, |
| | | isAsc: "desc", |
| | | orderByColumn: "apply_time" |
| | | }, |
| | | total: 1, |
| | | dataList: [], |
| | |
| | | this.orderList() |
| | | }, |
| | | orderList() { |
| | | orderList({...this.queryParams, orderStatus: this.list1[this.current].value}).then(val => { |
| | | orderList({...this.queryParams, ...this.list1[this.current].value}).then(val => { |
| | | this.total = val.data.total |
| | | this.dataList = [...this.dataList,...val.data.rows] |
| | | }) |
| | |
| | | </style> |
| | | <style lang="scss" scoped> |
| | | @import "./applyRecord.scss"; |
| | | /deep/ .u-sticky{ |
| | | position: -webkit-sticky; |
| | | } |
| | | </style> |