<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">
|
<div class="layui-inline">
|
<label class="layui-form-label" style="width: 75px;">所在医院</label>
|
<div class="layui-input-block" style="width: 150px;">
|
<input name="hospitalName" id="hospitalName" placeholder="请输入医院名称" type="text" class="layui-input"
|
maxlength="50" lay-verify="required" required style="width: 150px;" />
|
<input type="hidden" name="hospitalId" id="hospitalId" />
|
</div>
|
</div>
|
<div class="layui-inline">
|
<label class="layui-form-label">科室</label>
|
<div class="layui-input-block" style="width: 150px;">
|
<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-inline">
|
<label class="layui-form-label">医生类型</label>
|
<div class="layui-input-block" style="width: 150px;">
|
<select id="doctorType" name="doctorType" lay-filter="doctorType" lay-verify="required" required>
|
<option value="2" selected>C端医生</option>
|
<option value="1">H端医生</option>
|
<option value="0">C端+H端</option>
|
</select>
|
</div>
|
</div>
|
|
<!-- </div>
|
<div class="layui-form-item"> -->
|
|
<!-- </div>
|
|
<div class="layui-form-item"> -->
|
|
</div>
|
</div>
|
<div style="display:flex">
|
<div class="layui-form-item">
|
<div class="layui-inline">
|
<label class="layui-form-label">姓名</label>
|
<div class="layui-input-block" style="width: 150px;">
|
<input name="doctorName" type="text" class="layui-input" maxlength="20" lay-verify="required"
|
required style="width: 150px;" />
|
</div>
|
</div>
|
<div class="layui-inline">
|
<label class="layui-form-label">职称</label>
|
<div class="layui-input-block" style="width: 150px;">
|
<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 class="layui-inline">
|
<label class="layui-form-label">角色</label>
|
<div class="layui-input-block" style="width: 150px;">
|
<select name="roleId" xm-select="roleId" lay-verify="required">
|
</select>
|
</div>
|
</div>
|
|
<!-- </div>
|
<div class="layui-form-item"> -->
|
|
<!-- </div>
|
<div class="layui-form-item"> -->
|
|
</div>
|
</div>
|
<div style="display:flex">
|
<div class="layui-form-item">
|
<div class="layui-inline">
|
<label class="layui-form-label">联系电话</label>
|
<div class="layui-input-block" style="width: 150px;">
|
<input name="doctorTel" id="doctorTel-add" type="text" class="layui-input" maxlength="20"
|
lay-verify="required|phone" required style="width: 150px;" />
|
</div>
|
</div>
|
<div class="layui-inline">
|
<label class="layui-form-label">其它联系方式</label>
|
<div class="layui-input-block" style="width: 150px;">
|
<input name="doctorOtherLink" type="text" class="layui-input" maxlength="20" />
|
</div>
|
</div>
|
<div class="layui-inline">
|
<label class="layui-form-label">Email</label>
|
<div class="layui-input-block" style="width: 150px;">
|
<input name="doctorEmail" type="text" class="layui-input" maxlength="20" lay-verify="required|email"
|
required />
|
</div>
|
</div>
|
</div>
|
</div>
|
<div style="display:flex">
|
<div class="layui-form-item">
|
<label class="layui-form-label">医生简介</label>
|
<div class="layui-input-block">
|
<textarea name="doctorAbout" id="doctorAbout" class="layui-textarea" maxlength="300"
|
style="width: 650px;"></textarea>
|
</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" />
|
<input name="doctorState" id="doctorState-fou" type="radio" value="false" title="试用"
|
class="layui-input" />
|
</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" />
|
<input name="isTop" id="isTop-fou" type="radio" value="false" title="否" class="layui-input" />
|
</div>
|
</div>
|
<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" />
|
<input name="isAnswer" id="isAnswer-fou" type="radio" value="false" title="否" class="layui-input" />
|
</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" />
|
<input name="isSigning" id="isSigning-fou" type="radio" value="false" title="否" class="layui-input" />
|
</div>
|
</div>
|
</div>
|
<div style="display:flex">
|
<div class="layui-form-item">
|
<div class="layui-inline">
|
<label class="layui-form-label">登录帐号</label>
|
<div class="layui-input-block" style="width: 150px;">
|
<input name="username" id="username" readonly type="text" class="layui-input" maxlength="20"
|
lay-verify="required" required />
|
</div>
|
</div>
|
<div class="layui-inline">
|
<label class="layui-form-label">登录密码</label>
|
<div class="layui-input-block" style="width: 150px;">
|
<input name="password" type="password" lay-verify="required" class="layui-input" maxlength="20"
|
lay-verify="required|phone" required />
|
</div>
|
</div>
|
<div class="layui-inline">
|
<label class="layui-form-label">确认密码</label>
|
<div class="layui-input-block" style="width: 150px;">
|
<input name="passwordSure" type="password" lay-verify="required|confirmPass" class="layui-input"
|
maxlength="20" />
|
</div>
|
</div>
|
|
<!-- </div>
|
<div class="layui-form-item">
|
|
</div>
|
<div class="layui-form-item"> -->
|
|
</div>
|
</div>
|
<div style="display:flex">
|
<div class="layui-form-item">
|
<div class="layui-inline">
|
<label class="layui-form-label">医生的头像</label>
|
<div class="layui-input-block" id="demo" style="width: 150px;">
|
<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-inline">
|
<label class="layui-form-label">销售代表</label>
|
<div class="layui-input-block" style="width: 150px;">
|
<input name="serverUserName" id="serverUserName-add" type="hidden" class="layui-input"
|
maxlength="15" />
|
<select id="serverUserId-add" name="serverUserId" lay-filter="serverUserId-add"
|
lay-verify="required" required>
|
<option value="">-请选择-</option>
|
</select>
|
</div>
|
</div>
|
<!--
|
</div>
|
|
<div class="layui-form-item"> -->
|
|
</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>
|
layui.use(['form', 'laydate', 'util', 'config', 'admin', 'autocomplete', 'formSelects'], function () {
|
var form = layui.form;
|
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;
|
|
//获取角色
|
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 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;
|
// //将科室的数据绑定到里面
|
// 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($("#hospitalId").val());
|
if (data.field.roleId != null && data.field.roleId != "") {
|
data.field.roles = data.field.roleId.split(',');
|
}
|
data.field.hospitalId = ""+data.field.hospitalId;
|
data.field.roleId = null;
|
debugger
|
admin.req('api-user/sysdoctor', JSON.stringify(data.field), function (data) {
|
layer.closeAll('loading');
|
if (data.code == 0) {
|
layer.closeAll();
|
} else {
|
layer.msg(data.msg, {
|
icon: 2,
|
time: 3000
|
});
|
}
|
}, "POST");
|
return false;
|
});
|
|
//将新增 中的 serverUserName 赋值
|
form.on('select(serverUserId-add)', function (data) {
|
//将医院名称赋值
|
$('#serverUserName-add').val($(this)[0].innerHTML);
|
});
|
//新增 点击职称的触发事件
|
form.on('select(doctorRankId)', function (data) {
|
//将部门名称赋值
|
$('#doctorRank').val($(this)[0].innerHTML);
|
});
|
//新增 和 更新 科室触发的事件
|
form.on('select(departmentId)', function () {
|
//将部门名称赋值
|
$('#departmentName').val($(this)[0].innerHTML);
|
});
|
//获取科室
|
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');
|
}
|
//职称添加数据
|
var getZhiCheng = function () {
|
admin.req('api-user/sysdictionaries/findAll', JSON.stringify({
|
dictionariesClassId: "1248150699682988034"
|
}), function (data) {
|
layer.closeAll('loading');
|
if (0 === data.code) {
|
let selected = false;
|
doctorRank = data.data;
|
$.each(data.data, function (index, item) {
|
if (config.clientId === item.clientId) {
|
selected = true;
|
} else {
|
selected = false;
|
}
|
//往下拉菜单里添加元素
|
$('#doctorRankId').append(new Option(item.dictionariesName, item.id,
|
false, selected));
|
})
|
} else {
|
layer.msg(data.msg, {
|
icon: 2,
|
time: 500
|
});
|
}
|
}, 'Post');
|
}
|
//获取销售代表
|
var getXiaoShouDaiBiao = function () {
|
admin.req('api-user/users/getThisUserOrganizationUser', {}, function (data) {
|
layer.closeAll('loading');
|
if (0 === data.code) {
|
user = data.data;
|
$.each(data.data, function (index, item) {
|
//往下拉菜单里添加元素
|
$('#serverUserId-add').append(new Option(item.nickname, item.id,
|
false, false));
|
})
|
} else {
|
layer.msg(data.msg, {
|
icon: 2,
|
time: 500
|
});
|
}
|
}, 'get');
|
}
|
// 显示新增弹窗
|
var loadEditData = 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');
|
}
|
});
|
form.render();
|
$("#username").blur(function () {
|
username_is_usered("username");
|
})
|
$("#doctorTel-add").blur(function () {
|
$("#username").val($("#doctorTel-add").val())
|
username_is_usered("username");
|
})
|
};
|
loadEditData();
|
//自动完成-医院名称
|
autocomplete.render({
|
elem: $('#hospitalName')[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);
|
//重新装载科室
|
getdepartment(resp.id);
|
}
|
});
|
});
|
</script>
|
