优化

MrShi

2025-09-12 202d13acd6f02b6573213e49326bc1f092d57b99

 small-program/pages/freight/freight.vue

@@ -27,7 +27,7 @@
            <view class="list-item-row" @click="show2 = true">
               <view class="list-item-row-label">用车时间<b>*</b></view>
               <view class="list-item-row-val">
                  <text :style="{ color: form.startDate ? '#111111' : '' }">{{form.startDate ? form.startDate + ' 至 ' + form.endDate + ' (' + form.priceNum1 + '天) ' : '请选择'}}</text>
                  <text :style="{ color: form.startDate ? '#111111' : '' }">{{form.startDate ? form.startDate + ' 至 ' + form.endDate + ' (' + form.totalDays + '天) ' : '请选择'}}</text>
                  <u-icon name="arrow-right" color="#111111" size="16"></u-icon>
               </view>
            </view>
@@ -91,36 +91,40 @@
               <view class="list-item-row">
                  <view class="list-item-row-label">运输重量/数量<b>*</b></view>
                  <view class="list-item-row-val">
                     <input type="text" v-model="form.transportNum" placeholder="请输入" />
                     <view @click="show4 = true" style="width: 100%; flex-shrink: 0; display: flex; align-items: center; justify-content: flex-end;">
                     <input type="digit" style="flex: 3;" v-model="form.transportNum" placeholder="请输入" />
                     <!-- <view @click="show4 = true" style="width: 100rpx; flex-shrink: 0; display: flex; align-items: center; justify-content: flex-end;">
                        <text>{{form.transportUnit}}</text>
                        <u-icon name="arrow-down" color="#111111" size="16"></u-icon>
                     </view>
                     </view> -->
                     <view  style="flex: 1;" :class="form.transportUnit ==='个' ? 'val-cate-item val-active' : 'val-cate-item'"   @click="form.transportUnit = '个'">个</view>
                     <view  style="flex: 1;" :class="form.transportUnit ==='斤' ? 'val-cate-item val-active' : 'val-cate-item'"   @click="form.transportUnit = '斤'">斤</view>
                  </view>
						 
               </view>
               <view class="list-item-row" v-if="viewStatus">
               <view class="list-item-row" >
                  <view class="list-item-row-label">需求补充</view>
                  <view class="list-item-row-val">
                     <textarea cols="30" v-model="form.supplement" rows="10" placeholder="请输入" maxlength="200"></textarea>
                  </view>
               </view>
               <view class="list-item-row" v-if="viewStatus">
               <view class="list-item-row" >
                  <view class="list-item-row-label">图片</view>
                  <view class="list-item-row-upload">
                     <view class="upload-item" v-for="(item, index) in form.multifileList" :key="index">
                     <view class="upload-item" v-for="(item, index) in form.multifileList" :key="index" @click="preview(index, form.multifileList)">
                        <image :src="item.url || item.fileurlFull" mode="widthFix"></image>
                        <image class="upload-item-dele" @click="form.multifileList.splice(index, 1)" src="/static/icon/ic_delete1@2x.png" mode="widthFix"></image>
                        <image class="upload-item-dele" @click.stop="form.multifileList.splice(index, 1)" src="/static/icon/ic_delete1@2x.png" mode="widthFix"></image>
                     </view>
                     <view class="upload-item" @click="uploadImg">
                        <u-icon name="plus" color="#999999" size="24"></u-icon>
                        <text>点击上传</text>
                     </view>
                     <view style="width: 215rpx; height: 0;"></view>
                  </view>
               </view>
               <view class="list-item-zk" @click="viewStatus = !viewStatus">
               <!-- <view class="list-item-zk" @click="viewStatus = !viewStatus">
                  <text>{{viewStatus ? '收起' : '补充需求'}}</text>
                  <u-icon :name="viewStatus ? 'arrow-up' : 'arrow-down'" color="#00BC12" size="16"></u-icon>
               </view>
               </view> -->
            </view>
            <view class="list-item">
               <view class="list-item-label">
