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>
|