修改了医生管理页面的权限按钮显示隐藏 医生管理修改医院名称查询的方式。 调整页面的展示布局

侯瑞军

2020-05-14 d980de3c45ed1c352f3e05d8c9d1fc85aac7667f

修改了医生管理页面的权限按钮显示隐藏
医生管理修改医院名称查询的方式。
调整页面的展示布局

 kidgrow-web/kidgrow-web-manager/src/main/resources/static/pages/opration/doctor.html

@@ -8,41 +8,43 @@
    </div>
    <div class="layui-card-body">
        <div class="layui-form toolbar">
            <button id="doctor-btn-add" class="layui-btn icon-btn" value="sysdoctor-edit"><i
                    class="layui-icon">&#xe654;</i>添加</button>
            <select placeholder="选择一个应用" id="doctorState" lay-filter="role_clients">
                <option value="">-请选择-</option>
                <option value="true">正常</option>
                <option value="false">试用</option>
            </select>
            <select id="hospitalName-seach" placeholder="选择一个应用" lay-filter="role_clients">
            </select>
            <input id="doctorTel" class="layui-input search-input"  type="text" placeholder="按手机号..." />&emsp;
            <input id="doctorName" class="layui-input search-input" type="text" placeholder="按医生..." />&emsp;
            <button id="app-btn-search" class="layui-btn icon-btn"  layt="abc" value="sysdoctor-list"><i
                    class="layui-icon">&#xe615;</i>搜索</button>
            <div class="layui-form-item">
                <div class="layui-inline" style="margin-bottom: -25px;">
                    <input id="doctorTel" class="layui-input search-input" type="text" placeholder="按手机号..." />&emsp;
                    <input id="doctorName" class="layui-input search-input" type="text" placeholder="按医生名..." />&emsp;
                    <select id="doctorState" lay-filter="role_clients">
                        <option value="">-医院状态-</option>
                        <option value="true">正常</option>
                        <option value="false">试用</option>
                    </select>&emsp;
                    <input name="hospitalName-seach" id="hospitalName-seach" placeholder="请输入医院名称" type="text"
                    class="layui-input search-input" maxlength="50" autocomplete="off" />&emsp;
                </div>
                <button id="app-btn-search" class="layui-btn icon-btn permissions" layt="abc"
                    permissions="sysdoctor-list"><i class="layui-icon">&#xe615;</i>搜索</button>
                <button id="doctor-btn-add" class="layui-btn icon-btn permissions" permissions="sysdoctor-edit"><i
                        class="layui-icon">&#xe654;</i>添加</button>
            <!-- 数据表格 -->
            <table class="layui-table" id="app-table" lay-filter="app-table"></table>
            </div>
        </div>

        <!-- 数据表格 -->
        <table class="layui-table" id="app-table" lay-filter="app-table"></table>
    </div>
</div>

<input id="hospitalId" type="hidden" />
<!-- 表格操作列 -->

<script type="text/html" id="doctor-table-bar">
    <a class="layui-btn layui-btn-primary layui-btn-xs"  lay-event="detail">查看详情</a>
    <button class="layui-btn layui-btn-primary layui-btn-xs" value="users-edit" lay-event="reset">重置密码</button>
    <button class="layui-btn layui-btn-primary layui-btn-xs"  value="sysdoctor-edit" lay-event="edit">修改</button>
    <button class="layui-btn layui-btn-xs"  value="sysdoctor-del" lay-event="del">删除</button>
    <!-- <a class="layui-btn layui-btn-xs" lay-event="enable">停用</a> -->
    <button class="layui-btn layui-btn-primary layui-btn-xs permissions" permissions="users-edit" lay-event="reset">重置密码</button>
    <button class="layui-btn layui-btn-primary layui-btn-xs permissions"  permissions="sysdoctor-edit" lay-event="edit">修改</button>
    <button class="layui-btn layui-btn-xs permissions"  permissions="sysdoctor-del" lay-event="del">删除</button>
</script>

<!-- 表格状态列 -->
<script type="text/html" id="doctor-tpl-state">
    <input  type="checkbox" lay-filter="doctor-tpl-state" value="{{d.id}}" lay-skin="switch" lay-text="正常|已停用"
           {{d.enabled==true?'checked':''}}/>
           <input class="radioCheckedsop" type="hidden" value="sysdoctor-enable"  />
</script>
<!-- 表单弹窗 -->
<script type="text/html" id="app-model">
@@ -166,7 +168,7 @@
    </div>
        <div class="layui-form-item model-form-footer">
            <button class="layui-btn layui-btn-primary"  ew-event="closeDialog" type="button">取消</button>
            <button class="layui-btn" id="sure" lay-filter="user-form-submit" lay-submit>保存</button>
            <button class="layui-btn permissions" permissions="sysdoctor-edit" id="sure" lay-filter="user-form-submit" lay-submit>保存</button>
        </div>
    </form>
