Skip to content

Commit

Permalink
更新web089html
Browse files Browse the repository at this point in the history
  • Loading branch information
@iGaoWei
iGaoWei committed Sep 17, 2021
1 parent 617c891 commit 85603a3
Show file tree
Hide file tree
Showing 167 changed files with 88,900 additions and 0 deletions.
1 change: 1 addition & 0 deletions web/089 警务综合监控管理平台HTML模板/.idea/.name
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

6 changes: 6 additions & 0 deletions web/089 警务综合监控管理平台HTML模板/.idea/encodings.xml
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

6 changes: 6 additions & 0 deletions web/089 警务综合监控管理平台HTML模板/.idea/jsLibraryMappings.xml
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

16 changes: 16 additions & 0 deletions web/089 警务综合监控管理平台HTML模板/.idea/misc.xml
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

8 changes: 8 additions & 0 deletions web/089 警务综合监控管理平台HTML模板/.idea/modules.xml
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

408 changes: 408 additions & 0 deletions web/089 警务综合监控管理平台HTML模板/.idea/workspace.xml
View file

Large diffs are not rendered by default.

8 changes: 8 additions & 0 deletions web/089 警务综合监控管理平台HTML模板/.idea/xxx综合监控系统.iml
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

131 changes: 131 additions & 0 deletions web/089 警务综合监控管理平台HTML模板/car.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,131 @@

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html"; charset="utf-8" />
<title></title>
<link href="js/bstable/css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="js/bstable/css/bootstrap-table.css" rel="stylesheet" type="text/css">
<link href="css/table.css" rel="stylesheet" type="text/css">
</head>
<body style="background-color: #ecf0f5;font-family: 微软雅黑;color: #475059;min-width: 1150px;overflow: auto">
<div class="notice_main">
<h6>车辆信息</h6>
<div style="border-bottom: 1px #ccc solid;padding-bottom: 8px">
<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>
<ul class="ts">
<li><span>*</span>该页面主要显示的是车辆信息的类容。</li>
<li><span>*</span>更多模板请关注公众号【折腾不止的追梦人】回复"BigDataView"，免费获取。</li>
</ul>
</div>
<div class="notice_check">

<p>
<label class="">车牌号码：</label>
<input type="text" class="find_input">
<label class="">车辆品牌：</label>
<input type="text" class="find_input">
<label class="">车辆特征：</label>
<input type="text" class="find_input">
<button class="check_btn">查询</button>
</p>
</div>



<table id="table" class="table_style" style="margin: 0 auto" > </table>
</div>
<script src="js/jquery.js"></script>
<script src="js/layer_v2.1/layer/layer.js"></script>
<script src="js/echarts/echarts-all.js"></script>
<script src="js/bstable/js/bootstrap.min.js"></script>
<script src="js/bstable/js/bootstrap-table.js"></script>
<script src="js/bstable/js/bootstrap-table-zh-CN.min.js"></script>
<script type="text/javascript">
$(function () {
$('#table').bootstrapTable({
method: "get",
striped: true,
singleSelect: false,
url: "json/allFind.json",
dataType: "json",
pagination: true, //分页
pageSize: 10,
pageNumber: 1,
search: false, //显示搜索框
contentType: "application/x-www-form-urlencoded",
queryParams: null,
columns: [
{
checkbox: "true",
field: 'check',
align: 'center',
valign: 'middle'
}
,
{
title: "车牌号",
field: 'id',
align: 'center',
valign: 'middle'
},
{
title: '车辆品牌',
field: 'logo',
align: 'center',
valign: 'middle'
},
{
title: '车辆类型',
field: 'type',
align: 'center',
valign: 'middle'
},
{
title: '颜色',
field: 'color',
align: 'center',
valign: 'middle'
},
{
title: '车主',
field: 'person',
align: 'center',
valign: 'middle'
},

{
title: '厢数',
field: 'number',
align: 'center'
},
{
title: '操作',
field: 'opear',
align: 'center',
formatter: function (value, row) {
var e = '<button href="javascript:void(0)" class="btn btn-xs btn-success" title="车辆详情" onclick="addCarSearch(\'' + row.id + '\')">车辆详情</button> ';


return e ;
}
}
]
});
});
function addCarSearch(){
layer.open({
type: 2,
title: '车辆详情',
shadeClose: true,
shade: 0.5,
skin: 'layui-layer-rim',
closeBtn:1,
area: ['80%', '510px'],
content: 'carTail.html'
});
}

</script>
</body>
</html>
60 changes: 60 additions & 0 deletions web/089 警务综合监控管理平台HTML模板/carContrl.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,60 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>车辆监控</title>
<link rel="stylesheet" href="css/base.css">
<link href="css/zTreeStyle/zTreeStyle.css" rel="stylesheet" type="text/css" />

</head>
<style>

</style>
<body style="position: absolute;width: 100%;height:760px">

<!--内容部分-->
<div class="con1 left" id="car_control" style="height: 700px">
<div class="left car_left">
<div class="left_up bow_shadow">
<p>
<input type="text" placeholder="输入车牌号" class="carNo_input"><input type="button" class="find_but"/>
</p>

<p class="set_list"><i class="list_i"></i> 设备列表：</p>
<p ><ul id="treeDemo" class="ztree"></ul></p>
</div>
<div class="left_down bow_shadow">
<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>
<div class="car_content">
<p><span>车牌号：</span><span>K89076</span></p>
<p><span>驾驶人姓名：</span><span>K89076</span></p>
<p><span>车辆品牌：</span><span>K89076</span></p>
<p><span>车辆型号：</span><span>K89076</span></p>
<p><span>所属公司：</span><span>K89076xxxxxxxxxxxxxxxxxx</span></p>
<p><span>行驶里程：</span><span>xxxxx</span></p>
<p><span>状态：</span><span>xxxxx</span></p>
<p><span>所在位置：</span><span>xxxxxxxxxxxxx</span></p>
</div>
</div>
</div>
<div class="left car_center">
<video controls="controls" ></video>
<video controls="controls" class="magin_left"></video>
<video controls="controls" class="magin_top"></video>
<video controls="controls" class="magin_top magin_left"></video>
</div>
<div class="right car_right" id="map"></div>



</div>
<script src="js/jquery.js"></script>
<script src="js/echarts/echarts-all.js"></script>
<script src="js/base.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=5ieMMexWmzB9jivTq6oCRX9j&callback"></script>
<script src="js/car_control.js"></script>
<script src="js/ztree/jquery.ztree.all-3.5.js"></script>
<script src="js/listTree.js"></script>

</body>
</html>
Loading

0 comments on commit 85603a3

Please sign in to comment.