<div class="layui-card">
|
<div class="layui-card-header">
|
<h2 class="header-title">诊断记录</h2>
|
<span class="layui-breadcrumb pull-right">
|
<a href="#!console">首页</a>
|
<a><cite>诊断记录</cite></a>
|
</span>
|
</div>
|
<div class="layui-card-body">
|
<div class="layui-form toolbar">
|
<input id="childName" class="layui-input" type="text" placeholder="按患者名" /> 
|
<input id="diagnosticDoctorName" class="layui-input " type="text" placeholder="按诊断医生名"/> 
|
<input id="hospitalId" type="hidden" />
|
<input id="hospitalName" class="layui-input " type="text" placeholder="按医院名" autocomplete="off"/> 
|
<input type="text" name="date" id="datebegin" lay-verify="date" autocomplete="off"
|
class="layui-input search-input"/>至
|
<input type="text" name="date" id="dateend" lay-verify="date" autocomplete="off"
|
class="layui-input search-input"/>
|
<button id="diagnostic-btn-search" class="layui-btn icon-btn"><i class="layui-icon"></i>搜索</button>
|
</div>
|
<table class="layui-table" id="diagnostic-table" lay-filter="diagnostic-table"></table>
|
</div>
|
</div>
|
<!-- 表格操作列 -->
|
<script type="text/html" id="diagnostic-table-bar">
|
<a class="layui-btn layui-btn-xs" lay-event="select"">查看报告</a>
|
</script>
|
|
<script>
|
layui.use(['table', 'util', 'admin', 'config', 'laydate', 'form', 'autocomplete'], function () {
|
let table = layui.table;
|
let util = layui.util;
|
let admin = layui.admin;
|
let form = layui.form;
|
let config = layui.config;
|
let laydate=layui.laydate;
|
var autocomplete = layui.autocomplete;
|
var $ = layui.jquery;
|
|
//执行一个laydate实例
|
laydate.render({
|
elem: '#datebegin'//指定元素
|
});
|
laydate.render({
|
elem: '#dateend' //指定元素
|
});
|
//自动完成-医院名称
|
autocomplete.render({
|
elem: $('#hospitalName')[0],
|
keywordsName: 'hospitalName',//查询关键字名称
|
url: config.base_server + 'api-user/syshospital/findByName',
|
template_val: '{{d.hospitalName}}',//选择后文本框显示的数据字段
|
template_txt: "<div class='layui-table-cell'>{{d.hospitalName}}</div>",//下拉列表模板
|
onselect: function (resp) {
|
$("#hospitalId").val(resp.id);
|
}
|
});
|
// 渲染表格
|
var renderTable = function () {
|
table.render({
|
elem: '#diagnostic-table',
|
url: config.base_server + 'api-opration/productorderdetail/all',
|
method: 'GET',
|
where: { enabled: 2},
|
headers: { 'Authorization': 'Bearer ' + config.getToken().access_token },
|
page: true,
|
cols: [[
|
{ field: 'hospitalName', width: 300, title: '医院名称' },
|
{ field: 'departmentName', width: 100, title: '科室名称' },
|
{ field: 'diagnosticDoctorName', width: 100, title: '医生姓名' },
|
{ field: 'childName', width: 100, title: '患者姓名' },
|
{ field: 'childSex', width: 80, title: '性别' },
|
{ field: 'childBirthday', width: 100, title: '出生日期' },
|
{ field: 'childPhone', width: 150, title: '联系电话' },
|
{
|
field: 'isDelete', sort: true, align: 'center', width: 80, templet: function (d) {
|
if (d.proType === 0)
|
return "正常"
|
else
|
return "已删除"
|
}, title: '状态'
|
},
|
{
|
field: 'createTime', width: 160, sort: true, title: '创建时间', templet: function (d) {
|
return new Date(d.createTime).dateFormat("yyyy/MM/dd hh:mm:ss");
|
}
|
},
|
{
|
field: 'updateTime', width: 160, sort: true, title: '修改时间', templet: function (d) {
|
return new Date(d.createTime).dateFormat("yyyy/MM/dd hh:mm:ss");
|
}
|
},
|
{ field: 'enabled', width: 100, templet: '#diagnostic-table-bar', title: '查看' }
|
]]
|
});
|
}
|
// 搜索按钮点击事件
|
$('#diagnostic-btn-search').click(function () {
|
var childName = $('#childName').val();
|
var hospitalId = $('#hospitalId').val();
|
var diagnosticDoctorName = $("#diagnosticDoctorName").val();
|
var datebegin = $('#datebegin').val();
|
var dateend = $('#dateend').val();
|
if (strUtil.isEmpty(datebegin) && !strUtil.isEmpty(dateend)) {
|
datebegin = dateUtil.getNowDate();
|
$('#datebegin').val(datebegin);
|
}
|
if (!strUtil.isEmpty(datebegin) && strUtil.isEmpty(dateend)) {
|
dateend = dateUtil.getNowDate();
|
$('#dateend').val(dateend);
|
}
|
// table.reload('diagnostic-table', { where: { childName: childName, hospitalId: hospitalId, diagnosticDoctorName: diagnosticDoctorName, datebegin: datebegin, dateend: dateend } });
|
});
|
});
|
</script>
|
