<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <title>订单跟踪</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link rel="shortcut icon" href="favicon.ico">
    <link href="css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
    <link href="css/animate.min.css" rel="stylesheet">
    <link href="css/plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
    <link href="css/plugins/toastr/toastr.min.css" rel="stylesheet">
    <link href="js/plugins/artDialog/6.0.5/css/ui-dialog.min.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <link href="css/order-tracking.css" rel="stylesheet" >
</head>
<body>
    <div class="plr10 ptb20 c-position-r mb74" id="infoPanel">
        <div class="session-title border-bottom pb5">续方记录</div>
        <div class="container" id="">
            <div class="row mtb5">
                <div class="col-xs-6">
                    <span class="c-999">申请时间：</span>
                    <span id="applyDate"></span>
                </div>
                <div class="col-xs-6">
                    <span class="c-999">审核医生：</span>
                    <span id="checkDoc"></span>
                </div>
            </div>
        </div>
        
        <div class="session-title border-bottom mt20 pb5">收药信息</div>
        <div class="container" id="syInfo"></div>

        <div class="session-title border-bottom mt20 pb5">订单记录</div>
        <div class="container" id="recordInfo"></div>

        <div class="session-title border-bottom mt20 pb5">药品信息</div>
        <div class="container" id="drugInfo"></div>
    </div>
    <div class="footer-btn">
        <button class="btn btn-1 hidden">分配配送员</button>
        <button class="btn btn-2">返回</button>
    </div>

    <!-- Modal -->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">
                    <img src="img/shezi_tankuang_icon.png" class="mr10">订单跟踪详情
                </h4>
            </div>
            <div class="modal-body">
                <div class="straight-line"></div>
                <ul class="s-list" id="orderLogs">

                </ul>
            </div>
            <div class="modal-footer" style="text-align: center;">
                <button type="button" class="btn btn-success" data-dismiss="modal">确定</button>
            </div>
        </div>
        </div>
    </div>

    <!-- 快递信息 -->
    <div class="modal fade" id="expressModal" tabindex="-1" role="dialog" aria-labelledby="expressModalLabel">
        <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="expressModalLabel">
                    <img src="img/shezi_tankuang_icon.png" class="mr10">快递记录
                </h4>
            </div>
            <div class="modal-body">
                <div class="container" style="width: 100%;" id="expressInfo">
                    
                </div>
                <div class="straight-line"></div>
                <ul class="s-list" id="expressLogs">

                </ul>
            </div>
            <div class="modal-footer" style="text-align: center;">
                <button type="button" class="btn btn-success" data-dismiss="modal">确定</button>
            </div>
        </div>
        </div>
    </div>

    <!-- 分配健管师Modal -->
    <div class="modal fade" id="docModal" tabindex="-1" role="dialog" aria-labelledby="docModalLabel">
        <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="docModalLabel">
                    <img src="img/shezi_tankuang_icon.png" class="mr10">选择配送员
                </h4>
            </div>
            <div class="modal-body">
                <div class="mb10">
                    <input type="search" class="form-control input-sm" id="doctorName" placeholder="请输入健管师姓名">
                </div>
                <table id="hDoctor" data-mobile-responsive="true" data-show-header="false">
                    <thead class="thead-inverse">
                        <tr class="">
                            <th data-field="photo" tabindex="0">头像</th>
                            <th data-field="name" tabindex="0">姓名</th>
                            <th data-field="job" tabindex="0">职称</th>
                        </tr>
                    </thead>
                    <tbody></tbody>
                </table>
            </div>
        </div>
        </div>
    </div>

    <div class="modal fade" id="confirmModal" tabindex="-1" role="dialog">
        <div class="modal-dialog modal-sm" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">
                        <img src="img/shezi_tankuang_icon.png" class="mr10"> 确认选择
                    </h4>
                </div>
                <div class="modal-body">
                    <p class="c-333 text-center">是否确认将订单分配给 <span id="docInfo"></span >配送？</p>
                    <p class="c-333 text-center">确认后将不可变更！</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" id="confirmBtn">确定</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                </div>
            </div>
        </div>
    </div>

    <script type="text/html" id="syinfo_tmp">
        {{if dispensaryDispensaryType == 3}}
        <div class="row mtb5">
            <div class="col-xs-6">
                <span class="c-999">配送方式：</span>
                <span>{{dispensaryDispensaryTypeName}}</span>
            </div>
            <div class="col-xs-6">
                <span class="c-999">配送时间：</span>
                <span>{{deliveryTime}}</span>
            </div>
        </div>
        <div class="row mtb5">
            <div class="col-xs-6">
                <span class="c-999">居民姓名：</span>
                <span>{{name}}</span>
            </div>
            <div class="col-xs-6">
                <span class="c-999">居民电话：</span>
                <span>{{mobile}}</span>
            </div>
        </div>
        {{if expressageName}}
        <div class="row mtb5">
            <div class="col-xs-6">
                <span class="c-999">配送员：</span>
                <span>{{expressageName}}</span>
            </div>
            <div class="col-xs-6">
                <span class="c-999">配送员电话：</span>
                <span>{{expressageMobile}}</span>
            </div>
        </div>
        <div class="row mtb5">
            <div class="col-xs-6">
                <span class="c-999">配送地点：</span>
                <span>{{patientHospitalName}}</span>
            </div>
            <div class="col-xs-6">
                <span class="c-999">服务站地址：</span>
                <span>{{patientHospitalAddress}}</span>
            </div>
        </div>
        {{else}}
        <div class="row mtb5">
            <div class="col-xs-6">
                <span class="c-999">配送员：</span>
                <span class="c-ff3b30">待分配</span>
            </div>
            <div class="col-xs-6">
                <span class="c-999">配送地点：</span>
                <span>{{patientHospitalName}}</span>
            </div>
        </div>
        <div class="row mtb5">
            <div class="col-xs-6">
                <span class="c-999">服务站地址：</span>
                <span>{{patientHospitalAddress}}</span>
            </div>
        </div>
        {{/if}}
        {{else if dispensaryDispensaryType == 2}}
        <div class="row mtb5">
            <div class="col-xs-6">
                <span class="c-999">配送方式：</span>
                <span class="ff3b30">{{dispensaryDispensaryTypeName}}</span>
            </div>
            <div class="col-xs-6">
                <span class="c-999">配送时间：</span>
                <span>{{deliveryTime}}</span>
            </div>
            
        </div>
        <div class="row mtb5">
            <div class="col-xs-6">
                <span class="c-999">快递单号：</span>
                <a class="c-12b7f5" onclick="showExpressFollow()">{{mailno}}</a>
            </div>
            <div class="col-xs-6">
                <span class="c-999">收药人：</span>
                <span class="ff3b30">{{name}}</span>
            </div>
            
        </div>
        <div class="row mtb5">
            <div class="col-xs-6">
                <span class="c-999">联系电话：</span>
                <span>{{mobile}}</span>
            </div>
            <div class="col-xs-6">
                <span class="c-999">收药地址：</span>
                <span>{{provinceName}}{{cityName}}{{townName}}{{address}}</span>
            </div>
        </div>
        {{else}}
        <div class="row mtb5">
            <div class="col-xs-6">
                <span class="c-999">配送方式：</span>
                <span class="ff3b30">{{dispensaryDispensaryTypeName}}</span>
            </div>
            <div class="col-xs-6">
                <span class="c-999">取药时间：</span>
                <span>{{deliveryTime}}</span>
            </div>
        </div>
        <div class="row mtb5">
            <div class="col-xs-6">
                <span class="c-999">取药地址：</span>
                <span>{{hospitalAddress}}</span>
            </div>
        </div>
        <div class="row mtb5">
            <div class="col-xs-6">
                <span class="c-999">居民姓名：</span>
                <span class="ff3b30">{{name}}</span>
            </div>
            <div class="col-xs-6">
                <span class="c-999">居民电话：</span>
                <span>{{mobile}}</span>
            </div>
        </div>
        {{/if}}
    </script>

    <script type="text/html" id="record_tmp">
        <div class="row mtb5">
            <div class="col-xs-6">
                <span class="c-999">订单状态：</span>
                <span>{{prescriptionStatusName}}</span>
            </div>
            <div class="col-xs-6">
                <span class="c-999">订单号：</span>
                <span>{{orderCode}}</span>
            </div>
        </div>
        <div class="row mtb5">
            <div class="col-xs-6">
                <span class="c-999">订单跟踪：</span>
                <a class="c-12b7f5" onclick="showOrderFollow()">点击查看</a>
            </div>
            <div class="col-xs-6">
                <span class="c-999">出药机构：</span>
                <span>{{prescriptionHospital}}</span>
            </div>
        </div>
    </script>

    <script type="text/html" id="drug_tmp">
    {{each list as dg}}
        <div class="row">
            <div class="col-xs-5">{{dg.drugName}}</div>
            <div class="col-xs-3"><span class="c-999">总量：</span>{{dg.num}}{{dg.drugNumUnitName}}</div>
            <div class="col-xs-4"><span class="c-999">规格：</span>{{dg.drugFormat}}</div>
        </div>
    {{/each}}
    </script>

    <script type="text/html" id="flow_tmp">
    {{each list as it index}}
    <li class="ptb10">
        {{if index == 0}}
        <img src="img/lan_biaoji_icon.png" width="20" alt="" class="mlr14 header-icon"/>
        {{else}}
        <img src="img/hui_biaoji_icon.png" width="20" alt="" class="mlr14 header-icon"/>
        {{/if}}
        <div class="s-list-info">
            <span class="{{if index == 0}}c-12b7f5{{else}}c-999{{/if}} c-f16">{{it.statusName}}</span>
            <p class="c-f12 c-c8c8c8">{{it.createTime}}</p>
        </div>
    </li>
    {{/each}}
    </script>

    <script type="text/html" id="expressInfo_tmp">
        <div class="row">
            <div class="col-xs-6">
                <span class="c-999">物流状态：</span>
                <span>{{expressStatus}}</span>
            </div>
            <div class="col-xs-6">
                <span class="c-999">承运来源：</span>
                <span>{{expressName}}</span>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-6">
                <span class="c-999">运单编号：</span>
                <span>{{expressMailNo}}</span>
            </div>
            <div class="col-xs-6">
                <span class="c-999">官方电话：</span>
                <span>{{expressPhone}}</span>
            </div>
        </div>
    </script>

    <script src="js/jquery.min.js?v=2.1.4"></script>
    <script src="js/bootstrap.min.js?v=3.3.6"></script>
    <script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
    <script src="js/plugins/layer/layer.min.js"></script>
    <script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
    <script src="js/hplus.min.js?v=4.1.0"></script>
    <script src="js/plugins/pace/pace.min.js"></script>
    <script src="js/plugins/toastr/toastr.min.js"></script>
    <script src="js/plugins/artDialog/6.0.5/js/dialog-plus.min.js"></script>
    <script src="js/plugins/bootstrap-table/bootstrap-table.min.js"></script>
    <script src="js/plugins/bootstrap-table/bootstrap-table-mobile.min.js"></script>
    <script src="js/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
    <script src="js/es6-promise.js"></script>
    <script src="js/underscore.js"></script>
    <script src="js/util.js"></script>
    <script src="js/template.js"></script>
    <script src="js/api-service.js"></script>
    <script src="js/order-api.js"></script>
    <script src="js/buz/order-tracking.js"></script>
</body>
</html>