| 
  
 | 
<!DOCTYPE HTML> 
 | 
<html xmlns:th="http://www.thymeleaf.org" xmlns:matrix="http://www.w3.org/1999/xhtml"> 
 | 
<head> 
 | 
    <meta charset="utf-8"> 
 | 
    <META HTTP-EQUIV="Pragma" CONTENT="no-cache"> 
 | 
    <meta name="renderer" content="webkit|ie-comp|ie-stand"> 
 | 
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
 | 
    <meta name="viewport" 
 | 
          content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> 
 | 
    <meta http-equiv="Cache-Control" content="no-siteapp" /> 
 | 
    <LINK rel="Bookmark" href="../images/favicon.ico"> 
 | 
    <!-- 本框架基本脚本和样式 --> 
 | 
    <script type="text/javascript" 
 | 
            th:src="@{/js/plugin/jquery-2.1.4.min.js}"></script> 
 | 
    <script type="text/javascript" 
 | 
            th:src="@{/js/systools/MBase.js}"></script> 
 | 
</head> 
 | 
<body> 
 | 
<div class="ibox-content"> 
 | 
  
 | 
    <form class="form-horizontal" id="dataform" 
 | 
          onsubmit="javascripr:return false;"> 
 | 
        <input autocomplete="off"   type="hidden" id="serviceId" th:value="${obj.id}"> 
 | 
        <div class="panel panel-default"> 
 | 
            <div class="panel-heading"><strong th:text="'服务单金额:'+${obj.money}"></strong> </div> 
 | 
            <div class="panel-heading"><strong>服务项目</strong></div> 
 | 
            <table class="table table-bordered table-striped " 
 | 
                   style="width: 100%;" id="mgrid"> 
 | 
                <thead> 
 | 
                <tr  > 
 | 
                    <th>项目名称</th> 
 | 
                    <th width="50px">服务时长</th> 
 | 
                    <th>服务时间</th> 
 | 
                    <th width="300px">美疗师</th> 
 | 
                    <th width="100px">提成</th> 
 | 
                </tr> 
 | 
                </thead> 
 | 
                <tbody> 
 | 
                <tr th:each="item,st:${obj.serviceItems}"> 
 | 
                    <th th:text="${item.projInfo?.name}"></th> 
 | 
                    <th th:text="${item.projInfo?.timeLength+'分钟'}"></th> 
 | 
                    <th> 
 | 
                        <span th:text="${#dates.format(item.beginTime, 'yyyy-MM-dd HH:mm')}"></span> 
 | 
                        —— 
 | 
                        <span th:text="${#dates.format(item.endTime, 'yyyy-MM-dd HH:mm')}"></span> 
 | 
                    </th> 
 | 
                    <th th:text="${item.beautiStaffInfo?.suName}"></th> 
 | 
                    <th th:text="${item.extract}"></th> 
 | 
                </tr> 
 | 
                </tbody> 
 | 
            </table> 
 | 
        </div> 
 | 
        <div style="border-radius:5px; background:#F5F5F5;padding:10px 0;"> 
 | 
            <div class="form-group"> 
 | 
                <div class="col-sm-11 "> 
 | 
                    <div class="row"> 
 | 
                        <label class="col-sm-1 control-label">会员姓名</label> 
 | 
                        <div class="col-sm-2 "> 
 | 
                            <p class="form-control-static" th:text="${obj?.vipInfo.vipName }"></p> 
 | 
                        </div> 
 | 
                        <div class="col-sm-5 "> 
 | 
                            <label class="col-sm-3 control-label">会员编号</label> 
 | 
                            <div class="col-sm-9"> 
 | 
                                <p class="form-control-static" th:text="${obj?.vipInfo.vipNo }"></p> 
 | 
                            </div> 
 | 
                        </div> 
 | 
                        <div class="col-sm-4 "> 
 | 
                            <label class="col-sm-5 control-label">会员手机 </label> 
 | 
                            <div class="col-sm-7"> 
 | 
                                <p class="form-control-static" th:text="${obj?.vipInfo.phone }"></p> 
 | 
                            </div> 
 | 
                        </div> 
 | 
                    </div> 
 | 
                </div> 
 | 
            </div> 
 | 
            <div class="form-group"> 
 | 
                <div class="col-sm-11 "> 
 | 
                    <div class="row"> 
 | 
                        <label class="col-sm-1 control-label">床位安排</label> 
 | 
                        <div class="col-sm-2 "> 
 | 
                            <p th:each="item:${cw}" th:if="${obj.bedId eq item.id }" class="form-control-static" 
 | 
                               th:text="${item.bedName }"></p> 
 | 
                        </div> 
 | 
                        <div class="col-sm-5 "> 
 | 
                            <label class="col-sm-3 control-label">服务时间</label> 
 | 
                            <div class="col-sm-9"> 
 | 
                                <p class="form-control-static"> 
 | 
                                    <span th:text="${#dates.format(obj.bedState?.startTime, 'yyyy-MM-dd HH:mm')}"></span> 
 | 
                                    —— 
 | 
                                    <span th:text="${#dates.format(obj.bedState?.endTime, 'yyyy-MM-dd HH:mm')}"></span> 
 | 
                                </p> 
 | 
                            </div> 
 | 
                        </div> 
 | 
                    </div> 
 | 
                </div> 
 | 
            </div> 
 | 
  
 | 
  
 | 
            <div class="form-group"> 
 | 
                <div class="col-sm-11 "> 
 | 
                    <div class="row"> 
 | 
                        <label class="col-sm-1 control-label">预约时间 </label> 
 | 
                        <div class="col-sm-2"> 
 | 
                            <p class="form-control-static"> 
 | 
                                <span th:text="${#dates.format(obj.yyTime, 'yyyy-MM-dd HH:mm')}"></span> 
 | 
                            </p> 
 | 
                        </div> 
 | 
                        <div class="col-sm-5 "> 
 | 
                            <label class="col-sm-3 control-label">配料师</label> 
 | 
                            <div class="col-sm-10" th:each="item:${yls}" th:if="${obj.doctorId eq item.id }"> 
 | 
                                <p class="form-control-static" th:text="${item.staffName }"></p> 
 | 
                            </div> 
 | 
                        </div> 
 | 
                        <div class="col-sm-4 "> 
 | 
                            <label class="col-sm-5 control-label">备注 </label> 
 | 
                            <div class="col-sm-7"> 
 | 
                                <p class="form-control-static" th:text="${obj?.remark }"></p> 
 | 
                            </div> 
 | 
                        </div> 
 | 
                    </div> 
 | 
                </div> 
 | 
            </div> 
 | 
            <div class="form-group"> 
 | 
                <div class="col-sm-11 "> 
 | 
                    <div class="row"> 
 | 
                        <label class="col-sm-1 control-label">备注 </label> 
 | 
                        <div class="col-sm-10"> 
 | 
                            <p class="form-control-static" th:text="${obj?.remark }"></p> 
 | 
                        </div> 
 | 
  
 | 
                    </div> 
 | 
                </div> 
 | 
            </div> 
 | 
  
 | 
            <div class="form-group "> 
 | 
                <div class="col-sm-12 text-center"> 
 | 
  
 | 
                    <a href="javascript:;" onclick="print()" class="btn btn-success radius">打印</a>      
 | 
                    <a href="javascript:;" onclick="comfireHk()" 
 | 
                       class="btn btn-success radius">划扣</a>     
 | 
                    <button onclick="MTools.closeForm()" class="btn btn-danger radius" type="button">关闭</button> 
 | 
                </div> 
 | 
            </div> 
 | 
        </div> 
 | 
  
 | 
  
 | 
    </form> 
 | 
  
 | 
