xuxueyang
2024-07-31 af2a86dbbe05d74b00a6e7bdc426e26bb0453654
sub_pages/customer/shopping/confirm.vue
@@ -25,6 +25,22 @@
            ...this.dto,
            ...item
         }
         this.$http.request('get', '/api/code/value', {
            params: {
               type: 'SPEC_REQ'
            }
         }).then(res => {
            var data = res.data
            this.need_columns = [data || []]
            this.need_columns[0].unshift({
               label: '暂无',
               value: ''
            })
         })
         if (this.address.id) {
            this.loadTransportList()
            this.cacheAddressId = this.address.id
         }
         //先获取直接的全部地址
         // @ApiModelProperty(value = "订单商品")
         //   private List<FlowerCartListDTO> flowers;
@@ -37,6 +53,7 @@
            dto: {
               remarks: '',
               specialNeeds: '',
               specialNeedsStr: '',
               transportId: '',
               addressId: '',
               flowers: [],
@@ -44,7 +61,10 @@
            current_transport: {},
            cacheAddressId: '',
            transportList: [],
            show_select_need: false,
            need_columns: [
               []
            ],
         }
      },
@@ -54,13 +74,27 @@
               this.loadTransportList()
               this.cacheAddressId = nv.id
            } else if (!nv.id) {
               //说明id清空了
               if (!this.cacheAddressId) {
                  transportList = []
                  this.cacheAddressId = ''
               }
            }
         }
      },
      methods: {
         select_need(e) {
            this.show_select_need = false
            this.dto.specialNeedsStr = e.value[0].label
            this.dto.specialNeeds = e.value[0].value
         },
         async loadTransportList() {
            if (this.currentInfo.customerDTO && this.currentInfo.customerDTO.partnerId) {
               return
            }
            let that = this;
            console.log('address', that.address, that.cacheAddressId)
            // console.log('address', that.address, that.cacheAddressId)
            if (that.address && that.address.id && that.cacheAddressId !== that.address.id) {
               that.$message.showLoading()
               const {
@@ -82,12 +116,19 @@
         },
         async submitOrder() {
            console.log('submitOrder', this.dto)
            if (!this.dto.transportId) {
               this.$message.showToast('请选择配送方式')
               return
            if (this.currentInfo.customerDTO && this.currentInfo.customerDTO.partnerId) {
            } else {
               if (!this.dto.transportId) {
                  this.$message.showToast('请选择配送方式')
                  return
               }
            }
            if (!this.address.id) {
               this.$message.showToast('请选择收货地址')
               this.$message.showToast('请选择收货地址',{
                  duration: 2000
               })
               return
            }
            this.dto.addressId = this.address.id
@@ -131,9 +172,11 @@
                                 await tmp.$store.dispatch('sign_add', 'shopping')
                                 uni.navigateBack()
                              },
                              fail(err) {
                              async fail(err) {
                                 console.error('pay fail', err)
                                 tmp.$message.showToast('支付失败')
                                 await tmp.$store.dispatch('sign_add', 'shopping')
                                 uni.navigateBack()
                              }
                           })
@@ -192,7 +235,8 @@
            </view>
         </view>
         <!--    查看商品列表,和选择运费 -->
         <view class="br-4 transform-container m-t-12 p10">
         <view class="br-4 transform-container m-t-12 p10"
            v-if="!currentInfo.customerDTO||!currentInfo.customerDTO.partnerId">
            <view class="title">
               <view>运输方式:</view>
               <view class="flex transform-list flex-wrap-normal">
@@ -207,34 +251,41 @@
                  </view>
               </view>
            </view>
            <view class="m-t-20" v-if="false">
            <view class="m-t-20" v-if="true">
               <view class="desc-red">
                  10kg以下的零买订单将收取打包费,花店建议购满20kg, 可选冷链物流
               </view>
               <view class="desc">
                  预计装1Mini件,运费约18.00元(5公斤内18元,不满5公斤按5公斤计费,每件货不能超过5公斤),第一汤下单预计次日凌晨发货,备货高峰期除外,冷链汽车运输,发货后72小时左右到货,三线城市会推迟6-12小时,顺丰送货到店。
                  优势:价格便宜,顺丰配送
                  弊端:订单必须是5kg以内
                  <!-- 预计装1Mini件,运费约18.00元(5公斤内18元,不满5公斤按5公斤计费,每件货不能超过5公斤), -->
                  第一次下单预计次日凌晨发货,备货高峰期除外,冷链汽车运输,发货后72小时左右到货,三线城市会推迟6-12小时送货到店。
                  <!-- 优势:价格便宜,顺丰配送 -->
                  <!-- 弊端:订单必须是5kg以内 -->
               </view>
            </view>
         </view>
         <view class="p10 bg-white m-t-20 br-4">
            <view class="form-item  ">
            <view class="form-item  flex ">
               <view class="label">特殊需求</view>
               <view class="m-l-a m-r-0 flex1">
               <!--       <view class="m-l-a m-r-0 flex1">
                  <view class="m-t-12 m-b-12">
                     <u-textarea v-model="dto.specialNeeds" placeholder="请输入特殊需求">
                     </u-textarea>
                  </view>
               </view> -->
               <view class="m-l-a m-r-0 flex " :class="[!dto.specialNeeds?'desc-gray':'']" @click="()=>{
                  show_select_need=true
               }">
                  <view>{{dto.specialNeedsStr||dto.specialNeeds || '请选择'}}</view>
                  <u-icon class="m-l-a" name="arrow-right"></u-icon>
               </view>
            </view>
            <view class="form-item  m-t-12 ">
               <view class="label">留言</view>
               <view class="m-l-a m-r-0 flex1">
                  <view class="m-t-12 m-b-12">
                     <u-textarea v-model="dto.remarks" placeholder="填写内容需与卖家协商并确认">
                     <u-textarea v-model="dto.remarks" clearable placeholder="填写内容需与卖家协商并确认">
                     </u-textarea>
                  </view>
@@ -276,6 +327,9 @@
            提交订单
         </view>
      </view>
      <u-picker :show="show_select_need" @confirm="select_need" keyName="label" :columns="need_columns"
         @cancel="show_select_need=false"></u-picker>
   </view>
</template>
@@ -288,6 +342,8 @@
         background-color: #ffffff;
         left: 0rpx;
         padding: 20rpx;
         z-index: 99;
         z-index: 11;
         right: 0rpx;
         bottom: 0rpx;
      }
@@ -372,6 +428,7 @@
         background-color: #ffffff;
         .transform-list {
            overflow-x: scroll;
            .transform-item {
               background: rgba(225, 240, 231, 0.38);
               border-radius: 8rpx;
@@ -385,6 +442,7 @@
               margin-right: auto;
               max-width: 32%;
               width: 130rpx;
               min-width: 130rpx;
               .title {
                  font-weight: 400;
@@ -417,6 +475,9 @@
            margin-right: 0;
         }
         .desc-red {}
         .desc {}
      }
   }