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
1 // pages/book/b_addnew.js 1 // pages/book/b_addnew.js
  2 +import util from '../../utils/util';
  3 +import App from '../../utils/api';
  4 +const {regeneratorRuntime} = global
2 Page({ 5 Page({
3 6
4 /** 7 /**
5 * 页面的初始数据 8 * 页面的初始数据
6 */ 9 */
7 data: { 10 data: {
8 - 11 + dateStr:[],
  12 + form:{
  13 +
  14 + date:0,
  15 + time:0,
  16 + pnum_str:'1-4',
  17 + tid:0,
  18 + }
9 }, 19 },
10 -  
11 /** 20 /**
12 * 生命周期函数--监听页面加载 21 * 生命周期函数--监听页面加载
13 */ 22 */
14 onLoad: function (options) { 23 onLoad: function (options) {
15 - 24 + let d=new Date()/1000;
  25 + let dateStr=[
  26 + util.unixtoTime(d,'MM-DD'),
  27 + util.unixtoTime(d+86400,'MM-DD'),
  28 + ];
  29 + this.setData({
  30 + dateStr:dateStr,
  31 + })
  32 + this.sellerid=util.cache('sellerid')
16 }, 33 },
17 34
18 /** 35 /**
@@ -62,5 +79,31 @@ Page({ @@ -62,5 +79,31 @@ Page({
62 */ 79 */
63 onShareAppMessage: function () { 80 onShareAppMessage: function () {
64 81
65 - } 82 + },
  83 + selectedValue(e){
  84 + console.log(e);
  85 + let key=util.attr(e,'key');
  86 + let val=util.attr(e,'value');
  87 + let form=this.data.form;
  88 + form[key]=val;
  89 + this.setData({
  90 + form:form
  91 + })
  92 +
  93 + if('date,time,pnum_str,pid'.indexOf(key)>-1){
  94 + this.getTables();
  95 + }
  96 + },
  97 + getTables(){
  98 + let form=this.data.form;
  99 + let rdate=[];
  100 + App.Reserve.GetTableList({
  101 + sid:this.sellerid,
  102 + pnum_str:form.pnum_str,
  103 + rdate:rdate.join('-'),
  104 + tid:form.tid,
  105 + }).then(res=>{
  106 +
  107 + })
  108 + },
66 }) 109 })
@@ -3,47 +3,63 @@ @@ -3,47 +3,63 @@
3 <view class="page"> 3 <view class="page">
4 <form bindsubmit="formSubmit" bindreset="formReset"> 4 <form bindsubmit="formSubmit" bindreset="formReset">
5 <view class="base-info"> 5 <view class="base-info">
6 - <view class="section flex-ll">  
7 - <view class="label Medium">日期</view>  
8 - <view class="date">  
9 - 7月13日 周一 6 + <view class="section flex-lr date">
  7 + <view class="flex-rr" style="width:100%;">
  8 + <item class="date-item {{form.date==0?'checked':''}}"
  9 + bindtap="selectedValue" data-key="date" data-value="0">
  10 + <view class="date-item-text">{{dateStr[0]}} 今天</view>
  11 + </item>
  12 + <item class="date-item {{form.date==1?'checked':''}}"
  13 + bindtap="selectedValue" data-key="date" data-value="1">
  14 + <view class="date-item-text">{{dateStr[1]}} 明天</view>
  15 + </item>
  16 + </view>
  17 + <view class="more flex-ll">
  18 + <view></view>
  19 + <view></view>
  20 + <view></view>
10 </view> 21 </view>
11 </view> 22 </view>
12 <view class="section flex-ll"> 23 <view class="section flex-ll">
13 - <view class="label Medium">时段</view>  
14 <view class="tab"> 24 <view class="tab">
15 - <item class="item"> 25 + <item class="item {{form.date==0?'checked':''}}"
  26 + bindtap="selectedValue" data-key="time" data-value="0">
16 早市 27 早市
17 </item> 28 </item>
18 - <item class="item"> 29 + <item class="item {{form.date==1?'checked':''}}"
  30 + bindtap="selectedValue" data-key="time" data-value="1">
