zhaoxing
2023-09-18 4293acd19644bbaa974ad60ae00edaaee0ef7e62
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<!DOCTYPE html>
<html class="no-js css-menubar" lang="zh-cn">
 
<head>
    <title>上海市道路交通环境监测平台</title>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <!-- 移动设备 viewport -->
    <meta name="viewport"
        content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,minimal-ui" />
    <meta name="author" content="上海市道路交通环境监测平台" />
    <!-- 360浏览器默认使用Webkit内核 -->
    <meta name="renderer" content="webkit" />
    <!-- Chrome浏览器添加桌面快捷方式(安卓) -->
    <link rel="icon" type="image/png" href="img/favicon/favicon.png" />
    <meta name="mobile-web-app-capable" content="yes" />
    <!-- Safari浏览器添加到主屏幕(IOS) -->
    <link rel="icon" sizes="192x192" href="img/favicon/apple-touch-icon.png" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="apple-mobile-web-app-title" content="MarsGIS" />
 
    <!--第三方lib-->
    <script type="text/javascript" src="../lib/include-lib.js?time=20210803" libpath="../lib/" include="jquery"></script>
    <link href="css/style.css" rel="stylesheet" />
 
</head>
 
<body>
    <div class="page">
        <div class="header">
            <div class="title">监控总览</div>
        </div>
 
    <div class="main map-panel" id="a1">
        <div class="map-panel-item">
            <iframe src="road_search.html"></iframe>
        </div>
    </div>
    <div class="footbar">
        <ul>
            <li>
                <a href="cars.html"><img src="img/cars.png"><span>车辆显示</span></a>
            </li>
            <li>
                <a href="road.html" class="active"><img src="img/monitor_active.png"><span>监控总览</span></a>
            </li>
            <li>
                <a href="data.html"><img src="img/data.png"><span>数据总览</span></a>
            </li>
        </ul>
    </div>
    <!--tabtbar 结束-->
</div>
    <script>
        $.fn.$btnId = function () {
            $(this).children().click(function () {
                $(this).addClass('active').siblings().removeClass('active')
                // console.log($(this).index())
                var $index = $(this).index()
                var $Id = $(this).parent().data('target')
                //  console.log($Id)
                $($Id).children().eq($index).show().siblings().hide()
            })
        }
        $("[btn='btn']").$btnId()
        $("#name_").html(localStorage.getItem("name"));
    </script>
</body>
 
</html>