|  |  | 
 |  |  |                <view class="list-item-row" @click="selectAddress()"> | 
 |  |  |                   <view class="list-item-row-label">用工地点<b>*</b></view> | 
 |  |  |                   <view class="list-item-row-val"> | 
 |  |  |                      <text>{{form.location ? form.location : '请选择'}}</text> | 
 |  |  |                      <text style="width:80%;">{{form.location ? form.location : '请选择'}}</text> | 
 |  |  |                      <u-icon name="arrow-right" color="#111111" size="16"></u-icon> | 
 |  |  |                   </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" v-model="form.priceNum1" @blur="getPrice" placeholder="请输入" /> | 
 |  |  |                      <input type="digit" v-model="form.priceNum1" @blur="getPrice" placeholder="请输入" /> | 
 |  |  |                      <text>斤</text> | 
 |  |  |                   </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 v-model="form.supplement" cols="30" 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"> | 
 |  |  | 
 |  |  |                <view class="list-item-row"> | 
 |  |  |                   <view class="list-item-row-label">费用标准<b>*</b></view> | 
 |  |  |                   <view class="list-item-row-val"> | 
 |  |  |                      <input v-model="form.price" type="number" @blur="getPrice" placeholder="请输入" /> | 
 |  |  |                      <input v-model="form.price" type="digit" @blur="getPrice" placeholder="请输入" /> | 
 |  |  |                      <text>元/斤</text> | 
 |  |  |                   </view> | 
 |  |  |                </view> | 
 |  |  | 
 |  |  |             </view> | 
 |  |  |          </view> | 
 |  |  |          <view class="footer-bottom"> | 
 |  |  |             <div class="footer-bottom-btn" @click="submit"> | 
 |  |  |                <text>立即下单</text> | 
 |  |  |                <text>(服务完成后付款)</text> | 
 |  |  |             <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> | 
 |  |  | 
 |  |  |          :show="show" | 
 |  |  |          color="#00BC12" | 
 |  |  |          mode="range" | 
 |  |  |           :allowSameDay="true" | 
 |  |  |          @close="show = false" | 
 |  |  |          @confirm="confirmDate" /> | 
 |  |  |        | 
 |  |  | 
 |  |  |             }, | 
 |  |  |             modify: false, | 
 |  |  |             cateList: [], | 
 |  |  |             viewStatus: false | 
 |  |  |             viewStatus: true | 
 |  |  |          }; | 
 |  |  |       }, | 
 |  |  |       onLoad(option) { | 
 |  |  | 
 |  |  |          this.getCateList() | 
 |  |  |       }, | 
 |  |  |       methods: { | 
 |  |  |          preview(current, arr) { | 
 |  |  |             let urls = arr.map(item => item.url || item.fileurlFull) | 
 |  |  |             uni.previewImage({ current, urls }) | 
 |  |  |          }, | 
 |  |  |          // 提交订单 | 
 |  |  |          submit() { | 
 |  |  |             var that = this; | 
 |  |  |             if (!this.form.categoryId) { | 
 |  |  |                return uni.showToast({ title: '请选择采摘品种', icon: 'none' }) | 
 |  |  |             } | 
 |  |  | 
 |  |  |             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 }) | 
 |  |  |                   .then(res => { | 
 |  |  |                      if (res.code == 200) { | 
 |  |  |                         uni.navigateTo({ | 
 |  |  |                            url: `/pages/success/success?orderId=${res.data.id}` | 
 |  |  |             if (!that.form.id) { | 
 |  |  |                uni.requestSubscribeMessage({ | 
 |  |  |                   tmplIds: ['oVjOBLcHxIlGzOMJsdInmgI5CHGXh-UTvMzQqfFOnIg','AA97cHjvlPiNO4viMkVe4JifCf9TD5b5Eb7s6El3VS8'], | 
 |  |  |                   success(res) { | 
 |  |  |                      that.$u.api.release({ ...that.form, price: Number(that.form.price) * 100 }) | 
 |  |  |                         .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  }) | 
 |  |  |                   .then(res => { | 
 |  |  |                      if (res.code == 200) { | 
 |  |  |                         uni.showToast({ | 
 |  |  |                            title: '编辑成功', | 
 |  |  |                            icon: 'success', | 
 |  |  |                            mask: true, | 
 |  |  |                            duration: 2000 | 
 |  |  |                // uni.requestSubscribeMessage({ | 
 |  |  |                //    tmplIds: ['3YSC7gouRlSjHXz4CrWOGFzPmGwEBtFj4snwdfMvKHk'], | 
 |  |  |                //    success(res) { | 
 |  |  |                      that.$u.api.updateOrder({ ...that.form, price: Number(that.form.price) * 100  }) | 
 |  |  |                         .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) | 
 |  |  | 								 | 
 |  |  |                      } | 
 |  |  |                   }) | 
 |  |  |                //    } | 
 |  |  |                // }) | 
 |  |  |             } | 
 |  |  |          }, | 
 |  |  |          // 计算金额 | 
 |  |  | 
 |  |  |                success: (res) => { | 
 |  |  |                   this.form.lat = res.latitude | 
 |  |  |                   this.form.lgt = res.longitude | 
 |  |  |                   this.form.address = res.address | 
 |  |  |                   this.form.address = res.name || res.address | 
 |  |  |                } | 
 |  |  |             }); | 
 |  |  |          }, | 
 |  |  | 
 |  |  |                   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; | 
 |  |  |                      } |