添加 按钮根据 权限隐藏的功能

zhaoxiaohao

2020-05-11 76c53a0f0792a9406259dd78e1b8c20ae55dd546

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

@@ -8,7 +8,8 @@
    </div>
    <div class="layui-card-body">
        <div class="layui-form toolbar">
            <button id="doctor-btn-add" class="layui-btn icon-btn"><i class="layui-icon">&#xe654;</i>添加</button>
            <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>
@@ -19,7 +20,8 @@
            </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"><i class="layui-icon">&#xe615;</i>搜索</button>
            <button id="app-btn-search" class="layui-btn icon-btn" value="sysdoctor-list"><i
                    class="layui-icon">&#xe615;</i>搜索</button>
        </div>

        <!-- 数据表格 -->
@@ -30,14 +32,19 @@
<!-- 表格操作列 -->

<script type="text/html" id="doctor-table-bar">
    <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看详情</a>
    <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="reset">重置密码</a>
    <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="edit">修改</a>
    <a class="layui-btn layui-btn-xs" lay-event="del">删除</a>
    <a class="layui-btn layui-btn-xs" lay-event="enable">停用</a>
    <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> -->
</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="radioChecked" type="hidden" value="sysdoctor-enable"  />
</script>
<!-- 表单弹窗 -->
<script type="text/html" id="app-model">
    <form id="app-form" lay-filter="app-form" class="layui-form model-form"   >
@@ -47,7 +54,7 @@
            <label class="layui-form-label">医院名称</label>
            <div class="layui-input-block">
                <input name="hospitalName" id="hospitalName" type="hidden" class="layui-input" maxlength="20"/>
                       <select id="hospitalId" name="hospitalId" lay-filter="getdepartment"  placeholder="选择一个应用" lay-filter="role_clients">
                       <select id="hospitalId" name="hospitalId" lay-filter="getdepartment"  placeholder="选择一个应用" lay-verify="required" required>
                        <option value="">-请选择-</option>
                    </select>
            </div>
@@ -56,7 +63,7 @@
            <label class="layui-form-label">科室</label>
            <div class="layui-input-block">
                <input name="departmentName" id="departmentName"   placeholder="请输入应用名称" type="hidden" class="layui-input" maxlength="20"/>
                <select id="departmentId" name="departmentId" lay-filter="departmentId"  placeholder="选择一个应用" lay-filter="role_clients">
                <select id="departmentId" name="departmentId" lay-filter="departmentId"  placeholder="选择一个应用" lay-verify="required" required>
                    <option value="">-请选择-</option>
                </select>
            </div>
@@ -74,7 +81,7 @@
        <div class="layui-form-item">
            <label class="layui-form-label" >销售代表名称</label>
            <div class="layui-input-block">
                <input name="serverUserName"  type="text" class="layui-input" maxlength="15"/>
                <input name="serverUserName"  type="text" class="layui-input" maxlength="15" lay-verify="required" required/>
            </div>
        </div>
    </div>
@@ -82,13 +89,13 @@
        <div class="layui-form-item">
            <label class="layui-form-label">联系方式</label>
            <div class="layui-input-block">
                <input name="doctorTel"  type="text" class="layui-input" maxlength="20"/>
                <input name="doctorTel"  type="text" class="layui-input" maxlength="20" lay-verify="required|phone" required/>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">职称</label>
            <div class="layui-input-block">
                <input name="doctorRank"  type="text" class="layui-input" maxlength="20"/>
                <input name="doctorRank"  type="text" class="layui-input" maxlength="20" lay-verify="required" required/>
            </div>
        </div>
    </div>
@@ -96,13 +103,13 @@
        <div class="layui-form-item">
            <label class="layui-form-label">其它联系方式</label>
            <div class="layui-input-block">
                <input name="doctorOtherLink"  type="text" class="layui-input" maxlength="20"/>
                <input name="doctorOtherLink"  type="text" class="layui-input" maxlength="20" lay-verify="required" required/>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">医生的email</label>
            <div class="layui-input-block">
                <input name="doctorEmail"  type="text" class="layui-input" maxlength="20"/>
                <input name="doctorEmail"  type="text" class="layui-input" maxlength="20" lay-verify="required|email" required/>
            </div>
        </div>
    </div>  
@@ -175,7 +182,7 @@
            <label class="layui-form-label">医院名称</label>
            <div class="layui-input-block">
                <input name="hospitalName" id="hospitalId-add" type="hidden" class="layui-input" maxlength="20"/>
                       <select  id="hospitalName-add" name="hospitalId" lay-filter="getdepartment-add"  placeholder="选择一个应用" lay-filter="role_clients">
                       <select  id="hospitalName-add" name="hospitalId" lay-filter="getdepartment-add"  placeholder="选择一个应用" lay-verify="required" required >
                        <option value="">-请选择-</option>
                    </select>
            </div>