</script>
@@ -324,14 +326,14 @@
    
        <div class="layui-form-item model-form-footer">
            <button class="layui-btn layui-btn-primary"  ew-event="closeDialog" type="button">取消</button>
            <button class="layui-btn" id="sure" lay-filter="user-form-submit" lay-submit>保存</button>
            <button class="layui-btn permissions" permissions="sysdoctor-edit" id="sure" lay-filter="user-form-submit" lay-submit>保存</button>
        </div> 
    </form>
</script>


<script>
    layui.use(['form', 'table', 'laydate', 'util', 'config', 'upload', 'admin'], function () {
    layui.use(['form', 'table', 'laydate', 'util', 'config', 'upload', 'admin', 'autocomplete'], function () {
        var form = layui.form;
        var table = layui.table;
        var config = layui.config;
@@ -339,6 +341,8 @@
        var util = layui.util;
        var admin = layui.admin;
        var upload = layui.upload;
        var autocomplete = layui.autocomplete;
        var $ = layui.jquery;
        form.verify({ confirmPass: function (value) { if ($('input[name=password]').val() !== value) return '两次密码输入不一致！'; } });

        //医院数据绑定在弹框里
@@ -349,19 +353,6 @@
        var user = "";
        //职称
        var doctorRank = "";
        debugger//layui-btn icon-btn
        var test = $(".layui-btn.icon-btn");
        // var nk=test.length;
        var permissions = admin.getTempData("permissions");
        test.each(function () {
            var item = $(this)
            debugger
            if (permissions.indexOf(item.val()) != -1) {
                item.show();
            } else {
                item.hide();
            }
        })

        // 获取应用列表
        // layer.load(2);
@@ -386,6 +377,17 @@
                layer.msg(data.msg, { icon: 2, time: 500 });
            }
        }, 'Post');
        //自动完成-医院名称
        autocomplete.render({
            elem: $('#hospitalName-seach')[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);
            }
        });

        // 修改company状态
        form.on('switch(doctor-tpl-state)', function (obj) {
@@ -465,17 +467,11 @@
            headers: { 'Authorization': 'Bearer ' + config.getToken().access_token },
            page: true,
            cols: [[
                { type: 'numbers' },
                { field: 'hospitalName', width: 180, title: '医院名称' },
                { field: 'hospitalName', width: 260, title: '医院名称' },
                { field: 'doctorName', width: 120, title: '医生姓名' },
                { field: 'doctorRank', width: 180, title: '职称' },
                { field: 'username', width: 150, title: '登录帐号' },
                { field: 'doctorTel', width: 150, title: '联系方式' },
                // {
                //     field: 'doctorState', width: 300, title: '状态', templet: function (d) {
                //         return d.doctorState ? "正式" : "试用"
                //     }
                // },
                {
                    field: 'isAnswer', width: 100, title: '医答', templet: function (d) {
                        return d.isAnswer ? "是" : "否"
@@ -486,30 +482,13 @@
                        return d.isSigning ? "是" : "否"
                    }
                },
                { field: 'enabled', width: 150, align: 'center', templet: '#doctor-tpl-state', title: '状态' },
                { field: 'createTime', width: 250, title: '时间', templet: "<div>{{layui.util.toDateString(d.createTime, 'yyyy年MM月dd日 HH:mm:ss')}}</div>" },
                { field: 'enabled', width: 100, align: 'center', templet: '#doctor-tpl-state', title: '状态' },
                { field: 'createTime', width: 150, title: '创建时间', templet: "<div>{{layui.util.toDateString(d.createTime, 'yyyy-MM-dd HH:mm')}}</div>" },
                { field: 'serverUserName', width: 100, title: '销售代表' },
                { width: 200, width: 300, align: 'center', toolbar: '#doctor-table-bar', title: '操作' },
                { width: 200,align: 'center', toolbar: '#doctor-table-bar', title: '操作' },
            ]],
            done: function (res, curr, count) {
                $(".layui-btn-xs").each(function () {
                    var item = $(this)

                    if (permissions.indexOf(item.val()) != -1) {
                        item.show();
                    } else {
                        item.hide();
                    }
                })
                //layui-unselect layui-form-switch layui-form-onswitch <input class="radioChecked" value="sysdoctor-enable"  />
                $(".radioCheckedsop").each(function () {
                    var item = $(this)
                    if (permissions.indexOf(item.val()) != -1) {
                        $(".layui-unselect.layui-form-switch.layui-form-onswitch").show();
                    } else {
                        $(".layui-unselect.layui-form-switch.layui-form-onswitch").hide();
                    }
                })
                permissionsInput();
            }
        });

@@ -553,8 +532,12 @@

        // 搜索按钮点击事件
        $('#app-btn-search').click(function () {
            if(strUtil.isEmpty($("#hospitalName-seach").val()))
            {
                $("#hospitalId").val("");
            }
            var doctorState = $('#doctorState').val();
            var hospitalName = $('#hospitalName-seach').val();
            var hospitalName = $("#hospitalId").val();
            var doctorTel = $('#doctorTel').val();
            var doctorName = $('#doctorName').val();
            table.reload('app-table', { where: { doctorState: doctorState, hospitalId: hospitalName, doctorTel: doctorTel, doctorName: doctorName } });
@@ -783,6 +766,6 @@
                }
            }, 'get');
        }
       

    });
</script>