<!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">
    <style>
        .fixed-table-container{
            border:none;
        }
        .bootstrap-table .table{
            border-bottom: none;
            border-collapse: separate !important;
            border-spacing: 0 10px;
        }
        .fixed-table-container tbody td{
            border-left: none;
        }
        .bootstrap-table .table tr{
            background-color: #f5f5fa;
            margin-top: 10px;
        }
        .status-tag{
            display: inline-block;
            background: #12b7f5;
            color: #fff;
            padding: 3px 10px;
            border-radius: 5px;
        }
        .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
            border-top: none;
        }
    </style>
</head>
<body class="white-bg plr10">
    <form role="form" class="form-inline ptb10" onsubmit="return false;">
        <div class="form-group mr10">
            <label for="status">续方状态：</label>
            <select name="status" id="status" class="form-control input-sm">
                <option value="">所有状态</option>
            </select>
        </div>
        <div class="form-group mr10">
            <label for="disease">诊断结果：</label>
            <select name="disease" id="disease" class="form-control input-sm">
                <option value="">所有诊断</option>
            </select>
        </div>
        <div class="form-group mr10">
            <label for="time">续方时间：</label>
            <select name="time" id="time" class="form-control input-sm">
                <option value="0">全部</option>
                <option value="1">近一周</option>
                <option value="2">近一月</option>
                <option value="3">近半年</option>
                <option value="4">近一年</option>
            </select>
        </div>
    </form>
    <table id="prescriptTable" data-mobile-responsive="true" data-show-header="false" cellspacing="10" border="0">
    </table>

    <script type="text/html" id="status_tmp">
    {{each list as it}}
        <option value="{{it.code}}">{{it.value}}</option>
    {{/each}}
    </script>

    <script type="text/html" id="disease_tmp">
    {{each list as it}}
        <option value="{{it.code}}">{{it.name}}</option>
    {{/each}}
    </script>

    <script type="text/html" id="info_tmp">
    <div class="ui-grid pl10 ui-grid-middle mb10">
        <div class="ui-col-0" style="width: 130px"><span class="status-tag">{{status | getStatusName}}</span></div>
        <div class="ui-col-1">临床诊断：
            {{each prescriptionDt as it index}}
            {{if index == 0}}
            {{it.name}}
            {{else}}
            ，{{it.name}}
            {{/if}}
            {{/each}}
        </div>
    </div>
    <div class="ui-grid pl10">
        {{each prescriptionInfo as dg key}}
        {{if key < 2}}
        <div class="ui-col-1">
            <span class="mr30">{{dg.drugName}}</span>
            <span>{{dg.num}}{{dg.drugNumUnitName}}</span>
        </div>
        {{/if}}
        {{/each}}
    </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/prescription-list-api.js"></script>
    <script src="js/buz/prescription-list.js"></script>
</body>
</html>