YQ-August
/
oldRuico


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155
							<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>油耗报表</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
		<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="Cache" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache, must-revalidate">
		<meta http-equiv="expires" content="0">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
		
		<!--引入 element-ui 的样式，-->
		<link rel="stylesheet" href="../../css/element.css">
		<link rel="stylesheet" href="../../css/style.css">
		<link rel="stylesheet" href="../../css/base.css">
		<script src="../../js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/yz/init.js"></script>
		<script>
			checkLogin();
		</script>
	</head>
	<style type="text/css">
		*{
			margin: 0;
			padding: 0;
			box-sizing: border-box;
		}
		body{
			height: 100vh;
			overflow: auto;
			background-color: #040d32;
		}
		.topBox .icon-cha{
			position: absolute;
			right: 10px;
			top: 8px;
			font-size: 20px;
			z-index: 4446;
			transform: rotate(45deg);
		}
		button{
			border-radius: 4px;
			padding: 0 10px;
			height: 32px;
			line-height: 32px;
			font-size: 13px;
			color: #fff;
			background-color: #ff0000;
		}
		._unit{
			font-size: 11px;
		}
		._li{
			padding: 10px;
			background-color:#1b2a46;
			margin: 5px;
			border-radius: 3px;
			color: rgba(255,255,255,0.6);
		}
		.table_fat{
			height: calc(100% - 60px);
			overflow-y: auto;
			font-size: 13px;
		}
	</style>
	<body>
		<div class="topParen">
			<div class="topBox">
				<div>油耗报表</div>
				<i class="iconfont icon-cha" onclick="javascript:top.location.href='./AddReprot.html';"></i>
				<i class="iconfont icon-left" onclick="javascript:history.back(-1);"></i>
			</div>
			<div class="margin-sm">
				<div class="search_">
					<input type="text" name="search" placeholder="船舶名称">
					<i class="iconfont icon-sousuo"></i>
				</div>
				
			</div>
			<div class="table_fat">
				
			</div>
		</div>
		<script>
			var dataObj = [{
				"id":"12",
				"iboatname":"巴8",
				"endurance":"41.08",
				"date":"2021-05-20 15:23:44",
				"residuenum":"598.50",
				"residueprice":"3494.22",
				"callsnum":"0.00",
				"callsprice":"0.00",
				"transfersnum":"0.00",
				"transfersprice":"0.00",
				"depositnum":"2907.00",
				"depositprice":"15916.81",
				"deposittax":"2069.19",
				"taxrate":"0.115",
				"totalprice":"17986.00",
				"actualnum":"2804.4",
				"unitprice":"5.54",
				"actualprice":"15528.83",
				"busmileage":"0.00",
				"travelmileage":"515.52",
				"allnum":"701.1",
				"allprice":"3882.21",
				"remark":"无"
			}];
			$(document).ready(function(){
				sdfmkj(dataObj);
			})
			function sdfmkj(_obj){
				let _str = "";
				if(_obj.length){
					for(var i=0;i<_obj.length;i++){
						_str += `<div class="_li">
									<div class="br_b flex justify-between padding-bottom-xs text-white">
										<div>${_obj[i].iboatname}</div>
										<div class="text-gray">${_obj[i].date}</div>
									</div>
									<div class="flex" style="margin: 10px 0 5px;">
										<div class="flex-sub">航时：${_obj[i].endurance} <span class="_unit">H</span></div>
										<div class="flex-sub">本月数量：${_obj[i].allnum} <span class="_unit">L</span></div>
									</div>
									<div class="flex">
										<div class="flex-sub">本月耗油：${_obj[i].actualnum} <span class="_unit">L</span></div>
										<div class="flex-sub">本月金额：${_obj[i].allprice} <span class="_unit">元</span></div>
									</div>
								</div>`;
					}
				}else{
					_str += '<div class="text-center padding-lg">暂无数据</div>';
				}
				$(".table_fat").html(_str)
			}
			$(document).on("click","._li",function(){
				top.location.href="./ReprotDet.html";
			})
			$(".search_ [name='search']").on("input","",function(){
				let _newArr = [];
				let _key = $(this).val();
				for(var i=0;i<dataObj.length;i++){
					if(dataObj[i].iboatname.indexOf(_key) != -1){
						_newArr.push(dataObj[i]);
					}
				}
				sdfmkj(_newArr);
			})
		</script>
	</body>
</html>