forked from kidgrow-microservices-platform

zhaoxiaohao
2021-01-26 f7c5db77d404397bf9c35ab1ddc7e03639d131a3
kidgrow-web/kidgrow-web-manager/src/main/resources/static/pages/opration/hospital.html
@@ -21,23 +21,16 @@
                <option value="1">-是-</option>
                <option value="0">-否-</option>
            </select>
            &emsp;
            <!-- <select id="isanswer" placeholder="选择医答状态" lay-filter="isanswer">
                <option value="">-是否医答-</option>
                <option value="1">-是-</option>
                <option value="0">-否-</option>
            <select id="ispay" placeholder="支付功能" lay-filter="ispay">
                <option value="">-支付功能-</option>
                <option value="1">-已开通-</option>
                <option value="0">-未开通-</option>
            </select>
             &emsp;
            <select id="hospitalstate" placeholder="选择医院状态" lay-filter="hospitalstate">
                <option value="">-医院状态-</option>
                <option value="0">试用</option>
                <option value="1">正式</option>
            </select> -->
            &emsp;
            <input id="hosName" class="layui-input search-input" type="text" placeholder="按医院名" />&emsp;
            <button id="hospita-btn-search" class="layui-btn icon-btn"><i
                    class="layui-icon permissions" permissions="hospital-get">&#xe615;</i>搜索</button>&emsp;
            <button id="hospital-btn-add" class="layui-btn icon-btn"><i class="layui-icon permissions" permissions="hospital-save">&#xe654;</i>添加医院/科室</button>
            <input id="hosName" class="layui-input search-input" type="text" placeholder="按医院名" />
            <button id="hospita-btn-search" class="layui-btn icon-btn"><i class="layui-icon permissions"
                    permissions="hospital-get">&#xe615;</i>搜索</button>&emsp;
            <button id="hospital-btn-add" class="layui-btn icon-btn"><i class="layui-icon permissions"
                    permissions="hospital-save"></i>添加医院/科室</button>
        </div>
        <!-- 数据表格 -->
@@ -47,15 +40,21 @@
<!-- 表格操作列 -->
<script type="text/html" id="businessRecords-table-bar">
    <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="productdetail-List">套餐</a>
    <a class="layui-btn layui-btn-xs permissions" permissions="product-rechage" lay-event="pay">充值</a>
    <!-- <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看详情</a> -->
    <a class="layui-btn layui-btn-xs layui-btn-normal" permissions="product-pay" lay-event="userpay">支付</a>
    <a class="layui-btn layui-btn-xs layui-btn-normal" permissions="product-pay" lay-event="health">运功处方</a>
    <a class="layui-btn layui-btn-primary layui-btn-xs permissions" permissions="hospital-save" lay-event="edit">修改</a>
    <a class="layui-btn layui-btn-danger layui-btn-xs permissions" permissions="hospital-del" lay-event="del">删除科室</a>
    <a class="layui-btn layui-btn-danger layui-btn-xs permissions" permissions="hospital-del" lay-event="del">删除</a>
</script>
<!-- 表格状态列 -->
<script type="text/html" id="hospital-tpl-state">
    <input type="checkbox" lay-filter="hospital-tpl-state" value="{{d.hospitalId}}" value2="{{d.departmentId}}" lay-skin="switch" lay-text="启用|禁用"
           {{d.enabled==true?'checked':''}}/>
    <input type="checkbox" lay-filter="hospital-tpl-state" value="{{d.hospitalId}}" value2="{{d.departmentId}}"
        lay-skin="switch" lay-text="启用|禁用" {{d.enabled==true?'checked':''}} />
</script>
<!-- 套餐详情 -->
<script type="text/html" id="productDetail">
    <table class="layui-table" id="productDetail-table" lay-filter="productDetail-table"></table>
