v2 book list

 <view class="book-list-tds flex-lr font30r black-font" bindtap="detail">
 <view class="book-list-tds flex-lr font30r black-font" bindtap="detail">
     <view class="book-list-td flex-vc">
     <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>
-    <view class="book-list-td flex-cc">{{vitem.order_time}}</view>
     <view class="book-list-td flex-vc">
     <view class="book-list-td flex-vc">
         <view class="Medium">{{vitem.rname}}</view>
         <view class="Medium">{{vitem.rname}}</view>
         <view class="Medium">{{vitem.phone_mask}}</view>
         <view class="Medium">{{vitem.phone_mask}}</view>
     </view>
     </view>
+    <view class="book-list-td flex-cc">{{vitem.order_time}}</view>
     <view class="book-list-td flex-rr green-font">通知订座人</view>
     <view class="book-list-td flex-rr green-font">通知订座人</view>
 </view>
 </view>

@@ -4,6 +4,7 @@
     height:160rpx;
     height:160rpx;
     padding:0 40rpx;
     padding:0 40rpx;
     box-sizing:border-box;
     box-sizing:border-box;
+    border-bottom: 2rpx solid #F1F0F4;
 }
 }
 .book-list-td{
 .book-list-td{
     width:25%;
     width:25%;

@@ -8,11 +8,13 @@ Page({
         isloading:false,
         isloading:false,
         pagex:1,
         pagex:1,
         pagey:10,
         pagey:10,
-        sort:null
-
+        sort:null,
+        dateStr:'',
     },
     },
     sellerid:0,
     sellerid:0,
     onLoad:function(opt){
     onLoad:function(opt){
+        let d=new Date()/1000;
+        let dateStr=util.unixtoTime(d,'MM-DD DAY');
         var radio=750/util.getsystem().windowWidth;
         var radio=750/util.getsystem().windowWidth;
         var contentHeight=util.getsystem().windowHeight-Math.ceil(165/radio)
         var contentHeight=util.getsystem().windowHeight-Math.ceil(165/radio)
         if(opt.seller_id){
         if(opt.seller_id){
@@ -30,7 +32,8 @@ Page({
             sellerid:this.sellerid,
             sellerid:this.sellerid,
             systemInfo:util.getsystem(),
             systemInfo:util.getsystem(),
             contentHeight:contentHeight,
             contentHeight:contentHeight,
-            listHeight:contentHeight-Math.ceil(140/radio)
+            listHeight:contentHeight-Math.ceil(140/radio),
+            dateStr:dateStr
         })
         })
         console.log(this.data.sellerid)
         console.log(this.data.sellerid)
         util.setBarTitle('预定本');
         util.setBarTitle('预定本');

-<nav>点餐商户端</nav>
+<nav>订座</nav>
 <block wx:if="{{isloading==true}}">
 <block wx:if="{{isloading==true}}">
     <block wx:if="{{!bookList}}">
     <block wx:if="{{!bookList}}">
         <nothingBook></nothingBook>
         <nothingBook></nothingBook>
@@ -10,18 +10,39 @@
                     <image src="../image/search.png" class="search-icon"></image>
                     <image src="../image/search.png" class="search-icon"></image>
                     <input placeholder="桌位·预定人姓名·手机号" placeholder-class="font30r gray-font smooth" class="font30r black-font smooth search-input"/>
                     <input placeholder="桌位·预定人姓名·手机号" placeholder-class="font30r gray-font smooth" class="font30r black-font smooth search-input"/>
                 </view>
                 </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">
                 <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">
                      <view class="book-list-body">
                         <block wx:for="{{bookList}}">
                         <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:for="{{item.list}}" wx:for-item="list">
                                 <block wx:if="{{index!=0}}">
                                 <block wx:if="{{index!=0}}">
                                     <view class="border-line"></view>
                                     <view class="border-line"></view>

@@ -30,6 +30,7 @@ page{
     padding:0 40rpx;
     padding:0 40rpx;
     box-sizing:border-box;
     box-sizing:border-box;
     font-weight:400;
     font-weight:400;
+  border-bottom: 2rpx solid #F1F0F4;
 }
 }
 .book-list-thead>view{
 .book-list-thead>view{
     width:25%;
     width:25%;
@@ -46,14 +47,51 @@ page{
 }
 }
 .book-list-cut{
 .book-list-cut{
    width:100%;
    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{
 .border-line{
     width:670rpx;
     width:670rpx;
     height:1px;
     height:1px;
     background:#efeef3;
     background:#efeef3;
     margin:0 auto;
     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;
 }
 }