From 0928fba7cd5576d2932859b1d4942464c720d92f Mon Sep 17 00:00:00 2001
From: 侯瑞军 <411269194@kidgrow.com>
Date: Fri, 17 Apr 2020 19:03:08 +0800
Subject: [PATCH] 1.组织数据功能分离独立成模块 2.组织，医院，科室添加/修改功能 3.本周整理制作了3类JS通用插件（字典分类加载下来列表通用组件，省市区联动通用组件，文本框按输入内容自动搜索提示数据通用组件）
---
kidgrow-web/kidgrow-web-manager/src/main/resources/static/pages/opration/hospital_form_base.html | 197 ++++++++++++++++++++++++++++++++++---------------
1 files changed, 136 insertions(+), 61 deletions(-)
diff --git a/kidgrow-web/kidgrow-web-manager/src/main/resources/static/pages/opration/hospital_form_base.html b/kidgrow-web/kidgrow-web-manager/src/main/resources/static/pages/opration/hospital_form_base.html
index f3d1545..1eaca5e 100644
--- a/kidgrow-web/kidgrow-web-manager/src/main/resources/static/pages/opration/hospital_form_base.html
+++ b/kidgrow-web/kidgrow-web-manager/src/main/resources/static/pages/opration/hospital_form_base.html
@@ -1,55 +1,80 @@
-<fieldset class="layui-elem-field layui-field-title">
- <legend>医院基本信息</legend>
-</fieldset>
<form id="hospital-form" lay-filter="hospital-form" class="layui-form model-form" method="POST">
<div class="layui-form-item">
- <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" />
+ <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">
- <label class="layui-form-label">医院简称</label>
- <div class="layui-input-block">
- <input name="hospitalShortName" type="text" class="layui-input" maxlength="50" />
+ <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">
- <label class="layui-form-label">医院类型</label>
- <div class="layui-input-block">
- <input name="hospitalTypeId" id="hospitalTypeId" type="hidden" />
- <select name="hospitalTypeName" id="hospitalTypeName" lay-filter="hospitalTypeName">
- <option value="">请选择</option>
- </select>
+ <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">
- <label class="layui-form-label">医院资质</label>
- <div class="layui-input-block">
- <input name="hospitalQualifiedId" id="hospitalQualifiedId" type="hidden" />
- <select name="hospitalQualifiedName" id="hospitalQualifiedName" lay-filter="hospitalQualifiedName">
- <option value="">请选择</option>
- </select>
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">所在地区</label>
- <div class="layui-input-block">
- <select id="hospitalProvince" placeholder="省份" lay-filter="hospitalProvince">
- </select>
- <select id="hospitalCity" placeholder="市" lay-filter="hospitalCity">
- <option value="">选择市</option>
- </select>
- <select id="hospitalArea" placeholder="区县" lay-filter="hospitalArea">
- <option value="">选择区县</option>
- </select>
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">区号</label>
- <div class="layui-input-block">
- <input name="areaCode" type="text" class="layui-input" maxlength="10" />
+ <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">
@@ -59,41 +84,54 @@
</div>
</div>
<div class="layui-form-item">
- <label class="layui-form-label">经度</label>
- <div class="layui-input-block">
- <input name="longitude" type="text" class="layui-input" maxlength="20" />
+ <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 class="layui-form-item">
- <label class="layui-form-label">纬度</label>
- <div class="layui-input-block">
- <input name="latitude" type="text" class="layui-input" maxlength="20" />
- </div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">医院简介</label>
<div class="layui-input-block">
- <input name="hospital_about" type="text" class="layui-input" maxlength="500" />
+ <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>
- layui.use(['form', 'table', 'laydate', 'util', 'config', 'admin', 'area', 'formSelects', 'dic', 'autocomplete'], function () {
- var form = layui.form;
- var table = layui.table;
- var config = layui.config;
- var layer = layui.layer;
- var util = layui.util;
- var admin = layui.admin;
- var area = layui.area;
- var dic = layui.dic;
- var formSelects = layui.formSelects;
- var autocomplete = layui.autocomplete;
+ 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'),
@@ -129,5 +167,42 @@
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>
\ No newline at end of file
--
Gitblit v1.8.0