|
@@ -1,45 +1,48 @@
|
|
|
<template>
|
|
|
<s-layout title="选择自提门店" :bgStyle="{ color: '#FFF' }">
|
|
|
<view class="storeBox" ref="container">
|
|
|
- <view class="storeBox-box" v-for="(item, index) in state.storeList" :key="index" @tap="checked(item)">
|
|
|
- <view class="store-img">
|
|
|
- <image :src="item.logo" class="img" />
|
|
|
- </view>
|
|
|
- <view class="store-cent-left">
|
|
|
- <view class="store-name">{{ item.name }}</view>
|
|
|
- <view class="store-address line1">
|
|
|
- {{ item.areaName }}{{ ', ' + item.detailAddress }}
|
|
|
+ <s-empty v-if="!state.storeList.length" icon="/static/order-empty.png" text="暂无自提门店" />
|
|
|
+ <view v-else>
|
|
|
+ <view class="storeBox-box" v-for="(item, index) in state.storeList" :key="index" @tap="checked(item)">
|
|
|
+ <view class="store-img">
|
|
|
+ <image :src="item.logo" class="img" />
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class="row-right ss-flex-col ss-col-center">
|
|
|
- <view>
|
|
|
- <!-- #ifdef H5 -->
|
|
|
- <a class="store-phone" :href="'tel:' + item.phone">
|
|
|
- <view class="iconfont">
|
|
|
- <view class="ss-rest-button">
|
|
|
- <text class="_icon-forward" />
|
|
|
+ <view class="store-cent-left">
|
|
|
+ <view class="store-name">{{ item.name }}</view>
|
|
|
+ <view class="store-address line1">
|
|
|
+ {{ item.areaName }}{{ ', ' + item.detailAddress }}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="row-right ss-flex-col ss-col-center">
|
|
|
+ <view>
|
|
|
+ <!-- #ifdef H5 -->
|
|
|
+ <a class="store-phone" :href="'tel:' + item.phone">
|
|
|
+ <view class="iconfont">
|
|
|
+ <view class="ss-rest-button">
|
|
|
+ <text class="_icon-forward" />
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </a>
|
|
|
+ <!-- #endif -->
|
|
|
+ <!-- #ifdef MP -->
|
|
|
+ <view class="store-phone" @click="call(item.phone)">
|
|
|
+ <view class="iconfont">
|
|
|
+ <view class="ss-rest-button">
|
|
|
+ <text class="_icon-forward" />
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- </a>
|
|
|
- <!-- #endif -->
|
|
|
- <!-- #ifdef MP -->
|
|
|
- <view class="store-phone" @click="call(item.phone)">
|
|
|
+ <!-- #endif -->
|
|
|
+ </view>
|
|
|
+ <view class="store-distance ss-flex ss-row-center" @tap.stop="showMaoLocation(item)">
|
|
|
+ <text class="addressTxt" v-if="item.distance">距离{{ item.distance.toFixed(2) }}千米</text>
|
|
|
+ <text class="addressTxt" v-else>查看地图</text>
|
|
|
<view class="iconfont">
|
|
|
<view class="ss-rest-button">
|
|
|
<text class="_icon-forward" />
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <!-- #endif -->
|
|
|
- </view>
|
|
|
- <view class="store-distance ss-flex ss-row-center" @tap.stop="showMaoLocation(item)">
|
|
|
- <text class="addressTxt" v-if="item.distance">距离{{ item.distance.toFixed(2) }}千米</text>
|
|
|
- <text class="addressTxt" v-else>查看地图</text>
|
|
|
- <view class="iconfont">
|
|
|
- <view class="ss-rest-button">
|
|
|
- <text class="_icon-forward" />
|
|
|
- </view>
|
|
|
- </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|