index.html
4.47 KB
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
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
<link href="css/lineControl.css" rel="stylesheet" type="text/css" />
<link href="/metronic_v4.5.4/css/animate.min.css" rel="stylesheet" type="text/css" />
<div class="portlet light portlet-fullscreen" style="transition: all .5s ease;padding: 0;">
<div class="portlet-title" style="padding: 17px 20px 0px 20px;border-bottom: none;margin-bottom: 0;background: linear-gradient(to right ,#082F4A, #125688,#0a3f64);padding-bottom: 5px;">
<div class="caption col_hide_1280" style="color: #FFF;">
<i class="fa fa-life-ring" style="font-size: 22px;color: #FFF;"></i> <span
class="caption-subject bold" style="font-size: 24px;">线路调度系统</span>
</div>
<div class="col_hide_1440" style="color: white;font-size: 18px;position: absolute;right: 25px;top: 75px;">
panzhao，在线！
</div>
<div class="actions col_hide_1280" >
<div class="btn-group">
<button type="button" class="btn btn-default">
<i class="fa fa-calendar-check-o"></i> 计划排班</button>
<button type="button" class="btn btn-default">
<i class="fa fa-history"></i> 轨迹回放</button>
<div class="btn-group">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
<i class="fa fa-database"></i> 基本信息
<i class="fa fa-angle-down"></i>
</button>
<ul class="dropdown-menu">
<li>
<a href="javascript:;"> 人员信息 </a>
</li>
<li>
<a href="javascript:;"> 车辆信息 </a>
</li>
<li>
<a href="javascript:;"> 线路信息 </a>
</li>
<li>
<a href="javascript:;"> 线路标准信息 </a>
</li>
<li>
<a href="javascript:;"> 调度短语 </a>
</li>
</ul>
</div>
<div class="btn-group">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
<i class="fa fa-gavel"></i> 系统设置
<i class="fa fa-angle-down"></i>
</button>
<ul class="dropdown-menu">
<li>
<a href="javascript:;"> 缓冲区设置 </a>
</li>
<li>
<a href="javascript:;"> 发车屏通知 </a>
</li>
</ul>
</div>
<button type="button" class="btn btn-danger" style="margin-left: 8px;padding: 6.5px 9px !important;">
<i class="fa fa-close"></i> 退出系统</button>
</div>
</div>
</div>
<div class="portlet-body" id="top-tabs-wrap" >
<ul class="nav nav-tabs" >
<li class="active">
<a href="#tab_home" data-toggle="tab" aria-expanded="true" style="padding: 10px 15px;">
<i class="fa fa-home"></i> 主页
</a>
</li>
<li class=""><a href="#tab_map" data-toggle="tab" style="padding: 10px 15px;"
aria-expanded="false"><i class="fa fa-map"></i> 地图 </a></li>
</ul>
<div class="tab-content" style="padding: 5px;overflow-y: auto;">
<div class="tab-pane fade active in" id="tab_home" ></div>
<div class="tab-pane fade" id="tab_map" style="position: relative;"></div>
<div class="tab-pane fade" id="tab_line">单线路调度aaa</div>
</div>
</div>
<div id="tooltipShade" class="animated fadeIn"></div>
</div>
<div id="temps"></div>
<div id="tooltip" style="display: none;">
</div>
<script src="/pages/control/line/js/tooltip.js"></script>
<script src="/pages/control/line/js/drawSvg.js"></script>
<script src="/pages/control/line/js/data.js"></script>
<script src="/pages/control/line/js/main.js"></script>
<script>
$(function() {
//加载模板文件
getTemp('temps/home_tp.html');
getTemp('temps/home_table_tp.html');
getTemp('temps/tooltip_tp.html');
function getTemp(url){
$.get(url, function(template){
$('#temps').append(template);
});
}
});
</script>