From 803cd19fa2a3b8185fd64309d9ba4a159bed50e1 Mon Sep 17 00:00:00 2001 From: houruijun <411269194@kidgrow.com> Date: Wed, 22 Jul 2020 15:31:10 +0800 Subject: [PATCH] 修改医生管理的添加医生部分的页面和功能 --- kidgrow-web/kidgrow-web-manager/src/main/resources/static/pages/opration/doctor.html | 447 ------------------------------------------------------- 1 files changed, 5 insertions(+), 442 deletions(-) diff --git a/kidgrow-web/kidgrow-web-manager/src/main/resources/static/pages/opration/doctor.html b/kidgrow-web/kidgrow-web-manager/src/main/resources/static/pages/opration/doctor.html index 2c4bd35..0dd5a1f 100644 --- a/kidgrow-web/kidgrow-web-manager/src/main/resources/static/pages/opration/doctor.html +++ b/kidgrow-web/kidgrow-web-manager/src/main/resources/static/pages/opration/doctor.html @@ -173,171 +173,6 @@ </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" id="doctorTel-add" 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" id="username" readonly 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="password" lay-verify="required" class="layui-input" maxlength="15" 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="passwordSure" type="password" 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 class="layui-form-item"> - <label class="layui-form-label" >角色</label> - <div class="layui-input-block"> - <select name="roleId" xm-select="roleId" lay-verify="required"> - </select> - </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 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', 'autocomplete','formSelects'], function () { @@ -347,7 +182,6 @@ 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; @@ -550,287 +384,16 @@ var doctorName = $('#doctorName').val(); table.reload('app-table', { where: { doctorState: doctorState, hospitalName: hospitalName, doctorTel: doctorTel, doctorName: doctorName } }); }); - //获取角色 - var get_role=function(){ - admin.req('api-user/findByMap?tenant_id=hospital',{}, function (data) { - layer.closeAll('loading'); - if (0 == data.code) { - // 渲染多选下拉框 - var roleSelectData = new Array(); - for (var i = 0; i < data.data.length; i++) { - roleSelectData.push({name: data.data[i].name, value: data.data[i].id}); - } - formSelects.data('roleId', 'local', {arr: roleSelectData}); - // 回显user数据 - var user = admin.getTempData('t_user'); - $('#user-form').attr('method', 'POST'); - if (user) { - form.val('user-form', user); - $('#user-form').attr('method', 'POST'); - var rds = new Array(); - for (var i = 0; i < user.roles.length; i++) { - rds.push(user.roles[i].id); - } - formSelects.value('roleId', rds); - } - } else { - layer.msg('获取角色失败', {icon: 2, time: 500}); - } - }, 'GET'); - } - // 显示新增弹窗 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(); - //获取角色 - get_role(); - 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(); - $("#username").blur(function () { - username_is_usered("username"); - }) - $("#doctorTel-add").blur(function () { - $("#username").val($("#doctorTel-add").val()) - username_is_usered("username"); - }) + admin.popupCenter({ + title: '编辑医生', + path: 'pages/opration/doctor_form.html', + area: '800px', + finish: function () { } }); }; - //判断用户名是否被使用 - var username_is_usered=function(username_id){ - var username=$("#"+username_id).val() - admin.req('api-user/users/findCountByMap',JSON.stringify({username:username}), function (data) { - if (data.code == 0) { - if(data.data>0){ - $("#"+username_id).val("") - layer.msg("该登录帐号已经使用",{ icon: 2, time: 500 }) - } - } else { - layer.msg(data.msg, { icon: 2, time: 500 }); - } - }, 'post'); - } - // 显示编辑弹窗 - 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); - if(data.field.roleId!=null&&data.field.roleId!=""){ - data.field.roles=data.field.roleId.split(','); - } - data.field.roleId=null; - 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> \ No newline at end of file -- Gitblit v1.8.0