| | |
| | | <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">地点描述</view> |
| | | <view class="list-item-row-val"> |
| | | <!-- <view class="list-item-row-val"> |
| | | <input type="text" v-model="form.locationRemark" placeholder="请输入" /> |
| | | </view> --> |
| | | <view class="list-item-row-val"> |
| | | <textarea v-model="form.locationRemark" cols="30" rows="10" placeholder="请输入" maxlength="200"></textarea> |
| | | </view> |
| | | </view> |
| | | </template> |
| | |
| | | <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.$u.api.getDetail({ |
| | | orderId: option.id |
| | | }).then(res => { |
| | | this.info = res.data |
| | | for (const key in this.form) { |
| | | this.form[key] = res.data[key] |
| | | if (res.code === 200) { |
| | | this.info = res.data |
| | | for (const key in this.form) { |
| | | this.form[key] = res.data[key] |
| | | } |
| | | this.form.days = res.data.totalDays |
| | | this.form.price = Number(this.form.price) / 100 |
| | | if (!this.form.multifileList) { |
| | | this.form.multifileList = [] |
| | | } |
| | | } |
| | | this.form.days = res.data.totalDays |
| | | this.form.price = Number(this.form.price) / 100 |
| | | if (!this.form.multifileList) { |
| | | this.form.multifileList = [] |
| | | } |
| | | |
| | | }) |
| | | } else { |
| | | this.form.linkPhone = this.userInfo.telephone |
| | | this.form.linkName = this.userInfo.name |
| | | this.form.days = option.days |
| | | this.form.startDate = option.startDate |
| | | this.form.endDate = option.endDate |
| | |
| | | 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) |
| | | |
| | | } |
| | | }) |
| | | // } |
| | | // }) |
| | | } |
| | | }, |
| | | // 计算金额 |
| | |
| | | type: this.form.type, |
| | | workType: this.form.workType |
| | | }).then(res => { |
| | | this.modify = true |
| | | this.form.estimatedAccount = res.data |
| | | if (res.code === 200) { |
| | | this.modify = true |
| | | this.form.estimatedAccount = res.data |
| | | } |
| | | }) |
| | | } |
| | | }, |
| | |
| | | success: (res) => { |
| | | this.form.lat = res.latitude |
| | | this.form.lgt = res.longitude |
| | | this.form.address = res.address |
| | | this.form.address = res.name || res.address |
| | | } |
| | | }); |
| | | }, |
| | |
| | | this.$u.api.getCategoryList({ |
| | | type: 0 |
| | | }).then(res => { |
| | | this.cateList = [res.data] |
| | | if (res.code === 200) { |
| | | this.cateList = [res.data] |
| | | } |
| | | }) |
| | | }, |
| | | uploadImg() { |
| | | uni.chooseImage({ |
| | | success: (chooseImageRes) => { |
| | | const tempFilePaths = chooseImageRes.tempFilePaths; |
| | | uni.uploadFile({ |
| | | url: this.$baseUrl + '/web/public/upload', |
| | | filePath: tempFilePaths[0], |
| | | name: 'file', |
| | | formData: { |
| | | 'folder': 'orders' |
| | | }, |
| | | success: (uploadFileRes) => { |
| | | const res = JSON.parse(uploadFileRes.data) |
| | | this.form.multifileList.push({ |
| | | fileurl: res.data.imgaddr, |
| | | name: res.data.originname, |
| | | url: res.data.url, |
| | | type: 0 |
| | | }) |
| | | } |
| | | }); |
| | | for (let i = 0; i < chooseImageRes.tempFilePaths.length; i++) { |
| | | uni.uploadFile({ |
| | | url: this.$baseUrl + '/web/public/upload', |
| | | filePath: chooseImageRes.tempFilePaths[i], |
| | | name: 'file', |
| | | formData: { |
| | | 'folder': 'orders' |
| | | }, |
| | | success: (uploadFileRes) => { |
| | | const res = JSON.parse(uploadFileRes.data) |
| | | this.form.multifileList.push({ |
| | | fileurl: res.data.imgaddr, |
| | | name: res.data.originname, |
| | | url: res.data.url, |
| | | type: 0 |
| | | }) |
| | | } |
| | | }); |
| | | } |
| | | } |
| | | }); |
| | | } |
| | |
| | | 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; |
| | | } |