charge123/park
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

init

Browse Source
This commit is contained in:
MeSHard
2025-12-01 11:19:23 +08:00
parent adc5fd81aa
commit b22d09bd39
4440 changed files with 815952 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

144
application/index/view/car/bjlist.html Normal file
View File

@@ -0,0 +1,144 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="__CDN__/web/static/js/jquery-1.11.3.js" type=text/javascript charset=utf-8></script>
<script src="__CDN__/web/static/js/xlPaging.js"></script>
<!-- <script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.9.1/jquery.min.js"></script> -->
<title>查看报警</title>
<style type="text/css">
/**************分页*******************/
#page {
margin: 20px auto;
color: #666;
display: block;
text-align: center;
}
#page li {
display: inline-block;
min-width: 30px;
height: 28px;
cursor: pointer;
color: #666;
font-size: 13px;
line-height: 28px;
background-color: #f9f9f9;
border: 1px solid #dce0e0;
text-align: center;
margin: 0 4px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.xl-nextPage,
.xl-prevPage {
width: 60px;
color: #0073A9;
height: 28px;
}
.swiper-container{
margin-top: .7rem;
z-index: -1;
}
#page li.xl-disabled {
opacity: .5;
cursor: no-drop;
}
#page li.xl-active {
background-color: #0073A9;
border-color: #0073A9;
color: #FFF
}
tr td{
border: 1px solid #eee;
height:40px;
}
tr th{
border: 1px solid #eee;
height:40px;
background: #EEEEEE;
}
</style>
</head>
<body>
<table border="0" cellspacing="0" cellpadding="0" width="100%" class="ids" style="border: 1px solid #eee;text-align: center;">
</table>
<div id="page"></div>
</body>
<script type="text/javascript">
var page=1,pages=1, cph='';
function GetRequest() {
var url = location.search; //获取url中"?"符后的字串
var theRequest = new Object();
if(url.indexOf("?") != -1) {
var str = url.substr(1);
strs = str.split("&");
for(var i = 0; i < strs.length; i++) {
theRequest[strs[i].split("=")[0]] = (strs[i].split("=")[1]);
}
}
return theRequest;
}
function getlist(cph){
let _this=this;
$.ajax({
dataType: "json",
type: "post",
url:'/api/Yq_screen/vehicle_alarm_list',
data: {
action:'Screen/vehicle_alarm_list',
page:page,
limit:20,
vehicleNo:cph
},
success: function(res) {
if (res.code == 1) {
var list =res.data.list;
pages=res.data.pages;
var title='<tr>'+'<th>'+'序号'+'</th>'+'<th>'+'车牌号'+'</th>'+'<th>'+'事件名称'+'</th>'+'<th>'+'触发类型'+'</th>'+'<th>'+'报警时间'+'</th>'+'<th>'+'是否处理'+'</th>'+'</tr>';
var ht='';
for(var i=0;i<list.length;i++){
if(list[i].trigger_type==1){
list[i].trigger_type='自动触发'
}else{
list[i].trigger_type='自主上报'
}
if(list[i].is_reset==0){
list[i].is_reset='未处理'
}else{
list[i].is_reset='已处理'
}
ht+=
'<tr>'+'<td>'+Number((page-1)*20+(i+1))+'</td>'+'<td>'+list[i].license+'</td>'+'<td>'+list[i].name+'</td>'+'<td>'+list[i].trigger_type+'</td>'+'<td>'+list[i].create_time+'</td>'+'<td>'+list[i].is_reset+'</td>'+'</tr>'
}
var html=title+ht;
$('table').append(html);
$("#page").paging({
nowPage: page, // 当前页码
pageNum:pages, // 总页码
buttonNum:5, //要展示的页码数量
callback: function (num) { //回调函数
$('table').html('');
page=num;
getlist(cph);
},
});
} else {
}
},
});
}
window.onload=function(){
var obj=GetRequest();
cph=decodeURI(obj.id);
getlist(cph);
}
</script>
</html>

94
application/index/view/car/car_detail.html Normal file
View File

