|  |  |  | 
|---|
|  |  |  | <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; | 
|---|
|  |  |  | } | 
|---|