Files
park/public/web/static/html/waybill_list.html
MeSHard b22d09bd39 init
2025-12-01 11:19:23 +08:00

151 lines
4.5 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="../js/jquery-1.11.3.js"></script>
<script src="../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:'http://zhyq.toommi.com/api/Index/apppost',
data: {
action:'Screen/vehicle_waybill_list',
page:1,
limit:20,
vehicleNo:cph,
mission:''
},
success: function(res) {
if (res.code == 200) {
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.cph);
getlist(cph);
}
</script>
</html>