@@ -130,17 +134,24 @@
               <view class="list-item-cate">
                  <view :class="item.id === form.carType ? 'list-item-cate-item active' : 'list-item-cate-item'" v-for="(item, index) in ff" :key="index" @click="form.carType = item.id">{{item.name}}</view>
               </view>
               <view class="list-item-row">
                  <view class="list-item-row-label">天数</view>
               <view class="list-item-row" v-if="form.carType==0">
                  <view class="list-item-row-label">用车天数</view>
                  <view class="list-item-row-val">
                     <input type="number" v-model="form.priceNum1" disabled placeholder="请输入" />
                     <input type="digit" v-model="form.totalDays" disabled placeholder="" />
                     <text>天</text>
                  </view>
               </view>
               <view class="list-item-row" v-if="form.carType==1">
                  <view class="list-item-row-label">用车次数<b>*</b></view>
                  <view class="list-item-row-val">
                     <input type="digit" v-model="form.priceNum1"  @input="getPrice"  placeholder="请输入" />
                     <text>次</text>
                  </view>
               </view>
               <view class="list-item-row">
                  <view class="list-item-row-label">费用标准<b>*</b></view>
                  <view class="list-item-row-val">
                     <input type="number" @blur="getPrice" v-model="form.price" placeholder="请输入" />
                     <input type="digit" @input="getPrice"  v-model="form.price" placeholder="请输入" />
                     <text>{{form.priceUnit}}</text>
                  </view>
               </view>
@@ -175,10 +186,10 @@
               <text>元</text>
            </view>
         </view>
         <view class="footer-bottom">
            <div class="footer-bottom-btn" @click="submit">
               <text>立即下单</text>
               <text>（服务完成后付款）</text>
         <view class="footer-bottom"> 
            <div class="footer-bottom-btn" @click="submit" >
               <text>{{form.id?'确认修改':'立即下单'}}</text>
               <text v-if="!form.id">（服务完成后付款）</text>
            </div>
         </view>
         <view style="width: 100%; height: env(safe-area-inset-bottom);"></view>
@@ -222,6 +233,7 @@
      <u-calendar
         :show="show2"
         color="#00BC12"
          :allowSameDay="true"
         mode="range"
         @close="show2 = false"
         @confirm="confirmDate" />
@@ -261,6 +273,7 @@
               categoryName: '',
               wayInfoDTOList: [],
               priceNum1: '',
               totalDays:null,
               priceNum2: 1,
               transportNum: '',
               transportTypeId: '',
@@ -284,7 +297,7 @@
            ],
            dw: [['个', '斤']],
            carArr: [],
            viewStatus: false
            viewStatus: true
         };
      },
      watch: {
@@ -295,6 +308,7 @@
               } else if (news === 1) {
                  this.form.priceUnit = '元/次'
               }
               this.getPrice()
            }
         }
      },