@@ -193,7 +200,7 @@
            <label class="layui-form-label">科室</label>
            <div class="layui-input-block">
                <input name="departmentName" id="departmentName"   placeholder="请输入应用名称" type="hidden" class="layui-input" maxlength="20"/>
                <select id="departmentId" name="departmentId" lay-filter="departmentId"  placeholder="选择一个应用" lay-filter="role_clients">
                <select id="departmentId" name="departmentId" lay-filter="departmentId"  placeholder="选择一个应用" lay-verify="required" required>
                    <option value="">-请选择-</option>
                </select>
            </div>
@@ -201,7 +208,7 @@
        <div class="layui-form-item">
            <label class="layui-form-label">职称</label>
            <div class="layui-input-block">
                <select id="doctorRankId" name="doctorRankId"  lay-filter="doctorRankId" placeholder="选择一个职称" >
                <select id="doctorRankId" name="doctorRankId"  lay-filter="doctorRankId" placeholder="选择一个职称" lay-verify="required" required>
                    <option value="">-请选择-</option>
                </select>
                <input name="doctorRank" id='doctorRank' type="hidden" class="layui-input" maxlength="20"/>
@@ -212,7 +219,7 @@
        <div class="layui-form-item">
            <label class="layui-form-label">联系电话</label>
            <div class="layui-input-block">
                <input name="doctorTel"  type="text" class="layui-input" maxlength="20"/>
                <input name="doctorTel"  type="text" class="layui-input" maxlength="20" lay-verify="required|phone" required/>
            </div>
        </div>
        <div class="layui-form-item">
@@ -226,7 +233,7 @@
        <div class="layui-form-item">
            <label class="layui-form-label">医生的email</label>
            <div class="layui-input-block">
                <input name="doctorEmail"  type="text" class="layui-input" maxlength="20"/>
                <input name="doctorEmail"  type="text" class="layui-input" maxlength="20" lay-verify="required|email" required/>
            </div>
        </div>
        <div class="layui-form-item">
@@ -242,7 +249,7 @@
            <label class="layui-form-label" >销售代表名称</label>
            <div class="layui-input-block">
                <input name="serverUserName" id="serverUserName-add"   type="hidden" class="layui-input" maxlength="15"/>
                <select  id="serverUserId-add" name="serverUserId" lay-filter="serverUserId-add"  placeholder="选择一个应用" lay-filter="role_clients">
                <select  id="serverUserId-add" name="serverUserId" lay-filter="serverUserId-add"  placeholder="选择一个应用" lay-verify="required" required>
                    <option value="">-请选择-</option>
                </select>
            </div>
@@ -282,7 +289,7 @@
        <div class="layui-form-item">
            <label class="layui-form-label" >登录帐号</label>
            <div class="layui-input-block">
                <input name="username"  type="text" class="layui-input" maxlength="15"/>
                <input name="username"  type="text" class="layui-input" maxlength="15" lay-verify="required" required/>
            </div>
        </div>
    </div>
@@ -290,13 +297,13 @@
        <div class="layui-form-item">
            <label class="layui-form-label" >登录密码</label>
            <div class="layui-input-block">
                <input name="password"  type="text" class="layui-input" maxlength="15"/>
                <input name="password"  type="text" lay-verify="required" class="layui-input" maxlength="15" lay-verify="required" required/>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label" >确认密码</label>
            <div class="layui-input-block">
                <input name="passwordSure"  type="text" class="layui-input" maxlength="15"/>
                <input name="passwordSure"  type="text" lay-verify="required|confirmPass" class="layui-input" maxlength="15"/>
            </div>
        </div>
    </div>
@@ -333,6 +340,7 @@
        var util = layui.util;
        var admin = layui.admin;
        var upload = layui.upload;
        form.verify({ confirmPass: function (value) { if ($('input[name=password]').val() !== value) return '两次密码输入不一致！'; } });

        //医院数据绑定在弹框里
        var hospital = "";