@@ -0,0 +1,94 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="__CDN__/web/static/js/jquery-1.11.3.js" type=text/javascript charset=utf-8></script>
<title>车辆信息</title>
<style type="text/css">
.content{
width: 800px;
margin: auto;
}
h2{
text-align: center;
margin: 40px 0;
}
.content>div>p{
margin: 30px 0;
}
.content>div>p>span{
display: inline-block;
}
.content>div>p>span:nth-child(1){
width: 200px;
float: left;
}
.content>div>p>span:nth-child(2){
width: 600px;
}
</style>
</head>
<body>
<div class="content">
<h2>车辆信息</h2>
</div>
<script type="text/javascript">
function GetRequest() {
var url = location.search; //获取url中"?"符后的字串
var theRequest = new Object();
if(url.indexOf("?") != -1) {
var str = url.substr(1);
strs = str.split("&");
for(var i = 0; i < strs.length; i++) {
theRequest[strs[i].split("=")[0]] = (strs[i].split("=")[1]);
}
}
return theRequest;
}
function getdata(id){
let _this=this;
// 如果id为空，显示提示
if (!id) {
$('.content').append('<div style="text-align:center;color:#999;margin-top:50px;">未找到车辆信息</div>');
return;
}
$.ajax({
dataType: "json",
type: "post",
url:'/api/Yq_screen/vehicle_detail',
data: {
action:'Screen/vehicle_detail',
id:id,
},
success: function(res) {
if (res.code == 1) {
var data=res.data;
$('.content').append(
'<div>'+
'<p>'+'<span>车牌号：</span>'+'<span>'+data.vehicleNo+'</span>'+'</p>'+
'<p>'+'<span>承运商：</span>'+'<span>'+data.ownerName+'</span>'+'</p>'+
'<p>'+'<span>经营范围：</span>'+'<span>'+data.businessScopeName+'</span>'+'</p>'+
'<p>'+'<span>运输证号：</span>'+'<span>'+data.transCertificateCode+'</span>'+'</p>'+
'<p>'+'<span>期限开始日期：</span>'+'<span>'+data.certificateEffdate+'</span>'+'</p>'+
'<p>'+'<span>期限结束日期：</span>'+'<span>'+data.certificateExpdate+'</span>'+'</p>'+
'<p>'+'<span>发证机关：</span>'+'<span>'+data.licenseIssueOrganCode+'</span>'+'</p>'+
'</div>'
)
} else {
$('.content').append('<div style="text-align:center;color:#999;margin-top:50px;">' + (res.msg || '获取车辆信息失败') + '</div>');
}
},
error: function(xhr, status, error) {
$('.content').append('<div style="text-align:center;color:#999;margin-top:50px;">请求失败，请稍后重试</div>');
}
});
};
window.onload=function(){
var obj=GetRequest();
id=decodeURI(obj.id);
getdata(id);
}
</script>
</body>
</html>

159
application/index/view/car/park_list.html Normal file
View File

@@ -0,0 +1,159 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="__CDN__/web/static/js/jquery-1.11.3.js" type=text/javascript charset=utf-8></script>
<script src="__CDN__/web/static/js/xlPaging.js"></script>
<!-- <script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.9.1/jquery.min.js"></script> -->
<title>入园记录</title>
<style type="text/css">
/**************分页*******************/
#page {
margin: 20px auto;
color: #666;
display: block;
text-align: center;
}
#page li {
display: inline-block;
min-width: 30px;
height: 28px;
cursor: pointer;
color: #666;
font-size: 13px;
line-height: 28px;
background-color: #f9f9f9;
border: 1px solid #dce0e0;
text-align: center;
margin: 0 4px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.xl-nextPage,
.xl-prevPage {
width: 60px;
color: #0073A9;
height: 28px;
}
.swiper-container{
margin-top: .7rem;
z-index: -1;
}
#page li.xl-disabled {
opacity: .5;
cursor: no-drop;
}
#page li.xl-active {
background-color: #0073A9;
border-color: #0073A9;
color: #FFF
}
tr td{
border: 1px solid #eee;
height:40px;
}
tr th{
border: 1px solid #eee;
height:40px;
background: #EEEEEE;
}
</style>
</head>
<body>
<table border="0" cellspacing="0" cellpadding="0" width="100%" class="ids" style="border: 1px solid #eee;text-align: center;">
</table>
<div id="page"></div>
</body>
<script type="text/javascript">
var page=1,pages=1, cph='';
function GetRequest() {
var url = location.search; //获取url中"?"符后的字串
var theRequest = new Object();
if(url.indexOf("?") != -1) {
var str = url.substr(1);
strs = str.split("&");
for(var i = 0; i < strs.length; i++) {
theRequest[strs[i].split("=")[0]] = (strs[i].split("=")[1]);
}
}
return theRequest;
}
function getlist(cph){
let _this=this;
$.ajax({
dataType: "json",
type: "post",
url:'/api/Yq_screen/vehicle_park_list',
data: {
action:'Screen/vehicle_park_list',
page:page,
limit:20,
vehicleNo:cph
},
success: function(res) {
if (res.code == 1) {
var list =res.data.list;
var title='<tr>'+'<th>'+'序号'+'</th>'+'<th>'+'车牌号'+'</th>'+'<th>'+'入园目的'+'</th>'+'<th>'+'审核状态'+'</th>'+'<th>'+'申请时间'+'</th>'+'</tr>';
var ht='';
pages=res.data.pages;
for(var i=0;i<list.length;i++){
if(list[i].mission==1){
list[i].mudi='转货/卸货'
}else if(list[i].mission==2){
list[i].mudi='维修/洗车/停车'
}else if(list[i].mission==3){
list[i].mudi='常驻'
}else if(list[i].mission==4){
list[i].mudi='维修'
}else if(list[i].mission==5){
list[i].mudi='洗车'
}else if(list[i].mission==6){
list[i].mudi='停车'
}else if(list[i].mission==7){
list[i].mudi='检测'
}else if(list[i].mission==8){
list[i].mudi='洗罐'
}
if(list[i].status==1){
list[i].pass='已通过'
}else if(list[i].status==0){
list[i].pass='审核中'
}else{
list[i].pass='已驳回'
}
ht+=
'<tr>'+'<td>'+Number((page-1)*20+(i+1))+'</td>'+'<td>'+list[i].tractor_license+'</td>'+'<td>'+list[i].mudi+'</td>'+'<td>'+list[i].pass+'</td>'+'<td>'+list[i].create_time+'</td>'+'</tr>'
}
var html=title+ht;
$('table').append(html);
$("#page").paging({
nowPage: page, // 当前页码
pageNum:pages, // 总页码
buttonNum:5, //要展示的页码数量
callback: function (num) { //回调函数
$('table').html('');
page=num;
getlist(cph);
},
});
} else {
}
},
});
}
window.onload=function(){
var obj=GetRequest();
cph=decodeURI(obj.id);
getlist(cph);
}
</script>
</html>

