| | |
| | | <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> |
| | |
| | | }, |
| | | 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 (!that.form.id) { |
| | | uni.requestSubscribeMessage({ |
| | | tmplIds: ['oVjOBLcHxIlGzOMJsdInmgI5CHGXh-UTvMzQqfFOnIg'], |
| | | tmplIds: ['oVjOBLcHxIlGzOMJsdInmgI5CHGXh-UTvMzQqfFOnIg','AA97cHjvlPiNO4viMkVe4JifCf9TD5b5Eb7s6El3VS8'], |
| | | success(res) { |
| | | that.$u.api.release({ ...that.form, price: Number(that.form.price) * 100 }) |
| | | .then(res => { |
| | |
| | | } |
| | | }) |
| | | } else { |
| | | uni.requestSubscribeMessage({ |
| | | tmplIds: ['3YSC7gouRlSjHXz4CrWOGFzPmGwEBtFj4snwdfMvKHk'], |
| | | success(res) { |
| | | // uni.requestSubscribeMessage({ |
| | | // tmplIds: ['3YSC7gouRlSjHXz4CrWOGFzPmGwEBtFj4snwdfMvKHk'], |
| | | // success(res) { |
| | | that.$u.api.updateOrder({ ...that.form, price: Number(that.form.price) * 100 }) |
| | | .then(res => { |
| | | if (res.code == 200) { |
| | |
| | | }, 1500) |
| | | } |
| | | }) |
| | | } |
| | | }) |
| | | // } |
| | | // }) |
| | | } |
| | | }, |
| | | // 计算金额 |
| | |
| | | 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; |
| | | } |