siwei
/
visualization


			
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
							<!--
 * @Descripttion: 
 * @version: 
 * @Author: 牛夏蕊
 * @Date: 2023-06-29 10:39:18
 * @LastEditors: 牛夏蕊
 * @LastEditTime: 2023-07-10 15:09:34
-->
<!DOCTYPE html>
<html style="height: 100%">

<head>
    <meta http-equiv="Cache-Control" content="max-age=864000000000">
    <meta http-equiv="Access-Control-Allow-Origin" content="*" />
    <meta http-equiv="expires" content="0">
    <meta charset="utf-8">
    <link rel="stylesheet" href="./css/layui.css" media="all">
    <link rel="stylesheet" href="./css/index.css" media="all">
</head>

<body onresize="windowResizeFun()">
    <div class="loading">
        <img src="./font/loading.gif" style=" width: 220px; height: 150px;opacity: 0.85;" />
    </div>
    <div class="topLeft borderStyle" style="height: 55% !important;">
        <div id="container" class="containerClass" style="margin: 10px; width: calc(100% - 20px); height: calc(100% - 20px);"></div>
        <div class="XZQDiv">
            行政区域：<span class="layui-breadcrumb" lay-separator=">">
                <a class='xzqBtn' value='' type='1'>山西省</a>
            </span>
            <div id="yearSlide">
                当前：<span class="yearSpan"></span><div id="yearSlideContainer" class="demo-slider"></div>
            </div>
        </div>

    </div>
    <div class="topRight borderStyle" id="myChart1" style="height: 45% !important;">
        <div class="splitLine"></div>
        <div class="containerClass" id="containerClass1" style="margin: 10px; width: calc(100% - 20px); height: calc(100% - 20px);"></div>
    </div>
    <div class="bottomLeft borderStyle" id="myChart2" style="height: 45% !important; top: 55%;">
        <div style="" class="titleClass"><img class="titleImage" src="./font/query.png" />土地供应详细信息查询</div>
        <div class="containerClass" id="containerClass2" style="margin: 10px 0px 10px 10px; width: calc(100% - 20px); height: calc(100% - 45px); position: absolute; top: 25px;">
            <div id='myChartTable2' lay-filter='myChartTable2' style="width: 95%;"></div>
        </div>
    </div>
    <div class="bottomRight borderStyle" id="myChart3" style="height: 55% !important; top: 45%;">
        <div class="splitLine"></div>
        <div class="containerClass" id="containerClass3" style="margin: 10px; width: calc(100% - 20px); height: calc(100% - 20px);"></div>
    </div>


    <script type="text/javascript" src="./js/echarts.min.js"></script>
    <script src="./js/jquery-3.1.1.min.js"></script>
    <script src="./js/layui.all.js"></script>
    <!-- <script src="/scripts/BaseP/User/userinfo.js"></script> -->
    <script src="./js/config.js"></script>
    <script src="./js/utils.js"></script>
    <script src="./js/index.js"></script>

    <script type="text/html" id="toolbarDemo">
        <div class="layui-btn-container">
            <span class="querySpan">筛选条件：</span>
            <input type="text" autocomplete="off" placeholder="行政区名称" field="XZQ" class="queryInput layui-input">
            <input type="text" autocomplete="off" placeholder="项目名称" field="XMMC" class="queryInput layui-input">
            <input type="text" autocomplete="off" placeholder="批准文号" field="PZWH" class="queryInput layui-input">
            <input type="text" autocomplete="off" placeholder="合同编号" field="HTBH" class="queryInput layui-input">
            <input type="text" autocomplete="off" placeholder="受让人" field="SRR" class="queryInput layui-input">
            <button class="layui-btn layui-btn-sm" lay-event="queryData">查询</button>
        </div>
    </script>
</body>

</html>