|
|
@@ -4,18 +4,7 @@
|
|
|
|
|
|
<div class="module-com">
|
|
|
|
|
|
-
|
|
|
- <tui-list-cell class="line-cell" :hover="false" :arrow="false" v-if="openIntraCity == 2">
|
|
|
- <view class="delivery-unavailable-notice">
|
|
|
- <view class="notice-icon">
|
|
|
- <text class="icon-text">!</text>
|
|
|
- </view>
|
|
|
- <view class="notice-content">
|
|
|
- <view class="notice-title">跑腿配送暂不可用</view>
|
|
|
- <view class="notice-desc">请选择其他配送方式下单</view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </tui-list-cell>
|
|
|
+ <view v-if="openIntraCity == 2" style="color:red;font-size:38upx;font-weight:bold;padding:30upx 0 10upx 0;margin:0 0 0 30upx;">跑腿配暂不可用,请选其它配送方式</view>
|
|
|
|
|
|
<tui-list-cell class="line-cell" :hover="false">
|
|
|
<div class="tui-title">收花人姓名</div>
|
|
|
@@ -43,6 +32,50 @@
|
|
|
<div class="tui-title">门牌号</div>
|
|
|
<input v-model="form.floor" placeholder-class="phcolor" placeholder-style="color:#ccc" class="tui-input" name="floor" placeholder="楼号门牌号(选填)" @input="modifyShow" />
|
|
|
</tui-list-cell>
|
|
|
+
|
|
|
+ <block v-if="openIntraCity == 1">
|
|
|
+
|
|
|
+ <!-- 跑腿平台报价列表 -->
|
|
|
+ <tui-list-cell v-if="deliveryQuotes.length > 0" class="line-cell" :hover="false" :arrow="false">
|
|
|
+ <view class="delivery-quotes-container">
|
|
|
+ <view class="delivery-quotes-grid">
|
|
|
+ <view
|
|
|
+ v-for="(item, index) in deliveryQuotes"
|
|
|
+ :key="index"
|
|
|
+ class="delivery-quote-item"
|
|
|
+ :class="{
|
|
|
+ 'active': selectedDeliveryIndex === index,
|
|
|
+ 'disabled': !item.isAble,
|
|
|
+ 'fixed-width': deliveryQuotes.length <= 2
|
|
|
+ }"
|
|
|
+ @click="selectDelivery(item, index)"
|
|
|
+ >
|
|
|
+ <view class="platform-name">{{ item.displayName || item.name }}</view>
|
|
|
+ <view class="platform-price">{{ item.priceText }}元</view>
|
|
|
+ <view v-if="item.type" class="platform-type">{{ item.type }}</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </tui-list-cell>
|
|
|
+ <tui-list-cell v-else-if="deliveryQuotesLoading" class="line-cell" :hover="false" :arrow="false">
|
|
|
+ <view style="text-align: center; padding: 20rpx 0; color: #999;">正在获取报价...</view>
|
|
|
+ </tui-list-cell>
|
|
|
+
|
|
|
+ <tui-list-cell class="line-cell" :hover="false">
|
|
|
+ <view class="tui-title">距离</view>
|
|
|
+ <view class="tui-input" v-if="showDistance > 0">{{ showDistance }}公里</view>
|
|
|
+ <view class="tui-input" v-else>0公里</view>
|
|
|
+ </tui-list-cell>
|
|
|
+ <tui-list-cell class="line-cell" :hover="false">
|
|
|
+ <view class="tui-title">跑腿费</view>
|
|
|
+ <view class="tui-input">
|
|
|
+ <text :class="isFreeDelivery ? 'delivery-price-free' : 'delivery-price-normal'">¥ {{ form.sendCost }}</text>
|
|
|
+ <text v-if="isFreeDelivery" class="free-delivery-tag">【免跑腿费】</text>
|
|
|
+ </view>
|
|
|
+ </tui-list-cell>
|
|
|
+
|
|
|
+ </block>
|
|
|
+
|
|
|
</div>
|
|
|
|
|
|
<div class="module-com">
|
|
|
@@ -83,47 +116,6 @@
|
|
|
<view class="uni-input" style="width:450upx;">{{form.reachPeriod}}<text style="margin-left:10upx;">前</text></view>
|
|
|
</picker>
|
|
|
</tui-list-cell>
|
|
|
-
|
|
|
- <block v-if="openIntraCity == 1">
|
|
|
- <tui-list-cell class="line-cell" :hover="false">
|
|
|
- <view class="tui-title">距离</view>
|
|
|
- <view class="tui-input" v-if="showDistance > 0">{{ showDistance }}公里</view>
|
|
|
- <view class="tui-input" v-else>0公里</view>
|
|
|
- </tui-list-cell>
|
|
|
- <tui-list-cell class="line-cell" :hover="false">
|
|
|
- <view class="tui-title">跑腿费</view>
|
|
|
- <view class="tui-input">
|
|
|
- <text :class="isFreeDelivery ? 'delivery-price-free' : 'delivery-price-normal'">¥ {{ form.sendCost }}</text>
|
|
|
- <text v-if="isFreeDelivery" class="free-delivery-tag">【免跑腿费】</text>
|
|
|
- </view>
|
|
|
- </tui-list-cell>
|
|
|
-
|
|
|
- <!-- 跑腿平台报价列表 -->
|
|
|
- <tui-list-cell v-if="deliveryQuotes.length > 0" class="line-cell" :hover="false" :arrow="false">
|
|
|
- <view class="delivery-quotes-container">
|
|
|
- <view class="delivery-quotes-grid">
|
|
|
- <view
|
|
|
- v-for="(item, index) in deliveryQuotes"
|
|
|
- :key="index"
|
|
|
- class="delivery-quote-item"
|
|
|
- :class="{
|
|
|
- 'active': selectedDeliveryIndex === index,
|
|
|
- 'disabled': !item.isAble,
|
|
|
- 'fixed-width': deliveryQuotes.length <= 2
|
|
|
- }"
|
|
|
- @click="selectDelivery(item, index)"
|
|
|
- >
|
|
|
- <view class="platform-name">{{ item.displayName || item.name }}</view>
|
|
|
- <view class="platform-price">{{ item.priceText }}元</view>
|
|
|
- <view v-if="item.type" class="platform-type">{{ item.type }}</view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </tui-list-cell>
|
|
|
- <tui-list-cell v-else-if="deliveryQuotesLoading" class="line-cell" :hover="false" :arrow="false">
|
|
|
- <view style="text-align: center; padding: 20rpx 0; color: #999;">正在获取报价...</view>
|
|
|
- </tui-list-cell>
|
|
|
- </block>
|
|
|
|
|
|
</div>
|
|
|
|