| | |
| | | <template> |
| | | <view class="list-container order-sale supplier"> |
| | | <view class="component-tab-container m-t-12"> |
| | | <view class="component-tab-container m-t-12" v-if="!range||range=='today'"> |
| | | <view class="tab-item" :class="[query.status==''?'cur':'']" @click="changeIndex('')">全部订单</view> |
| | | <view class="tab-item" :class="[query.status=='PENDING'?'cur':'']" @click="changeIndex('PENDING')">待入位 |
| | | </view> |
| | | <view class="tab-item" :class="[query.status=='ARRIVED'?'cur':'']" @click="changeIndex('ARRIVED')">已入位 |
| | | </view> |
| | | |
| | | </view> |
| | | <view class="m-t-12" v-if="!range||range=='today'"> |
| | | <view class="m-l-a m-r-20 w-fit flex"> |
| | | <radio :checked="selecttoday" @click="changeSelecrRange"></radio> |
| | | <view>只查看今日</view> |
| | | </view> |
| | | </view> |
| | | <view class="p15" style="min-height: calc(100vh - 160rpx);"> |
| | | <no-data v-if="!list||list.length==0" style="width: 100%;"></no-data> |
| | |
| | | </image> |
| | | <view class="flex1"> |
| | | <view class=" flex"> |
| | | <view class="title">{{item.flowerName }} |
| | | <view class="title"><span |
| | | class="level">{{ item.flowerCategory || ''}}</span><span |
| | | class="level">{{ item.flowerLevelStr || ''}}</span>{{item.flowerName }} |
| | | </view> |
| | | </view> |
| | | <view class="each-list"> |
| | |
| | | query: { |
| | | status: '', |
| | | }, |
| | | |
| | | selecttoday: true, |
| | | range: '', //today的话才有查询条件,其他的话,不展示顶部查询条件(yesterday、month、todayall) |
| | | } |
| | | }, |
| | | onLoad(options) { |
| | | if (options.status) { |
| | | this.query.status = options.status || '' |
| | | } |
| | | this.listApi = '/api/supplier/delivery/list/today' |
| | | this.listApi = '/api/supplier/delivery/list' |
| | | this.range = options.range || '' |
| | | //目前应该是admin(质检人员不会用这个页面) |
| | | if (this.range === 'todayall') { |
| | | this.listApi = '/api/supplier/delivery/list/today' |
| | | |
| | | } else if (this.range === 'month') { |
| | | this.listApi = '/api/supplier/delivery/list/month' |
| | | |
| | | } else if (this.range === 'yesterday') { |
| | | this.listApi = '/api/supplier/delivery/list/yesterday' |
| | | |
| | | } else { |
| | | this.listApi = '/api/supplier/delivery/list/today' |
| | | } |
| | | |
| | | // this.listApi = '/api/supplier/delivery/list' |
| | | |
| | | this.getList() |
| | | |
| | |
| | | uni.stopPullDownRefresh() |
| | | }, |
| | | methods: { |
| | | changeSelecrRange() { |
| | | this.selecttoday = !this.selecttoday |
| | | |
| | | this.$nextTick(() => { |
| | | if (this.selecttoday) { |
| | | this.listApi = '/api/supplier/delivery/list/today' |
| | | } else { |
| | | this.listApi = '/api/supplier/delivery/list' |
| | | |
| | | } |
| | | this.refreshList() |
| | | }) |
| | | }, |
| | | changeIndex(status) { |
| | | if (this.query.status !== status) { |
| | | this.query.status = status |
| | |
| | | background-color: #fff; |
| | | margin-bottom: 20rpx; |
| | | padding: 22rpx; |
| | | .each-item{ |
| | | .label{ |
| | | |
| | | .each-item { |
| | | .label { |
| | | min-width: 120rpx; |
| | | |
| | | |
| | | } |
| | | .label:after{ |
| | | |
| | | .label:after { |
| | | content: ":"; |
| | | margin-right: 10rpx; |
| | | } |
| | |
| | | font-size: 28rpx; |
| | | color: #000000; |
| | | line-height: 40rpx; |
| | | |
| | | .level { |
| | | font-weight: 400; |
| | | font-size: 28rpx; |
| | | color: #20613D; |
| | | line-height: 40rpx; |
| | | margin-right: 20rpx; |
| | | } |
| | | } |
| | | |
| | | .status { |
| | |
| | | font-size: 28rpx; |
| | | color: #000000; |
| | | line-height: 40rpx; |
| | | |
| | | .level { |
| | | font-weight: 400; |
| | | font-size: 28rpx; |
| | | color: #20613D; |
| | | line-height: 40rpx; |
| | | margin-right: 20rpx; |
| | | } |
| | | } |
| | | |
| | | .desc {} |