19 午市 31 午市
20 </item> 32 </item>
21 - <item class="item"> 33 + <item class="item {{form.date==2?'checked':''}}"
  34 + bindtap="selectedValue" data-key="time" data-value="2">
22 晚市 35 晚市
23 </item> 36 </item>
24 </view> 37 </view>
25 </view> 38 </view>
26 <view class="section flex-ll"> 39 <view class="section flex-ll">
27 - <view class="label Medium">人数</view>  
28 <view class="tab"> 40 <view class="tab">
29 - <item class="item"> 41 + <item class="item {{form.pnum_str=='1-4'?'checked':''}}"
  42 + bindtap="selectedValue" data-key="pnum_str" data-value="1-4">
30 4人以下 43 4人以下
31 </item> 44 </item>
32 - <item class="item"> 45 + <item class="item {{form.pnum_str=='5-9'?'checked':''}}"
  46 + bindtap="selectedValue" data-key="pnum_str" data-value="5-9">
33 5～9人 47 5～9人
34 </item> 48 </item>
35 - <item class="item"> 49 + <item class="item {{form.pnum_str=='10-99'?'checked':''}}"
  50 + bindtap="selectedValue" data-key="pnum_str" data-value="10-99">
36 10人以上 51 10人以上
37 </item> 52 </item>
38 </view> 53 </view>
39 </view> 54 </view>
40 <view class="section flex-ll"> 55 <view class="section flex-ll">
41 - <view class="label Medium">类型</view>  
42 <view class="tab"> 56 <view class="tab">
43 - <item class="item"> 57 + <item class="item {{form.pid=='1'?'checked':''}}"
  58 + bindtap="selectedValue" data-key="pid" data-value="1">
44 包间 59 包间
45 </item> 60 </item>
46 - <item class="item"> 61 + <item class="item {{form.pid=='2'?'checked':''}}"
  62 + bindtap="selectedValue" data-key="pid" data-value="2">
47 散座 63 散座
48 </item> 64 </item>
49 </view> 65 </view>
@@ -16,9 +16,38 @@ @@ -16,9 +16,38 @@
16 font-size: 30rpx; 16 font-size: 30rpx;
17 margin-right: 38rpx; 17 margin-right: 38rpx;
18 } 18 }
19 -.section .date{ 19 +.date{
  20 + color:#199095;
  21 + width: 100%;
  22 + font-size: 38rpx;
  23 + font-weight: bold;
  24 +}
  25 +.date-item{
  26 + width: 50%;
  27 +}
  28 +.date-item-text{
  29 + height: 60rpx;
  30 + line-height: 60rpx;
  31 + border-bottom: 4rpx solid rgba(0,0,0,0);
  32 + width: 200rpx;
  33 + text-align: center;
  34 + color: #666666;
  35 +}
  36 +.checked .date-item-text{
  37 + border-bottom: 4rpx solid #199095;
20 color: #199095; 38 color: #199095;
21 } 39 }
  40 +.date .more{
  41 + width: 65rpx;
  42 + min-width: 65rpx;
  43 +}
  44 +.date .more view{
  45 + width: 12rpx;
  46 + height: 12rpx;
  47 + border-radius: 50%;
  48 + margin-right: 12rpx;
  49 + background-color: #999;
  50 +}
22 .section .tab{ 51 .section .tab{
23 font-size: 34rpx; 52 font-size: 34rpx;
24 color: #199095; 53 color: #199095;
@@ -30,11 +59,14 @@ @@ -30,11 +59,14 @@
30 min-width: 150rpx !important; 59 min-width: 150rpx !important;
31 border-radius: 10rpx; 60 border-radius: 10rpx;
32 border: 2rpx solid #199095; 61 border: 2rpx solid #199095;
33 - margin-right: 26rpx; 62 + margin-right: 62rpx;
34 text-align: center; 63 text-align: center;
35 display: inline-block; 64 display: inline-block;
36 } 65 }
37 - 66 +.section .tab .checked{
  67 + background-color:#199095;
  68 + color: #FEFEFE;
  69 +}
38 70
39 /** 71 /**
40 可定桌位 72 可定桌位