<form id="app-form-add" lay-filter="app-form-add" class="layui-form model-form">
|
<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"/>
|
<input type="hidden" name="id" id="id"/>
|
</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>
|
</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" id="doctorName" placeholder="请选择医生" type="hidden"
|
class="layui-input" maxlength="20" />
|
<select id="doctorId" name="doctorId" lay-filter="doctorId" 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="service" name="service" lay-filter="service" placeholder="请选择服务"
|
lay-verify="required" required>
|
<option value="1">图文</option>
|
<option value="3" selected>图文/电话</option>
|
</select>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div style="display:flex">
|
<div class="layui-form-item">
|
<div class="layui-inline">
|
<label class="layui-form-label" style="width: 80px;">电询价格</label>
|
<div class="layui-input-block" style="width: 150px;">
|
<input name="price" id="price" lay-verify="required|number" required placeholder="电话咨询价格" class="layui-input" value="30.00" maxlength="6"/>
|
</div>
|
</div>
|
<div class="layui-inline">
|
<label class="layui-form-label" style="width: 80px;">客服渠道</label>
|
<div class="layui-input-block" style="width: 150px;">
|
<input name="price" id="channel" placeholder="客服渠道地址" class="layui-input" maxlength="50"/>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div style="display:flex">
|
<div class="layui-form-item">
|
<div class="layui-inline">
|
<label class="layui-form-label" style="width: 80px;">最大接待</label>
|
<div class="layui-input-block" style="width: 150px;">
|
<input name="maxPeople" id="maxPeople" lay-verify="required|number" required placeholder="最大接待" class="layui-input" value="3" maxlength="3"/>
|
</div>
|
</div>
|
<div class="layui-inline">
|
<label class="layui-form-label" style="width: 80px;">绑定手机号</label>
|
<div class="layui-input-block" style="width: 150px;">
|
<input name="bindPhone" id="bindPhone" placeholder="绑定手机号" class="layui-input" maxlength="20"/>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div style="display:flex">
|
<div class="layui-form-item">
|
<div class="layui-inline">
|
<label class="layui-form-label" style="width: 80px;">擅长</label>
|
<div class="layui-input-block" style="width: 400px;">
|
<textarea name="specialty" id="specialty" required placeholder="请输入擅长" class="layui-textarea"
|
style="width:99%;min-height:70px"></textarea>
|
</div>
|
</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: 450px;">
|
<table border="1" style="width:100%; margin-top: 15px;">
|
<tr>
|
<td></td>
|
<td style="text-align: center">上午<br/>8:00-12:00</td>
|
<td style="text-align: center">下午<br/>12:00-18:00</td>
|
<td style="text-align: center">晚间<br/>18:00-22:00</td>
|
</tr>
|
<tr>
|
<td style="text-align: center">周一</td>
|
<td style="text-align: center"><input type="checkbox" value="1_1" lay-skin="switch" lay-text="开启|停用"/></td>
|
<td style="text-align: center"><input type="checkbox" name="checkbox1_2" lay-skin="switch" lay-text="开启|停用" value="1_2"></td>
|
<td style="text-align: center"><input type="checkbox" name="checkbox1_3" lay-skin="switch" lay-text="开启|停用" value="1_3"></td>
|
</tr>
|
<tr>
|
<td style="text-align: center">周二</td>
|
<td style="text-align: center"><input type="checkbox" name="checkbox2_1" lay-skin="switch" lay-text="开启|停用" value="2_1"></td>
|
<td style="text-align: center"><input type="checkbox" name="checkbox2_2" lay-skin="switch" lay-text="开启|停用" value="2_2"></td>
|
<td style="text-align: center"><input type="checkbox" name="checkbox2_3" lay-skin="switch" lay-text="开启|停用" value="2_3"></td>
|
</tr>
|
<tr>
|
<td style="text-align: center">周三</td>
|
<td style="text-align: center"><input type="checkbox" name="checkbox3_1" lay-skin="switch" lay-text="开启|停用" value="3_1"></td>
|
<td style="text-align: center"><input type="checkbox" name="checkbox3_2" lay-skin="switch" lay-text="开启|停用" value="3_2"></td>
|
<td style="text-align: center"><input type="checkbox" name="checkbox3_3" lay-skin="switch" lay-text="开启|停用" value="3_3"></td>
|
</tr>
|
<tr>
|
<td style="text-align: center">周四</td>
|
<td style="text-align: center"><input type="checkbox" name="checkbox4_1" lay-skin="switch" lay-text="开启|停用" value="4_1"></td>
|
<td style="text-align: center"><input type="checkbox" name="checkbox4_2" lay-skin="switch" lay-text="开启|停用" value="4_2"></td>
|
<td style="text-align: center"><input type="checkbox" name="checkbox4_3" lay-skin="switch" lay-text="开启|停用" value="4_3"></td>
|
</tr>
|
<tr>
|
<td style="text-align: center">周五</td>
|
<td style="text-align: center"><input type="checkbox" name="checkbox5_1" lay-skin="switch" lay-text="开启|停用" value="5_1"></td>
|
<td style="text-align: center"><input type="checkbox" name="checkbox5_2" lay-skin="switch" lay-text="开启|停用" value="5_2"></td>
|
<td style="text-align: center"><input type="checkbox" name="checkbox5_3" lay-skin="switch" lay-text="开启|停用" value="5_3"></td>
|
</tr>
|
<tr>
|
<td style="text-align: center">周六</td>
|
<td style="text-align: center"><input type="checkbox" name="checkbox6_1" lay-skin="switch" lay-text="开启|停用" value="6_1"></td>
|
<td style="text-align: center"><input type="checkbox" name="checkbox6_2" lay-skin="switch" lay-text="开启|停用" value="6_2"></td>
|
<td style="text-align: center"><input type="checkbox" name="checkbox6_3" lay-skin="switch" lay-text="开启|停用" value="6_3"></td>
|
</tr>
|
<tr>
|
<td style="text-align: center">周日</td>
|
<td style="text-align: center"><input type="checkbox" name="checkbox7_1" lay-skin="switch" lay-text="开启|停用" value="7_1"></td>
|
<td style="text-align: center"><input type="checkbox" name="checkbox7_2" lay-skin="switch" lay-text="开启|停用" value="7_2"></td>
|
<td style="text-align: center"><input type="checkbox" name="checkbox7_3" lay-skin="switch" lay-text="开启|停用" value="7_3"></td>
|
</tr>
|
</table>
|
</div>
|
</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="doctor-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 admin = layui.admin;
|
var autocomplete = layui.autocomplete;
|
var formSelects = layui.formSelects;
|
var $ = layui.jquery;
|
|
form.on('select(doctorId)', function () {
|
//将部门名称赋值
|
$('#doctorName').val($(this)[0].innerHTML);
|
});
|
|
form.render();
|
|
// 表单提交事件
|
form.on('submit(doctor-form-submit)', function (data) {
|
data.field.hospitalId = $("#hospitalId").val();
|
data.field.hospitalName = $("#hospitalName").val();
|
data.field.doctorName = $("#doctorName").val();
|
data.field.service = $("#service").val();
|
data.field.price = $("#price").val();
|
data.field.doctorId = $("#doctorId").val();
|
data.field.channel = $("#channel").val();
|
data.field.maxPeople = $("#maxPeople").val();
|
data.field.deptId = $("#departmentId").val();
|
data.field.deptName = $("#departmentName").val();
|
data.field.specialty = $("#specialty").val();
|
data.field.bindPhone = $("#bindPhone").val();
|
|
var arr_box = [];
|
$('input[type=checkbox]:checked').each(function() {
|
arr_box.push($(this).val());
|
});
|
data.field.appointment = arr_box;
|
|
if($("#price").val() <= 0){
|
layer.msg("价格请输入大于0的数字", {
|
icon: 2,
|
time: 3000
|
});
|
return false;
|
}
|
|
layer.load(2);
|
|
if($("#bindPhone").val() != "" && $("#bindPhone").val() != null){
|
admin.req('api-opration/advisorydoctor/querUserByPhone', JSON.stringify(data.field), function (data1) {
|
layer.closeAll('loading');
|
if (data1.code == 0 && data1.data != null) {
|
layer.confirm('确定要将该医生绑定到昵称：' + data1.data.nickName + "吗？", function (i) {
|
admin.req('api-opration/advisorydoctor', JSON.stringify(data.field), function (data) {
|
layer.closeAll('loading');
|
if (data.code == 0) {
|
layer.closeAll();
|
parent.layui.table.reload('app-table', {});
|
} else {
|
layer.msg(data.msg, {
|
icon: 2,
|
time: 3000
|
});
|
}
|
}, "POST");
|
});
|
} else {
|
layer.msg("未找到对应的用户信息，请确认后填写", {
|
icon: 2,
|
time: 3000
|
});
|
}
|
}, "POST");
|
}else{
|
admin.req('api-opration/advisorydoctor', JSON.stringify(data.field), function (data) {
|
layer.closeAll('loading');
|
if (data.code == 0) {
|
layer.closeAll();
|
parent.layui.table.reload('app-table', {});
|
} else {
|
layer.msg(data.msg, {
|
icon: 2,
|
time: 3000
|
});
|
}
|
}, "POST");
|
}
|
|
return false;
|
});
|
|
//自动完成-医院名称
|
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,"");
|
}
|
});
|
|
//新增 和 更新 科室触发的事件
|
form.on('select(departmentId)', function () {
|
//将部门名称赋值
|
$('#departmentName').val($(this)[0].innerHTML);
|
getDoctor( $("#hospitalId").val(), $("#departmentId").val());
|
});
|
|
form.on('select(service)', function () {
|
var type = $("#service").val();
|
if(type == 1){
|
$("#price").attr("readonly","readonly");
|
}else{
|
$("#price").removeAttr("readonly");
|
}
|
});
|
|
//获取科室
|
var getdepartment = function (hospitalId,deptId) {
|
admin.req('api-user/sysdepartment/findListByHospitalId', {
|
id: hospitalId
|
}, 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');
|
})
|
getDoctor($("#hospitalId").val(),deptId === '' ? department[0].id : deptId);
|
form.render();
|
} else {
|
layer.msg(data.msg, {
|
icon: 2,
|
time: 2000
|
});
|
}
|
}, 'get');
|
};
|
|
//获取医生
|
var getDoctor = function (hospitalId,departmentId) {
|
admin.req('api-user/sysdoctor/queryDoctorToC', JSON.stringify({
|
hospitalId: hospitalId,
|
departmentId:departmentId
|
}), function (data) {
|
layer.closeAll('loading');
|
if (0 === data.code) {
|
$('#doctorId').empty();
|
|
if (data.data.length > 0) {
|
$('#doctorName').val(data.data[0].doctorName);
|
}
|
$.each(data.data, function (index, item) {
|
//往下拉菜单里添加元素
|
$('#doctorId').append(new Option(item.doctorName, item.id,
|
false, false));
|
form.render('select', 'app-form');
|
})
|
form.render();
|
} else {
|
layer.msg(data.msg, {
|
icon: 2,
|
time: 2000
|
});
|
}
|
}, 'post');
|
};
|
|
var adisoryDoctor = admin.getTempData('t_adisoryDoctor');
|
if(adisoryDoctor){
|
$("#id").val(adisoryDoctor.id);
|
$("#hospitalId").val(adisoryDoctor.hospitalId);
|
$("#hospitalName").val(adisoryDoctor.hospitalName);
|
$("#specialty").val(adisoryDoctor.specialty);
|
$("#bindPhone").val(adisoryDoctor.bindPhone);
|
|
getdepartment(adisoryDoctor.hospitalId,adisoryDoctor.deptId);
|
|
form.val('app-form-add', adisoryDoctor);
|
|
$("#price").val(adisoryDoctor.price / 100);
|
$("#doctorName").val(adisoryDoctor.doctorName);
|
$("#bindPhone").attr("Readonly",true);
|
if(adisoryDoctor.service == 1){
|
$("#price").attr("readonly","readonly");
|
}else{
|
$("#price").removeAttr("readonly");
|
}
|
form.render();
|
|
admin.req('api-opration/appointment/queryByAdvisoryId/'+$("#id").val(), {
|
}, function (data) {
|
layer.closeAll('loading');
|
if (0 === data.code) {
|
$('input[type=checkbox]').each(function() {
|
if(data.data.indexOf($(this).val()) != -1){
|
$(this).attr('checked', 'checked');
|
}
|
});
|
form.render();
|
} else {
|
layer.msg(data.msg, {
|
icon: 2,
|
time: 2000
|
});
|
}
|
}, 'get');
|
|
form.render();
|
}
|
});
|
|
</script>
|
