Selaa lähdekoodia

添加检查检验页面功能实现

raolu 7 vuotta sitten
vanhempi
commit
c0295ac5cf
4 muutettua tiedostoa jossa 167 lisäystä ja 2 poistoa
  1. 84 0
      jianchajianyan.html
  2. 58 0
      js/buz/jianchajianyan.js
  3. 2 2
      js/buz/prescription-tabs.js
  4. 23 0
      js/jianchajianyan-api.js

+ 84 - 0
jianchajianyan.html

@ -0,0 +1,84 @@
<!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">
    <table id="prescriptTable" data-mobile-responsive="true" data-show-header="false" cellspacing="10" border="0">
    </table>
    <script type="text/html" id="info_tmp">
    <div class="ui-grid pl10 ui-grid-middle mb10">
        <div class="ui-col-0" style="width: 70px"><span class="status-tag">{{type}}</span></div>
        <div class="ui-col-1">{{orgName}}</div>
    </div>
    <div class="ui-grid ui-grid-middle pl10">
        <div class="ui-col-1">
            <span>检查类型:</span>
            <span>{{label}}</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/jw-prescription-api.js"></script>
    <script src="js/buz/jw-prescription-list.js"></script>
</body>
</html>

+ 58 - 0
js/buz/jianchajianyan.js

@ -0,0 +1,58 @@
var request = getRequest(),
    patient = request.patient,
    totalCount = 0;
$(function(){
    getList();
});
function getList(isRefresh){
    var options = $.extend(janchaAPI.getListTableAjaxObj, {
        queryParams: queryParams,
        queryParamsType: "limit",
        pagination: true,
        paginationLoop: true,
        sidePagination: 'server',
        pageNumber: 1,
        pageSize: 10,
        responseHandler: function (res) {
            var data = JSON.parse(res.data);
            return {
                rows: data.list,
                total: data.total
            }
        },
        columns: [{
            field: '',
            title:'',
            formatter: function(val, row, index){
                var html = template('info_tmp', row);
                return html;
            }
        },{
            field: 'eventDate',
            title: '申请时间',
            class: 'c-999 pr20',
            align: 'right',
            formatter: function(val, row, index){
                return '<span class="pr10">'+val+'</span>';
            }
        }],
        // onClickRow: function(row, $el){
        //     document.location.href = "jw-prescription-detail.html?id="+row.id+"&patient="+patient;
        // }
    })
    $("#prescriptTable").bootstrapTable(options);
}
function queryParams(params) {
    return {
        page: params.offset/params.limit + 1,
        pageSize: params.limit,
        patient: patient
    };
}

+ 2 - 2
js/buz/prescription-tabs.js

@ -30,7 +30,7 @@ var links = [{
    name: '体征记录',
    class: 'hidden'
},{
    url: 'about:blank',
    url: 'jianchajianyan.html?from=tab&patient='+patiCode,
    name: '检查检验',
    class: ''
},{
@ -138,7 +138,7 @@ function updateLinkInfo(){
        name: '体征记录',
        class: 'hidden'
    },{
        url: 'about:blank',
        url: 'jianchajianyan.html?from=tab&patient='+patiCode,
        name: '检查检验',
        class: ''
    },{

+ 23 - 0
js/jianchajianyan-api.js

@ -0,0 +1,23 @@
(function(){
    var apis = {
        getList: function(data){
            return APIService.httpGet('doctor/archives/event/report', data);
        },
        getListTableAjaxObj: { //表格数据获取时,使用的ajax请求配置
            method: 'get',
            url: APIService.server + 'doctor/archives/event/report', 
            contentType: "application/json",
            dataType: "json",
            ajaxOptions: {
                beforeSend: function(request) {
                    var userAgent = APIService.userAgent;
                    userAgent = JSON.stringify(userAgent);
                    request.setRequestHeader("userAgent", userAgent);
                }
            }
        }
    };
    window.janchaAPI = apis;
})(jQuery)