forked from kidgrow-microservices-platform
blame | history | patch | commit | commitdiff | ignore whitespace
zhaoxiaohao
2020-04-20 519a87f05bd981ae4fcb56fb4cbe56cd119e24b0 
 kidgrow-web/kidgrow-web-manager/src/main/resources/static/pages/opration/hospital_form_base.html


New file


@@ -0,0 +1,208 @@


<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>