C端调整

wangfan
1 parent f6206f90
Showing 3 changed files with 74 additions and 31 deletions
pages/reserve/index.js
pages/reserve/index.wxml
pages/reserve/index.wxss
--- a/pages/reserve/index.js
View file @86b1cea
+++ b/pages/reserve/index.js
View file @86b1cea
@@ -33,8 +33,8 @@ Page({
     markers: [],
     //polygons:{},
     //sellers:[],
-    multiArray: [['不确定'], ['全部菜系']],
-    multiIndex: [0, 0],
+    multiArray: ['全部菜系'],
+    multiIndex: [0],
     //scrollIntoView:'',
     suggestion:{},
     hasSuggestion:false,//搜索返回
@@ -42,6 +42,11 @@ Page({
     hasSellers:false,
     hasGetSellersEnd:false,
     hasSetActivity:false,
+    tags:[
+      {id:1,name:'环境超棒'},
+      {id:2,name:'菜品有特色'},
+      {id:3,name:'超大包间'},
+    ]
   },
   hasClickMoveToLocation:false,//点击回到我的位置
   hasSellerConcat:hasSellerConcat,
@@ -66,7 +71,7 @@ Page({
     //     key: 'SDEBZ-I74W4-QLGUX-XXYXU-HIR23-3QFBJ'
     // });
     this.setData({
-      multiArray:[['不确定'].concat(renNum()), ['全部菜系'].concat(await DA.getCates())]
+      multiArray:[['全部菜系'].concat(await DA.getCates())]
     })
     mta.Page.init({
       "appID": "500667280",
@@ -391,10 +396,16 @@ Page({
       map:JSON.stringify({...this.mapData.region,scale:this.mapData.scale})
     }
     if(this.data.multiIndex[0]>0){
-      param.pnum=this.data.multiIndex[0];
+      param.cuisine=await DA.getCatesID(this.data.multiIndex[0]-1);
     }
-    if(this.data.multiIndex[1]>0){
-      param.cuisine=await DA.getCatesID(this.data.multiIndex[1]-1);
+    let tags=[];
+    this.data.tags.forEach(t=>{
+      if(t.active){
+        tags.push(t.id)
+      }
+    })
+    if(tags.length>0){
+      param.tags=tags;
     }
     let now_sid=[];
     App.Customer.SellerList(param).then(res => {
@@ -532,7 +543,7 @@ Page({
       multiIndex:val
     })
     this.hasSellerConcat=hasSellerConcat;
-    if(val[0]>0 || val[1]>0){
+    if(val[0]>0){
       this.hasSellerConcat=false;
       this.sellersIds=[];
     }
@@ -633,4 +644,20 @@ Page({
     }
     return mks;
   },
+  tagsChange(e){
+    let id=util.attr(e,'id');
+    let tags=this.data.tags;
+    tags.forEach(t=>{
+      if(t.id==id){
+        t.active=!t.active
+      }
+    })
+    this.setData({
+      tags:tags,
+    })
+    setTimeout(()=>{
+      this.getMarkers();
+    },0)
+
+  },
 })
--- a/pages/reserve/index.wxml
View file @86b1cea
+++ b/pages/reserve/index.wxml
View file @86b1cea
@@ -27,22 +27,28 @@
         </formids>
     </view>
     <view class="transverse-view">
-        <view class="transverse-search">
+        <view class="transverse-search flex-ll">
             <picker
                     mode="multiSelector"
                     bindchange="bindMultiPickerChange"
                     bindcolumnchange="bindMultiPickerColumnChange"
                     value="{{multiIndex}}"
                     range="{{multiArray}}"
+                    class="tags {{multiIndex[0]>0?'active':''}}"
             >
-                <view class="picker flex-lr" style="width: 100%">
+                <view class="picker flex-lr">
                     <view class="input">
-                        <block wx:if="{{multiIndex[0]==0 && multiIndex[1]==0}}">贵宾几位，吃点什么？</block>
-                        <block wx:else="">{{multiArray[0][multiIndex[0]]}}，{{multiArray[1][multiIndex[1]]}}</block>
+                        <block wx:if="{{multiIndex[0]==0}}">菜系</block>
+                        <block wx:else="">{{multiArray[0][multiIndex[0]]}}</block>
                     </view>
                     <view class="more"></view>
                 </view>
             </picker>
+            <block wx:for="{{tags}}" wx:key="tags.key">
+                <view class="tags {{item.active?'active':''}}"
+                      bindtap="tagsChange"
+                      data-id="{{item.id}}">{{item.name}}</view>
+            </block>
         </view>
         <view class="transverse-list">
             <swiper
--- a/pages/reserve/index.wxss
View file @86b1cea
+++ b/pages/reserve/index.wxss
View file @86b1cea
@@ -45,8 +45,12 @@
 .transverse-search{
   background-color: #fefefe;
   height: 60rpx;
-  width: 100%;
+  width: 90%;
+  margin: 0 auto;
   padding-top: 20rpx;
+  font-size: 24rpx;
+  padding-left: 40rpx;
+
 }
 .transverse-list{
   background-color: #fefefe;
@@ -61,7 +65,7 @@
   height: 300rpx;
   overflow: hidden;
   color: #353535;
-  width: 96%;
+  width: 86%;
   border: 2rpx solid #E0E0E0;
   border-left: 6rpx solid #F05522;
   border-radius: 6rpx;
@@ -97,28 +101,19 @@
 }
 .picker{
-  border-radius: 30rpx;
-  margin: 0 20rpx;
-  height: 55rpx;
-  padding: 0 30rpx;
-  line-height: 55rpx;
-  font-size: 28rpx;
-  max-width: 650rpx;
-  box-shadow: 0 0 4rpx 2rpx #E0E0E0;
+  height: 50rpx;
+  line-height: 50rpx;
 }
 .picker .input{
-  background-image: url("http://qn.colorcun.com/custom/lite-online/image/write.png");
-  background-repeat: no-repeat;
-  text-indent: 50rpx;
-  background-size: 30rpx 28rpx;
-  height: 30rpx;
-  line-height: 30rpx;
+  height: 50rpx;
+  line-height: 50rpx;
+  margin-right: 10rpx;
 }
 .picker .more{
-  background-image: url("http://qn.colorcun.com/custom/lite-online/image/more-pull2.png");
-  width: 24rpx;
-  height: 14rpx;
-  min-width:24rpx;
+  background-image: url("http://qn.colorcun.com/reserve/images/%E8%8F%9C%E7%B3%BB.png");
+  width: 12rpx;
+  height: 16rpx;
+  min-width:12rpx;
 }
 .searchAddr {
@@ -148,4 +143,19 @@
   height: 300rpx;
   line-height: 300rpx;
   font-size: 34rpx;
+}
+
+.transverse-search .tags{
+  height: 50rpx;
+  line-height: 50rpx;
+  background-color: #F0F0F9;
+  border-radius: 4rpx;
+  margin-right: 30rpx;
+  padding: 0 16rpx;
+}
+.transverse-search .tags:last-child{
+  margin-right: 0;
+}
+.transverse-search .tags.active{
+  background:linear-gradient(to bottom ,#F9E2B9, #FEBF72)
 }