forked from kidgrow-microservices-platform
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"></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="按手机号..." />  <input id="doctorName" class="layui-input search-input" type="text" placeholder="按医生..." />  <button id="app-btn-search" class="layui-btn icon-btn" layt="abc" value="sysdoctor-list"><i class="layui-icon"></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="按手机号..." />  <input id="doctorName" class="layui-input search-input" type="text" placeholder="按医生名..." />  <select id="doctorState" lay-filter="role_clients"> <option value="">-医院状态-</option> <option value="true">正常</option> <option value="false">试用</option> </select>  <input name="hospitalName" id="hospitalName-seach" placeholder="请输入医院名称" type="text" class="layui-input search-input" maxlength="50" autocomplete="off" />  </div> <button id="app-btn-search" class="layui-btn icon-btn permissions" layt="abc" permissions="sysdoctor-list"><i class="layui-icon"></i>搜索</button> <button id="doctor-btn-add" class="layui-btn icon-btn permissions" permissions="sysdoctor-edit"><i class="layui-icon"></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,179 +168,23 @@ </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> <!-- 表单弹窗 添加--> <script type="text/html" id="app-model-add"> <form id="app-form-add" lay-filter="app-form-add" class="layui-form model-form"> <input name="id" type="hidden"/> <div style="display:flex"> <div class="layui-form-item"> <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-verify="required" required > <option value="">-请选择-</option> </select> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">姓名</label> <div class="layui-input-block"> <input name="doctorName" type="text" class="layui-input" maxlength="20" lay-verify="required" required /> </div> </div> </div> <div style="display:flex"> <div class="layui-form-item"> <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-verify="required" required> <option value="">-请选择-</option> </select> </div> </div> <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="选择一个职称" lay-verify="required" required> <option value="">-请选择-</option> </select> <input name="doctorRank" id='doctorRank' type="hidden" class="layui-input" maxlength="20"/> </div> </div> </div> <div style="display:flex"> <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" 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="doctorOtherLink" type="text" class="layui-input" maxlength="20"/> </div> </div> </div> <div style="display:flex"> <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" lay-verify="required|email" required/> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">医生简介</label> <div class="layui-input-block"> <input name="doctorAbout" type="text" class="layui-input" maxlength="20"/> </div> </div> </div> <div style="display:flex"> <div class="layui-form-item"> <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-verify="required" required> <option value="">-请选择-</option> </select> </div> </div> <div class="layui-form-item"> <label class="layui-form-label"> 是否置顶</label> <div class="layui-input-block"> <input name="isTop" id="isTop-shi" type="radio" checked value="true" title="是" class="layui-input" maxlength="20"/> <input name="isTop" id="isTop-fou" type="radio" value="false" title="否" class="layui-input" maxlength="20"/> </div> </div> </div> <div style="display:flex"> <div class="layui-form-item"> <label class="layui-form-label">是否医答</label> <div class="layui-input-block"> <input name="isAnswer" id="isAnswer-shi" type="radio" checked value="true" title="是" class="layui-input" maxlength="20"/> <input name="isAnswer" id="isAnswer-fou" type="radio" value="false" title="否" class="layui-input" maxlength="20"/> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">是否签约医生</label> <div class="layui-input-block"> <input name="isSigning" id="isSigning-shi" type="radio" checked value="true" title="是" class="layui-input" maxlength="20"/> <input name="isSigning" id="isSigning-fou" type="radio" value="false" title="否" class="layui-input" maxlength="20"/> </div> </div> </div> <div style="display:flex"> <div class="layui-form-item"> <label class="layui-form-label"> 医生状态</label> <div class="layui-input-block"> <input name="doctorState" id="doctorState-shi" type="radio" checked value="true" title="是" class="layui-input" maxlength="20"/> <input name="doctorState" id="doctorState-fou" type="radio" value="false" title="否" class="layui-input" maxlength="20"/> </div> </div> <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" lay-verify="required" required/> </div> </div> </div> <div style="display:flex"> <div class="layui-form-item"> <label class="layui-form-label" >登录密码</label> <div class="layui-input-block"> <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" lay-verify="required|confirmPass" class="layui-input" maxlength="15"/> </div> </div> </div> <div style="display:flex"> <div class="layui-form-item"> <label class="layui-form-label">医生的头像</label> <div class="layui-input-block" id="demo"> <button type="button" class="layui-btn" id="phonto"> <i class="layui-icon"></i>上传图片 </button> <input name="doctorLogo" id="doctorLogo-add" type="hidden" class="layui-input" maxlength="20"/> <blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;"> 预览图： <div class="layui-upload-list" id="demo2"></div> </blockquote> </div> </div> </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> </div> </form> </script> <script> layui.use(['form', 'table', 'laydate', 'util', 'config', 'upload', 'admin'], function () { layui.use(['form', 'table', 'laydate', 'util', 'config', 'upload', 'admin', 'autocomplete','formSelects'], function () { var form = layui.form; var table = layui.table; var config = layui.config; var layer = layui.layer; var util = layui.util; var admin = layui.admin; var upload = layui.upload; var autocomplete = layui.autocomplete; var formSelects = layui.formSelects; var $ = layui.jquery; form.verify({ confirmPass: function (value) { if ($('input[name=password]').val() !== value) return '两次密码输入不一致！'; } }); //医院数据绑定在弹框里 @@ -349,19 +195,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 +219,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 +309,11 @@ headers: { 'Authorization': 'Bearer ' + config.getToken().access_token }, page: true, cols: [[ { type: 'numbers' }, { field: 'hospitalName', width: 180, title: '医院名称' }, { field: 'doctorName', width: 120, title: '医生姓名' }, { field: 'doctorRank', width: 180, title: '职称' }, { field: 'doctorRank', width: 100, 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 +324,14 @@ 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: 'createTime', width: 100, sort: true, 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: 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" /> $(".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(res,config); } }); @@ -553,236 +375,25 @@ // 搜索按钮点击事件 $('#app-btn-search').click(function () { if (strUtil.isEmpty($("#hospitalName-seach").val())) { $("#hospitalId").val(""); } var doctorState = $('#doctorState').val(); var hospitalName = $('#hospitalName-seach').val(); var hospitalName = $("#hospitalName-seach").val(); var doctorTel = $('#doctorTel').val(); var doctorName = $('#doctorName').val(); table.reload('app-table', { where: { doctorState: doctorState, hospitalId: hospitalName, doctorTel: doctorTel, doctorName: doctorName } }); table.reload('app-table', { where: { doctorState: doctorState, hospitalName: hospitalName, doctorTel: doctorTel, doctorName: doctorName } }); }); // 显示新增弹窗 var showEditModel_add = function () { layer.open({ type: 1, title: '新增', area: '600px', offset: '120px', content: $('#app-model-add').html(), success: function () { $('#app-form-add')[0].reset(); $('#app-form-add').attr('method', 'POST'); $('.layui-layer-content').css('overflow', 'auto'); //将医院的数据保存到下拉表 let selected = false; //获取职称的 getZhiCheng(); //获取销售代表 getXiaoShouDaiBiao(); var upload = layui.upload; //执行实例 upload.render({ elem: '#phonto', url: config.base_server + 'api-file/files-anon', accept: 'file', auto: true, headers: { "Authorization": "Bearer " + config.getToken().access_token }, before: function (obj) { layer.load(); //上传loading //预读本地文件示例，不支持ie8 obj.preview(function (index, file, result) { $(".layui-upload-img").remove(); $('#demo2').append('<img src="' + result + '" width="50px" height="50px" alt="' + file.name + '" class="layui-upload-img">') }); }, done: function (data) { layer.closeAll('loading'); $("#doctorLogo-add").val(data.url); }, error: function (data) { layer.closeAll('loading'); } }); $.each(hospital, function (index, item) { if (config.clientId === item.clientId) { selected = true; } else { selected = false; } console.log(item) $('#hospitalName-add').append(new Option(item.hospitalName, item.id, false, selected)); }) form.render(); admin.popupCenter({ title: '编辑医生', path: 'pages/opration/doctor_form.html', area: '900px', finish: function () { } }); }; // 显示编辑弹窗 var showEditModel = function (data, flag) { var title = ""; if (flag == 1) { title = "查看详情"; } else if (flag == 2) { title = "新增"; } else if (flag == 3) { title = "编辑"; } layer.open({ type: 1, title: title, area: '650px', offset: '120px', content: $('#app-model').html(), success: function () { $('#app-form')[0].reset(); $('#app-form').attr('method', 'POST'); //将医院的数据保存到下拉表 let selected = false; $.each(hospital, function (index, item) { if (config.clientId === item.clientId) { selected = true; } else { selected = false; } //往下拉菜单里添加元素 $('#hospitalId').append(new Option(item.hospitalName, item.id, false, selected)); }) //将科室的数据绑定到里面 if (flag != 2) { getdepartment(data.hospitalId); } if (data) { if (data.isAnswer) { $("#isAnswer-shi").attr('checked', true); } else { $("#isAnswer-fou").attr('checked', true); } if (data.isSigning) { $("#isSigning-shi").attr('checked', true); } else { $("#isSigning-fou").attr('checked', true); } if (data.isTop) { $("#isTop-shi").attr('checked', true); } else { $("#isTop-fou").attr('checked', true); } if (data.doctorState) { $("#doctorState-shi").attr('checked', true); } else { $("#doctorState-fou").attr('checked', true); } form.val('app-form', data); if (flag == 1) { //将确定隐藏 doctorState-shi $("#sure").hide(); $("#phonto").hide(); //将所有的设置为只读 $('#app-form').find('input').attr('readonly', true); $('#app-form').find('select,input[type="radio"]').attr('disabled', true); } else { $("#sure").show(); $('#app-form').attr('method', 'POST'); } } } }); }; // 表单提交事件 form.on('submit(user-form-submit)', function (data) { layer.load(2); data.field.hospitalId = parseInt(data.field.hospitalId); admin.req('api-user/sysdoctor', JSON.stringify(data.field), function (data) { layer.closeAll('loading'); if (data.code == 0) { // layer.msg(data.msg, { icon: 1, time: 500 }); layer.closeAll(); table.reload('app-table', {}); } else { layer.msg(data.msg, { icon: 2, time: 500 }); } }, "POST"); return false; }); //更新 点击医院触发的事件 form.on('select(getdepartment)', function (data) { //将医院名称赋值 $.each(hospital, function (index, item) { if (item.id == data.value) { $('#hospitalName').val(item.hospitalName); } }) // getdepartment(data.value); }); //新增----点击医院触发的事件 form.on('select(getdepartment-add)', function (data) { //将医院名称赋值 $.each(hospital, function (index, item) { if (item.id == data.value) { $('#hospitalId-add').val(item.hospitalName); console.log($('#hospitalId-add').val()) } }) // getdepartment(data.value); }); //将新增 中的 serverUserName 赋值 form.on('select(serverUserId-add)', function (data) { //将医院名称赋值 $.each(user, function (index, item) { if (item.id == data.value) { $('#serverUserName-add').val(item.nickname); console.log($('#serverUserName-add').val()) } }) // }); //新增 点击职称的触发事件 form.on('select(doctorRankId)', function (data) { //将部门名称赋值 $.each(doctorRank, function (index, item) { if (item.id == data.value) { console.log(12312312312) $('#doctorRank').val(item.dictionariesName); console.log($('#doctorRank').val()) } }) }); //新增 和 更新 科室触发的事件 form.on('select(departmentId)', function (data) { //将部门名称赋值 $.each(department, function (index, item) { if (item.id == data.value) { $('#departmentName').val(item.departmentName); } }) // // getdepartment(data.value); }); //获取科室 var getdepartment = function (data) { admin.req('api-user/sysdepartment/findListByHospitalId', { id: data }, function (data) { layer.closeAll('loading'); if (0 === data.code) { department = data.data; $('#departmentId').empty(); if (data.data.length > 0) { $('#departmentName').val(data.data[0].departmentName); } $.each(data.data, function (index, item) { //往下拉菜单里添加元素 $('#departmentId').append(new Option(item.departmentName, item.id, false, false)); form.render('select', 'app-form'); }) form.render(); } else { layer.msg(data.msg, { icon: 2, time: 500 }); } }, 'get'); } }); </script>
