forked from kidgrow-microservices-platform

zhaoxiaohao
2020-09-18 daa697719eb0ddfd170f1ab94c5422a4f5b93951
kidgrow-web/kidgrow-web-manager/src/main/resources/static/pages/opration/org_form.html
New file
@@ -0,0 +1,113 @@
<form id="app-form" lay-filter="app-form" class="layui-form model-form">
    <input name="id" type="hidden" />
    <div class="layui-form-item">
        <label class="layui-form-label">上级组织:</label>
        <div class="layui-input-block">
            <div id="orgParentId-tree" class="demo-tree demo-tree-box"></div>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">上级组织:</label>
        <div class="layui-input-block">
            <input name="orgParentId" id="orgParentId" type="hidden" value="-1" class="layui-input" maxlength="20" />
            <input name="orgParentName" id="orgParentName" type="text" class="layui-input" maxlength="50" readonly />
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">组织类型:</label>
        <div class="layui-input-block">
            <select id="orgAttr" name="orgAttr" placeholder="选择一个类型">
                <option value="">-请选择-</option>
                <option value="0">集团</option>
                <option value="1">公司/医院</option>
                <option value="2">部门/科室</option>
                <option value="3">子部门/子科室</option>
            </select>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">组织层级:</label>
        <div class="layui-input-block">
            <select name="orgLevel" id='orgLevel' placeholder="选择一个层级">
                <option value="">-请选择-</option>
                <option value="0">1级</option>
                <option value="1">2级</option>
                <option value="2">3级</option>
                <option value="3">4级</option>
                <option value="4">5级</option>
                <option value="5">6级</option>
                <option value="6">7级</option>
                <option value="7">8级</option>
                <option value="8">9级</option>
            </select>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">医院/科室名称:</label>
        <div class="layui-input-block">
            <input name="orgName" type="text" class="layui-input" maxlength="20" />
        </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 permissions" permissions="sysorganization-edit" id="sure" lay-filter="org-form-submit" lay-submit>保存</button>
    </div>
</form>
<script>
    parent.layui.use(['form', 'table', 'laydate', 'util', 'tree', 'config', 'admin'], 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 tree = parent.layui.tree;
        var $ = parent.layui.jquery;
        permissionsInput(res,config);
        //组织结构树
        var getData = function () {
            admin.req('api-user/sysorganization/getTree', { is_del: 0, enabled: 1 }, function (data) {
                if (0 === data.code) {
                    tree({
                        elem: "#orgParentId-tree",
                        nodes: data.data,
                        click: function (node) {
                            //将数据赋值
                            $("#orgParentId").val(node.id);
                            $("#orgParentName").val(node.name);
                            $("#orgAttr").val(node.level + 1);
                            $("#orgLevel").val(node.level + 1);
                            //刷新form表单
                            form.render('select');
                        }
                    });
                } else {
                    layer.msg(data.msg, { icon: 2, time: 1000 });
                }
            }, 'get');
        }
        // 表单提交事件
        form.on('submit(org-form-submit)', function (data) {
            layer.load(2);
            admin.req('api-user/sysorganization', JSON.stringify(data.field), function (data) {
                layer.closeAll('loading');
                if (data.code == 0) {
                    //将组织数据存入本地
                    admin.putTempData('t_org', data.data);
                    //组织数据维护成功后,进入医院基本信息页面
                    layer.msg("组织数据编辑成功,继续编辑基本数据...", { icon: 1, time: 1000 },function(){
                        //admin.finishPopupCenter();
                    });
                } else {
                    layer.msg(data.msg, { icon: 2, time: 1000 });
                }
            }, "POST");
            return false;
        });
        form.render();
        getData();
    });
</script>