210
application/index/view/car/vehicle_history.html Normal file
View File

@@ -0,0 +1,210 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
<title>行驶记录</title>
<link rel="stylesheet" href="https://a.amap.com/jsapi_demos/static/demo-center/css/demo-center.css"/>
<script src="__CDN__/web/static/js/jquery-1.11.3.js" type=text/javascript charset=utf-8></script>
<script src="__CDN__/web/static/js/laydate/laydate.js"></script>
<style>
html, body, #container {
height: 100%;
width: 100%;
}
.input-card{
top: 1rem;
height:8rem;
right: 3rem;
width: 30rem;
}
.input-card .btn{
margin-right: 1.2rem;
width: 14rem;
}
.input-card .btn:last-child{
margin-right: 0;
}
.animate{
position: absolute;
bottom: 20px;
right: 10px;
}
.animate input{
width: 100px;
}
</style>
</head>
<body>
<div id="container"></div>
<div class="input-card">
<h4>时间筛选（按天查询）</h4>
<input type="text" class="demo-input" placeholder="请选择日期" id="test1">
</div>
<div class="animate">
<div class="input-item">
<input type="button" class="btn" value="开始动画" id="start" onclick="startAnimation(2000)"/>
<input type="button" class="btn" value="暂停动画" id="pause" onclick="pauseAnimation()"/>
<input type="button" class="btn" value="继续动画" id="resume" onclick="resumeAnimation()"/>
</div>
<div class="input-item">
<input type="button" class="btn" value="正常" onclick="startAnimation(2000)"/>
<input type="button" class="btn" value="4倍速" onclick="startAnimation(8000)"/>
<input type="button" class="btn" value="16倍速" onclick="startAnimation(20000)"/>
<!--<input type="button" class="btn" value="停止动画" id="stop" onclick="stopAnimation()"/>-->
</div>
</div>
<input type="hidden" name="vehicleNo" value="{$vehicleNo}">
<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=4a7c7c92504e8d8afa2abf377159280a"></script>
<script>
function GetRequest() {
var url = location.search; //获取url中"?"符后的字串
var theRequest = new Object();
if(url.indexOf("?") != -1) {
var str = url.substr(1);
strs = str.split("&");
for(var i = 0; i < strs.length; i++) {
theRequest[strs[i].split("=")[0]] = (strs[i].split("=")[1]);
}
}
return theRequest;
}
var reservation ='',cph='';
window.onload=function(){
// 优先使用隐藏字段中的 vehicleNo，如果没有则从 URL 参数获取
var vehicleNoFromHidden = $('input[name=vehicleNo]').val();
if (vehicleNoFromHidden) {
cph = vehicleNoFromHidden;
} else {
var obj=GetRequest();
cph=decodeURI(obj.id);
}
getdata(cph,reservation);
}
// var reservation = '';
function getdata(cph,reservation) {
$.ajax({
dataType: "json",
type: "post",
url: "/api/Yq_screen/vehicle_history",
data: {
action:'Screen/vehicle_history',
vehicleNo:cph,
reservation:reservation,
},
success: function(res) {
if(res.code==1){
// str = res.data;
if (res.data && res.data.coordinate == '106.964108,29.793287'){
alert('当天未查询到该车轨迹，请重新选择日期');
return;
}
if (res.data && res.data.coordinate) {
history(res.data.coordinate);
} else {
alert('当天未查询到该车轨迹，请重新选择日期');
}
} else {
alert('查询失败：' + (res.msg || '未知错误'));
}
},
error: function(res) {
alert('请求失败，请稍后重试');
}
});
}
var marker= '';
var lineArr='';
function history(info) {
var vehicleNo = $('input[name=vehicleNo]').val();
var reservation = '';
const MAP_KEY = "4a7c7c92504e8d8afa2abf377159280a",
{
LngLat
} = AMap;
// var str="108.01527,29.895601;106.997876,29.89281;106.991391,29.887939;106.985853,29.880405;106.981835,29.871026;106.960543,29.849142;106.950737,29.83564;106.945862,29.824089;106.943563,29.814148;106.945054,29.799754;106.942764,29.783607;106.970332,29.766519;106.983273,29.751322;107.017612,29.737776;107.050425,29.734115;107.064458,29.737683;107.064744,29.739318;107.058942,29.748447;107.055205,29.762378;107.071581,29.77504;107.086248,29.789923;107.088111,29.796775;107.084106,29.807387;107.080959,29.81142;107.068298,29.813474;107.06422,29.813406;107.060435,29.82112;107.050628,29.827207;107.04726,29.828623;107.046543,29.829966;107.04701,29.830878;107.04712,29.834263;107.044827,29.838826;107.053757,29.842875;107.056479,29.849047;107.057124,29.85153;107.056802,29.853468;107.060415,29.86047;107.061665,29.864841;107.054919,29.881592;107.052508,29.894119;107.040451,29.898403;107.028579,29.89536;107.014946,29.895825;106.997804,29.89278";
// var marker1, lineArr1 = [[116.478935,39.997761],[116.478939,39.997825],[116.478912,39.998549],[116.478912,39.998549],[116.478998,39.998555],[116.478998,39.998555],[116.479282,39.99856],[116.479658,39.998528],[116.480151,39.998453],[116.480784,39.998302],[116.480784,39.998302],[116.481149,39.998184],[116.481573,39.997997],[116.481863,39.997846],[116.482072,39.997718],[116.482362,39.997718],[116.483633,39.998935],[116.48367,39.998968],[116.484648,39.999861]];
lineArr = strToLL(info);
lay('#version').html('-v'+ laydate.v);
laydate.render({
elem: '#test1',
min: -4,
max: 0,
// type: 'datetime',
// range: true, //或 range: '~' 来自定义分割字符
done:function(value,date,endDate){
console.log(value); //得到日期生成的值，如：2017-08-18
// reservation=value;
getdata(cph,value);
}
});
var map = new AMap.Map("container", {
resizeEnable: true,
center: lineArr[0],
zoom: 17
});
function strToLL(str) {
return str.split(';').map(i => new LngLat(...i.split(',').map(j => +j)))
}
marker = new AMap.Marker({
map: map,
position: lineArr[0],
icon: "https://webapi.amap.com/images/car.png",
offset: new AMap.Pixel(-26, -13),
autoRotation: true,
angle:-90,
});
// 绘制轨迹
var polyline = new AMap.Polyline({
map: map,
path: lineArr,
showDir:true,
strokeColor: "#28F", //线颜色
// strokeOpacity: 1, //线透明度
strokeWeight: 6, //线宽
// strokeStyle: "solid" //线样式
});
var passedPolyline = new AMap.Polyline({
map: map,
// path: lineArr,
strokeColor: "#AF5", //线颜色
// strokeOpacity: 1, //线透明度
strokeWeight: 6, //线宽
// strokeStyle: "solid" //线样式
});
marker.on('moving', function (e) {
passedPolyline.setPath(e.passedPath);
});
map.setFitView();
}
function startAnimation (time=2000) {
marker.moveAlong(lineArr, time);
}
function pauseAnimation () {
marker.pauseMove();
}
function resumeAnimation () {
marker.resumeMove();
}
function stopAnimation () {
marker.stopMove();
}
</script>
</body>
</html>

