|
|
@ -33,7 +33,7 @@ |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
<view class="content"> |
|
|
<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 v-if="isKuaidi" class="dizhi" style="border-bottom: 1px solid #eee; padding-bottom: 20rpx; margin-bottom: 20rpx;"> |
|
|
<view class="dizhi-tu"> |
|
|
<view class="dizhi-tu"> |
|
|
@ -101,7 +101,7 @@ |
|
|
</view> |
|
|
</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="border-bottom: 1px solid #eee; padding-bottom: 20rpx;"> |
|
|
<view style="font-size: 28rpx;font-weight: 700;">配送员</view> |
|
|
<view style="font-size: 28rpx;font-weight: 700;">配送员</view> |
|
|
<view style="font-size: 24rpx;color: #777;margin-top: 10rpx;">指定配送员,如配送员拒绝接单或者下线,订单进入抢单大厅</view> |
|
|
<view style="font-size: 24rpx;color: #777;margin-top: 10rpx;">指定配送员,如配送员拒绝接单或者下线,订单进入抢单大厅</view> |
|
|
@ -142,8 +142,6 @@ |
|
|
因您的收货楼层在3楼以上,将额外收取配送费 ¥{{highFloorFeeCalc}} |
|
|
因您的收货楼层在3楼以上,将额外收取配送费 ¥{{highFloorFeeCalc}} |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
<view class="content-box" style="height: 120rpx;"> |
|
|
<view class="content-box" style="height: 120rpx;"> |
|
|
<view class="content-title"> |
|
|
<view class="content-title"> |
|
|
取件数量<text style="color:red;">*</text> |
|
|
取件数量<text style="color:red;">*</text> |
|
|
@ -158,15 +156,15 @@ |
|
|
<view class="content-title"> |
|
|
<view class="content-title"> |
|
|
取件凭证<text v-if="isKuaidi" style="color:red;">*</text> |
|
|
取件凭证<text v-if="isKuaidi" style="color:red;">*</text> |
|
|
</view> |
|
|
</view> |
|
|
<view style="flex: 1;"> |
|
|
<view style="flex: 1;padding-top: 26rpx;"> |
|
|
<view> |
|
|
<view> |
|
|
<view style="display: flex;">手机尾号</view> |
|
|
<view style="line-height:70rpx;">手机尾号</view> |
|
|
<view class="check-input"> |
|
|
<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位"> |
|
|
<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> |
|
|
</view> |
|
|
<view v-if="isKuaidi"> |
|
|
<view v-if="isKuaidi"> |
|
|
<view style="display: flex;">取件码</view> |
|
|
<view style="line-height:70rpx;">取件码</view> |
|
|
<view class="check-input" v-for="(item,index) in addFormData.codeList" :key="index" style="border: none;display: flex;"> |
|
|
<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="建议填写取件码"> |
|
|
<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;"> |
|
|
<view @tap="delCode(index)" v-if="addFormData.codeList.length>1" style="width: 90rpx;height: 70rpx;line-height: 70rpx;text-align: center;"> |
|
|
@ -175,8 +173,8 @@ |
|
|
</view> |
|
|
</view> |
|
|
<view class="check-add" @tap="addCode">+ 添加取件码</view> |
|
|
<view class="check-add" @tap="addCode">+ 添加取件码</view> |
|
|
</view> |
|
|
</view> |
|
|
<view> |
|
|
<view style="margin-bottom: 10px;"> |
|
|
<view style="display: flex;">截图凭证</view> |
|
|
<view style="line-height:70rpx;">截图凭证</view> |
|
|
<view> |
|
|
<view> |
|
|
<view style="display: flex; flex-wrap: wrap;"> |
|
|
<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;"> |
|
|
<view class="upload-img" @tap="pictureAdd" style="background: #eee;text-align: center;line-height: 160rpx;border-radius:10rpx;margin-top:10rpx;"> |
|
|
@ -205,20 +203,14 @@ |
|
|
<view class="content-title"> |
|
|
<view class="content-title"> |
|
|
订单备注 |
|
|
订单备注 |
|
|
</view> |
|
|
</view> |
|
|
<view style="height: 200rpx;background: #eee;border-radius: 40rpx;padding: 20rpx;width: 70%;"> |
|
|
<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> |
|
|
<textarea v-model="addFormData.remark" cols="30" rows="10" placeholder="请填写备注" style="height: 160rpx;width: 100%;"></textarea> |
|
|
</view> |
|
|
</view> |
|
|
</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> |
|
|
|
|
|
</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> |
|
|
<view style="color: #ff5722;" v-if="selectedCoupon"> |
|
|
<view style="color: #ff5722;" v-if="selectedCoupon"> |
|
|
@ -232,7 +224,16 @@ |
|
|
</view> |
|
|
</view> |
|
|
<uni-icons type="right" size="14" color="#999" style="margin-left:10rpx;"></uni-icons> |
|
|
<uni-icons type="right" size="14" color="#999" style="margin-left:10rpx;"></uni-icons> |
|
|
</view> |
|
|
</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 style="flex: 1;">合计</view> |
|
|
<view>¥{{totalAmountCalc.toFixed(2)}}</view> |
|
|
<view>¥{{totalAmountCalc.toFixed(2)}}</view> |
|
|
</view> |
|
|
</view> |
|
|
@ -951,12 +952,10 @@ |
|
|
|
|
|
|
|
|
.content { |
|
|
.content { |
|
|
position: absolute; |
|
|
position: absolute; |
|
|
top: 280rpx; |
|
|
top: 200rpx; |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
overflow: scroll; |
|
|
overflow: scroll; |
|
|
height: 100%; |
|
|
height: 100%; |
|
|
padding: 0 4%; |
|
|
|
|
|
box-sizing: border-box; |
|
|
|
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.tab1 { |
|
|
.tab1 { |
|
|
@ -983,7 +982,7 @@ |
|
|
.dizhi-tu { |
|
|
.dizhi-tu { |
|
|
width: 50rpx; |
|
|
width: 50rpx; |
|
|
height: 50rpx; |
|
|
height: 50rpx; |
|
|
margin: 26rpx 20rpx 0 0; |
|
|
margin: 19rpx 20rpx 0 0; |
|
|
|
|
|
|
|
|
img { |
|
|
img { |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
@ -993,15 +992,15 @@ |
|
|
|
|
|
|
|
|
.dizhi1 { |
|
|
.dizhi1 { |
|
|
flex: 1; |
|
|
flex: 1; |
|
|
height: 100rpx; |
|
|
height: 80rpx; |
|
|
line-height: 100rpx; |
|
|
line-height: 80rpx; |
|
|
display: flex; |
|
|
display: flex; |
|
|
justify-content: space-between; |
|
|
justify-content: space-between; |
|
|
align-items: center; |
|
|
align-items: center; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.dizhi-ming { |
|
|
.dizhi-ming { |
|
|
font-size: 30rpx; |
|
|
font-size: 24rpx; |
|
|
font-weight: 700; |
|
|
font-weight: 700; |
|
|
flex: 1; |
|
|
flex: 1; |
|
|
white-space: nowrap; |
|
|
white-space: nowrap; |
|
|
@ -1014,11 +1013,8 @@ |
|
|
display: flex; |
|
|
display: flex; |
|
|
line-height: 120rpx; |
|
|
line-height: 120rpx; |
|
|
background: #fff; |
|
|
background: #fff; |
|
|
border-radius: 20rpx; |
|
|
|
|
|
padding: 0 20rpx; |
|
|
padding: 0 20rpx; |
|
|
margin-top: 20rpx; |
|
|
border-top: 1px solid #eee; |
|
|
box-shadow: 0 0 10rpx rgba(0,0,0,0.05); |
|
|
|
|
|
box-sizing: border-box; |
|
|
|
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.content-title { |
|
|
.content-title { |
|
|
@ -1118,6 +1114,8 @@ |
|
|
margin-top: 20rpx; |
|
|
margin-top: 20rpx; |
|
|
box-shadow: 0 0 10rpx rgba(0,0,0,0.05); |
|
|
box-shadow: 0 0 10rpx rgba(0,0,0,0.05); |
|
|
box-sizing: border-box; |
|
|
box-sizing: border-box; |
|
|
|
|
|
width: 95%; |
|
|
|
|
|
margin: 10px auto; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.time1 { |
|
|
.time1 { |
|
|
|