<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org"
      xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<meta charset="utf-8">
<head>
   <th:block th:include="include :: header('选项卡 & 面板')" />
</head>

<link th:href="@{/ajax/libs/jquery-layout/jquery.layout-latest.css}" rel="stylesheet"/>
<link th:href="@{/ajax/libs/jquery-ztree/3.5/css/metro/zTreeStyle.css}" rel="stylesheet"/>

<body >
<div class="container-div ui-layout-center " style="margin-left:-15px;margin-right:-15px;">
    <div class="layui-tab layui-tab-card ">
        <div class="tabs-container">
            <ul class="nav nav-tabs">
                <li class="active"> <a data-toggle="tab" href="#tab-1" aria-expanded="false">企业基本信息</a> </li>
                <li> <a data-toggle="tab" href="#tab-2" aria-expanded="false">党建信息</a> </li>
                <li> <a data-toggle="tab" href="#tab-3" aria-expanded="false">股东(出资人)</a></li>
                <li> <a data-toggle="tab" href="#tab-4" aria-expanded="false">法定代表人、董事、监事、经理</a></li>
                <li> <a data-toggle="tab" href="#tab-5" aria-expanded="false">财务负责人</a></li>
            </ul>
            <div class="tab-content">
                <div id="tab-1" class="tab-pane active">
                    <!--企业基本信息-->
                    <div th:if="${if1}" class="layui-tab-item layui-show">
                        <iframe id="iframe0" name="iframe0" width="100%" height="900px" data-id="/system/main"
                                th:src="'/company/tenant/qymessage?id='+${id}" frameborder="0"
                                seamless></iframe>
                    </div>
                </div>
                <!--党建信息-->
                <div id="tab-2" class="tab-pane">
                    <div class="layui-tab-item layui-show">
                        <iframe id="iframe1"   name="iframe1" width="100%" height="900px" data-id="/system/main"
                                th:src="'/company/tenant/partymessage?id='+${id}" frameborder="0"
                                seamless></iframe>
                    </div>
                </div>
                <!--股东(出资人)-->
                <div id="tab-3" class="tab-pane">
                    <div class="layui-tab-item layui-show">
                        <iframe id="iframe2"   name="iframe2" width="100%" height="900px" data-id="/system/main"
                                th:src="'/company/tenant/shareholder?id='+${id}" frameborder="0"
                                seamless></iframe>
                    </div>
                </div>
                <!--法定代表人、董事、监事、经理-->
                <div id="tab-4" class="tab-pane">
                    <div class="layui-tab-item layui-show">
                        <iframe id="iframe3"   name="iframe2" width="100%" height="900px" data-id="/system/main"
                                th:src="'/company/tenant/director?id='+${id}" frameborder="0"
                                seamless></iframe>
                    </div>
                </div>
                <!--财务负责人-->
                <div id="tab-5" class="tab-pane">
                    <div class="layui-tab-item layui-show">
                        <iframe id="iframe4"   name="iframe2" width="100%" height="900px" data-id="/system/main"
                                th:src="'/company/tenant/finance?id='+${id}" frameborder="0"
                                seamless></iframe>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div th:include="include :: footer"></div>
<script th:src="@{/ajax/libs/jquery-layout/jquery.layout-latest.js}"></script>
<script th:src="@{/ajax/libs/jquery-ztree/3.5/js/jquery.ztree.all-3.5.js}"></script>
<script th:inline="javascript">
 layui.use('element', function () {
        var element = layui.element;
        $('.site-demo-active').on('click', function () {
            var othis = $(this), type = othis.data('type');
            active[type] ? active[type].call(this, othis) : '';
        });
    });
</script>
</body>
</html>
