|
|
|
@ -1,6 +1,6 @@ |
|
|
|
<template> |
|
|
|
<view> |
|
|
|
<view style="position: sticky;top: 0;background-color: #FFFFFF;"> |
|
|
|
<view style="position: sticky;top: 0;background-color: #FE9039;"> |
|
|
|
<view class="search-container"> |
|
|
|
<!-- 搜索框 --> |
|
|
|
<view class="search-container-bar"> |
|
|
|
@ -9,24 +9,24 @@ |
|
|
|
v-model="associativeText" :focus="focus" :placeholder="hotWorld" clearButton="auto" |
|
|
|
cancelButton="none" @clear="clear" /> |
|
|
|
<view v-if="stringIsNotEmpty(associativeText) && associativeText!=page.key" @click="search" |
|
|
|
style="margin-right: 10px;font-size: 13px;">搜索</view> |
|
|
|
style="margin-right: 10px;font-size: 13px; color: #FED6B5;">搜索</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="search-body"> |
|
|
|
<view |
|
|
|
style="font-size: 26rpx;padding-left: 40rpx;padding-right: 40rpx;padding-top: 10rpx;padding-bottom: 20rpx;color: steelblue;"> |
|
|
|
style="font-size: 26rpx;padding-left: 50rpx;padding-right: 40rpx;padding-top: 10rpx;padding-bottom: 20rpx;color: #FED6B5;"> |
|
|
|
输入关键字筛选提货点 |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
<loading-state ref="pageView" @request="request"> |
|
|
|
<!-- 搜索联想 --> |
|
|
|
<view |
|
|
|
style="display: flex;flex-direction: column;background: #FFFFFF;border-radius: 30rpx;padding: 20rpx;box-sizing: border-box;margin: 20rpx;width: calc(100% - 40rpx);padding-bottom: 0px;" |
|
|
|
<view style="display: flex;flex-direction: column;background: #FFFFFF; |
|
|
|
border-top-left-radius: 30px;border-top-right-radius: 30px; padding:10px 20px;margin-top: 10px;box-sizing: border-box;padding-bottom: 0px;" |
|
|
|
v-for="(item,index) in dataList" :key="index"> |
|
|
|
|
|
|
|
<!-- 顶部标题 --> |
|
|
|
<!-- |
|
|
|
<view |
|
|
|
style="display: flex;flex-direction: row;width: 100%;box-sizing: border-box;width: 100%;margin-top:10rpx ;align-items: center;"> |
|
|
|
<image src="../static/address_name.png" style="width: 50rpx;height: 50rpx;flex-shrink: 0;"> |
|
|
|
@ -36,11 +36,9 @@ |
|
|
|
</text> |
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- 营业时间 --> |
|
|
|
<text |
|
|
|
style="font-size: 24rpx;color: #999999;margin-top: 6rpx;box-sizing: border-box;width: 100%;display:inline-block;white-space: pre-wrap; word-wrap: break-word;height: auto;">营业时间：{{item.businessHours}}</text> |
|
|
|
|
|
|
|
<!-- 提货点信息 --> |
|
|
|
<view style="display: flex;flex-direction: row;margin-top: 22rpx;"> |
|
|
|
<image v-if="false" |
|
|
|
style="width: 120rpx;height: 120rpx;border-radius: 20rpx;flex-shrink: 0;background-color: #fafafa;"> |
|
|
|
@ -62,7 +60,6 @@ |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- 底部 --> |
|
|
|
|
|
|
|
<view style="display: flex;flex-direction: row;margin-top: 38rpx;border-top: 1rpx #f1f2f3 solid;"> |
|
|
|
<view style="flex: 1;"></view> |
|
|
|
@ -77,12 +74,44 @@ |
|
|
|
<image src="../static/address_confirm.png" style="width: 18px;height: 18px;"></image> |
|
|
|
<view style="font-size: 13px;margin-left: 6px;">确定</view> |
|
|
|
</view> |
|
|
|
</view> --> |
|
|
|
|
|
|
|
<text style="font-size: 18px;font-weight: 600;font-family: sans-serif;color: 333;">{{item.name}}</text> |
|
|
|
|
|
|
|
<view style="display: flex;flex-direction: row;align-items: center;margin-top: 8px;"> |
|
|
|
<image src="https://supervise.yxtsoft.com/lpk/image/date.png" style="width: 20px;height: 20px;"> |
|
|
|
</image> |
|
|
|
<text style="margin-left: 5px;font-size: 12px; color: #999;">营业时间：{{item.businessHours}}</text> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view style="display: flex;flex-direction: row;align-items: center;margin-top: 8px;"> |
|
|
|
<image src="https://supervise.yxtsoft.com/lpk/image/location.png" style="width: 20px;height: 20px;"> |
|
|
|
</image> |
|
|
|
<text style="margin-left: 5px;font-size: 12px; color: #999;flex: 1;">门店地址：{{item.address}}</text> |
|
|
|
<image src="https://supervise.yxtsoft.com/lpk/image/navigation.png" |
|
|
|
style="width: 20px;height: 20px; margin-right: 20px;"></image> |
|
|
|
</view> |
|
|
|
|
|
|
|
</loading-state> |
|
|
|
<view style="display: flex;flex-direction: row;margin-top: 38rpx;border-top: 1rpx #f1f2f3 solid; justify-content: space-between; |
|
|
|
padding-left: 30px;padding-right:30px;"> |
|
|
|
|
|
|
|
<view class="btn" @click.stop="phone(item.phone)"> |
|
|
|
<image src="https://supervise.yxtsoft.com/lpk/image/phone.png" style="width: 20px;height: 20px;"> |
|
|
|
</image> |
|
|
|
<text style="margin-left: 5px;font-size: 14px; color: #666;">电话咨询</text> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="btn" @click.stop="confirm(item)"> |
|
|
|
<image src="https://supervise.yxtsoft.com/lpk/image/user.png" style="width: 20px;height: 20px;"> |
|
|
|
</image> |
|
|
|
<text style="margin-left: 5px;font-size: 14px; color: #666;">预约自提</text> |
|
|
|
</view> |
|
|
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
</loading-state> |
|
|
|
<view style="height: 20px;"></view> |
|
|
|
</view> |
|
|
|
</template> |
|
|
|
@ -164,14 +193,18 @@ |
|
|
|
} |
|
|
|
|
|
|
|
.btn { |
|
|
|
display: flex; |
|
|
|
flex-direction: row; |
|
|
|
padding: 10px; |
|
|
|
margin-top: 10px; |
|
|
|
border: 1px solid #FEA561; |
|
|
|
border-radius: 20px; |
|
|
|
display: flex;flex-direction: row; |
|
|
|
align-items: center; |
|
|
|
justify-content: center; |
|
|
|
padding: 5px 10px; |
|
|
|
margin-bottom: 10px; |
|
|
|
} |
|
|
|
|
|
|
|
.search-body { |
|
|
|
background-color: #ffffff; |
|
|
|
background-color: #FE9039; |
|
|
|
border-bottom-right-radius: 10px; |
|
|
|
border-bottom-left-radius: 10px; |
|
|
|
} |
|
|
|
@ -204,7 +237,7 @@ |
|
|
|
top: 0; |
|
|
|
left: 0; |
|
|
|
right: 0; |
|
|
|
background: white; |
|
|
|
background: #FE9039; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
