<form id="hospital-form" lay-filter="hospital-form" class="layui-form model-form" method="POST">
|
<div class="layui-form-item">
|
<div class="layui-row">
|
<div class="layui-col-sm7">
|
<label class="layui-form-label">医院名称</label>
|
<div class="layui-input-block">
|
<input name="hospitalName" id="hospitalName" placeholder="请输入医院名称" type="text" class="layui-input"
|
maxlength="50" lay-verify="required" required autocomplete="on" style="width: 390px;" />
|
</div>
|
</div>
|
<div class="layui-col-sm3">
|
<label class="layui-form-label">医院简称</label>
|
<div class="layui-input-block">
|
<input name="hospitalShortName" type="text" class="layui-input" maxlength="50"
|
style="width: 200px;" />
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<div class="layui-row">
|
<div class="layui-col-sm7">
|
<label class="layui-form-label">联系电话</label>
|
<div class="layui-input-block">
|
<input name="hospitalTel" id="hospitalTel" type="text" class="layui-input" maxlength="50"
|
style="width: 390px;" />
|
</div>
|
</div>
|
<div class="layui-col-sm3">
|
<label class="layui-form-label">联系人</label>
|
<div class="layui-input-block">
|
<input name="hospitalLink" type="text" class="layui-input" maxlength="50" style="width: 200px;" />
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<div class="layui-row">
|
<div class="layui-col-sm7">
|
<label class="layui-form-label">医院类型</label>
|
<div class="layui-input-block">
|
<input name="hospitalTypeId" id="hospitalTypeId" type="hidden" value=""/>
|
<select name="hospitalTypeName" id="hospitalTypeName" lay-filter="hospitalTypeName"
|
style="width: 300px;">
|
<option value="">请选择</option>
|
</select>
|
</div>
|
</div>
|
<div class="layui-col-sm3">
|
<label class="layui-form-label">医院资质</label>
|
<div class="layui-input-block">
|
<input name="hospitalQualifiedId" id="hospitalQualifiedId" type="hidden" value=""/>
|
<select name="hospitalQualifiedName" id="hospitalQualifiedName" lay-filter="hospitalQualifiedName"
|
style="width: 300px;">
|
<option value="">请选择</option>
|
</select>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<div class="layui-row">
|
<label class="layui-form-label">所在地区</label>
|
<div class="layui-input-block">
|
<div class="layui-col-sm4">
|
<select id="hospitalProvince" placeholder="省份" lay-filter="hospitalProvince" style="width: 400px;">
|
</select></div>
|
<div class="layui-col-sm4">
|
<select id="hospitalCity" placeholder="市" lay-filter="hospitalCity" style="width: 350px;">
|
<option value="">选择市</option>
|
</select></div>
|
<div class="layui-col-sm4">
|
<select id="hospitalArea" placeholder="区县" lay-filter="hospitalArea" style="width: 350px;">
|
<option value="">选择区县</option>
|
</select>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">地址</label>
|
<div class="layui-input-block">
|
<input name="hospitalAdress" type="text" class="layui-input" maxlength="100" />
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<div class="layui-row">
|
<div class="layui-col-sm3">
|
<label class="layui-form-label">区号</label>
|
<div class="layui-input-block">
|
<input name="areaCode" type="text" class="layui-input" maxlength="10" />
|
</div>
|
</div>
|
<div class="layui-col-sm3">
|
<label class="layui-form-label">经度</label>
|
<div class="layui-input-block">
|
<input name="longitude" type="text" class="layui-input" maxlength="20" />
|
</div>
|
</div>
|
<div class="layui-col-sm3">
|
<label class="layui-form-label">纬度</label>
|
<div class="layui-input-block">
|
<input name="latitude" type="text" class="layui-input" maxlength="20" />
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">医院简介</label>
|
<div class="layui-input-block">
|
<textarea name="hospital_about" class="layui-textarea" maxlength="500"></textarea>
|
</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" lay-filter="hospital-form-submit" lay-submit>保存</button>
|
</div>
|
<input type="hidden" id="orgId" name="orgId" value=""/>
|
</form>
|
|
<script>
|
parent.layui.use(['form', 'table','util', 'config', 'admin', 'area', 'formSelects', 'dic', 'autocomplete'], function () {
|
var form = parent.layui.form;
|
var table = parent.layui.table;
|
var config = parent.layui.config;
|
var layer = parent.layui.layer;
|
var util = parent.layui.util;
|
var admin = parent.layui.admin;
|
var area = parent.layui.area;
|
var dic = parent.layui.dic;
|
var formSelects = parent.layui.formSelects;
|
var autocomplete = parent.layui.autocomplete;
|
var $ = parent.layui.jquery;
|
|
autocomplete.render({
|
elem: $('#hospitalName'),
|
cache: true,
|
url: config.base_server + 'api-user/syshospital',
|
response: { code: 'code', data: 'data' },
|
template_val: '{{d.hospitalName}}',
|
template_txt: '{{d.hospitalName}} <span class=\'layui-badge layui-bg-gray\'>{{d.id}}</span>',
|
onselect: function (resp) {
|
//$('#content1').html("NEW RENDER: " + JSON.stringify(resp));
|
}
|
})
|
//医院资质数据
|
dic.dicData("#hospitalQualifiedName", "HOSPITAL_QUALIFIED", "");
|
//医院类型数据
|
dic.dicData("#hospitalTypeName", "HOSPITAL_TYPE", "");
|
//省份数据加载
|
area.areaData("#hospitalProvince", 1, "", "");
|
//装载市区数据
|
form.on("select(hospitalProvince)", function (data) {
|
area.areasClear("#hospitalArea", 3);
|
area.areaData("#hospitalCity", 2, data.value, "");
|
});
|
//装载区县数据
|
form.on("select(hospitalCity)", function (data) {
|
area.areaData("#hospitalArea", 3, data.value, "");
|
});
|
//赋值资质数据ID
|
form.on("select(hospitalQualifiedName)", function (data) {
|
$("#hospitalQualifiedId").val(data.value);
|
});
|
//赋值医院类型数据ID
|
form.on("select(hospitalTypeName)", function (data) {
|
$("#hospitalTypeId").val(data.value);
|
});
|
|
// 回显组织数据
|
let orgs = admin.getTempData('t_org');
|
if (orgs != null) {
|
$('input[name="hospitalName"]').val(orgs.orgName);
|
$('input[name="orgId"]').val(orgs.id);
|
form.render();
|
}
|
// 表单提交事件
|
form.on('submit(hospital-form-submit)', function (data) {
|
layer.load(2);
|
if(data.field!=null){
|
|
data.field.hospitalTypeName=$("#hospitalTypeName option:selected").text();
|
data.field.hospitalQualifiedName=$("#hospitalQualifiedName option:selected").text();
|
data.field.hospitalProvince=$("#hospitalProvince option:selected").text();
|
data.field.hospitalCity=$("#hospitalCity option:selected").text();
|
data.field.hospitalArea=$("#hospitalArea option:selected").text();
|
|
admin.req('api-user/syshospital', JSON.stringify(data.field), function (data) {
|
layer.closeAll('loading');
|
if (data.code == 0) {
|
//将医院数据存入本地
|
admin.putTempData('t_hospital', data.data);
|
layer.msg(data.msg, { icon: 1, time: 1000 }, function () {
|
//清理组织数据
|
admin.putTempData('t_org','');
|
});
|
} else {
|
layer.msg(data.msg, { icon: 2, time: 1000 });
|
}
|
}, "POST");}
|
else{
|
layer.msg("数据异常！", { icon: 2, time: 1000 });
|
}
|
return false;
|
});
|
});
|
</script>
|
