|
@@ -57,25 +57,23 @@
|
|
|
<!-- 跑腿平台报价列表 -->
|
|
<!-- 跑腿平台报价列表 -->
|
|
|
<view class="select-item_box" v-if="deliveryQuotes.length > 0">
|
|
<view class="select-item_box" v-if="deliveryQuotes.length > 0">
|
|
|
<!-- <view class="title">选择跑腿</view> -->
|
|
<!-- <view class="title">选择跑腿</view> -->
|
|
|
- <scroll-view scroll-y class="delivery-quotes-scroll">
|
|
|
|
|
- <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 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>
|
|
|
- </scroll-view>
|
|
|
|
|
|
|
+ </view>
|
|
|
</view>
|
|
</view>
|
|
|
<view v-else class="empty-quotes-view">
|
|
<view v-else class="empty-quotes-view">
|
|
|
<text style="font-size:12upx;color:red;" v-if="$util.isEmpty(custom.long) || $util.isEmpty(custom.lat) || $util.isEmpty(custom.address)">请先完善客户地址</text>
|
|
<text style="font-size:12upx;color:red;" v-if="$util.isEmpty(custom.long) || $util.isEmpty(custom.lat) || $util.isEmpty(custom.address)">请先完善客户地址</text>
|
|
@@ -1000,17 +998,13 @@ export default {
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
margin-top: 2upx;
|
|
margin-top: 2upx;
|
|
|
}
|
|
}
|
|
|
-.delivery-quotes-scroll {
|
|
|
|
|
- width: 100%;
|
|
|
|
|
- max-height: 210upx;
|
|
|
|
|
- border-bottom: 1upx solid #eee;
|
|
|
|
|
-}
|
|
|
|
|
.delivery-quotes-grid {
|
|
.delivery-quotes-grid {
|
|
|
display: flex;
|
|
display: flex;
|
|
|
flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
|
padding: 0;
|
|
padding: 0;
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
margin: -2upx;
|
|
margin: -2upx;
|
|
|
|
|
+ border-bottom: 1upx solid #eee;
|
|
|
}
|
|
}
|
|
|
.delivery-quote-item {
|
|
.delivery-quote-item {
|
|
|
display: flex;
|
|
display: flex;
|