<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>编辑</title>
    <link rel="stylesheet" th:href="@{/lib/layui/css/layui.css}" media="all">
    <link rel="stylesheet" th:href="@{/css/public.css}" media="all">
    <link rel="stylesheet" th:href="@{/lib/font-awesome-4.7.0/css/font-awesome.min.css}" media="all">
    <style>
        body {
            background-color: #ffffff;
        }
    </style>
</head>
<body>
<div class="layui-form layuimini-form" style="margin-left: -10px">
    <div class="layui-form-item layui-inline">
        <label class="layui-form-label">编码</label>
        <div class="layui-input-inline" style="width: 300px">
            <input type="text" id="bm" name="bm" class="layui-input" th:value="${baseCompany.bm}" readonly>
        </div>
        <label class="layui-form-label">类型</label>
        <div class="layui-input-inline" style="width: 300px">
            <input type="text" id="lxmc" name="lxmc" class="layui-input" th:value="${baseCompany.lxmc}" readonly>
        </div>
    </div>
    <!--        <div class="layui-form-item layui-inline">-->
    <!--            <label class="layui-form-label">父编码</label>-->
    <!--            <div class="layui-input-inline" style="width: 300px">-->
    <!--                <input type="text" id="fbm" name="fbm" class="layui-input" th:value="${baseCompany.fbm}" readonly>-->
    <!--            </div>-->
    <!--            <label class="layui-form-label">排序</label>-->
    <!--            <div class="layui-input-inline" style="width: 300px">-->
    <!--                <input type="text" id="px" name="px" class="layui-input" th:value="${baseCompany.px}" readonly>-->
    <!--            </div>-->
    <!--        </div>-->
    <div class="layui-form-item layui-inline">
        <label class="layui-form-label">名称</label>
        <div class="layui-input-inline" style="width: 720px">
            <input type="text" id="mc" name="mc" class="layui-input" th:value="${baseCompany.mc}" readonly>
        </div>
    </div>
    <div class="layui-form-item layui-inline">
        <label class="layui-form-label required">单位全称</label>
        <div class="layui-input-inline" style="width: 720px">
            <input type="text" id="dwqc" name="dwqc" class="layui-input" th:value="${baseCompany.dwqc}" readonly>
            <!--                                <tip1>单位全称，请务必填写正确，如果提示重复，请选择已存在的单位</tip1>-->
        </div>
    </div>
    <div class="layui-form-item layui-inline">
        <label class="layui-form-label">所在地</label>
        <div class="layui-input-inline" style="width: 300px">
            <input type="text" id="szd" name="szd" class="layui-input" th:value="${baseCompany.szd}" readonly>
        </div>
        <div class="layui-form-label">邮政编码</div>
        <div class="layui-input-inline" style="width: 300px">
            <input type="text" id="yzbm" name="yzbm" class="layui-input" th:value="${baseCompany.yzbm}" readonly>
        </div>
    </div>
    <div class="layui-form-item layui-inline">
        <label class="layui-form-label">通讯地址</label>
        <div class="layui-input-inline" style="width: 720px">
            <input type="text" id="txdz" name="txdz" class="layui-input" th:value="${baseCompany.txdz}" readonly>
        </div>
    </div>
    <div class="layui-form-item layui-inline">
        <label class="layui-form-label">单位性质</label>
        <div class="layui-input-inline" style="width: 720px">
            <input type="text" id="dwxzmc" name="dwxzmc" class="layui-input" th:value="${baseCompany.dwxzmc}" readonly>
        </div>
    </div>
    <div class="layui-form-item layui-inline">
        <label class="layui-form-label">联系人</label>
        <div class="layui-input-inline" style="width: 720px">
            <input type="text" id="lxrxm" name="lxrxm" class="layui-input" th:value="${baseCompany.lxrxm}" readonly>
        </div>
    </div>
    <div class="layui-form-item layui-inline">
        <label class="layui-form-label">姓名</label>
        <div class="layui-input-inline" style="width: 300px">
            <input type="text" id="xm" name="xm" class="layui-input" th:value="${baseCompany.xm}" readonly>
        </div>
        <label class="layui-form-label">固定电话</label>
        <div class="layui-input-inline" style="width: 300px">
            <input type="text" id="gddh" name="gddh" class="layui-input" th:value="${baseCompany.gddh}" readonly>
        </div>
    </div>
    <div class="layui-form-item layui-inline">
        <label class="layui-form-label">电子邮件</label>
        <div class="layui-input-inline" style="width: 300px">
            <input type="text" id="dzyj" name="dzyj" class="layui-input" th:value="${baseCompany.dzyj}" readonly>
        </div>
        <label class="layui-form-label">移动电话</label>
        <div class="layui-input-inline" style="width: 300px">
            <input type="text" id="yddh" name="yddh" class="layui-input" th:value="${baseCompany.yddh}" readonly>
        </div>
    </div>
    <div class="layui-form-item layui-inline">
        <label class="layui-form-label">传真</label>
        <div class="layui-input-inline" style="width: 300px">
            <input type="text" id="cz" name="cz" class="layui-input" th:value="${baseCompany.cz}" readonly>
        </div>
        <!--            <label class="layui-form-label">系统单位</label>-->
        <!--            <div class="layui-input-inline" style="width: 300px">-->
        <!--                <input type="text" id="xtdw" name="xtdw" class="layui-input" th:value="${baseCompany.xtdw}" readonly>-->
        <!--            </div>-->
    </div>
    <!-- 右侧悬浮按钮 -->
    <div class="right-bottom-btn">
        <button class="layui-btn" lay-filter="cancleBtn">
            <i class="layui-icon layui-icon-close"></i>关闭
        </button>
    </div>
</div>

<script th:src="@{/lib/jquery-3.4.1/jquery-3.4.1.min.js}" charset="utf-8"></script>
<script th:src="@{/lib/layui/layui.js}" charset="utf-8"></script>
<script th:src="@{/lib/md5/md5.min.js}" charset="utf-8"></script>
<script th:src="@{/lib/xm-select-v1.2.2/xm-select.js}" charset="utf-8"></script>
<script th:src="@{/lib/coco-message/coco-message.js}" charset="utf-8"></script>
<script th:src="@{/js/lay-config.js}" charset="utf-8"></script>

<script type="text/javascript" th:inline="javascript">
    AjaxUtil.ctx = /*[[@{/}]]*/'';
    layui.use(['form', 'layer', 'layCascader', 'tableSelect'], function () {
        var form = layui.form,
            layCascader = layui.layCascader,
            layer = layui.layer,
            tableSelect = layui.tableSelect;

        // 监听取消按钮
        $("button[lay-filter='cancleBtn']").click(function () {
            var iframeIndex = parent.layer.getFrameIndex(window.name);
            parent.layer.close(iframeIndex);
        });
    });

    /**
     *  扁平数据转树结构
     * @returns {[]}
     * @param data
     * @param firstPid
     */
    function arrayToTree(data, firstPid) {
        const result = [];
        getChildren(data, result, firstPid)
        return result;
    }

    function getChildren(data, result, parentId) {
        for (const item of data) {
            if (item.pid.toString() === parentId) {
                const newItem = {...item, children: []};
                result.push(newItem);
                getChildren(data, newItem.children, item.id.toString());
            }
        }
    }
</script>
</body>
</html>