|
@@ -1,41 +1,6 @@
|
|
|
<template>
|
|
|
<div class="container" >
|
|
|
- <!-- <div v-if="selectVal" @click="selectVal=''" class='modal-page'></div>
|
|
|
- <div class="store-toolbar">
|
|
|
- <div class="toolbar">
|
|
|
- <div class="item item1" @click="selectItem()">
|
|
|
- 服务项目
|
|
|
- <van-icon class="icon" :name="selectVal==='item' ? 'arrow-up': 'arrow-down' " />
|
|
|
- </div>
|
|
|
- <div class="item" :class="areaTitle != '所在区域'? 'red-text': ''" @click="selectArea()">
|
|
|
- {{areaTitle}}
|
|
|
- <van-icon class="icon" :name="selectVal==='area' ? 'arrow-up': 'arrow-down' " />
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <van-icon name="search" @click="openSearch" style="font-size: 26px; font-weight: 600;" />
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="toolbar-detail" :class="{'show': showBar}" v-show="selectVal !== ''">
|
|
|
- <div class="service-panel" v-show="selectVal === 'item'">
|
|
|
- <van-checkbox-group class="checkbox-group" :value="queryStoreBizList" @change="itemChangeHandle">
|
|
|
- <van-checkbox class="checkbox-item" :name="item.code" v-for="item in itemList" :key="item.id">{{item.dispName}}</van-checkbox>
|
|
|
- </van-checkbox-group>
|
|
|
- </div>
|
|
|
- <div class="area-panel" v-show="selectVal === 'area'">
|
|
|
- <van-button class="select-button" @click="openCitySelect" size="small" plain hairline type="info">选择其它城市</van-button>
|
|
|
- <van-radio-group class="checkbox-group radio-group" :value="selectKey" @change="areaChangeHandle">
|
|
|
- <van-radio class="radiobox-item" checked-color="red" :name="area.addrDistrict" v-for="area in areaList" :key="area.addrDistrict">
|
|
|
- <van-icon v-if="currentCode && currentCode== area.addrDistrict" name="location" style="color: #ff8811; font-size: 16px;" />
|
|
|
- {{area.addrDistrictName}}({{area.storeSum}})
|
|
|
- </van-radio>
|
|
|
- </van-radio-group>
|
|
|
- </div>
|
|
|
- <div class="toolbar-detail-control" v-show="selectVal === 'item'">
|
|
|
- <van-button block class="btn" @click="cancelSearchHandle">重置</van-button>
|
|
|
- <van-button block class="btn" type="danger" @click="searchHandle">确定</van-button>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div> -->
|
|
|
+ <div class="container-bundleName">{{bundleName?bundleName:''}}</div>
|
|
|
<scroll-view scroll-y class="store-content">
|
|
|
<v-card style="height:auto" :thumb="item.icon" v-for="(item, index) in storeList" :key="item.id">
|
|
|
<div class="store-info">
|
|
@@ -91,7 +56,8 @@ export default {
|
|
|
pageNo: 1,
|
|
|
pageSize: 10,
|
|
|
isloaded: false, // 判断是否请求接口完成
|
|
|
- usedBundleId:''
|
|
|
+ usedBundleId:'',
|
|
|
+ bundleName:'' // 套餐名称
|
|
|
};
|
|
|
},
|
|
|
computed: {
|
|
@@ -114,10 +80,6 @@ export default {
|
|
|
const star = (5 - 0.5 * (level - 1)).toString();
|
|
|
return star.indexOf('.') > -1 ? star : star + '.0';
|
|
|
},
|
|
|
- // searchHandle() {
|
|
|
- // this.pageInit()
|
|
|
- // this.getBundleStoreList();
|
|
|
- // },
|
|
|
openLocation(item) {
|
|
|
wx.openLocation({
|
|
|
latitude: item.lat - 0,
|
|
@@ -195,12 +157,12 @@ export default {
|
|
|
this.pageInit()
|
|
|
},
|
|
|
onLoad(options) {
|
|
|
- console.log(options,"sotore index options")
|
|
|
+ console.log(options,"sotore index options",options.bundleName,'bundleName')
|
|
|
// 判断当前页面的上个页面是套餐详情页 筛选条件等不显示
|
|
|
- if(options && options.bundleId){
|
|
|
+ if(options && options.bundleId && options.bundleName){
|
|
|
this.usedBundleId=options.bundleId
|
|
|
+ this.bundleName=options.bundleName
|
|
|
this.getBundleStoreList()
|
|
|
-
|
|
|
}
|
|
|
}
|
|
|
};
|
|
@@ -218,50 +180,17 @@ export default {
|
|
|
height: 100%;
|
|
|
overflow: hidden;
|
|
|
box-sizing: border-box;
|
|
|
+ .container-bundleName{
|
|
|
+ width: 100%;
|
|
|
+ padding :8px 12px
|
|
|
+ border-bottom :1px solid #eee
|
|
|
+ }
|
|
|
}
|
|
|
.store-content {
|
|
|
height: 100%;
|
|
|
box-sizing: border-box;
|
|
|
}
|
|
|
|
|
|
-.store-toolbar {
|
|
|
- position: fixed;
|
|
|
- top: 0;
|
|
|
- width: 100%;
|
|
|
- box-sizing: border-box;
|
|
|
- border-bottom: 1rpx solid rgba(0, 0, 0, 0.1);
|
|
|
- background-color: #fff;
|
|
|
- z-index: 9;
|
|
|
- .toolbar {
|
|
|
- display: flex;
|
|
|
- justify-content: space-around;
|
|
|
- height: 70rpx;
|
|
|
- align-items: center;
|
|
|
- .item {
|
|
|
- width: 35%;
|
|
|
- }
|
|
|
-
|
|
|
- .item1 {
|
|
|
- text-align: right;
|
|
|
- }
|
|
|
- }
|
|
|
- .red-text {
|
|
|
- color : #ff8811;
|
|
|
- }
|
|
|
- .toolbar-detail {
|
|
|
- background-color: #fff;
|
|
|
- position: absolute;
|
|
|
- // top: 73rpx;
|
|
|
- left: 0;
|
|
|
- right: 0;
|
|
|
- opacity: 0;
|
|
|
- z-index :99;
|
|
|
- &.show {
|
|
|
- opacity: 1;
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
.icon {
|
|
|
position: relative;
|
|
|
top: 4rpx;
|