forked from kidgrow-microservices-platform

zhaoxiaohao
2020-09-18 daa697719eb0ddfd170f1ab94c5422a4f5b93951
kidgrow-web/kidgrow-web-manager/src/main/resources/static/pages/opration/diagnosisRecord.html
New file
@@ -0,0 +1,156 @@
<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">
            <div class="layui-form-item">
                <div class="layui-inline">
                    <input type="text" name="date" id="datebegin" lay-verify="date" autocomplete="off"
                        class="layui-input search-input" />&emsp;至&emsp;
                    <input type="text" name="date" id="dateend" lay-verify="date" autocomplete="off"
                        class="layui-input search-input" />&emsp;
                    <input id="childName" class="layui-input search-input" type="text" placeholder="按患者名" />&emsp;
                    <input id="diagnosticDoctorName" class="layui-input search-input" type="text"
                        placeholder="按诊断医生名" />&emsp;
                    <input id="hospitalName" class="layui-input  search-input" type="text" placeholder="按医院名,必选条件!"
                        autocomplete="off" /></div>&emsp;
                <button id="diagnostic-btn-search" class="layui-btn icon-btn permissions"  permissions="diagnostic-get">
                    <i class="layui-icon">&#xe615;</i>搜索</button>
                <table class="layui-table" id="diagnostic-table" lay-filter="diagnostic-table"></table>
            </div>
        </div>
    </div>
</div>
<input id="hospitalId" type="hidden" />
<!-- 表格操作列 -->
<script type="text/html" id="diagnostic-table-bar">
    <a class="layui-btn layui-btn-xs permissions"  permissions="diagnostic-get" 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);
            }
        });
        // 渲染表格
        table.render({
            elem: '#diagnostic-table',
            url: config.base_server + 'api-opration/productorderrecord/alldata',
            method: 'POST',
            headers: { 'Authorization': 'Bearer ' + config.getToken().access_token },
            page: true,
            cols: [[
                { field: 'diagnosticHospitalName',width: "10%", title: '医院名称' },
                { field: 'diagnosticDepartName', width: "10%", title: '科室名称' },
                { field: 'diagnosticDoctorName', width: "10%", title: '医生姓名' },
                { field: 'childName', width: "10%", title: '患者姓名' },
                { field: 'childSex', width: "10%", title: '性别' },
                { field: 'childBirthday', width: "10%", title: '出生日期',templet:function(d){
                    return new Date(d.createTime).dateFormat("yyyy-MM-dd");
                }},
                { field: 'childPhone', width: "10%", title: '联系电话' },
                {
                    field: 'isDeleted', sort: true, align: 'center', width: 100, templet: function (d) {
                        if (!d.isDeleted)
                            return "正常"
                        else
                            return "已删除"
                    }, title: '状态'
                },
                {
                    field: 'createTime', width: "10%", sort: true, title: '创建时间', templet: function (d) {
                        return new Date(d.createTime).dateFormat("yyyy-MM-dd hh:mm");
                    }
                },{
                    field: 'diagnosticDiagnoseTime',width: "10%", sort: true, title: '诊断时间', templet: function (d) {
                        return new Date(d.diagnosticDiagnoseTime).dateFormat("yyyy-MM-dd");
                    }
                },
                {
                    field: 'updateTime', width: "10%", sort: true, title: '修改时间', templet: function (d) {
                        return new Date(d.createTime).dateFormat("yyyy-MM-dd hh:mm");
                    }
                },
                { field: 'enabled', width: "10%", templet: '#diagnostic-table-bar', title: '查看' }
            ]],
            done:function(res){
                permissionsInput(res,config);
            }
        });
        // 搜索按钮点击事件
        $('#diagnostic-btn-search').click(function () {
            debugger
            var diagnosticHospitalId = $('#hospitalId').val();
            if (!strUtil.isEmpty(diagnosticHospitalId)) {
                var childName = $('#childName').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);
                }
                var whereData = {
                    childName: childName,
                    diagnosticHospitalId: diagnosticHospitalId,
                    diagnosticDoctorName: diagnosticDoctorName,
                    startTime: datebegin,
                    endTime: dateend
                };
                table.reload('diagnostic-table', { where: whereData });
            }
        });
        // 工具条点击事件
        table.on('tool(diagnostic-table)', function (obj) {
            var data = obj.data;
            var layEvent = obj.event;
            if (layEvent === "select") {
                //查看报告  报告列数据缓存起来
                admin.putTempData("t_diagnosis", data);
                admin.popupCenter({
                    title: '查看报告',
                    path: 'pages/opration/recordNote.html',
                    area: '1200px',
                    offset: '10px',
                    finish: function () {
                        admin.putTempData("t_diagnosis", "");
                    }
                });
            }
        });
    });
</script>