Skip to content

Commit 85603a3

Browse files
iGaoWeiiGaoWei
committed
更新web089html
1 parent 617c891 commit 85603a3

File tree

167 files changed

+88900
-0
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

167 files changed

+88900
-0
lines changed

‎web/089 警务综合监控管理平台HTML模板/.idea/.name

+1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎web/089 警务综合监控管理平台HTML模板/.idea/encodings.xml

+6
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎web/089 警务综合监控管理平台HTML模板/.idea/jsLibraryMappings.xml

+6
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎web/089 警务综合监控管理平台HTML模板/.idea/misc.xml

+16
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎web/089 警务综合监控管理平台HTML模板/.idea/modules.xml

+8
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎web/089 警务综合监控管理平台HTML模板/.idea/workspace.xml

+408
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎web/089 警务综合监控管理平台HTML模板/.idea/xxx综合监控系统.iml

+8
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎web/089 警务综合监控管理平台HTML模板/car.html

+131
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,131 @@
1+
2+
<html xmlns="http://www.w3.org/1999/xhtml">
3+
4+
<head>
5+
<meta http-equiv="Content-Type" content="text/html"; charset="utf-8" />
6+
<title></title>
7+
<link href="js/bstable/css/bootstrap.min.css" rel="stylesheet" type="text/css">
8+
<link href="js/bstable/css/bootstrap-table.css" rel="stylesheet" type="text/css">
9+
<link href="css/table.css" rel="stylesheet" type="text/css">
10+
</head>
11+
<body style="background-color: #ecf0f5;font-family: 微软雅黑;color: #475059;min-width: 1150px;overflow: auto">
12+
<div class="notice_main">
13+
<h6>车辆信息</h6>
14+
<div style="border-bottom: 1px #ccc solid;padding-bottom: 8px">
15+
<p style="line-height: 24px;font-size: 14px;padding: 4px 0 0 36px ;color:#bb8940;background-image: url(img/ts_03.png);background-repeat: no-repeat;background-position: 10px 8px;font-weight: bold">温馨提示</p>
16+
<ul class="ts">
17+
<li><span>*</span>该页面主要显示的是车辆信息的类容。</li>
18+
<li><span>*</span>更多模板请关注公众号【折腾不止的追梦人】回复"BigDataView"，免费获取。</li>
19+
</ul>
20+
</div>
21+
<div class="notice_check">
22+
23+
<p>
24+
<label class="">车牌号码：</label>
25+
<input type="text" class="find_input">
26+
<label class="">车辆品牌：</label>
27+
<input type="text" class="find_input">
28+
<label class="">车辆特征：</label>
29+
<input type="text" class="find_input">
30+
<button class="check_btn">查询</button>
31+
</p>
32+
</div>
33+
34+
35+
36+
<table id="table" class="table_style" style="margin: 0 auto" > </table>
37+
</div>
38+
<script src="js/jquery.js"></script>
39+
<script src="js/layer_v2.1/layer/layer.js"></script>
40+
<script src="js/echarts/echarts-all.js"></script>
41+
<script src="js/bstable/js/bootstrap.min.js"></script>
42+
<script src="js/bstable/js/bootstrap-table.js"></script>
43+
<script src="js/bstable/js/bootstrap-table-zh-CN.min.js"></script>
44+
<script type="text/javascript">
45+
$(function () {
46+
$('#table').bootstrapTable({
47+
method: "get",
48+
striped: true,
49+
singleSelect: false,
50+
url: "json/allFind.json",
51+
dataType: "json",
52+
pagination: true, //分页
53+
pageSize: 10,
54+
pageNumber: 1,
55+
search: false, //显示搜索框
56+
contentType: "application/x-www-form-urlencoded",
57+
queryParams: null,
58+
columns: [
59+
{
60+
checkbox: "true",
61+
field: 'check',
62+
align: 'center',
63+
valign: 'middle'
64+
}
65+
,
66+
{
67+
title: "车牌号",
68+
field: 'id',
69+
align: 'center',
70+
valign: 'middle'
71+
},
72+
{
73+
title: '车辆品牌',
74+
field: 'logo',
75+
align: 'center',
76+
valign: 'middle'
77+
},
78+
{
79+
title: '车辆类型',
80+
field: 'type',
81+
align: 'center',
82+
valign: 'middle'
83+
},
84+
{
85+
title: '颜色',
86+
field: 'color',
87+
align: 'center',
88+
valign: 'middle'
89+
},
90+
{
91+
title: '车主',
92+
field: 'person',
93+
align: 'center',
94+
valign: 'middle'
95+
},
96+
97+
{
98+
title: '厢数',
99+
field: 'number',
100+
align: 'center'
101+
},
102+
{
103+
title: '操作',
104+
field: 'opear',
105+
align: 'center',
106+
formatter: function (value, row) {
107+
var e = '<button href="javascript:void(0)" class="btn btn-xs btn-success" title="车辆详情" onclick="addCarSearch(\'' + row.id + '\')">车辆详情</button> ';
108+
109+
110+
return e ;
111+
}
112+
}
113+
]
114+
});
115+
});
116+
function addCarSearch(){
117+
layer.open({
118+
type: 2,
119+
title: '车辆详情',
120+
shadeClose: true,
121+
shade: 0.5,
122+
skin: 'layui-layer-rim',
123+
closeBtn:1,
124+
area: ['80%', '510px'],
125+
content: 'carTail.html'
126+
});
127+
}
128+
129+
</script>
130+
</body>
131+
</html>