150
application/index/view/car/waybill_list.html Normal file
View File

@@ -0,0 +1,150 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="__CDN__/web/static/js/jquery-1.11.3.js" type=text/javascript charset=utf-8></script>
<script src="__CDN__/web/static/js/xlPaging.js"></script>
<!-- <script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.9.1/jquery.min.js"></script> -->
<title>运单记录</title>
<style type="text/css">
/**************分页*******************/
#page {
margin: 20px auto;
color: #666;
display: block;
text-align: center;
}
#page li {
display: inline-block;
min-width: 30px;
height: 28px;
cursor: pointer;
color: #666;
font-size: 13px;
line-height: 28px;
background-color: #f9f9f9;
border: 1px solid #dce0e0;
text-align: center;
margin: 0 4px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.xl-nextPage,
.xl-prevPage {
width: 60px;
color: #0073A9;
height: 28px;
}
.swiper-container{
margin-top: .7rem;
z-index: -1;
}
#page li.xl-disabled {
opacity: .5;
cursor: no-drop;
}
#page li.xl-active {
background-color: #0073A9;
border-color: #0073A9;
color: #FFF
}
tr td{
border: 1px solid #eee;
height:40px;
}
tr th{
border: 1px solid #eee;
height:40px;
background: #EEEEEE;
}
</style>
</head>
<body>
<table border="0" cellspacing="0" cellpadding="0" width="100%" class="ids" style="border: 1px solid #eee;text-align: center;">
</table>
<div id="page"></div>
</body>
<script type="text/javascript">
var page=1,pages=1, cph='';
function GetRequest() {
var url = location.search; //获取url中"?"符后的字串
var theRequest = new Object();
if(url.indexOf("?") != -1) {
var str = url.substr(1);
strs = str.split("&");
for(var i = 0; i < strs.length; i++) {
theRequest[strs[i].split("=")[0]] = (strs[i].split("=")[1]);
}
}
return theRequest;
}
function getlist(cph){
let _this=this;
$.ajax({
dataType: "json",
type: "post",
url:'/api/Yq_screen/vehicle_waybill_list',
data: {
action:'Screen/vehicle_waybill_list',
page:page,
limit:20,
vehicleNo:cph,
mission:''
},
success: function(res) {
if (res.code == 1) {
var list =res.data.list;
pages=res.data.pages;
var title='<tr>'+'<th>'+'序号'+'</th>'+'<th>'+'运单号'+'</th>'+'<th>'+'牵引车牌号'+'</th>'+'<th>'+'挂车车牌号'+'</th>'+'<th>'+'司机姓名'+
'</th>'+'<th>'+'司机电话'+'</th>'+'<th>'+'装/卸'+'</th>'+'<th>'+'产品名称'+
'</th>'+'<th>'+'装货单位'+'</th>'+'<th>'+'卸货单位'+'</th>'+'<th>'+'查验结果'+'</th>'+'<th>'+'查验企业'+
'</th>'+'<th>'+'提单时间'+'</th>'+'<th>'+'提交时间'+'</th>'+'</tr>';
var ht='';
for(var i=0;i<list.length;i++){
if(list[i].check_status_record==1){
list[i].check='通过'
}else{
list[i].check='未处理'
}
ht+=
'<tr>'+'<td>'+Number((page-1)*20+(i+1))+'</td>'+
'<td>'+list[i].waybill_order+'</td>'+'<td>'+list[i].tow_license+'</td>'+
'<td>'+list[i].mount_license+'</td>'+'<td>'+list[i].waybill_name+'</td>'+
'<td>'+list[i].driver_tel+'</td>'+'<td>'+list[i].w_mission+'</td>'+
'<td>'+list[i].sale_product+'</td>'+'<td>'+list[i].waybill_loading+'</td>'+
'<td>'+list[i].waybill_unloading+'</td>'+'<td>'+list[i].check+'</td>'+
'<td>'+list[i].check_name+'</td>'+'<td>'+list[i].waybill_date+'</td>'+
'<td>'+list[i].create_time+'</td>'+'</tr>'
}
var html=title+ht;
$('table').append(html);
$("#page").paging({
nowPage: page, // 当前页码
pageNum:pages, // 总页码
buttonNum:5, //要展示的页码数量
callback: function (num) { //回调函数
$('table').html('');
page=num;
getlist(cph);
},
});
} else {
}
},
});
}
window.onload=function(){
var obj=GetRequest();
cph=decodeURI(obj.id);
getlist(cph);
}
</script>
</html>