|
|
|
@ -33,7 +33,7 @@ |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="content"> |
|
|
|
<view class="" style="background: #fff; border-radius: 20rpx; padding: 20rpx; margin-bottom: 20rpx; margin-top: 40rpx;box-shadow: 0 0 10rpx rgba(0,0,0,0.05);"> |
|
|
|
<view class="" style="background: #fff;padding: 20rpx;"> |
|
|
|
<!-- 取货地址 --> |
|
|
|
<view v-if="isKuaidi" class="dizhi" style="border-bottom: 1px solid #eee; padding-bottom: 20rpx; margin-bottom: 20rpx;"> |
|
|
|
<view class="dizhi-tu"> |
|
|
|
@ -101,7 +101,7 @@ |
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- 配送员模块 --> |
|
|
|
<view style="background: #fff; border-radius: 20rpx; padding: 20rpx; margin-top: 20rpx; box-shadow: 0 0 10rpx rgba(0,0,0,0.05);"> |
|
|
|
<view style="width: 95%;margin: 10px auto;background: #fff; border-radius: 20rpx; padding: 20rpx; margin-top: 20rpx; box-shadow: 0 0 10rpx rgba(0,0,0,0.05);"> |
|
|
|
<view style="border-bottom: 1px solid #eee; padding-bottom: 20rpx;"> |
|
|
|
<view style="font-size: 28rpx;font-weight: 700;">配送员</view> |
|
|
|
<view style="font-size: 24rpx;color: #777;margin-top: 10rpx;">指定配送员,如配送员拒绝接单或者下线,订单进入抢单大厅</view> |
|
|
|
@ -142,83 +142,75 @@ |
|
|
|
因您的收货楼层在3楼以上,将额外收取配送费 ¥{{highFloorFeeCalc}} |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="content-box" style="height: 120rpx;"> |
|
|
|
<view class="content-title"> |
|
|
|
取件数量<text style="color:red;">*</text> |
|
|
|
</view> |
|
|
|
<view style="display:flex;height: 80rpx;margin-top: 20rpx;line-height: 80rpx;border: 1px solid #777;background: #eee;border-radius: 20rpx;width: 40%;"> |
|
|
|
<view @tap="addFormData.num > 1 ? addFormData.num-- : 1" style="width: 30%;font-size: 44rpx;font-weight: 700;text-align: center;">-</view> |
|
|
|
<input type="number" v-model="addFormData.num" disabled style="line-height: 80rpx;height: 80rpx;flex: 1;font-size: 36rpx;font-weight: 700;text-align: center;"> |
|
|
|
<view @tap="addFormData.num++" style="width: 30%;font-size: 44rpx;font-weight: 700;text-align: center;">+</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="content-box"> |
|
|
|
<view class="content-title"> |
|
|
|
取件凭证<text v-if="isKuaidi" style="color:red;">*</text> |
|
|
|
<view class="content-box" style="height: 120rpx;"> |
|
|
|
<view class="content-title"> |
|
|
|
取件数量<text style="color:red;">*</text> |
|
|
|
</view> |
|
|
|
<view style="display:flex;height: 80rpx;margin-top: 20rpx;line-height: 80rpx;border: 1px solid #777;background: #eee;border-radius: 20rpx;width: 40%;"> |
|
|
|
<view @tap="addFormData.num > 1 ? addFormData.num-- : 1" style="width: 30%;font-size: 44rpx;font-weight: 700;text-align: center;">-</view> |
|
|
|
<input type="number" v-model="addFormData.num" disabled style="line-height: 80rpx;height: 80rpx;flex: 1;font-size: 36rpx;font-weight: 700;text-align: center;"> |
|
|
|
<view @tap="addFormData.num++" style="width: 30%;font-size: 44rpx;font-weight: 700;text-align: center;">+</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view style="flex: 1;"> |
|
|
|
<view> |
|
|
|
<view style="display: flex;">手机尾号</view> |
|
|
|
<view class="check-input"> |
|
|
|
<input type="text" v-model="addFormData.phoneNumber" style="width: 100%;height: 100%;padding: 0 20rpx;border: 1px solid #eee;border-radius:10rpx;" placeholder="建议填写预留手机尾号4位"> |
|
|
|
</view> |
|
|
|
<view class="content-box"> |
|
|
|
<view class="content-title"> |
|
|
|
取件凭证<text v-if="isKuaidi" style="color:red;">*</text> |
|
|
|
</view> |
|
|
|
<view v-if="isKuaidi"> |
|
|
|
<view style="display: flex;">取件码</view> |
|
|
|
<view class="check-input" v-for="(item,index) in addFormData.codeList" :key="index" style="border: none;display: flex;"> |
|
|
|
<input type="text" v-model="item.code" style="width: 100%;height: 100%;padding: 0 20rpx;border: 1px solid #eee;border-radius:10rpx;" placeholder="建议填写取件码"> |
|
|
|
<view @tap="delCode(index)" v-if="addFormData.codeList.length>1" style="width: 90rpx;height: 70rpx;line-height: 70rpx;text-align: center;"> |
|
|
|
<uni-icons type="trash" size="18"></uni-icons> |
|
|
|
<view style="flex: 1;padding-top: 26rpx;"> |
|
|
|
<view> |
|
|
|
<view style="line-height:70rpx;">手机尾号</view> |
|
|
|
<view class="check-input"> |
|
|
|
<input type="text" v-model="addFormData.phoneNumber" style="width: 100%;height: 100%;padding: 0 20rpx;border: 1px solid #eee;border-radius:10rpx;" placeholder="建议填写预留手机尾号4位"> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="check-add" @tap="addCode">+ 添加取件码</view> |
|
|
|
</view> |
|
|
|
<view> |
|
|
|
<view style="display: flex;">截图凭证</view> |
|
|
|
<view> |
|
|
|
<view style="display: flex; flex-wrap: wrap;"> |
|
|
|
<view class="upload-img" @tap="pictureAdd" style="background: #eee;text-align: center;line-height: 160rpx;border-radius:10rpx;margin-top:10rpx;"> |
|
|
|
<uni-icons type="camera" size="28" color="#777"></uni-icons> |
|
|
|
<view v-if="isKuaidi"> |
|
|
|
<view style="line-height:70rpx;">取件码</view> |
|
|
|
<view class="check-input" v-for="(item,index) in addFormData.codeList" :key="index" style="border: none;display: flex;"> |
|
|
|
<input type="text" v-model="item.code" style="width: 100%;height: 100%;padding: 0 20rpx;border: 1px solid #eee;border-radius:10rpx;" placeholder="建议填写取件码"> |
|
|
|
<view @tap="delCode(index)" v-if="addFormData.codeList.length>1" style="width: 90rpx;height: 70rpx;line-height: 70rpx;text-align: center;"> |
|
|
|
<uni-icons type="trash" size="18"></uni-icons> |
|
|
|
</view> |
|
|
|
<view v-for="(item,index) in addFormData.picture" :key="index" style="width: 160rpx;height: 160rpx;margin-left: 20rpx;margin-top:10rpx;position:relative;"> |
|
|
|
<img :src="item" alt="" class="upload-img" style="border-radius:10rpx;"> |
|
|
|
<uni-icons type="clear" size="24" color="red" @tap="delPicture(index)" style="position: absolute;top: -10rpx;right: -10rpx;background:#fff;border-radius:50%;"></uni-icons> |
|
|
|
</view> |
|
|
|
<view class="check-add" @tap="addCode">+ 添加取件码</view> |
|
|
|
</view> |
|
|
|
<view style="margin-bottom: 10px;"> |
|
|
|
<view style="line-height:70rpx;">截图凭证</view> |
|
|
|
<view> |
|
|
|
<view style="display: flex; flex-wrap: wrap;"> |
|
|
|
<view class="upload-img" @tap="pictureAdd" style="background: #eee;text-align: center;line-height: 160rpx;border-radius:10rpx;margin-top:10rpx;"> |
|
|
|
<uni-icons type="camera" size="28" color="#777"></uni-icons> |
|
|
|
</view> |
|
|
|
<view v-for="(item,index) in addFormData.picture" :key="index" style="width: 160rpx;height: 160rpx;margin-left: 20rpx;margin-top:10rpx;position:relative;"> |
|
|
|
<img :src="item" alt="" class="upload-img" style="border-radius:10rpx;"> |
|
|
|
<uni-icons type="clear" size="24" color="red" @tap="delPicture(index)" style="position: absolute;top: -10rpx;right: -10rpx;background:#fff;border-radius:50%;"></uni-icons> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="content-box"> |
|
|
|
<view class="content-title"> |
|
|
|
特殊情况 |
|
|
|
</view> |
|
|
|
<view style="flex: 1;"> |
|
|
|
<view class="duoxuan" @tap="checkWeightOrVolume" :style="{'background':addFormData.isOverweightOrOvervolume?'rgba(166, 255, 234, 1)':'#eee'}"> |
|
|
|
超重/超大 |
|
|
|
<view class="content-box"> |
|
|
|
<view class="content-title"> |
|
|
|
特殊情况 |
|
|
|
</view> |
|
|
|
<view style="flex: 1;"> |
|
|
|
<view class="duoxuan" @tap="checkWeightOrVolume" :style="{'background':addFormData.isOverweightOrOvervolume?'rgba(166, 255, 234, 1)':'#eee'}"> |
|
|
|
超重/超大 |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="content-box" style="line-height: 200rpx;"> |
|
|
|
<view class="content-title"> |
|
|
|
订单备注 |
|
|
|
</view> |
|
|
|
<view style="height: 200rpx;background: #eee;border-radius: 40rpx;padding: 20rpx;width: 70%;"> |
|
|
|
<textarea v-model="addFormData.remark" cols="30" rows="10" placeholder="请填写备注" style="height: 160rpx;width: 100%;"></textarea> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view style="height: 80rpx;line-height: 80rpx;display: flex;margin-top: 20rpx;"> |
|
|
|
<view style="flex: 1;color: #777;font-weight: 700;font-size:32rpx;"> |
|
|
|
{{isKuaidi?'代取配送费':'跑腿费'}} |
|
|
|
</view> |
|
|
|
<view style="color: #000;font-weight:700;font-size:32rpx;"> |
|
|
|
¥{{deliveryFeeCalc.toFixed(2)}} |
|
|
|
<view class="content-box" style="line-height: 200rpx;"> |
|
|
|
<view class="content-title"> |
|
|
|
订单备注 |
|
|
|
</view> |
|
|
|
<view style="height: 200rpx;background: #eee;border-radius: 40rpx;padding: 20rpx;width: 70%;margin-top: 10px;"> |
|
|
|
<textarea v-model="addFormData.remark" cols="30" rows="10" placeholder="请填写备注" style="height: 160rpx;width: 100%;"></textarea> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view style="display: flex;height: 80rpx;line-height: 80rpx;border-top: 1px solid #eee;font-size: 28rpx;font-weight: 700; align-items:center;" @tap="openCouponPopup"> |
|
|
|
<view style="flex: 1; color: #777; font-size:32rpx;"> |
|
|
|
|
|
|
|
<view style="display: flex;height: 80rpx;line-height: 80rpx;font-weight: 700; align-items:center;padding: 0 4%;" @tap="openCouponPopup"> |
|
|
|
<view style="flex: 1;"> |
|
|
|
优惠券 |
|
|
|
</view> |
|
|
|
<view style="color: #ff5722;" v-if="selectedCoupon"> |
|
|
|
@ -232,7 +224,16 @@ |
|
|
|
</view> |
|
|
|
<uni-icons type="right" size="14" color="#999" style="margin-left:10rpx;"></uni-icons> |
|
|
|
</view> |
|
|
|
<view style="display: flex;height: 80rpx;line-height: 100rpx;border-top: 1px solid #eee;font-size: 32rpx;font-weight: 700;margin-bottom: 20rpx;"> |
|
|
|
<view style="height: 80rpx;line-height: 80rpx;display: flex;padding: 0 4%;"> |
|
|
|
<view style="flex: 1;font-weight: 700;"> |
|
|
|
{{isKuaidi?'代取配送费':'跑腿费'}} |
|
|
|
</view> |
|
|
|
<view style="color: #000;font-weight:700;"> |
|
|
|
¥{{deliveryFeeCalc.toFixed(2)}} |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view style="display: flex;height: 80rpx;line-height: 100rpx;font-weight: 700;padding: 0 4%;"> |
|
|
|
<view style="flex: 1;">合计</view> |
|
|
|
<view>¥{{totalAmountCalc.toFixed(2)}}</view> |
|
|
|
</view> |
|
|
|
@ -951,12 +952,10 @@ |
|
|
|
|
|
|
|
.content { |
|
|
|
position: absolute; |
|
|
|
top: 280rpx; |
|
|
|
top: 200rpx; |
|
|
|
width: 100%; |
|
|
|
overflow: scroll; |
|
|
|
height: 100%; |
|
|
|
padding: 0 4%; |
|
|
|
box-sizing: border-box; |
|
|
|
} |
|
|
|
|
|
|
|
.tab1 { |
|
|
|
@ -983,7 +982,7 @@ |
|
|
|
.dizhi-tu { |
|
|
|
width: 50rpx; |
|
|
|
height: 50rpx; |
|
|
|
margin: 26rpx 20rpx 0 0; |
|
|
|
margin: 19rpx 20rpx 0 0; |
|
|
|
|
|
|
|
img { |
|
|
|
width: 100%; |
|
|
|
@ -993,15 +992,15 @@ |
|
|
|
|
|
|
|
.dizhi1 { |
|
|
|
flex: 1; |
|
|
|
height: 100rpx; |
|
|
|
line-height: 100rpx; |
|
|
|
height: 80rpx; |
|
|
|
line-height: 80rpx; |
|
|
|
display: flex; |
|
|
|
justify-content: space-between; |
|
|
|
align-items: center; |
|
|
|
} |
|
|
|
|
|
|
|
.dizhi-ming { |
|
|
|
font-size: 30rpx; |
|
|
|
font-size: 24rpx; |
|
|
|
font-weight: 700; |
|
|
|
flex: 1; |
|
|
|
white-space: nowrap; |
|
|
|
@ -1014,11 +1013,8 @@ |
|
|
|
display: flex; |
|
|
|
line-height: 120rpx; |
|
|
|
background: #fff; |
|
|
|
border-radius: 20rpx; |
|
|
|
padding: 0 20rpx; |
|
|
|
margin-top: 20rpx; |
|
|
|
box-shadow: 0 0 10rpx rgba(0,0,0,0.05); |
|
|
|
box-sizing: border-box; |
|
|
|
border-top: 1px solid #eee; |
|
|
|
} |
|
|
|
|
|
|
|
.content-title { |
|
|
|
@ -1118,6 +1114,8 @@ |
|
|
|
margin-top: 20rpx; |
|
|
|
box-shadow: 0 0 10rpx rgba(0,0,0,0.05); |
|
|
|
box-sizing: border-box; |
|
|
|
width: 95%; |
|
|
|
margin: 10px auto; |
|
|
|
} |
|
|
|
|
|
|
|
.time1 { |
|
|
|
|