xuxueyang
2024-08-14 ded34e37fca5e2e05e17693d2524c3d664ebf017
pages/order/order-delivery.vue
@@ -1,12 +1,17 @@
<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>
@@ -30,7 +35,9 @@
                        </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">
@@ -105,15 +112,30 @@
            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()
@@ -133,6 +155,19 @@
         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
@@ -156,12 +191,14 @@
         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;
            }
@@ -218,6 +255,14 @@
            font-size: 28rpx;
            color: #000000;
            line-height: 40rpx;
            .level {
               font-weight: 400;
               font-size: 28rpx;
               color: #20613D;
               line-height: 40rpx;
               margin-right: 20rpx;
            }
         }
         .status {
@@ -247,6 +292,14 @@
               font-size: 28rpx;
               color: #000000;
               line-height: 40rpx;
               .level {
                  font-weight: 400;
                  font-size: 28rpx;
                  color: #20613D;
                  line-height: 40rpx;
                  margin-right: 20rpx;
               }
            }
            .desc {}