病人列表做分页

src/main/resources/static/js/accepting.js

@@ -150,74 +150,144 @@ function titleButtonChange(object) {
  * 根据病人门诊id或者住院号查询病人信息
  */
 function getZyActpatientByInpatientNoOrMzNO(id) {
-    var index = getIndex("regi_List_btn_group");
-    var tableName = 'zy_actpatient';
-    if (index == 1) {
-        tableName = 'zy_inactpatient';
-    }
-    $.ajax({
-        type: "POST",
-        url: '/thmz/getZyActpatientByInpatientNoOrMzNO',
-        contentType: "application/json;charset=UTF-8",
-        dataType: "json",
-        async: false,
-        data: JSON.stringify({
-            "inpatientNo": $("#admissionNumber").val(),
-            "mzNo": $("#patientId").val(),
-            "tableName": tableName
-        }),
-        headers: {'Accept': 'application/json', 'Authorization': 'Bearer ' + localStorage.getItem("token")},
-        success: function (res) {
+    $('#patientTable').bootstrapTable("destroy");
+    $('#patientTable').bootstrapTable({
+        url: '/thmz/getZyActpatientByInpatientNoOrMzNO',         //请求后台的URL（*）
+        method: 'post',                      //请求方式（*）
+        toolbar: '#toolbar',                //工具按钮用哪个容器
+        striped: true,                      //是否显示行间隔色
+        cache: false,                       //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
+        pagination: true,                   //是否显示分页（*）
+        sortable: true,                     //是否启用排序
+        sortOrder: "asc",                   //排序方式
+        queryParams: queryPatientListParams,           //传递参数（*）
+        sidePagination: "server",           //分页方式：client客户端分页，server服务端分页（*）
+        pageNumber: 1,                       //初始化加载第一页，默认第一页
+        pageSize: 10,                       //每页的记录行数（*）
+        pageList: [10, 25, 50, 100],        //可供选择的每页的行数（*）
+        search: false,                       //是否显示表格搜索，此搜索是客户端搜索，不会进服务端，所以，个人感觉意义不大
+        strictSearch: true,
+        showColumns: false,                  //是否显示所有的列
+        showRefresh: false,                  //是否显示刷新按钮
+        minimumCountColumns: 2,             //最少允许的列数
+        clickToSelect: true,                //是否启用点击选中行
+        uniqueId: "ID",                     //每一行的唯一标识，一般为主键列
+        showToggle: false,                    //是否显示详细视图和列表视图的切换按钮
+        cardView: false,                    //是否显示详细视图
+        detailView: false,
+        //rowStyle:rowStyle,//通过自定义函数设置行样式
+        ajaxOptions: {
+            headers: {
+                'Accept': 'application/json',
+                'Authorization': 'Bearer ' + localStorage.getItem("token")
+            }
+        },
+        columns: [
+             {
+                field: 'name',
+                title: '姓名',
+                align: "center",
+                valign: 'middle',
+            }, {
+                field: 'inpatientNo',
+                title: '住院号',
+                align: "center",
+                valign: 'middle',
+            }, {
+                field: 'admissTimes',
+                title: '住院次数',
+                align: "center",
+                valign: 'middle'
+            }
+        ],
+        responseHandler: function (res) {
             if (res == '401' || res == 401) {
                 window.location.href = '/thmz/login/view'
                 return;
             }
-            if (res.code == 0) {
-                if (res.data.length > 0) {
-                    if(res.data.length==1){
-                        fillPatinet(res.data[0].inpatientNo,res.data[0].admissTimes);
-                    }else {
-                        $("#patientModal").modal();
-                        $("#patientTable").html(null);
-                        for (var i = 0; i < res.data.length; i++) {
-                            $("<tr data-target-inpatientNo='" + res.data[i].inpatientNo + "' data-target-admissTimes='"+res.data[i].admissTimes+"' ><td>" + res.data[i].inpatientNo + "</td><td>"+res.data[i].admissTimes+"</td><td>" + res.data[i].name + "</td></tr>").appendTo("#patientTable").bind('click', function () {
-                                $("#patientModal").modal("hide");
-                                fillPatinet($(this).attr("data-target-inpatientNo"),$(this).attr("data-target-admissTimes"));
-                            });
-                        }
-                    }
-                } else {
-                    if (id == 'admissionNumber') {
-                        $("#patientId").val(null);
-                    } else if (id == 'patientId') {
-                        $("#admissionNumber").val(null);
-                    }
-                    $("#userName").val(null);
-                    $("#gender").val(null);
-                    $("#bedNo").val(null);
-                    $("#deptName").val(null);
-                    $("#admissDate").val(null);
-                    $("#responceType").val(null);
-                    $("#totalAmount").val(null);
-                    $("#balance").val(null);
-
-
-                    //listDepositFile();
+            var ress = eval(res);
+            if (ress.code == -1) {
+                if (ress.message != null && ress.message != '') {
                     new PNotify({
-                        title: '警告提示',
-                        text: '没有查到合适的患者',
-                        type: 'waring',
+                        title: '错误提示',
+                        text: ress.message,
+                        type: 'error',
                         hide: true,
                         styling: 'bootstrap3'
                     });
                 }
-            } else {
-                errorMesage(res);
+                return {
+                    "total": 0,//总页数
+                    "rows": {}   //数据
+                };
             }
+            if(res.data.length==0){
+                if (id == 'admissionNumber') {
+                    $("#patientId").val(null);
+                } else if (id == 'patientId') {
+                    $("#admissionNumber").val(null);
+                }
+                $("#userName").val(null);
+                $("#gender").val(null);
+                $("#bedNo").val(null);
+                $("#deptName").val(null);
+                $("#admissDate").val(null);
+                $("#responceType").val(null);
+                $("#totalAmount").val(null);
+                $("#balance").val(null);
+                //listDepositFile();
+                new PNotify({
+                    title: '警告提示',
+                    text: '没有查到合适的患者',
+                    type: 'waring',
+                    hide: true,
+                    styling: 'bootstrap3'
+                });
+                return {
+                    "total": 0,//总页数
+                    "rows": {}   //数据
+                };
+            }
+            if(res.data.length==1){
+                fillPatinet(res.data[0].inpatientNo,res.data[0].admissTimes);
+            }
+            if(res.data.length>1){
+                $("#patientModal").modal();
+            }
+            return {
+                "total": ress.total,//总页数
+                "rows": ress.data   //数据
+            };
+        },
+        //双击触发的事件，当双击就会获取row，row就是该整行的内容，其中"row.playerName"中"playerName"是data-field定义的字段，（如果在js中定义，就是field定义的字段,）可以通过该方法获取该行所有列的值
+        onDblClickRow: function (row) {
+            $("#patientModal").modal("hide");
+            fillPatinet(row.inpatientNo,row.admissTimes);
         }
     });
 }
 
+/**
+ * 创建病人列表参数
+ * @param params
+ * @returns {{inpatientNo: *, admissTimes: *}}
+ */
+function queryPatientListParams(params) {
+    var index = getIndex("regi_List_btn_group");
+    var tableName = 'zy_actpatient';
+    if (index == 1) {
+        tableName = 'zy_inactpatient';
+    }
+    var temp = {
+        "inpatientNo": $("#admissionNumber").val(),
+        "mzNo": $("#patientId").val(),
+        "tableName": tableName,
+        "pageIndex":params.offset / params.limit,
+        "pageSize":params.limit
+    };
+    return temp;
+};
+
 
 /**
  * 按照病人inpatientNo查询病人信息

src/main/resources/templates/accepting.html

@@ -184,31 +184,28 @@
 <!--患者查询弹窗开始-->
 <div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-hidden="true" id="patientModal">
     <div class="modal-dialog modal-lg">
-        <div class="modal-content" style="width: 300px;margin-left: 200px;height: 500px;">
+        <div class="modal-content" style="width: 800px;margin-left: 200px;height: 620px;">
             <div class="modal-header">
                 <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span>
                 </button>
                 <h4 class="modal-title">患者查询 <span style="font-size: 1px;margin-left: 20px;" id="tip_message">请选择本次需要预交金处理的患者信息</span>
                 </h4>
             </div>
-            <div class="modal-body" style="height: 350px;overflow-y: auto;">
+            <div class="modal-body">
                 <form class="form-horizontal form-label-left" novalidate>
-                    <table class="table table-striped table-bordered">
-                        <thead>
-                        <tr>
-                            <th>住院号</th>
-                            <th>住院次数</th>
-                            <th>患者姓名</th>
-                        </tr>
-                        </thead>
-                        <tbody id="patientTable">
-                        </tbody>
+                    <table class="table table-striped table-bordered" id="patientTable">
+                        <!--<thead>-->
+                        <!--<tr>-->
+                            <!--<th>患者姓名</th>-->
+                            <!--<th>住院号</th>-->
+                            <!--<th>住院次数</th>-->
+                        <!--</tr>-->
+                        <!--</thead>-->
+                        <!--<tbody id="patientTable">-->
+                        <!--</tbody>-->
                     </table>
                 </form>
             </div>
-            <div class="modal-footer">
-                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
-            </div>
         </div>
     </div>
 </div>