‎web/089 警务综合监控管理平台HTML模板/carContrl.html

+60
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,60 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<title>车辆监控</title>
6+
<link rel="stylesheet" href="css/base.css">
7+
<link href="css/zTreeStyle/zTreeStyle.css" rel="stylesheet" type="text/css" />
8+
9+
</head>
10+
<style>
11+
12+
</style>
13+
<body style="position: absolute;width: 100%;height:760px">
14+
15+
<!--内容部分-->
16+
<div class="con1 left" id="car_control" style="height: 700px">
17+
<div class="left car_left">
18+
<div class="left_up bow_shadow">
19+
<p>
20+
<input type="text" placeholder="输入车牌号" class="carNo_input"><input type="button" class="find_but"/>
21+
</p>
22+
23+
<p class="set_list"><i class="list_i"></i> 设备列表：</p>
24+
<p ><ul id="treeDemo" class="ztree"></ul></p>
25+
</div>
26+
<div class="left_down bow_shadow">
27+
<div class="text_center"><a href="https://gitee.com/iGaoWei/big-data-view" class="tab_a tab_aActive">基本信息</a><a href="https://gitee.com/iGaoWei/big-data-view" class="tab_a">云台控制</a> </div>
28+
<div class="car_content">
29+
<p><span>车牌号：</span><span>K89076</span></p>
30+
<p><span>驾驶人姓名：</span><span>K89076</span></p>
31+
<p><span>车辆品牌：</span><span>K89076</span></p>
32+
<p><span>车辆型号：</span><span>K89076</span></p>
33+
<p><span>所属公司：</span><span>K89076xxxxxxxxxxxxxxxxxx</span></p>
34+
<p><span>行驶里程：</span><span>xxxxx</span></p>
35+
<p><span>状态：</span><span>xxxxx</span></p>
36+
<p><span>所在位置：</span><span>xxxxxxxxxxxxx</span></p>
37+
</div>
38+
</div>
39+
</div>
40+
<div class="left car_center">
41+
<video controls="controls" ></video>
42+
<video controls="controls" class="magin_left"></video>
43+
<video controls="controls" class="magin_top"></video>
44+
<video controls="controls" class="magin_top magin_left"></video>
45+
</div>
46+
<div class="right car_right" id="map"></div>
47+
48+
49+
50+
</div>
51+
<script src="js/jquery.js"></script>
52+
<script src="js/echarts/echarts-all.js"></script>
53+
<script src="js/base.js"></script>
54+
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=5ieMMexWmzB9jivTq6oCRX9j&callback"></script>
55+
<script src="js/car_control.js"></script>
56+
<script src="js/ztree/jquery.ztree.all-3.5.js"></script>
57+
<script src="js/listTree.js"></script>
58+
59+
</body>
60+
</html>

0 commit comments

Comments
 (0)