</div> 
 | 
  
 | 
<script type="text/javascript" th:src="@{/js/plugin/LodopFuncs.js}"></script> 
 | 
<script type="text/javascript" th:src="@{/js/systools/MJsBase.js}"></script><script type="text/javascript"> 
 | 
  
 | 
    function print() { 
 | 
        var id=$("#serviceId").val(); 
 | 
       layer.open({ 
 | 
            type: 2, 
 | 
            title: "打印服务单", 
 | 
            area: ['250px', '550px'], 
 | 
            maxmin: true, 
 | 
            content: [basePath + '/admin/projService/printOrder?id=' + id] 
 | 
        }); 
 | 
    } 
 | 
  
 | 
  
 | 
    /** 
 | 
     * 刷新派单表格 
 | 
     */ 
 | 
    function comfireHk() { 
 | 
        var id=$("#serviceId").val(); 
 | 
        layer.confirm('确定划扣吗?', function() { 
 | 
            $.AjaxProxy({ 
 | 
                a : false, 
 | 
                c : false 
 | 
            }).invoke(basePath+"/admin/projService/hkService?id="+id, function(loj) { 
 | 
                layer.msg(loj.getValue("info"),{icon:1,time:2000},function(){ 
 | 
                    if (parent.myGrid) { 
 | 
                        parent.myGrid.serchData(); 
 | 
                    } 
 | 
  
 | 
                    if (parent.app) { 
 | 
                        parent.app.serviceOrderQuery(); 
 | 
                    } 
 | 
                    MTools.closeForm() 
 | 
                }); 
 | 
            }); 
 | 
        }); 
 | 
  
 | 
  
 | 
    } 
 | 
</script> 
 | 
</body> 
 | 
</html> 
 |