xuxueyang
2024-09-05 f8867b8df117d1ac0f1311970994e15059c3da03
pages/order/order-delivery-detail.vue
@@ -19,7 +19,13 @@
            this.status = options.status || ''
            this.query.id = this.id
         }
         // // #ifdef PUB_PARTNER
         // this.listApi = '/api/partner/delivery/list/items'
         // // #endif
         // // #ifdef PUB_CUSTOMER
         // // #endif
         this.listApi = '/api/supplier/delivery/list/items'
         await this.getList()
      },
@@ -61,6 +67,10 @@
         },
         async submit(status) {
            if (!this.dto.arriveImageList || this.dto.arriveImageList.length <= 0) {
               this.$message.showToast('未上传图片')
               return
            }
            await this.$message.confirm('是否确认入位')
            this.$message.showLoading()
            const {
@@ -78,6 +88,13 @@
               uni.navigateBack()
            }
         },
         printDeliveryOrder(item) {
            // this.$message.showToast('敬请期待')
            this.$storage.setItem('cache_delivery_order_print', JSON.stringify(item))
            uni.navigateTo({
               url: '/sub_pages/supplier/print/print-list'
            })
         }
      }
   }
@@ -87,8 +104,7 @@
   <view class="list-container order-delivery supplier">
      <view class="p15">
         <no-data v-if="!list||list.length==0" style="width: 100%;"></no-data>
         <view v-for="(item,index) in list" :key="index" @click="toDetail(item)"
            class="m-b-24 order-sale-list list-container">
         <view v-for="(item,index) in list" :key="index" class="m-b-24 order-sale-list list-container">
            <view class="order-sale-item list-item">
               <view class="title flex">
                  <view>订单单号:{{item.orderNo}}</view>
@@ -100,86 +116,97 @@
                  </image>
                  <view class="flex1">
                     <view class=" flex">
                        <view class="title">{{item.flowerName }}
                        <view class="title"><span class="level"
                              v-if="item.flowerCategory">{{ item.flowerCategory || ''}}</span><span
                              class="level">{{ item.flowerLevelStr || ''}}</span>{{item.flowerName }}
                        </view>
                     </view>
                     <view class="each-list flex">
                        <view class="each-item">
                     <view class="each-list ">
                        <view class="each-item flex1 flex">
                           <view class="label">颜色</view>
                           <view class="value">{{ item.flowerColor || '-' }}</view>
                        </view>
                        <view class="each-item">
                        <view class="each-item flex1 flex">
                           <view class="label">规格</view>
                           <view class="value">{{ item.flowerUnit || '-' }}</view>
                        </view>
                     </view>
                  </view>
                  <view class="each-list price">
                     <view class="each-item">
                     <view class="each-item flex1">
                        <view class="value">¥{{ item.price || '-' }}</view>
                     </view>
                     <view class="each-item">
                     <view class="each-item flex1">
                        <view class="value">x {{ item.num || 0 }}</view>
                     </view>
                  </view>
               </view>
               <view class="line"></view>
               <view class="delivery-form">
                  <view class="form-item">
                  <view class="form-item flex1">
                     <view class="label">仓库名称</view>
                     <view class="value red">{{item.warehouseName}}</view>
                     <view class="value red">{{item.warehouseName||'待分配'}}</view>
                  </view>
                  <view class="form-item">
                  <view class="form-item flex1">
                     <view class="label">库位名称</view>
                     <view class="value red">{{item.warehouseLocationCode}}</view>
                     <view class="value red">{{item.warehouseLocationCode||'待分配'}}</view>
                  </view>
               </view>
               <!-- #ifdef PUB_SUPPLIER -->
               <view class="line"></view>
               <view class="buttons">
                  <view class="button button-1 m-r-0" @click="printDeliveryOrder(item)">打印</view>
               </view>
               <!-- #endif -->
            </view>
         </view>
      </view>
      <view v-if="status=='PENDING'">
         <!-- 提交图片 -->
         <view class="delivery-form p20 bg-white br-4">
            <view class="form-item flex before-line bottom-border-no">
               <view class="label " style="width: 400rpx;">图片</view>
               <view class="m-l-a m-r-0 flex">
                  <view class="component-button-upload" @click="uploadIcon('arriveImageList')">
         <view v-if="status=='PENDING'">
            <!-- 提交图片 -->
            <view class="delivery-form p20 bg-white br-4">
               <view class="form-item flex before-line bottom-border-no">
                  <view class="label required" style="width: 400rpx;">图片</view>
                  <view class="m-l-a m-r-0 flex">
                     <view class="component-button-upload" @click="uploadIcon('arriveImageList')">
                     </view>
                  </view>
               </view>
            </view>
            <view class="flex p20" style="padding-top: 0rpx;padding-bottom: 10rpx"
               v-if="dto.arriveImageList&&dto.arriveImageList.length>0">
               <view class="m-t-12 m-r-10 " v-for="(tBanner,index) of dto.arriveImageList" :key="index">
                  <image class="banner-img" :src="tBanner" @click.stop="previewImg(tBanner)">
               <view class="flex p20" style="padding-top: 0rpx;padding-bottom: 10rpx"
                  v-if="dto.arriveImageList&&dto.arriveImageList.length>0">
                  <view class="m-t-12 m-r-10 " v-for="(tBanner,index) of dto.arriveImageList" :key="index">
                     <image class="banner-img" :src="tBanner" @click.stop="previewImg(tBanner)">
                  </image>
                  <view class="t-red text-center" @click.stop="deleteBanner(index)">删除</view>
                     </image>
                     <view class="t-red text-center" @click.stop="deleteBanner(index)">删除</view>
                  </view>
               </view>
            </view>
            <view class="form-item flex m-t-12 ">
               <view class="label m-r-20">备注</view>
               <view class="m-l-a m-r-0 flex1">
                  <view class="m-t-12 m-b-12">
                     <u-textarea v-model="dto.arriveRemarks" clearable placeholder="请输入备注">
               <view class="form-item flex m-t-12 ">
                  <view class="label m-r-20">备注</view>
                  <view class="m-l-a m-r-0 flex1">
                     <view class="m-t-12 m-b-12">
                        <u-textarea v-model="dto.arriveRemarks" clearable placeholder="请输入备注">
                     </u-textarea>
                        </u-textarea>
                     </view>
                  </view>
               </view>
            </view>
         </view>
      </view>
      <view class="button-space">
         <view class="button-space" style="min-height: 190rpx;">
      </view>
      <view class="button-green-1  button-fixed-bottom" v-if="status=='PENDING'" @click="submit('ARRIVED')">
         确认入位
         </view>
         <view class="button-green-1  button-fixed-bottom" v-if="status=='PENDING'" @click="submit('ARRIVED')">
            确认入位
         </view>
      </view>
   </view>
</template>
@@ -192,11 +219,24 @@
         border-radius: 4rpx;
         border: 2rpx dashed #CECECE;
      }
      .order-sale-list {
         .order-sale-item {
            background-color: #fff;
            margin-bottom: 20rpx;
            padding: 22rpx;
            .each-item {
               .label {
                  min-width: 120rpx;
               }
               .label:after {
                  content: ":";
                  margin-right: 10rpx;
               }
            }
            .buttons {
               display: flex;
@@ -233,6 +273,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 {
@@ -262,6 +310,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 {}
@@ -270,12 +326,14 @@
                  color: #CF0000;
               }
            }
            .form{
               .form-item{
            .form {
               .form-item {
                  height: unset;
                  // min-height: ;
               }
            }
            .delivery-form {
               display: flex;
               flex-wrap: wrap;