前言：
1、個人轉碼小說網站：友書-綠色、純淨、無廣告，歡迎廣大小說閱讀愛好者同行來本網站看小說
2、書友交流羣：580462139（羣主及管理均爲資深90後程序猿，也歡迎諸位剛畢業的小白入羣諮詢編程、面試、就業等各方面問題哦）
3、對外承接app API開發、網站建設、系統開發，聯繫方式於文章最下方
正文：
1、截圖（因爲我是tab頁，所以放兩張圖，這兩個數據表格其實是在同一個html頁面上）：
2、前端html代碼：
<div class="layui-form layui-tab-item" style="width:100%">
<div class="demoVisitTable">
門診號：
<div class="layui-inline">
<div class="layui-input-inline">
<input type="text" autocomplete="off" class="layui-input" id="txt_jz_VisitId" style="width: 180px;">
</div>
</div>
<button class="layui-btn" data-type="jzreload" id="but_jzreload" style="width: 90px">搜索</button>
<button class="layui-btn layui-btn-primary" id="but_VisitAdd" style="width: 90px">新增</button>
</div>
<script type="text/html" id="barVisitTDemo">
<a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="view">查看</a>
<a class="layui-btn layui-btn-xs" lay-event="edit">編輯</a>
</script>
<table class="layui-hide" id="bindVisitTable" lay-filter="bindVisitTable"></table>
</div>
<div class="layui-form layui-tab-item">
<div class="demoZYTable">
入院日期：
<div class="layui-inline">
<div class="layui-input-inline">
<input type="text" autocomplete="off" class="layui-input" id="IHDate" placeholder="yyyy-MM-dd" style="width: 180px;">
</div>
</div>
<div class="layui-inline">
<div class="layui-input-inline" runat="server">
<select id="ClinicDoctorID" lay-filter="ClinicDoctorID" style="width: 180px;">
<option>請先選擇門診科室</option>
</select>
</div>
</div>
<button class="layui-btn" data-type="zyreload" id="zyreload" style="width: 90px">搜索</button>
<button class="layui-btn layui-btn-primary" id="but_HospitAdd" style="width: 90px">新增</button>
</div>
<script type="text/html" id="barHospitDemo">
<a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="view">查看</a>
<a class="layui-btn layui-btn-xs" lay-event="edit">編輯</a>
</script>
<table class="layui-hide" id="bindZhuYuanTable" lay-filter="bindZhuYuanTable"></table>
</div>
3、前端js代碼：
//渲染就診記錄
table.render({
elem: '#bindVisitTable'
, method: 'post'
, url: '../Patient/GetClinicList'
, where: { accessToken: accessToken, patientId: patientId, visitId: "", recordTime: "", departId: "", doctorId: "", diagnoseType: "" }
, cols: [[
{ checkbox: true, fixed: true, field: 'Id' }
, { field: 'PatientId', title: '病人Id', hide: true }//此列爲隱藏列，爲方便子頁面傳值所用
, { field: 'EmpId', title: '病人EmpId', hide: true }//此列爲隱藏列，爲方便子頁面傳值所用
, { field: 'VisitId', title: '門診號', width: '10%', align: 'center' }
, { field: 'RecordTime', title: '門診日期', width: '10%', align: 'center' }
, { field: 'DepartName', title: '門診科室', width: '10%', align: 'center' }
, { field: 'DoctorName', title: '門診醫生', width: '10%', align: 'center' }
, { field: 'DiagnoseType', title: '初複診', width: '10%', align: 'center' }
, { field: 'RegisterType', title: '疾病類型', width: '10%', align: 'center' }
, { field: 'Diagnosis', title: '疾病診斷', width: '27%', align: 'center' }
, { field: 'score', title: '操作', width: '10%', align: 'center', toolbar: '#barVisitTDemo', fixed: 'right' }
]]
, id: 'TableVisitReload'
, page: true
, parseData: function (res) {
if (res.code == -1) {
layuiHelp.AlertMsg(res.msg, res.icon);
}
}
});
//渲染住院記錄
table.render({
elem: '#bindZhuYuanTable'
, method: 'post'
, url: '../Patient/GetHospitalList'
, where: { accessToken: accessToken, patientId: patientId, }
, cols: [[
{ checkbox: true, fixed: true, field: 'Id' }
, { field: 'PatientId', title: '病人Id', width: '0', hide: true }//此列爲隱藏列，爲方便子頁面傳值所用
, { field: 'EMPIId', title: '病人EmpId', width: '0', hide: true }//此列爲隱藏列，爲方便子頁面傳值所用
, { field: 'VisitId', title: '住院號', width: '9%', align: 'center' }
, { field: 'IHDATE', title: '入院日期', width: '8%', align: 'center' }
, { field: 'LHDATE', title: '出院日期', width: '8%', align: 'center' }
, { field: 'FeeSortName', title: '消費級別', width: '8%', align: 'center' }
, { field: 'InpatientAreaName', title: '病區', width: '8%', align: 'center' }
, { field: 'DIAGNOSETYPE', title: '初複診', width: '8%', align: 'center' }
, { field: 'TubebedDoctorName', title: '管牀醫生', width: '10%', align: 'center' }
, { field: 'ClinicDepartmentName', title: '門診科室', width: '10%', align: 'center' }
, { field: 'ClinicDoctorName', title: '門診醫生', width: '10%', align: 'center' }
, { field: 'REMARK', title: '客戶檔案', align: 'center' }
, { field: 'AdviceFZContent', title: '操作', width: '10%', align: 'center', toolbar: '#barHospitDemo', fixed: 'right' }
]]
, id: 'TableZhuYuanReload'
, page: true
, parseData: function (res) {
if (res.code == -1) {
layuiHelp.AlertMsg(res.msg, res.icon);
}
}
});
//執行重載
var $ = layui.$, active = {
//就診重載
jzreload: function () {
table.reload('TableVisitReload', {
page: {
curr: 1 //重新從第 1 頁開始
}
, where: {
accessToken: accessToken,
patientId: document.getElementById("lab_PatientId").innerText,
visitId: $("#txt_jz_VisitId").val(),
recordTime: $("#txt_jz_RecordTime").val(),
departId: $("#txt_jz_DepartId").val(),
doctorId: $("#jz_Doctor").val(),
diagnoseType: ""
}
}, 'data');
},
//住院重載
zyreload: function () {
table.reload('TableZhuYuanReload', {
page: {
curr: 1 //重新從第 1 頁開始
}
, where: {
accessToken: accessToken,
patientId: document.getElementById("lab_PatientId").innerText
}
}, 'data');
}
};
//聲明門診搜索作用域
$('.demoVisitTable .layui-btn').on('click', function () {
var type = $(this).data('type');
active[type] ? active[type].call(this) : '';
});
//聲明住院搜索作用域
$('.demoZYTable .layui-btn').on('click', function () {
var type = $(this).data('type');
active[type] ? active[type].call(this) : '';
});
//事件監控：
//就診記錄
table.on('tool(bindVisitTable)', function (obj) {
var data = obj.data;
if (obj.event === 'view') {
var index = layer.open({
type: 2,
area: ['90%', '90%'],
fixed: false,
maxmin: true,
offset: "10px",
zIndex: "1000",
title: "查看就診",
content: '../Patient/Visitinfo?Id=' + data.Id + "&type=view&PatientId=" + data.PatientId + "&EmpId=" + $("#lab_EmpId").val()
});
} else if (obj.event === 'edit') {
var index = layer.open({
type: 2,
area: ['90%', '90%'],
fixed: false,
maxmin: true,
offset: "10px",
zIndex: "1000",
title: "編輯就診",
content: '../Patient/Visitinfo?Id=' + data.Id + "&type=edit&PatientId=" + data.PatientId + "&EmpId=" + $("#lab_EmpId").val()
});
}
});
//住院記錄
table.on('tool(bindZhuYuanTable)', function (obj) {
var data = obj.data;
if (obj.event === 'view') {
var index = layer.open({
type: 2,
area: ['90%', '90%'],
fixed: false,
maxmin: true,
offset: "10px",
zIndex: "1000",
title: "查看就診",
content: '../Patient/HospitInfo?Id=' + data.Id + "&type=view&PatientId=" + data.PatientId
});
} else if (obj.event === 'edit') {
var index = layer.open({
type: 2,
area: ['90%', '90%'],
fixed: false,
maxmin: true,
offset: "10px",
zIndex: "1000",
title: "編輯就診",
content: '../Patient/HospitInfo?Id=' + data.Id + "&type=edit&PatientId=" + data.PatientId
});
}
});
聯繫方式：
wechat&QQ&Tel：13501715983（如查不到請加QQ：631931078或352167311）
個人郵箱：[email protected]
如有問題或改進地方請多多指點，本文爲個人原創，轉載請加以說明