<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"/>
|
<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" style="width: 75px;">推送筛查</label>
|
<div class="layui-input-block" style="width: 150px;">
|
<input name="isScreeningPush" id="isScreeningPush_yes" type="radio" value="1" title="是"
|
class="layui-input"/>
|
<input name="isScreeningPush" id="isScreeningPush_no" type="radio" checked value="0" title="否"
|
class="layui-input"/>
|
</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="contactNumber" id="contactNumber" placeholder="联系电话" lay-verify="required" required class="layui-input" maxlength="20"/>
|
|
</div>
|
</div>
|
<div class="layui-inline">
|
<label class="layui-form-label" style="width: 68px;">联系地址</label>
|
<div class="layui-input-block" style="width: 150px;">
|
<input name="contactAddress" id="contactAddress" lay-verify="required" required 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">推送标题</label>
|
<div class="layui-input-block" style="width: 150px;">
|
<textarea name="pushTitle" id="pushTitle" placeholder="请输入推送标题" lay-verify="required" required class="layui-textarea"
|
style="width:99%;height:100px"></textarea>
|
|
</div>
|
</div>
|
<div class="layui-inline">
|
<label class="layui-form-label" style="width: 68px;">推送描述</label>
|
<div class="layui-input-block" style="width: 150px;">
|
<textarea name="pushDescription" id="pushDescription" lay-verify="required" required placeholder="请输入推送描述" class="layui-textarea"
|
style="width:99%;height:100px"></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: 150px;">
|
<button type="button" class="layui-btn" id="qr">
|
<i class="layui-icon"></i>上传图片
|
</button>
|
<input name="hospitalQrImage" id="hospitalQrImage" 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="qrImage" style="text-align: center"></div>
|
</blockquote>
|
</div>
|
</div>
|
<div class="layui-inline">
|
<label class="layui-form-label" style="width: 85px;">微站首页图片</label>
|
<div class="layui-input-block" style="width: 150px;">
|
<button type="button" class="layui-btn" id="phonto">
|
<i class="layui-icon"></i>上传图片
|
</button>
|
<input name="homePage" id="homePage" 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="indexImage"></div>
|
</blockquote>
|
</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'], 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;
|
|
form.render();
|
|
// 表单提交事件
|
form.on('submit(screeningHospital-form-submit)', function (data) {
|
data.field.hospitalId = $("#hospitalId").val();
|
data.field.hospitalName = $("#hospitalName").val();
|
data.field.pushTitle = $("#pushTitle").val();
|
data.field.pushDescription = $("#pushDescription").val();
|
data.field.enabled = "1";
|
data.field.contactNumber = $("#contactNumber").val();
|
data.field.contactAddress = $("#contactAddress").val();
|
data.field.departmentId = $("#departmentId").val();
|
data.field.departmentName = $("#departmentName").val();
|
|
layer.load(2);
|
admin.req('api-opration/hospitalscreening', 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);
|
}
|
});
|
//上传二维码
|
upload.render({
|
elem: '#qr',
|
url: config.base_server + 'api-file/files-upload',
|
accept: 'file',
|
auto: true,
|
headers: {
|
"Authorization": "Bearer " + config.getToken().access_token
|
},
|
data:{"imgType":"customerhospital"},
|
before: function (obj) {
|
layer.load(); //上传loading
|
//预读本地文件示例，不支持ie8
|
obj.preview(function (index, file, result) {
|
$("#qrImage").html('');
|
$('#qrImage').append('<img src="' + result +
|
'" width="60px" height="60px" alt="' + file.name +
|
'" class="layui-upload-img">')
|
});
|
},
|
done: function (data) {
|
layer.closeAll('loading');
|
$("#hospitalQrImage").val(data.url);
|
},
|
error: function (data) {
|
layer.closeAll('loading');
|
}
|
});
|
//微站首页图片
|
upload.render({
|
elem: '#phonto',
|
url: config.base_server + 'api-file/files-upload',
|
accept: 'file',
|
auto: true,
|
headers: {
|
"Authorization": "Bearer " + config.getToken().access_token
|
},
|
data:{"imgType":"customerhospital"},
|
before: function (obj) {
|
layer.load(); //上传loading
|
//预读本地文件示例，不支持ie8
|
obj.preview(function (index, file, result) {
|
$("#indexImage").html('');
|
$('#indexImage').append('<img src="' + result +
|
'" width="110px" height="50px" alt="' + file.name +
|
'" class="layui-upload-img">')
|
});
|
},
|
done: function (data) {
|
layer.closeAll('loading');
|
$("#homePage").val(data.url);
|
},
|
error: function (data) {
|
layer.closeAll('loading');
|
}
|
});
|
|
//新增 和 更新 科室触发的事件
|
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: 2000
|
});
|
}
|
}, 'get');
|
}
|
|
var screeningHospital = admin.getTempData('t_screeningHospital');
|
if(screeningHospital){
|
$("#hospitalName").val(screeningHospital.hospitalName);
|
$("#hospitalId").val(screeningHospital.hospitalId);
|
$("#id").val(screeningHospital.id);
|
$("#pushTitle").val(screeningHospital.pushTitle);
|
$("#pushDescription").val(screeningHospital.pushDescription);
|
$("#contactNumber").val(screeningHospital.contactNumber);
|
$("#contactAddress").val(screeningHospital.contactAddress);
|
|
if (screeningHospital.isScreeningPush == 1) {
|
$("#isScreeningPush_yes").prop("checked", true)
|
} else {
|
$('#isScreeningPush_no').prop("checked", true)
|
}
|
|
$("#hospitalQrImage").val(screeningHospital.hospitalQrImage);
|
$('#qrImage').append('<img src="' + screeningHospital.hospitalQrImage +
|
'" width="50px" height="50px" class="layui-upload-img">');
|
|
$("#homePage").val(screeningHospital.homePage);
|
$('#indexImage').append('<img src="' + screeningHospital.homePage +
|
'" width="50px" height="50px" class="layui-upload-img">');
|
|
getdepartment(screeningHospital.hospitalId);
|
form.render();
|
}
|
});
|
</script>
|