@@ -306,6 +320,7 @@
            }).then(res => {
               if (res.code === 200) {
                  this.info = res.data
                  console.log(res.data.totalDays)
                  for (const key in this.form) {
                     this.form[key] = res.data[key]
                  }
@@ -320,12 +335,15 @@
            })
         } else {
            const res = uni.getStorageSync('carData');
            console.log(res)
            this.form.linkPhone = this.userInfo.telephone
            this.form.linkName = this.userInfo.name
            this.form.startDate = res.startDate
            this.form.endDate = res.endDate
            this.form.lat = res.lat
            this.form.lgt = res.lgt
            this.form.priceNum1 = res.days
            this.form.totalDays = res.days
            this.form.priceNum1=res.days
            this.form.categoryId = res.categoryId
            this.form.categoryName = res.categoryName
            this.form.location = res.location
@@ -338,12 +356,24 @@
         this.getCategoryLists()
      },
      methods: {
         preview(current, arr) {
            let urls = arr.map(item => item.url || item.fileurlFull)
            uni.previewImage({ current, urls })
         },
         handleInputPrice(e) {
             try{
                this.form.price = Number(this.form.price).toFixed(3) 
             }catch(e){
                this.form.price =null
             } 
         },
         confirmDw(e) {
            this.form.transportUnit = e.value[0]
            this.show4 = false
         },
         // 提交订单
         submit() {
            var that = this;
            if (!this.form.carUnit) {
               return uni.showToast({ title: '请选择货车型号', icon: 'none' })
            }
@@ -362,62 +392,74 @@
            if (!this.form.linkPhone) {
               return uni.showToast({ title: '请输入联系电话', icon: 'none' })
            }
            if (!this.form.id) {
               this.$u.api.release({
                  ...this.form,
                  price: Number(this.form.price) * 100,
                  wayInfoDTOList: [
                     {
                        lat: this.form.lat,
                        lgt: this.form.lgt,
                        location: this.form.location
                     },
                     ...this.form.wayInfoDTOList,
                     {
                        lat: this.form.latEnd,
                        lgt: this.form.lgtEnd,
                        location: this.form.locationEnd
            if (!that.form.id) {
               uni.requestSubscribeMessage({
                  tmplIds: ['oVjOBLcHxIlGzOMJsdInmgI5CHGXh-UTvMzQqfFOnIg','AA97cHjvlPiNO4viMkVe4JifCf9TD5b5Eb7s6El3VS8'],
                  success(res) {
                     if(that.form.carType == 0){
                        that.form.priceNum1 = that.form.totalDays
                     }
                  ]
               }).then(res => {
                  if (res.code == 200) {
                     uni.navigateTo({
                        url: `/pages/success/success?orderId=${res.data.id}`
                     that.$u.api.release({
                        ...that.form,
                        price: Number(that.form.price) * 100,
                        wayInfoDTOList: [
                           {
                              lat: that.form.lat,
                              lgt: that.form.lgt,
                              location: that.form.location
                           },
                           ...that.form.wayInfoDTOList,
                           {
                              lat: that.form.latEnd,
                              lgt: that.form.lgtEnd,
                              location: that.form.locationEnd
                           }
                        ]
                     }).then(res => {
                        if (res.code == 200) {
                           uni.navigateTo({
                              url: `/pages/success/success?orderId=${res.data.id}`
                           })
                        }
                     })
                  }
               })
            } else {
               this.$u.api.updateOrder({
                  ...this.form,
                  price: Number(this.form.price) * 100,
                  wayInfoDTOList: [
                     {
                        lat: this.form.lat,
                        lgt: this.form.lgt,
                        location: this.form.location
                     },
                     ...this.form.wayInfoDTOList,
                     {
                        lat: this.form.latEnd,
                        lgt: this.form.lgtEnd,
                        location: this.form.locationEnd
                     }
                  ]
               }).then(res => {
                  if (res.code == 200) {
                     uni.showToast({
                        title: '编辑成功',
                        icon: 'success',
                        mask: true,
                        duration: 2000
               // uni.requestSubscribeMessage({
                  // tmplIds: ['3YSC7gouRlSjHXz4CrWOGFzPmGwEBtFj4snwdfMvKHk','AA97cHjvlPiNO4viMkVe4JifCf9TD5b5Eb7s6El3VS8'],
                  // success(res) {
                     that.$u.api.updateOrder({
                        ...that.form,
                        price: Number(that.form.price) * 100,
                        wayInfoDTOList: [
                           {
                              lat: that.form.lat,
                              lgt: that.form.lgt,
                              location: that.form.location
                           },
                           ...that.form.wayInfoDTOList,
                           {
                              lat: that.form.latEnd,
                              lgt: that.form.lgtEnd,
                              location: that.form.locationEnd
                           }
                        ]
                     }).then(res => {
                        if (res.code == 200) {
                           uni.showToast({
                              title: '修改成功',
                              icon: 'success',
                              mask: true,
                              duration: 2000
                           })
                           setTimeout(() => {
                              uni.navigateBack({ delta: 1 });
                              // uni.$emit('refresh')
                           }, 1500)
                        }
                     })
                     setTimeout(() => {
                        uni.navigateBack({ delta: 1 });
                        // uni.$emit('refresh')
                     }, 1500)
							
                  }
               })
               //    }
               // })
            }
         },
         uploadImg() {
@@ -450,10 +492,11 @@
         getPrice() {
            if (this.form.price && this.form.priceNum1 && this.form.priceNum2) {
               this.$u.api.getTotal({
                  price: Number(this.form.price) * 100,
                  price: Number(this.form.price).toFixed(2) * 100,
                  priceUnit: this.form.priceUnit,
                  priceNum1: this.form.priceNum1,
                  priceNum1: this.form.carType!=1?this.form.totalDays:this.form.priceNum1,
                  priceNum2: this.form.priceNum2,
                  carType:this.form.carType ,
                  type: 1
               }).then(res => {
                  if (res.code === 200) {
@@ -502,8 +545,10 @@
         confirmDate(e) {
            this.form.startDate = e[0]
            this.form.endDate = e[e.length - 1]
            this.form.priceNum1 = e.length;
            let time = this.form.startDate == this.form.endDate ? 1 : 0
            this.form.totalDays = e.length - time;
            this.show2 = false
            this.getPrice()
         },
         addAddr() {
            this.form.wayInfoDTOList.push({
@@ -518,15 +563,16 @@
                  if ([2].includes(type)) {
                     this.form.latitude = res.latitude
                     this.form.longitude = res.longitude
                     this.form.address = res.address
                     this.form.location = res.name || res.address
                     this.form.address = res.name || res.address
                  } else if (type === 3) {
                     this.form.locationEnd = res.address
                     this.form.locationEnd = res.name || res.address
                     this.form.latEnd = res.latitude
                     this.form.lgtEnd = res.longitude
                  } else if (type === 4) {
                     this.form.wayInfoDTOList[0].lat = res.latitude
                     this.form.wayInfoDTOList[0].lgt = res.longitude
                     this.form.wayInfoDTOList[0].location = res.address
                  } else if (type === 4) { 
                     this.form.wayInfoDTOList[index].lat = res.latitude
                     this.form.wayInfoDTOList[index].lgt = res.longitude
                     this.form.wayInfoDTOList[index].location = res.name || res.address
                  }
               }
            });
@@ -891,21 +937,22 @@
                  width: 100%;
                  display: flex;
                  align-items: center;
                  justify-content: space-between;
                  flex-wrap: wrap;
                  padding: 30rpx 0;
                  box-sizing: border-box;
                  .upload-item {
                     width: 156rpx;
                     height: 156rpx;
                     width: 215rpx;
                     height: 215rpx;
                     display: flex;
                     align-items: center;
                     flex-direction: column;
                     justify-content: center;
                     background: #F8F9FB;
                     border-radius: 8rpx;
                     margin-right: 20rpx;
                     border: 2rpx solid #EEEEEE;
                     position: relative;
                     margin-bottom: 15rpx;
                     &:last-child {
                        margin: 0 !important;
                     }
@@ -929,13 +976,14 @@
                  }
               }
               .list-item-row-val {
                  width: 100%;
                  // width: 100%;
                  padding: 30rpx 0;
                  box-sizing: border-box;
                  display: flex;
                  align-items: center;
                  justify-content: space-between;
                  text {
                     // width: 80%;
                     flex-shrink: 0;
                     font-weight: 400;
                     font-size: 30rpx;
@@ -954,6 +1002,25 @@
                     font-size: 30rpx;
                     color: #111111;
                  }
                  .val-active {
                     background: #00BC12 !important;
                     color: #ffffff !important;
                  }
                  .val-cate-item {
                     width: 208rpx;
                     height: 72rpx;
                     line-height: 72rpx;
                     text-align: center;
                     font-weight: 400;
                     font-size: 28rpx;
                     color: #333333;
                     background: #EEEEEE;
                     border-radius: 36rpx;
                     margin-right: 24rpx;
                     &:last-child {
                        margin: 0 !important;
                     }
                  }
               }
            }
         }