|  |  | 
 |  |  |                 <input autocomplete="off"   name="closureTime" type="text" | 
 |  |  |                        class="form-control datetimepicker" id="endTime"> | 
 |  |  |             </div> | 
 |  |  |  | 
 |  |  |             <div class="form-group mr-20"> | 
 |  |  |                 <label >所属门店</label> | 
 |  |  |                 <select class="form-control autoFull" data-filed="shopName" name="shopId" id="shopId" | 
 |  |  |                         th:data-url="@{/admin/shopInfo/findAll}"> | 
 |  |  |                     <option value=''>--请选择部所属门店--</option> | 
 |  |  |                 </select> | 
 |  |  |             </div> | 
 |  |  |             <input type="hidden" value="待预约" name="state" id="state"/> | 
 |  |  |             <div class="form-group mr-20"> | 
 |  |  |                 <button type="button" class="btn btn-my btn-sm" id="btn4" value="">全部</button> | 
 |  |  |                 <button type="button" class="btn btn-my btn-sm active" id="btn1" value="待预约">待预约</button> | 
 |  |  | <!--                <button type="button" class="btn btn-my btn-sm" id="btn2" value="预约成功待处理">待派单</button>--> | 
 |  |  |                 <!--                <button type="button" class="btn btn-my btn-sm" id="btn2" value="预约成功待处理">待派单</button>--> | 
 |  |  |                 <button type="button" class="btn btn-my btn-sm" id="btn3" value="需配料">待配料</button> | 
 |  |  |                 <button type="button" class="btn btn-my btn-sm" id="btn3" value="配料完成">待服务</button> | 
 |  |  |                 <button type="button" class="btn btn-my btn-sm" id="btn6" value="服务中">服务中</button> | 
 |  |  | 
 |  |  |             <th data-field="totalTime" data-sortable="true">服务时长</th> | 
 |  |  |             <th data-field="isOverTime" data-formatter="overTime">超时时间</th> | 
 |  |  |             <th data-field="createStaffName">下单顾问</th> | 
 |  |  |             <th data-field="shopName">门店</th> | 
 |  |  |             <th data-sortable="true" data-field="id" data-formatter="buidOperate">操作</th> | 
 |  |  |         </tr> | 
 |  |  |         </thead> | 
 |  |  | 
 |  |  | <script type="text/javascript" th:src="@{/js/systools/MJsBase.js}"></script> | 
 |  |  | <script type="text/javascript"> | 
 |  |  |  | 
 |  |  |    $("#vipPhone").val($.query.get('vipPhone')); | 
 |  |  |    var _initParam = {format : 'yyyy-mm-dd hh:ii', | 
 |  |  |        todayBtn : true, | 
 |  |  |        autoclose : true, | 
 |  |  |        startView : 2, | 
 |  |  |        maxView : 3, | 
 |  |  |        minView : 0}; | 
 |  |  |    MTools.ininDatetimepicker(_initParam); | 
 |  |  |    //限制结束时间不小于开始时间 | 
 |  |  |    var initParam = {format : 'yyyy-mm-dd hh:ii', | 
 |  |  |        todayBtn : true, | 
 |  |  |        autoclose : true, | 
 |  |  |        startView : 2, | 
 |  |  |        maxView : 3, | 
 |  |  |        minView : 0}; | 
 |  |  |    MTools.limitStartEndTime(initParam); | 
 |  |  |     $("#vipPhone").val($.query.get('vipPhone')); | 
 |  |  |     var _initParam = {format : 'yyyy-mm-dd hh:ii', | 
 |  |  |         todayBtn : true, | 
 |  |  |         autoclose : true, | 
 |  |  |         startView : 2, | 
 |  |  |         maxView : 3, | 
 |  |  |         minView : 0}; | 
 |  |  |     MTools.ininDatetimepicker(_initParam); | 
 |  |  |     //限制结束时间不小于开始时间 | 
 |  |  |     var initParam = {format : 'yyyy-mm-dd hh:ii', | 
 |  |  |         todayBtn : true, | 
 |  |  |         autoclose : true, | 
 |  |  |         startView : 2, | 
 |  |  |         maxView : 3, | 
 |  |  |         minView : 0}; | 
 |  |  |     MTools.limitStartEndTime(initParam); | 
 |  |  |  | 
 |  |  |     var myGrid; | 
 |  |  |     $(function () { | 
 |  |  | 
 |  |  |  | 
 |  |  |         } | 
 |  |  |     } | 
 |  |  |    var btns=[]; | 
 |  |  |    btns[0]="",btns[1]="",btns[2]="",btns[3]="",btns[4]="",btns[5]="",btns[6]=""; | 
 |  |  |    function buidOperate(value, row, index) { | 
 |  |  |     var btns=[]; | 
 |  |  |     btns[0]="",btns[1]="",btns[2]="",btns[3]="",btns[4]="",btns[5]="",btns[6]=""; | 
 |  |  |     function buidOperate(value, row, index) { | 
 |  |  |         var status = row.state; | 
 |  |  |         var html ='<a class="text-primary mr-5" onClick="selectFwz(' + value + ')"  title="查看"><i class="fa fa-eye">查看</i></a> ' | 
 |  |  |         switch (status) { | 
 |  |  | 
 |  |  |                 break; | 
 |  |  |             case '需配料': | 
 |  |  |                 html +=btns[3].replace('VALUE',value); | 
 |  |  |                 html += btns[2].replace('VALUE',value); | 
 |  |  |                 break; | 
 |  |  |             case '配料完成': | 
 |  |  |                 break; | 
 |  |  |             case '服务完成': | 
 |  |  |                 html +=btns[4].replace('VALUE',value); | 
 |  |  |                 html += btns[2].replace('VALUE',value); | 
 |  |  |                 break; | 
 |  |  |             case '待确认': | 
 |  |  |                 html +=btns[7].replace('VALUE',value); | 
 |  |  |                 break; | 
 |  |  |         } | 
 |  |  |         html += btns[5].replace('VALUE',value); | 
 |  |  | 
 |  |  |  | 
 |  |  |  | 
 |  |  |  | 
 |  |  |    function removeOrder(id) { | 
 |  |  |        var id=myGrid.getSelectItemId(); | 
 |  |  |        layer.confirm('确定取消此订单?', { | 
 |  |  |            btn: ['确认', '取消'] //可以无限个按钮 | 
 |  |  |        }, function(index, layero){ | 
 |  |  |            $.post(basePath+'/admin/projService/cancelOrder?id='+id, {}, function(data){ | 
 |  |  |                parent.layer.msg(data.info,{icon: 1}); | 
 |  |  |                layer.closeAll(); | 
 |  |  |                myGrid.serchData(); | 
 |  |  |            }); | 
 |  |  |            //按钮【按钮一】的回调 | 
 |  |  |        }, function(index){ | 
 |  |  |            // alert("2 = "+index); | 
 |  |  |            //按钮【按钮二】的回调 | 
 |  |  |        }); | 
 |  |  |     function removeOrder(id) { | 
 |  |  |         var id=myGrid.getSelectItemId(); | 
 |  |  |         layer.confirm('确定取消此订单?', { | 
 |  |  |             btn: ['确认', '取消'] //可以无限个按钮 | 
 |  |  |         }, function(index, layero){ | 
 |  |  |             $.post(basePath+'/admin/projService/cancelOrder?id='+id, {}, function(data){ | 
 |  |  |                 parent.layer.msg(data.info,{icon: 1}); | 
 |  |  |                 layer.closeAll(); | 
 |  |  |                 myGrid.serchData(); | 
 |  |  |             }); | 
 |  |  |             //按钮【按钮一】的回调 | 
 |  |  |         }, function(index){ | 
 |  |  |             // alert("2 = "+index); | 
 |  |  |             //按钮【按钮二】的回调 | 
 |  |  |         }); | 
 |  |  |  | 
 |  |  |    } | 
 |  |  |     } | 
 |  |  |  | 
 |  |  |    //打开查看界面 | 
 |  |  |    function openEdit2() { | 
 |  |  |        var id=myGrid.getSelectItemId(); | 
 |  |  |        layer.open({ | 
 |  |  |            type : 2, | 
 |  |  |            title : "查看服务单详情", | 
 |  |  |            area :   MUI.SIZE_M, | 
 |  |  |            maxmin : true, | 
 |  |  |            content : [ basePath+'/admin/projService/serviceInfo?pageFlae=pc&id=' + id] | 
 |  |  |        }); | 
 |  |  |    } | 
 |  |  |     function confirmServiceOrder(id) { | 
 |  |  |         layer.confirm('确定确认订单吗?', { | 
 |  |  |             btn: ['确认', '取消'] //可以无限个按钮 | 
 |  |  |         }, function(index, layero){ | 
 |  |  |             $.post(basePath+'/admin/projService/confirmServiceOrder?id='+id, {}, function(data){ | 
 |  |  |                 parent.layer.msg(data.info,{icon: 1}); | 
 |  |  |                 layer.closeAll(); | 
 |  |  |                 myGrid.serchData(); | 
 |  |  |             }); | 
 |  |  |             //按钮【按钮一】的回调 | 
 |  |  |         }, function(index){ | 
 |  |  |             // alert("2 = "+index); | 
 |  |  |             //按钮【按钮二】的回调 | 
 |  |  |         }); | 
 |  |  |  | 
 |  |  |    //导出 | 
 |  |  |    //导出 | 
 |  |  |    function exportExcel(){ | 
 |  |  |        var param=MForm.toUrlParam("#serchform"); | 
 |  |  |        window.location.href=basePath+"/admin/projService/exportExcel?"+param; | 
 |  |  |    } | 
 |  |  |     } | 
 |  |  |  | 
 |  |  |  | 
 |  |  |     //打开查看界面 | 
 |  |  |     function openEdit2() { | 
 |  |  |         var id=myGrid.getSelectItemId(); | 
 |  |  |         layer.open({ | 
 |  |  |             type : 2, | 
 |  |  |             title : "查看服务单详情", | 
 |  |  |             area :   MUI.SIZE_M, | 
 |  |  |             maxmin : true, | 
 |  |  |             content : [ basePath+'/admin/projService/serviceInfo?pageFlae=pc&id=' + id] | 
 |  |  |         }); | 
 |  |  |     } | 
 |  |  |  | 
 |  |  |     //导出 | 
 |  |  |     //导出 | 
 |  |  |     function exportExcel(){ | 
 |  |  |         var param=MForm.toUrlParam("#serchform"); | 
 |  |  |         window.location.href=basePath+"/admin/projService/exportExcel?"+param; | 
 |  |  |     } | 
 |  |  |  | 
 |  |  | </script> | 
 |  |  |  | 
 |  |  | 
 |  |  | <script matrix:btn="serviceClub-edit"> | 
 |  |  |     btns[6]='<a  class="text-primary mr-5" onclick="updateTime(\'VALUE\')" title="修改时间"><i class="fa fa-edit">修改时间</i></a> ' | 
 |  |  | </script> | 
 |  |  | <script matrix:btn="serviceClub-edit"> | 
 |  |  |     btns[7]='<a  class="text-primary mr-5" onclick="confirmServiceOrder(\'VALUE\')" title="确认服务单"><i class="fa fa-edit">确认服务单</i></a> ' | 
 |  |  | </script> | 
 |  |  |  | 
 |  |  | </html> |