xt / xcx-book · Commits

Go to a project

Commit 2c232e8ce3acb596caf2b831b19469b6a890f04c

Authored by wangfan
1 parent 48c44dba
build: skipped

v2 book list

Inline Side-by-side
Showing 5 changed files with 83 additions and 20 deletions
<view class="book-list-tds flex-lr font30r black-font" bindtap="detail">
<view class="book-list-td flex-vc">
<view class="Medium" style="font-size: 30rpx;">{{vitem.name}}</view>
<view class="Medium" style="font-size: 28rpx;" wx:if="{{vitem.table_ids.length>1}}">等{{vitem.table_ids.length}}桌</view>
<view class="Medium" style="font-size: 30rpx; width: 100%;text-align: left">{{vitem.name}}</view>
<view class="Medium" style="font-size: 28rpx;width: 100%;text-align: left" wx:if="{{vitem.table_ids.length>1}}">等{{vitem.table_ids.length}}桌</view>
</view>
<view class="book-list-td flex-cc">{{vitem.order_time}}</view>
<view class="book-list-td flex-vc">
<view class="Medium">{{vitem.rname}}</view>
<view class="Medium">{{vitem.phone_mask}}</view>
</view>
<view class="book-list-td flex-cc">{{vitem.order_time}}</view>
<view class="book-list-td flex-rr green-font">通知订座人</view>
</view>
\ No newline at end of file
... ...
... ... @@ -4,6 +4,7 @@
height:160rpx;
padding:0 40rpx;
box-sizing:border-box;
border-bottom: 2rpx solid #F1F0F4;
}
.book-list-td{
width:25%;
... ...
... ... @@ -8,11 +8,13 @@ Page({
isloading:false,
pagex:1,
pagey:10,
sort:null
sort:null,
dateStr:'',
},
sellerid:0,
onLoad:function(opt){
let d=new Date()/1000;
let dateStr=util.unixtoTime(d,'MM-DD DAY');
var radio=750/util.getsystem().windowWidth;
var contentHeight=util.getsystem().windowHeight-Math.ceil(165/radio)
if(opt.seller_id){
... ... @@ -30,7 +32,8 @@ Page({
sellerid:this.sellerid,
systemInfo:util.getsystem(),
contentHeight:contentHeight,
listHeight:contentHeight-Math.ceil(140/radio)
listHeight:contentHeight-Math.ceil(140/radio),
dateStr:dateStr
})
console.log(this.data.sellerid)
util.setBarTitle('预定本');
... ...
<nav>点餐商户端</nav>
<nav>订座</nav>
<block wx:if="{{isloading==true}}">
<block wx:if="{{!bookList}}">
<nothingBook></nothingBook>
... ... @@ -10,18 +10,39 @@
<image src="../image/search.png" class="search-icon"></image>
<input placeholder="桌位·预定人姓名·手机号" placeholder-class="font30r gray-font smooth" class="font30r black-font smooth search-input"/>
</view>
<view class="search-easy flex-lr">
<view class="block flex-cc">
{{dateStr}}
</view>
<view class="block section flex-cc">
<view class="tab flex-cc">
<item class="item {{form.time==0?'checked':''}}"
bindtap="selectedValue" data-key="time" data-value="0">
早市
</item>
<item class="item {{form.time==1?'checked':''}}"
bindtap="selectedValue" data-key="time" data-value="1">
午市
</item>
<item class="item {{form.time==2?'checked':''}}"
bindtap="selectedValue" data-key="time" data-value="2">
晚市
</item>
</view>
</view>
</view>
<view class="book-list-cut flex-ll font26r black-font">
<text>已定 {{bookList.length}}</text>
</view>
<view class="book-list-thead flex-lr font34r black-font">
<view>桌号</view>
<view class="flex-cc">预定人</view>
<view class="flex-cc" bindtap="timeorder">时间<image src="../image/direction.png" class="icon22-26" background-size="cover"></image></view>
<view class="flex-rr">操作</view>
</view>
<scroll-view class="book-list" style="height:{{listHeight}}px;" scroll-y bindscroll="addbooklist">
<view class="book-list-thead flex-lr font34r black-font">
<view>桌号</view>
<view class="flex-cc" bindtap="timeorder">时间<image src="../image/direction.png" class="icon22-26" background-size="cover"></image></view>
<view class="flex-cc">状态</view>
<view class="flex-rr">操作</view>
</view>
<view class="book-list-body">
<block wx:for="{{bookList}}">
<view class="book-list-cut flex-ll font26r black-font">
<text space='true'>{{item.date}} {{item.datemask}}</text>
</view>
<block wx:for="{{item.list}}" wx:for-item="list">
<block wx:if="{{index!=0}}">
<view class="border-line"></view>
... ...
... ... @@ -30,6 +30,7 @@ page{
padding:0 40rpx;
box-sizing:border-box;
font-weight:400;
border-bottom: 2rpx solid #F1F0F4;
}
.book-list-thead>view{
width:25%;
... ... @@ -46,14 +47,51 @@ page{
}
.book-list-cut{
width:100%;
height:80rpx;
background:#efeef3;
padding:0 40rpx;
box-sizing:border-box;
height:66rpx;
background:#F5F5F5;
padding-left:44rpx;
font-size: 26rpx;
line-height: 66rpx;
}
.border-line{
width:670rpx;
height:1px;
background:#efeef3;
margin:0 auto;
}
.search-easy{
height: 80rpx;
line-height: 80rpx;
margin-bottom: 20rpx;
font-weight: bold;
color:#199095;
}
.search-easy .block{
width: 50%;
min-width: 50%;
height: 80rpx;
}
.search-easy .block:first-child{
border-right: 2rpx solid #E0E0E0;
}
.section .tab{
font-size: 34rpx;
color: #199095;
height: 50rpx;
}
.section .tab .item{
height: 50rpx;
line-height: 50rpx;
width: 94rpx !important;
min-width: 94rpx !important;
border-radius: 10rpx;
border: 2rpx solid #199095;
margin-right: 16rpx;
text-align: center;
display: block;
}
.section .tab .checked{
background-color:#199095;
color: #FEFEFE;
}
\ No newline at end of file
... ...