xt / xcx-book · Commits

Go to a project

Commit 680206b1a94b80a91c63b8a9a1e436c8bf7aeede

Authored by wangfan
1 parent f750f459
build: skipped

v2 book

Inline Side-by-side
Showing 3 changed files with 113 additions and 22 deletions
// pages/book/b_addnew.js
import util from '../../utils/util';
import App from '../../utils/api';
const {regeneratorRuntime} = global
Page({
/**
* 页面的初始数据
*/
data: {
dateStr:[],
form:{
date:0,
time:0,
pnum_str:'1-4',
tid:0,
}
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
let d=new Date()/1000;
let dateStr=[
util.unixtoTime(d,'MM-DD'),
util.unixtoTime(d+86400,'MM-DD'),
];
this.setData({
dateStr:dateStr,
})
this.sellerid=util.cache('sellerid')
},
/**
... ... @@ -62,5 +79,31 @@ Page({
*/
onShareAppMessage: function () {
}
},
selectedValue(e){
console.log(e);
let key=util.attr(e,'key');
let val=util.attr(e,'value');
let form=this.data.form;
form[key]=val;
this.setData({
form:form
})
if('date,time,pnum_str,pid'.indexOf(key)>-1){
this.getTables();
}
},
getTables(){
let form=this.data.form;
let rdate=[];
App.Reserve.GetTableList({
sid:this.sellerid,
pnum_str:form.pnum_str,
rdate:rdate.join('-'),
tid:form.tid,
}).then(res=>{
})
},
})
\ No newline at end of file
... ...
... ... @@ -3,47 +3,63 @@
<view class="page">
<form bindsubmit="formSubmit" bindreset="formReset">
<view class="base-info">
<view class="section flex-ll">
<view class="label Medium">日期</view>
<view class="date">
7月13日 周一
<view class="section flex-lr date">
<view class="flex-rr" style="width:100%;">
<item class="date-item {{form.date==0?'checked':''}}"
bindtap="selectedValue" data-key="date" data-value="0">
<view class="date-item-text">{{dateStr[0]}} 今天</view>
</item>
<item class="date-item {{form.date==1?'checked':''}}"
bindtap="selectedValue" data-key="date" data-value="1">
<view class="date-item-text">{{dateStr[1]}} 明天</view>
</item>
</view>
<view class="more flex-ll">
<view></view>
<view></view>
<view></view>
</view>
</view>
<view class="section flex-ll">
<view class="label Medium">时段</view>
<view class="tab">
<item class="item">
<item class="item {{form.date==0?'checked':''}}"
bindtap="selectedValue" data-key="time" data-value="0">
早市
</item>
<item class="item">
<item class="item {{form.date==1?'checked':''}}"
bindtap="selectedValue" data-key="time" data-value="1">
午市
</item>
<item class="item">
<item class="item {{form.date==2?'checked':''}}"
bindtap="selectedValue" data-key="time" data-value="2">
晚市
</item>
</view>
</view>
<view class="section flex-ll">
<view class="label Medium">人数</view>
<view class="tab">
<item class="item">
<item class="item {{form.pnum_str=='1-4'?'checked':''}}"
bindtap="selectedValue" data-key="pnum_str" data-value="1-4">
4人以下
</item>
<item class="item">
<item class="item {{form.pnum_str=='5-9'?'checked':''}}"
bindtap="selectedValue" data-key="pnum_str" data-value="5-9">
5～9人
</item>
<item class="item">
<item class="item {{form.pnum_str=='10-99'?'checked':''}}"
bindtap="selectedValue" data-key="pnum_str" data-value="10-99">
10人以上
</item>
</view>
</view>
<view class="section flex-ll">
<view class="label Medium">类型</view>
<view class="tab">
<item class="item">
<item class="item {{form.pid=='1'?'checked':''}}"
bindtap="selectedValue" data-key="pid" data-value="1">
包间
</item>
<item class="item">
<item class="item {{form.pid=='2'?'checked':''}}"
bindtap="selectedValue" data-key="pid" data-value="2">
散座
</item>
</view>
... ...
... ... @@ -16,9 +16,38 @@
font-size: 30rpx;
margin-right: 38rpx;
}
.section .date{
.date{
color:#199095;
width: 100%;
font-size: 38rpx;
font-weight: bold;
}
.date-item{
width: 50%;
}
.date-item-text{
height: 60rpx;
line-height: 60rpx;
border-bottom: 4rpx solid rgba(0,0,0,0);
width: 200rpx;
text-align: center;
color: #666666;
}
.checked .date-item-text{
border-bottom: 4rpx solid #199095;
color: #199095;
}
.date .more{
width: 65rpx;
min-width: 65rpx;
}
.date .more view{
width: 12rpx;
height: 12rpx;
border-radius: 50%;
margin-right: 12rpx;
background-color: #999;
}
.section .tab{
font-size: 34rpx;
color: #199095;
... ... @@ -30,11 +59,14 @@
min-width: 150rpx !important;
border-radius: 10rpx;
border: 2rpx solid #199095;
margin-right: 26rpx;
margin-right: 62rpx;
text-align: center;
display: inline-block;
}
.section .tab .checked{
background-color:#199095;
color: #FEFEFE;
}
/**
可定桌位
... ...