@@ -342,9 +350,21 @@
        var user = "";
        //职称
        var doctorRank = "";
        var test = $(".layui-btn");

        var permissions = admin.getTempData("permissions");
        test.each(function () {
            var item = $(this)
            if (permissions.indexOf(item.val()) != -1) {
                item.show();
            } else {
                item.hide();
            }
        })

        // 获取应用列表
        // layer.load(2);
        admin.req('api-user/syshospital/findAll', JSON.stringify({ is_del: 0 }), function (data) {
        admin.req('api-user/syshospital/findAllByMap', JSON.stringify({ is_del: 0 }), function (data) {
            layer.closeAll('loading');
            if (0 === data.code) {
                let selected = false;
@@ -358,7 +378,6 @@
                    }
                    //往下拉菜单里添加元素
                    $('#hospitalName-seach').append(new Option(item.hospitalName, item.id, false, selected));
                    // $('#hospitalId').append(new Option(item.hospitalName, item.id, false, selected));
                    form.render('select', 'app-form');
                })
                form.render();
@@ -366,6 +385,25 @@
                layer.msg(data.msg, { icon: 2, time: 500 });
            }
        }, 'Post');

        // 修改company状态
        form.on('switch(doctor-tpl-state)', function (obj) {
            layer.load(2);
            admin.req('api-user/sysdoctor/enable', JSON.stringify({
                id: obj.elem.value,
                enabled: obj.elem.checked ? true : false
            }), function (data) {
                layer.closeAll('loading');
                if (data.code == 0) {
                    layer.msg(data.msg, { icon: 1, time: 500 });
                    //table.reload('table-user', {});
                } else {
                    layer.msg(data.msg, { icon: 2, time: 500 });
                    $(obj.elem).prop('checked', !obj.elem.checked);
                    form.render('checkbox');
                }
            }, 'POST');
        });
        //职称添加数据
        var getZhiCheng = function () {
            admin.req('api-user/sysdictionaries/findAll', JSON.stringify({ dictionariesClassId: "1248150699682988034" }), function (data) {
@@ -427,30 +465,51 @@
            page: true,
            cols: [[
                { type: 'numbers' },
                { field: 'hospitalName', width: 180, sort: true, title: '医院名称' },
                { field: 'doctorName', width: 200, sort: true, title: '医生姓名' },
                { field: 'doctorRank', width: 180, sort: true, title: '职称' },
                { field: 'username', width: 300, sort: true, title: '登录帐号' },
                { field: 'doctorTel', width: 300, sort: true, title: '联系方式' },
                { field: 'hospitalName', width: 180, title: '医院名称' },
                { field: 'doctorName', width: 200, title: '医生姓名' },
                { field: 'doctorRank', width: 180, title: '职称' },
                { field: 'username', width: 300, title: '登录帐号' },
                { field: 'doctorTel', width: 300, title: '联系方式' },
                {
                    field: 'doctorState', width: 300, sort: true, title: '状态', templet: function (d) {
                    field: 'doctorState', width: 300, title: '状态', templet: function (d) {
                        return d.doctorState ? "正式" : "试用"
                    }
                },
                {
                    field: 'isAnswer', width: 300, sort: true, title: '医答', templet: function (d) {
                    field: 'isAnswer', width: 300, title: '医答', templet: function (d) {
                        return d.isAnswer ? "是" : "否"
                    }
                },
                {
                    field: 'isSigning', width: 300, sort: true, title: '签约', templet: function (d) {
                    field: 'isSigning', width: 300, title: '签约', templet: function (d) {
                        return d.isSigning ? "是" : "否"
                    }
                },
                { field: 'createTime', width: 250, sort: true, title: '时间', templet: "<div>{{layui.util.toDateString(d.createTime, 'yyyy年MM月dd日 HH:mm:ss')}}</div>" },
                { field: 'serverUserName', width: 100, sort: true, title: '销售代表' },
                { width: 200, width: 300, align: 'center', toolbar: '#doctor-table-bar', sort: true, title: '操作' },
            ]]
                { field: 'enabled', width: 250, 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: 'serverUserName', width: 100, title: '销售代表' },
                { width: 200, width: 300, 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"  />
                $(".radioChecked").each(function () {
                    var item = $(this)
                    if (permissions.indexOf(item.val()) != -1) {
                        $(".layui-unselect").show();
                    } else {
                        $(".layui-unselect").hide();
                    }
                })
            }
        });

        // 工具条点击事件
@@ -487,20 +546,6 @@
                            layer.msg(data.msg, { icon: 2, time: 500 });
                        }
                    }, 'delete');
                });
            } else if (layEvent === 'enable') {
                layer.confirm('确定删除此用户吗？', function (i) {
                    layer.close(i);
                    layer.load(2);
                    admin.req('api-user/sysdoctor/enable', JSON.stringify({ id: obj.data.id }), function (data) {
                        layer.closeAll('loading');
                        if (data.code == 0) {
                            layer.msg(data.msg, { icon: 1, time: 500 });
                            table.reload('app-table', {});
                        } else {
                            layer.msg(data.msg, { icon: 2, time: 500 });
                        }
                    }, 'post');
                });
            }
        });
@@ -737,5 +782,6 @@
                }
            }, 'get');
        }
       
    });
</script>