</script>
<script>
    layui.use(['form', 'table', 'laydate', 'util', 'config', 'admin', 'autocomplete', 'area'], function () {
@@ -66,50 +65,117 @@
        var util = layui.util;
        var admin = layui.admin;
        var area = layui.area;
        // 渲染表格
        table.render({
            elem: '#hospital-table',
            url: config.base_server + 'api-user/syshospital',
            method: 'GET',
            headers: { 'Authorization': 'Bearer ' + config.getToken().access_token },
            headers: {
                'Authorization': 'Bearer ' + config.getToken().access_token
            },
            page: true,
            cols: [[
                { field: 'hospitalId', width: 180, title: '医院编号', fixed: 'left' },
                { field: 'hospitalName', width: 250, title: '医院名称', fixed: 'left' },
                { field: 'departmentName', width: 100, title: '科室/部门', fixed: 'left' },
                {
                    field: 'hospitalArea', width: 360, title: '所在地区', templet: function (d) {
                        return ((d.hospitalProvince == null) ? "" : d.hospitalProvince) + " "
                            + ((d.hospitalCity == null) ? "" : d.hospitalCity) + " " +
                            ((d.hospitalArea == null) ? "" : d.hospitalArea)
            cols: [
                [
                    {
                        field: 'hospitalName',
                        width: "10%",
                        title: '医院名称',
                        fixed: 'left'
                    },
                    {
                        field: 'departmentName',
                        width: "6%",
                        title: '科室/部门',
                        fixed: 'left'
                    },
                    {
                        field: 'hospitalId',width: '12%',title: '医院编号',
                    },
                    {
                        field: 'hospitalArea',
                        width: "10%",
                        title: '所在地区',
                        templet: function (d) {
                            return ((d.hospitalProvince == null) ? "" : d.hospitalProvince) +
                                " " +
                                ((d.hospitalCity == null) ? "" : d.hospitalCity) + " " +
                                ((d.hospitalArea == null) ? "" : d.hospitalArea)
                        }
                    },
                    {
                        field: 'hospitalLink',
                        width: "7%",
                        title: '联系人'
                    },
                    {
                        field: 'hospitalTel',
                        width: "8%",
                        title: '联系方式'
                    },
                    {
                        field: 'departmentLink',
                        width: "6%",
                        title: '科室联系人'
                    },
                    {
                        field: 'departmentTel',
                        width: "8%",
                        title: '科室联系方式'
                    },
                    {
                        field: 'orderType', width: 80,  title: '状态', templet: function (d) {
                            if(d.orderType==null){
                                return "";
                            }
                            return d.orderType ? "正式" : "试用"
                        }
                    },
                    {
                        field: 'isScreen',
                        width: "4%",
                        title: '筛查',
                        templet: function (d) {
                            return d.isScreen ? "是" : "否"
                        }
                    },
                    // { field: 'isAnswer', width: 80,  title: '医答',templet:function (d) {
                    //     return d.isScreen?"是":"否"
                    // } },
                    {
                        field: 'serverUserName',
                        width: "6%",
                        title: '服务人员'
                    },
                    {
                        field: 'createTime',
                        width: "10%",
                        title: '创建时间',
                        templet: function (d) {
                            return new Date(d.createTime).dateFormat("yyyy-MM-dd hh:mm");
                        }
                    },
                    {
                        field: 'enabled',
                        width: "7%",
                        templet: '#hospital-tpl-state',
                        title: '状态',
                        align: 'center',
                        fixed: 'right'
                    },
                    {
                        // field: 'hospitalId',
                        width: "20%",
                        align: 'center',
                        toolbar: '#businessRecords-table-bar',
                        title: '操作',
                        fixed: 'right'
                    }
                },
                { field: 'hospitalLink', width: 100, title: '联系人' },
                { field: 'hospitalTel', width: 150, title: '联系方式' },
                // {
                //     field: 'enabled', width: 80,  title: '状态', templet: function (d) {
                //         return d.hospitalState == 0 ? "试用" : "正式"
                //     }
                // },
                {
                    field: 'isScreen', width: 80,  title: '筛查', templet: function (d) {
                        return d.isScreen ? "是" : "否"
                    }
                },
                // { field: 'isAnswer', width: 80,  title: '医答',templet:function (d) {
                //     return d.isScreen?"是":"否"
                // } },
                { field: 'serverUserName', width: 100, title: '服务人员' },
                { field: 'createTime', width: 150,  title: '创建时间', templet:function (d) {
                        return new Date(d.createTime).dateFormat("yyyy-MM-dd hh:mm");
                    } },
                { field: 'enabled', width: 100, templet: '#hospital-tpl-state',  title: '状态' },
                { field: 'hospitalId', width: 200, align: 'center', toolbar: '#businessRecords-table-bar', title: '操作', fixed: 'right' }
            ]],
            done:function(res){
                permissionsInput(res,config);
                ]
            ],
            done: function (res) {
                permissionsInput(res, config);
            }
        });
        //省份数据加载
@@ -127,62 +193,101 @@
                    };
                    admin.req('api-user/syshospital/delete', whereModel, function (data) {
                        layer.closeAll('loading');
                        layer.msg(data.msg, { icon: 1, time: 2000 }, function () {
                        layer.msg(data.msg, {
                            icon: 1,
                            time: 2000
                        }, function () {
                            $('#hospita-btn-search').click();
                        });
                        obj.del();
                    }, 'GET');
                });
            }
            else if (layEvent === "edit") {
            } else if (layEvent === "edit") {
                //修改
                admin.putTempData("t_hospital", data);
                showEditModel("edit");
            }
            else if(layEvent==="pay")
            {
            } else if (layEvent === "pay") {
                //充值
                admin.putTempData("t_hospital", data);
                admin.popupCenter({
                title: '医院充值',
                path: 'pages/opration/recharge.html',
                area: '1200px',
                offset:'10px',
                finish: function () {
                    $('#hospita-btn-search').click();
                }
            });
                    title: '医院科室充值',
                    path: 'pages/opration/recharge.html',
                    area: '1200px',
                    offset: '0px',
                    finish: function () {
                        $('#hospita-btn-search').click();
                    }
                });
            }
            else if(layEvent==="productdetail-List")
            {
                productdetailShow(obj);
            }
            else if (layEvent === "userpay") {
                //充值
                admin.putTempData("t_hospital", data);
                admin.popupCenter({
                    title: '单次支付功能',
                    path: 'pages/opration/hospital_pay.html',
                    area: '500px',
                    offset: '50px',
                    finish: function () {
                        $('#hospita-btn-search').click();
                    }
                });
            } else if(layEvent=="health"){
                //运动处方服务
                admin.putTempData("t_hospital", data);
                admin.popupCenter({
                    title: '运动处方服务',
                    path: 'pages/opration/hospital_health.html',
                    area: '500px',
                    offset: '50px',
                    finish: function () {
                        $('#hospita-btn-search').click();
                    }
                });
            }
        });
        // 搜索按钮点击事件
        $('#hospita-btn-search').click(function () {
            var isscreen = $('#isscreen').val();
            var isanswer = $('#isanswer').val();
            var ispay = $('#ispay').val();
            var hospitalstate = $('#hospitalstate').val();
            var hospitalName = $('#hosName').val();
            var hospitalProvince = ($("#province").val() != "") ? $('#province option:selected').text() : "";
            var hospitalProvince = ($("#province").val() != "") ? $('#province option:selected')
            .text() : "";
            var hospitalCity = ($("#city").val() != "") ? $('#city option:selected').text() : "";
            var hospitalArea = ($("#areas").val() != "") ? $('#areas option:selected').text() : "";
            var whereModel = {
                isScreen: isscreen,
                isAnswer: isanswer,
                isPay: ispay,
                hospitalState: hospitalstate,
                hospitalName: hospitalName,
                hospitalProvince: hospitalProvince,
                hospitalCity: hospitalCity,
                hospitalArea: hospitalArea
                hospitalArea: hospitalArea,
                // page: 1,
            };
            table.reload('hospital-table', { where: whereModel });
            table.reload('hospital-table', {
                where: whereModel,
                page: {
                    curr: 1
                }
            });
        });
        // // 显示编辑弹窗
        var showEditModel = function (data) {
            admin.popupCenter({
                title: (strUtil.isEmpty(data))?'添加医院/科室':'编辑医院/科室',
                title: (strUtil.isEmpty(data)) ? '添加医院/科室' : '编辑医院/科室',
                path: 'pages/opration/hospital_form_base.html',
                area: '900px',
                    offset: '0px',
                finish: function () {
                    $('#hospita-btn-search').click();
                }
@@ -209,9 +314,15 @@
            }, function (data) {
                layer.closeAll('loading');
                if (data.code == 0) {
                    layer.msg(data.msg, { icon: 1, time: 2000 });
                    layer.msg(data.msg, {
                        icon: 1,
                        time: 2000
                    });
                } else {
                    layer.msg(data.msg, { icon: 2, time: 2000 });
                    layer.msg(data.msg, {
                        icon: 2,
                        time: 2000
                    });
                    $(obj.elem).prop('checked', !obj.elem.checked);
                    form.render('checkbox');
                }
@@ -219,8 +330,99 @@
        });
        // 添加按钮点击事件
        $('#hospital-btn-add').click(function () {
            admin.putTempData("t_hospital","");
            admin.putTempData("t_hospital", "");
            showEditModel();
        });
        // 套餐按钮点击事件
        var productdetailShow=function (obj) {
            var data = obj.data;
            layer.open({
                type: 1,
                title: data.hospitalName + '-' + data.departmentName + ' 所有套餐',
                area: '1200px',
                offset: '100px',
                content: $('#productDetail').html(),
                success: function () {
                    table.render({
                        elem: '#productDetail-table',
                        url: config.base_server +
                            'api-opration/productorderdetail/alldetail',
                        method: 'GET',
                        where: {
                            'hospitalId': data.hospitalId,
                            'departmentId': data.departmentId,
                            'enabled': true
                        },
                        headers: {
                            'Authorization': 'Bearer ' + config.getToken().access_token
                        },
                        page: true,
                        limit: 10,
                        limits: [5, 10],
                        cols: [
                            [{
                                    field: 'proName',
                                    width: 300,
                                    title: '产品名称'
                                },
                                {
                                    field: 'ailightCount',
                                    width: 150,
                                    title: '读片量(剩余)'
                                },
                                {
                                    field: 'ailightCount',
                                    width: 150,
                                    title: '读片使用量',
                                    templet: function (d) {
                                        return d.orderAilightCount-d.ailightCount;
                                    }
                                },
                                {
                                    field: 'recordCount',
                                    width: 150,
                                    title: '报告量(剩余)'
                                },
                                {
                                    field: 'isShare',
                                    width: 100,
                                    title: '是否共享',
                                    templet: function (d) {
                                        if (d.isShare)
                                            return '共享'
                                        else
                                            return '私有'
                                    }
                                },
                                {
                                    field: 'proBegintime',
                                    width: 150,
                                    title: '开始时间',
                                    templet: function (d) {
                                        return new Date(d.proBegintime)
                                            .dateFormat("yyyy/MM/dd");
                                    }
                                },
                                {
                                    field: 'proEndtime',
                                    width: 180,
                                    title: '结束时间',
                                    templet: function (d) {
                                        return new Date(d.proEndtime)
                                            .dateFormat("yyyy/MM/dd");
                                    }
                                },
                                {
                                    field: 'createTime',
                                    width: 160,
                                    sort: true,
                                    title: '创建时间'
                                }
                            ]
                        ]
                    });
                }
            });
        };
    });
</script>