<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="sourceHospitalName" id="sourceHospitalName" placeholder="请输入医院名称" type="text" class="layui-input"
|
maxlength="50" lay-verify="required" required style="width: 150px;"/>
|
<input type="hidden" name="sourceHospitalId" id="sourceHospitalId"/>
|
<input type="hidden" name="id" id="id"/>
|
</div>
|
</div>
|
<div class="layui-inline">
|
<label class="layui-form-label" style="width: 67px;">机构编码</label>
|
<div class="layui-input-block" style="width: 150px;">
|
<input name="organizationNo" id="organizationNo" placeholder="请输入机构编码" type="text" class="layui-input"
|
maxlength="10" lay-verify="required" required style="width: 150px;"/>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div style="display:flex">
|
<div class="layui-form-item">
|
<label class="layui-form-label" style="width: 75px;">所在区域</label>
|
<div class="layui-inline" style="width: 134px;">
|
<select lay-verify="required" required id="OrganizationProvince" placeholder="省份"
|
lay-filter="OrganizationProvince" >
|
</select>
|
</div>
|
<div class="layui-inline" style="width: 134px;">
|
<select id="OrganizationCity" lay-verify="required" required placeholder="市" lay-filter="OrganizationCity">
|
<option value="">选择市</option>
|
</select>
|
</div>
|
<div class="layui-inline" style="width: 134px;">
|
<select id="OrganizationArea" lay-verify="required" required placeholder="区县" lay-filter="OrganizationArea">
|
<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" style="width: 75px;">机构名称</label>
|
<div class="layui-input-block" style="width: 150px;">
|
<input name="organizationName" id="organizationName" placeholder="请输入机构名称" 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" style="width: 67px;">机构简称</label>
|
<div class="layui-input-block" style="width: 150px;">
|
<input name="abbreviation" id="abbreviation" placeholder="请输入机构简称" type="text" class="layui-input"
|
maxlength="10" lay-verify="required" required style="width: 150px;"/>
|
</div>
|
</div>
|
</div>
|
</div>
|
<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="contactName" id="contactName" placeholder="请输入联系人" type="text" class="layui-input"
|
maxlength="50" lay-verify="required" required style="width: 150px;"/>
|
</div>
|
</div>
|
<div class="layui-inline">
|
<label class="layui-form-label" style="width: 67px;">联系电话</label>
|
<div class="layui-input-block" style="width: 150px;">
|
<input name="contactNumber" id="contactNumber" placeholder="请输入联系电话" type="text" class="layui-input"
|
maxlength="15" lay-verify="number" required style="width: 150px;"/>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<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: 430px;">
|
<textarea name="remark" id="remark" lay-verify="required" required placeholder="请输入说明" class="layui-textarea"
|
style="width:99%;height:100px" maxlength="100"></textarea>
|
</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="screeningHospital-form-submit"
|
lay-submit>保存
|
</button>
|
</div>
|
</form>
|
|
<script>
|
layui.use(['form', 'laydate', 'util', 'config', 'admin', 'autocomplete', 'formSelects','area'], function () {
|
var form = layui.form;
|
var config = layui.config;
|
var layer = layui.layer;
|
var admin = layui.admin;
|
var autocomplete = layui.autocomplete;
|
var $ = layui.jquery;
|
var area = layui.area;
|
|
form.render();
|
|
//省份数据加载
|
area.areaData("#OrganizationProvince", 1, "", "");
|
|
//装载市区数据
|
form.on("select(OrganizationProvince)", function (data) {
|
area.areasClear("#OrganizationArea", 3);
|
area.areaData("#OrganizationCity", 2, data.value, "");
|
});
|
//装载区县数据
|
form.on("select(OrganizationCity)", function (data) {
|
area.areaData("#OrganizationArea", 3, data.value, "");
|
});
|
|
// 表单提交事件
|
form.on('submit(screeningHospital-form-submit)', function (data) {
|
data.field.sourceHospitalId = $("#sourceHospitalId").val();
|
data.field.sourceHospitalName = $("#sourceHospitalName").val();
|
data.field.province = $("#OrganizationProvince").val();
|
data.field.city = $("#OrganizationCity").val();
|
data.field.area = $("#OrganizationArea").val();
|
|
data.field.organizationName = $("#organizationName").val();
|
data.field.abbreviation = $("#abbreviation").val();
|
data.field.contactName = $("#contactName").val();
|
data.field.contactNumber = $("#contactNumber").val();
|
data.field.remarks = $("#remark").val();
|
data.field.areaCode=$("#OrganizationProvince option:selected").text() + $("#OrganizationCity option:selected").text()+
|
$("#OrganizationArea option:selected").text();
|
|
layer.load(2);
|
admin.req('api-opration/screeningorganizationinfo', 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: $('#sourceHospitalName')[0],
|
keywordsName: 'hospitalName', //查询关键字名称
|
url: config.base_server + 'api-opration/hospitalscreening/findByName',
|
template_val: '{{d.hospitalName}}', //选择后文本框显示的数据字段
|
template_txt: "<div class='layui-table-cell'>{{d.hospitalName}}</div>", //下拉列表模板
|
onselect: function (resp) {
|
$("#sourceHospitalId").val(resp.id);
|
}
|
});
|
|
var screeningOrganization = admin.getTempData('t_screeningOrganization');
|
if(screeningOrganization){
|
$("#sourceHospitalName").val(screeningOrganization.sourceHospitalName);
|
$("#sourceHospitalId").val(screeningOrganization.sourceHospitalId);
|
$("#id").val(screeningOrganization.id);
|
$("#organizationNo").val(screeningOrganization.organizationNo);
|
$("#OrganizationProvince").val(screeningOrganization.province);
|
area.areaData("#OrganizationCity", 2, $("#OrganizationProvince").val(), screeningOrganization.city);
|
$("#OrganizationCity").val(screeningOrganization.city);
|
area.areaData("#OrganizationArea", 3, $("#OrganizationCity").val(), screeningOrganization.area);
|
$("#OrganizationArea").val(screeningOrganization.area);
|
|
$("#organizationName").val(screeningOrganization.organizationName);
|
$("#abbreviation").val(screeningOrganization.abbreviation);
|
$("#contactName").val(screeningOrganization.contactName);
|
$("#contactNumber").val(screeningOrganization.contactNumber);
|
$("#remark").val(screeningOrganization.remarks);
|
|
form.render();
|
}
|
});
|
</script>
|
