Showing
8 changed files
with
114 additions
and
16 deletions
| @@ -2,14 +2,14 @@ var uri_dc = require('utils/uri.js') | @@ -2,14 +2,14 @@ var uri_dc = require('utils/uri.js') | ||
| 2 | global.regeneratorRuntime = require('lib/regenerator/runtime-module') | 2 | global.regeneratorRuntime = require('lib/regenerator/runtime-module') |
| 3 | 3 | ||
| 4 | const { regeneratorRuntime } = global | 4 | const { regeneratorRuntime } = global |
| 5 | -Array.prototype.indexOf = function(val) { | 5 | +Array.prototype._indexOf = function (val) { |
| 6 | for (var i = 0; i < this.length; i++) { | 6 | for (var i = 0; i < this.length; i++) { |
| 7 | if (this[i] == val) return i; | 7 | if (this[i] == val) return i; |
| 8 | } | 8 | } |
| 9 | return -1; | 9 | return -1; |
| 10 | }; | 10 | }; |
| 11 | Array.prototype.remove = function(val) { | 11 | Array.prototype.remove = function(val) { |
| 12 | - var index = this.indexOf(val); | 12 | + var index = this._indexOf(val); |
| 13 | if (index > -1) { | 13 | if (index > -1) { |
| 14 | this.splice(index, 1); | 14 | this.splice(index, 1); |
| 15 | } | 15 | } |
| @@ -39,23 +39,37 @@ Page({ | @@ -39,23 +39,37 @@ Page({ | ||
| 39 | } | 39 | } |
| 40 | ], | 40 | ], |
| 41 | buttonhide:true, | 41 | buttonhide:true, |
| 42 | + | ||
| 43 | + calendarMaskLoad:false, | ||
| 44 | + calendarMask:false, | ||
| 45 | + dayStyle:[ | ||
| 46 | + { month: 'current', day: new Date().getDate(), color: 'white', background: '#AAD4F5' }, | ||
| 47 | + { month: 'current', day: new Date().getDate(), color: 'white', background: '#AAD4F5' } | ||
| 48 | + ], | ||
| 42 | }, | 49 | }, |
| 43 | tablesAll:[], | 50 | tablesAll:[], |
| 44 | /** | 51 | /** |
| 45 | * 生命周期函数--监听页面加载 | 52 | * 生命周期函数--监听页面加载 |
| 46 | */ | 53 | */ |
| 47 | onLoad: function (options) { | 54 | onLoad: function (options) { |
| 48 | - let d=new Date()/1000; | ||
| 49 | - let dateStr=[ | ||
| 50 | - util.unixtoTime(d,'MM-DD'), | ||
| 51 | - util.unixtoTime(d+86400,'MM-DD'), | ||
| 52 | - ]; | ||
| 53 | - this.setData({ | ||
| 54 | - dateStr:dateStr, | ||
| 55 | - }) | 55 | + this.setDateStr(); |
| 56 | this.sellerid=util.cache('sellerid'); | 56 | this.sellerid=util.cache('sellerid'); |
| 57 | this.getTables() | 57 | this.getTables() |
| 58 | }, | 58 | }, |
| 59 | + /** | ||
| 60 | + * | ||
| 61 | + * @param d | ||
| 62 | + * | ||
| 63 | + */ | ||
| 64 | + setDateStr(d=new Date()/1000){ | ||
| 65 | + let dateStr=[ | ||
| 66 | + util.unixtoTime(d,'MM-DD `DAY/周WW`'), | ||
| 67 | + util.unixtoTime(parseInt(d)+86400,'MM-DD `DAY/周WW`'), | ||
| 68 | + ]; | ||
| 69 | + this.setData({ | ||
| 70 | + dateStr:dateStr, | ||
| 71 | + }) | ||
| 72 | + }, | ||
| 59 | 73 | ||
| 60 | /** | 74 | /** |
| 61 | * 生命周期函数--监听页面初次渲染完成 | 75 | * 生命周期函数--监听页面初次渲染完成 |
| @@ -68,6 +82,11 @@ Page({ | @@ -68,6 +82,11 @@ Page({ | ||
| 68 | * 生命周期函数--监听页面显示 | 82 | * 生命周期函数--监听页面显示 |
| 69 | */ | 83 | */ |
| 70 | onShow: function () { | 84 | onShow: function () { |
| 85 | + setTimeout(()=>{ | ||
| 86 | + this.setData({ | ||
| 87 | + calendarMaskLoad:true, | ||
| 88 | + }) | ||
| 89 | + },1000); | ||
| 71 | 90 | ||
| 72 | }, | 91 | }, |
| 73 | 92 | ||
| @@ -166,7 +185,7 @@ Page({ | @@ -166,7 +185,7 @@ Page({ | ||
| 166 | let form=this.data.form; | 185 | let form=this.data.form; |
| 167 | try{ | 186 | try{ |
| 168 | let rdate=await comm.getTimeSpace(this.data.dateStr[this.data.form.date],this.data.form.time); | 187 | let rdate=await comm.getTimeSpace(this.data.dateStr[this.data.form.date],this.data.form.time); |
| 169 | - console.log('rdate',rdate); | 188 | + console.log('rdate',this.data.dateStr[this.data.form.date],rdate); |
| 170 | App.Reserve.GetTableList({ | 189 | App.Reserve.GetTableList({ |
| 171 | sid:this.sellerid, | 190 | sid:this.sellerid, |
| 172 | pnum_str:form.pnum_str, | 191 | pnum_str:form.pnum_str, |
| @@ -224,5 +243,27 @@ Page({ | @@ -224,5 +243,27 @@ Page({ | ||
| 224 | form:this.data.form, | 243 | form:this.data.form, |
| 225 | searchlist:null | 244 | searchlist:null |
| 226 | }) | 245 | }) |
| 227 | - } | 246 | + }, |
| 247 | + calendarShow(){ | ||
| 248 | + this.setData({ | ||
| 249 | + calendarMask:true | ||
| 250 | + }) | ||
| 251 | + }, | ||
| 252 | + dateChange(event){ | ||
| 253 | + console.log(event); | ||
| 254 | + let clickDay = event.detail.day; | ||
| 255 | + let changeDay = `dayStyle[1].day`; | ||
| 256 | + let changeBg = `dayStyle[1].background`; | ||
| 257 | + this.setData({ | ||
| 258 | + [changeDay]: clickDay, | ||
| 259 | + [changeBg]: "#84e7d0" | ||
| 260 | + }) | ||
| 261 | + this.setDateStr(util.timetouUnix(event.detail.year+'/'+event.detail.month+'/'+event.detail.day)) | ||
| 262 | + this.getTables() | ||
| 263 | + }, | ||
| 264 | + calendarClose(){ | ||
| 265 | + this.setData({ | ||
| 266 | + calendarMask:false | ||
| 267 | + }) | ||
| 268 | + }, | ||
| 228 | }) | 269 | }) |
| @@ -7,6 +7,7 @@ | @@ -7,6 +7,7 @@ | ||
| 7 | "bookList":"/components/book/list/list", | 7 | "bookList":"/components/book/list/list", |
| 8 | "nav":"/components/nav/nav", | 8 | "nav":"/components/nav/nav", |
| 9 | "tabBar":"/components/book/tabBar/tabBar", | 9 | "tabBar":"/components/book/tabBar/tabBar", |
| 10 | - "searchList":"/components/searchlist/searchlist" | 10 | + "searchList":"/components/searchlist/searchlist", |
| 11 | + "calendar": "plugin://calendar/calendar" | ||
| 11 | } | 12 | } |
| 12 | } | 13 | } |
| @@ -6,14 +6,14 @@ | @@ -6,14 +6,14 @@ | ||
| 6 | <view class="flex-rr" style="width:100%;"> | 6 | <view class="flex-rr" style="width:100%;"> |
| 7 | <item class="date-item {{form.date==0?'checked':''}}" | 7 | <item class="date-item {{form.date==0?'checked':''}}" |
| 8 | bindtap="selectedValue" data-key="date" data-value="0"> | 8 | bindtap="selectedValue" data-key="date" data-value="0"> |
| 9 | - <view class="date-item-text">{{dateStr[0]}} 今天</view> | 9 | + <view class="date-item-text">{{dateStr[0]}}</view> |
| 10 | </item> | 10 | </item> |
| 11 | <item class="date-item {{form.date==1?'checked':''}}" | 11 | <item class="date-item {{form.date==1?'checked':''}}" |
| 12 | bindtap="selectedValue" data-key="date" data-value="1"> | 12 | bindtap="selectedValue" data-key="date" data-value="1"> |
| 13 | - <view class="date-item-text">{{dateStr[1]}} 明天</view> | 13 | + <view class="date-item-text">{{dateStr[1]}}</view> |
| 14 | </item> | 14 | </item> |
| 15 | </view> | 15 | </view> |
| 16 | - <view class="more flex-ll"> | 16 | + <view class="more flex-ll" bindtap="calendarShow"> |
| 17 | <view></view> | 17 | <view></view> |
| 18 | <view></view> | 18 | <view></view> |
| 19 | <view></view> | 19 | <view></view> |
| @@ -146,3 +146,18 @@ | @@ -146,3 +146,18 @@ | ||
| 146 | </view> | 146 | </view> |
| 147 | </view> | 147 | </view> |
| 148 | <tabBar></tabBar> | 148 | <tabBar></tabBar> |
| 149 | +<view class="calendar-mask" | ||
| 150 | + bindtap="calendarClose" | ||
| 151 | + style="left:{{calendarMask?0:-5000}}px;" wx:if="{{calendarMaskLoad}}"> | ||
| 152 | +<calendar weeks-type="cn" | ||
| 153 | + year="2018" | ||
| 154 | + month="9" | ||
| 155 | + day="27" | ||
| 156 | + start-date="2018-09" | ||
| 157 | + days-color="{{dayStyle}}" | ||
| 158 | + binddayClick="dateChange" | ||
| 159 | + active-type="rounded" | ||
| 160 | + calendar-style="calendar" | ||
| 161 | + header-style="calendar-header" | ||
| 162 | + board-style="calendar-board"></calendar> | ||
| 163 | +</view> |
| @@ -40,6 +40,7 @@ | @@ -40,6 +40,7 @@ | ||
| 40 | .date .more{ | 40 | .date .more{ |
| 41 | width: 65rpx; | 41 | width: 65rpx; |
| 42 | min-width: 65rpx; | 42 | min-width: 65rpx; |
| 43 | + height: 60rpx; | ||
| 43 | } | 44 | } |
| 44 | .date .more view{ | 45 | .date .more view{ |
| 45 | width: 12rpx; | 46 | width: 12rpx; |
| @@ -187,4 +188,31 @@ | @@ -187,4 +188,31 @@ | ||
| 187 | } | 188 | } |
| 188 | .confirm-button-active{ | 189 | .confirm-button-active{ |
| 189 | opacity:1; | 190 | opacity:1; |
| 191 | +} | ||
| 192 | + | ||
| 193 | +/** | ||
| 194 | + */ | ||
| 195 | +.calendar-mask{ | ||
| 196 | + position: fixed; | ||
| 197 | + z-index: 99; | ||
| 198 | + width: 100%; | ||
| 199 | + height: 100%; | ||
| 200 | + left:0; | ||
| 201 | + top:0; | ||
| 202 | + background-color: rgba(0,0,0,.5); | ||
| 203 | +} | ||
| 204 | +.calendar { | ||
| 205 | + background-color: #eeedff; | ||
| 206 | + padding-top: 10px; | ||
| 207 | + position: fixed; | ||
| 208 | + bottom: 0; | ||
| 209 | + width: 100%; | ||
| 210 | +} | ||
| 211 | +.calendar-header{ | ||
| 212 | + font-size: large; /*修改了标题文字和按钮的大小*/ | ||
| 213 | + color: #605eac; /*修改了标题文字和按钮的颜色*/ | ||
| 214 | +} | ||
| 215 | +.calendar-board { | ||
| 216 | + background-color: #dddcff; | ||
| 217 | + color: white; | ||
| 190 | } | 218 | } |
| @@ -50,6 +50,8 @@ module.exports ={ | @@ -50,6 +50,8 @@ module.exports ={ | ||
| 50 | let d=new Date()/1000; | 50 | let d=new Date()/1000; |
| 51 | if(!mmdd){ | 51 | if(!mmdd){ |
| 52 | mmdd=util.unixtoTime(d,'MM-DD'); | 52 | mmdd=util.unixtoTime(d,'MM-DD'); |
| 53 | + }else{ | ||
| 54 | + mmdd=mmdd.replace(/[^\d-\/]/ig,'') | ||
| 53 | } | 55 | } |
| 54 | if(!sc){ | 56 | if(!sc){ |
| 55 | let res = await App.Reserve.SellerInfo(util.cache('enter_params')); | 57 | let res = await App.Reserve.SellerInfo(util.cache('enter_params')); |
| @@ -74,6 +74,11 @@ function unixtoTime(ns,format) { | @@ -74,6 +74,11 @@ function unixtoTime(ns,format) { | ||
| 74 | } | 74 | } |
| 75 | } | 75 | } |
| 76 | } | 76 | } |
| 77 | + if(format.indexOf('`')>0){ | ||
| 78 | + result=result.replace(/`(.*)\/(.*)`/ig,function($0,$1,$2){ | ||
| 79 | + return $1||$2; | ||
| 80 | + }); | ||
| 81 | + } | ||
| 77 | return result; | 82 | return result; |
| 78 | } | 83 | } |
| 79 | 84 |
-
Please register or login to post a comment