| | |
| | | <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> |
| | |
| | | <view class="list-item-row"> |
| | | <view class="list-item-row-label">运输重量/数量<b>*</b></view> |
| | | <view class="list-item-row-val"> |
| | | <input type="text" style="flex: 1;" v-model="form.transportNum" placeholder="请输入" /> |
| | | <view @click="show4 = true" style="width: 100rpx; 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"> |
| | |
| | | <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="digit" @blur="getPrice" v-model="form.price" placeholder="请输入" /> |
| | | <input type="digit" @input="getPrice" v-model="form.price" placeholder="请输入" /> |
| | | <text>{{form.priceUnit}}</text> |
| | | </view> |
| | | </view> |
| | |
| | | <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> |
| | |
| | | categoryName: '', |
| | | wayInfoDTOList: [], |
| | | priceNum1: '', |
| | | totalDays:null, |
| | | priceNum2: 1, |
| | | transportNum: '', |
| | | transportTypeId: '', |
| | |
| | | } else if (news === 1) { |
| | | this.form.priceUnit = '元/次' |
| | | } |
| | | this.getPrice() |
| | | } |
| | | } |
| | | }, |
| | |
| | | }).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] |
| | | } |
| | |
| | | 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 |
| | |
| | | this.getCategoryLists() |
| | | }, |
| | | methods: { |
| | | handleInputPrice(e) { |
| | | 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){ |
| | |
| | | uni.requestSubscribeMessage({ |
| | | tmplIds: ['oVjOBLcHxIlGzOMJsdInmgI5CHGXh-UTvMzQqfFOnIg','AA97cHjvlPiNO4viMkVe4JifCf9TD5b5Eb7s6El3VS8'], |
| | | success(res) { |
| | | if(that.form.carType == 0){ |
| | | that.form.priceNum1 = that.form.totalDays |
| | | } |
| | | that.$u.api.release({ |
| | | ...that.form, |
| | | price: Number(that.form.price) * 100, |
| | |
| | | }).then(res => { |
| | | if (res.code == 200) { |
| | | uni.showToast({ |
| | | title: '编辑成功', |
| | | title: '修改成功', |
| | | icon: 'success', |
| | | mask: true, |
| | | duration: 2000 |
| | |
| | | this.$u.api.getTotal({ |
| | | 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) { |
| | |
| | | this.form.startDate = e[0] |
| | | this.form.endDate = e[e.length - 1] |
| | | let time = this.form.startDate == this.form.endDate ? 1 : 0 |
| | | this.form.priceNum1 = e.length - time; |
| | | this.form.totalDays = e.length - time; |
| | | this.show2 = false |
| | | this.getPrice() |
| | | }, |
| | | addAddr() { |
| | | this.form.wayInfoDTOList.push({ |
| | |
| | | if ([2].includes(type)) { |
| | | this.form.latitude = res.latitude |
| | | this.form.longitude = res.longitude |
| | | this.form.location = res.name || res.address |
| | | this.form.address = res.name || res.address |
| | | } else if (type === 3) { |
| | | this.form.locationEnd = 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; |
| | | } |
| | |
| | | } |
| | | } |
| | | .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%; |
| | | // width: 80%; |
| | | flex-shrink: 0; |
| | | font-weight: 400; |
| | | font-size: 30rpx; |
| | |
| | | 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; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |