YQ-August
/
oldRuico


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261
							<!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">
		<link rel="stylesheet" href="../layui/css/layui.css" media="all">
		<link rel="stylesheet" href="../../css/element.css">
		<link rel="stylesheet" href="../../css/style.css">
		<link rel="stylesheet" id="linkSource" href="../../css/base.css">
		
		<script src="../layui/layui.js" type="text/javascript" charset="utf-8"></script>
		<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;
		}
		body {
			height: 100vh;
			background-color: #103151;
		}
		div,button{
			box-sizing: border-box;
		}
		.cu-btn{
			width: 100%;
			padding: 5px;
			box-sizing: border-box;
		}
		.cu-btn button{
			width: 100%;
			padding: 10px 0;
			border-radius: 6px;
		}
		.li_box{
			padding: 0 12px;
			margin: 2px 2px 10px;
		}
		.li_item{
			position: relative;
			display: flex;
			align-items: center;
			min-height: 50px;
		}
		.li_item>div:first-child{
			width: 90px;
		}
		.li_item input{
		  color: rgba(255, 255, 255, 0.5);
		}
		.li_item input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
		  color: rgba(255, 255, 255, 0.5);
		}
		textarea{
			width: 100%;
			height:60px;
			color: rgba(255, 255, 255, 0.5);
			outline: none;
			padding: 5px;
			border: 1px solid rgba(125,125,125,0.4);
			background-color: transparent;
		}
		._upload{
			position: relative;
			position: absolute;
			right: 0;
		}
		._upload #imgFile{
			position: absolute;
			left: 0;
			width: 17px;
			height: 17px;
			opacity: 0;
			z-index: 1444;
		}
		._img{
			width: 100px;
			padding: 6px;
			display: none;
			text-align: center;
			border-radius: 3px;
			border: 1px solid rgba(125,125,125,0.4);;
		}
		._img img{
			width: 90%;
		}
	</style>
	<body>
		<div class="topParen">
			<div class="topBox">
				<i class="iconfont icon-left" onclick="javascript:history.back(-1);"></i>
				<div>添加报表</div>
			</div>
			<div style="padding: 5px;">
				<div class="li_box">
					<div class="li_item br_b">
						<div>船舶名称</div>
						<div><input name="iboatname" type="text" placeholder="请填写船舶名称"/></div>
					</div>
					<div class="li_item br_b">
						<div>航行时间</div>
						<div><input name="endurance" type="text" placeholder="请填写航时"/></div>
					</div>
					<div class="li_item">
						<div>录入时间</div>
						<div>
							<input id="date1" type="text" placeholder="2021-01-02 20:21:01"/>
						</div>
					</div>
				</div>
				<div class="li_box">
					<div class="text-white padding-top-sm text-bold">专票油上月结存</div>
					<div class="li_item br_b">
						<div>上月数量</div>
						<div><input name="residuenum" type="text" placeholder="请填写数量"/></div>
					</div>
					<div class="li_item">
						<div>不含税金额</div>
						<div><input name="residueprice" type="text" placeholder="请填写金额"/></div>
					</div>
				</div>
				<div class="li_box">
					<div class="text-white padding-top-sm text-bold">本月柴油(调出-/调入+)</div>
					<div class="li_item br_b">
						<div>调入数量</div>
						<div><input name="callsnum" type="text" placeholder="本月调入数量"/></div>
					</div>
					<div class="li_item br_b">
						<div>不含税金额</div>
						<div><input name="callsprice" type="text" placeholder="请填写金额"/></div>
					</div>
					<div class="li_item br_b">
						<div>调出数量</div>
						<div><input name="transfersnum" type="text" placeholder="本月调出数量"/></div>
					</div>
					<div class="li_item">
						<div>不含税金额</div>
						<div><input name="transfersprice" type="text" placeholder="请填写金额"/></div>
					</div>
				</div>
				<div class="li_box">
					<div class="text-white padding-top-sm text-bold">本月领入</div>
					<div class="li_item br_b">
						<div>本月数量</div>
						<div><input name="depositnum" type="text" placeholder="请填写数量"/></div>
					</div>
					<div class="li_item br_b">
						<div>不含税金额</div>
						<div><input name="depositprice" type="text" placeholder="请填写金额"/></div>
					</div>
					<div class="li_item br_b">
						<div>本月税额</div>
						<div><input name="deposittax" type="text" placeholder="请填写税额"/></div>
					</div>
					<div class="li_item br_b">
						<div>本月税率</div>
						<div><input name="taxrate" type="text" placeholder="请填写税率"/></div>
					</div>
					<div class="li_item">
						<div>金额合计</div>
						<div><input name="totalprice" type="text" placeholder="请填写合计"/></div>
					</div>
				</div>
				<div class="li_box">
					<div class="text-white padding-top-sm text-bold">本月实际耗油量</div>
					<div class="li_item br_b">
						<div>实际数量</div>
						<div><input name="actualnum" type="text" placeholder="请填写数量"/></div>
					</div>
					<div class="li_item br_b">
						<div>实际单价</div>
						<div><input name="unitprice" type="text" placeholder="请填写单价"/></div>
					</div>
					<div class="li_item br_b">
						<div>不含税金额</div>
						<div><input name="actualprice" type="text" placeholder="请填写金额"/></div>
					</div>
					<div class="li_item">
						<div>航行里程</div>
						<div><input name="busmileage" type="text" placeholder="请填写航行里程"/></div>
					</div>
				</div>
				<div class="li_box">
					<div class="text-white padding-top-sm text-bold">本月实际耗油量</div>
					<div class="li_item br_b">
						<div>本月数量</div>
						<div><input name="allnum" type="text" placeholder="请填写数量"/></div>
					</div>
					<div class="li_item">
						<div>不含税金额</div>
						<div><input name="allprice" type="text" placeholder="请填写金额"/></div>
					</div>
				</div>
				<div class="li_box">
					<div class="li_item br_b padding-tb-sm">
						<div>账单图片</div>
						<div class="_img">
							<img src="../../imgs/videobg.png" >
						</div>
						<div class="_upload">
							<i class="iconfont icon-tupian"></i>
							<input type="file" id="imgFile"/>
						</div>
					</div>
					<div class="li_item padding-tb-sm">
						<div>备注</div>
						<div style="width: calc(100% - 120px);">
							<textarea placeholder="请填写备注"></textarea>
						</div>
					</div>
				</div>
				<div class="cu-btn" onclick="">
					<button type="button" class="lg bg-cyan">添加</button>
				</div>
			</div>
		</div>
	</body>
	<script>
		layui.use(['layer', 'form','laydate'], function(){
			var layer = layui.layer,
				laydate = layui.laydate;
				$ = layui.jquery;
			laydate.render({
				elem: '#date1',
				type: 'datetime',
				trigger: 'click',
				done: function(value) {
					console.log(value)
				}
			});
		})
		$(document).ready(function(){
		})
		$('#imgFile').change(function(e) {
			var files = e.target.files;
			for (var i = 0; i < files.length; i++) {
				var reader = new FileReader();
				fileStr = files[i];
				reader.readAsDataURL(files[i]);
				reader.onload = function (e) {
					$("._img").css("display","block")
					$("._img img").attr("src",e.target.result);
				}
			} 
		})
	</script>
</html>