siwei
/
visualization


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154
							<!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">
    <title>土地规划与资源监测评价服务平台</title>
    <link rel="stylesheet" href="./css/layui.css" media="all">
    <style>
        body, html {
            width: 100%;
            height: 100%;
            position: absolute;
            padding: 0px;
            margin: 0px;
            overflow: hidden;
        }
        .headerClass {
            height: 50px;
            width: 100%;
            position: absolute;
            background: #0078d7;
            color: white;
            line-height: 50px;
            font-size: 22px;
            font-weight: bold;
            padding-left: 35px;
            display: flex;
            align-items: center;
            user-select: none;
            font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,\5fae\8f6f\96c5\9ed1,Arial,sans-serif!important;
        }
        .containerClass {
            width: 100%;
            position: absolute;
            top: 50px;
            height: calc(100% - 75px);
        }
        .bottomClass {
            position: absolute;
            bottom: 0px;
            height: 25px;
            width: 100%;
            background: #0078d7;
        }
        #VisualizationIframe{
            width:100%;
            height:100%;
        }
    </style>
</head>

<body>
    <div class="headerClass">
        土地资源分析评价
        <div style="height: 70%;width: 1px;background-color: #fff;margin: 0px 20px;"></div>
        <span id="menuTxt" style="font-weight: 700;font-size: 16px;cursor: pointer;">多尺度耕地质量变化情况分析</span>
        
        <span id="dropdownMenu"  style="cursor: pointer;">
            <i class="layui-icon layui-icon-app" style="font-size: 18px;margin-left: 10px;"></i>
        </span>
    </div>
    <div class="containerClass">
        <iframe src="/AlwaysDifferent.html" name="VisualizationIframe" id="VisualizationIframe" frameborder="no" border="0" marginwidth="0"
                marginheight="0" scrolling="no" allowtransparency="yes"></iframe>
    </div>
    <div class="bottomClass">

    </div>
    <script src="./js/jquery-3.1.1.min.js"></script>
    <script src="./js/layui.js"></script>

    <script>
        // 正则判断
        function getUrlParam(name) {
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
            var r = window.location.search.substr(1).match(reg);
            if (r != null) {
                return r[2];
            }
            return null;
        }
        layui.use('dropdown', function () {
            var dropdown = layui.dropdown
            dropdown.render({
                elem: '#dropdownMenu' //可绑定在任意元素中，此处以上述按钮为例
                , align: 'center'
                , data: [{
                    title: '多尺度耕地质量变化情况分析'
                    , id: 100
                    , href: '#',
                    value: "GDZL"
                }, {
                    title: '多尺度土地生态退化情况分析'
                    , id: 101
                    , href: '#',
                    value: "STTHTJ"
                }]
                , id: 'dropdownMenu'
                //菜单被点击的事件
                , click: function (obj) {
                    $('#menuTxt').html(obj.title)
                    console.log(obj);
                    var type = obj.value
                    switch (type) {
                        case "GDZLDB"://多尺度耕地质量变化情况分析
                            $("#VisualizationIframe").attr("src", "/AlwaysDifferent.html");
                            break;
                        case "STTHTJ"://多尺度土地生态退化情况分析
                            $("#VisualizationIframe").attr("src", "/degradationStatistics.html");
                            break;
                        // case "NYDZLPJ"://农用地质量评价
                        //     $("#VisualizationIframe").attr("src", "/AlwaysDifferent.html");
                        //     break;
                        default:
                            $("#VisualizationIframe").attr("src", "/AlwaysDifferent.html");
                            break;
                    }
                }
            });
        });
        //window.onload = function () {
        //    var type = getUrlParam("type");
        //    switch (type) {
        //        case "TDGY"://土地供应总量
        //            $("#VisualizationIframe").attr("src", "/Visualization.html");
        //            break;
        //        case "GDZLDB"://耕地质量总别
        //            $("#VisualizationIframe").attr("src", "/AlwaysDifferent.html");
        //            break;
        //        case "STTHTJ"://生态退化统计  degradationStatistics
        //            $("#VisualizationIframe").attr("src", "/degradationStatistics.html");
        //            break;
        //        case "ZNXZ":// 智能选址
        //            $("#VisualizationIframe").attr("src", "/Intelligentlocation/Intelligentlocation.html");
        //            break;
        //        case "BDCDJXNTJ":// 不动产登记信息统计  
        //            $("#VisualizationIframe").attr("src", "/budongchan.html");
        //            break;
        //        case "KFLYQKTJ": //开发利用情况统计
        //            $("#VisualizationIframe").attr("src", "/KaiFaLiYong.html");
        //            break;
        //        default:
        //            $("#VisualizationIframe").attr("src", "/Visualization.html");
        //            break;
        //    }
        // } 
    
    </script>
    
</body>

</html>