123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta content="IE=edge" http-equiv="X-UA-Compatible">
- <meta content="initial-scale=1.0, width=device-width" name="viewport">
- <title>湖北智慧水运</title>
- <!-- css -->
- <link href="../css/base.min.css" rel="stylesheet">
- <script type="text/javascript" src="../js/zepto.min.js"></script>
- <link rel="stylesheet" type="text/css" href="../css/mui.min.css">
- <link rel="stylesheet" type="text/css" href="../css/shenpi.css" />
- <script>
-
-
- var listdata;
- $(function(){
- $.ajax({
- type: 'post',
- url: '../../whsqbpcontroller/getZysqbpListByJyr.do',
- data:{count:"5"},
- dataType: 'json',
- success: function(data){
- console.log(data)
- listdata = data;
- for(var i=0;i<data.length;i++){
-
- $("#gaibian").append('<option value="'+i+'">'+data[i].bh+'</option>');
- }
- }})
-
-
- $("#gaibian").live("change",function(){
-
- if($(this).val()=="不选择"){
-
- $("#content").html("");
- }else{
- $("#content").html('<tr><td class="titlered">船名</td><td class="titlered2" >'+listdata[$(this).val()].cm+'</td></tr>'+
- '<tr><td class="titlered">场地</td><td class="titlered2" >'+listdata[$(this).val()].zydd.bz+'</td></tr>'+
- '<tr><td class="titlered">危货名称</td><td class="titlered2">'+listdata[$(this).val()].wxhwmcbh+'</td></tr>'+
- '<tr><td class="titlered">靠泊时间</td><td class="titlered2" >'+ datetoyue(listdata[$(this).val()].kpsj) +'</td></tr>'+
- '<tr><td class="titlered">开工时间</td><td class="titlered2" >'+datetoyue(listdata[$(this).val()].kgsj)+'</td></tr>')
- localStorage.mobanid=$(this).val();
- }
-
-
- })
-
-
-
- })
- function inputse(a){
-
-
- $("#dsidshow").val($("#dsid option").eq($("#dsid").attr("selectedIndex")).text())
- if($("#dsid").val()==""){
-
- $("#content").html("");
- }else{
- $("#content").html('<tr><td class="titlered">船名</td><td class="titlered2" >鲁青远渔108</td></tr>'+
- '<tr><td class="titlered">场地</td><td class="titlered2" >危货名称</td></tr>'+
- '<tr><td class="titlered">危货名称</td><td class="titlered2">甲醇</td></tr>'+
- '<tr><td class="titlered">靠泊时间</td><td class="titlered2" >Z</td></tr>'+
- '<tr><td class="titlered">开工时间</td><td class="titlered2" >X</td></tr>')
- localStorage.mobanid=$("#dsid").val();
- }
-
-
-
- }
- $(function(){
- $("#queding").live("click",function(){
- var value = $("#gaibian").val();
- if(value=="不选择"){
- value="";
- }else{
- value = listdata[$("#gaibian").val()].id;
- }
-
-
-
- location.href="dcttl.html?value="+value;
-
- })
- $("#quxiao").live("click",function(){
-
- history.back(-1);
-
- })
- })
-
- </script>
- <style>
- .container{
- padding-left:0px;
- padding-right:0px;
- }
- .mui-input-group:after {
- position: absolute;
- right: 0;
- bottom: 0;
- left: 0;
- height: 0px;
- content: '';
- background-color: #c8c7cc;
- -webkit-transform: scaleY(.5);
- transform: scaleY(.5);
- }
- .header-logo{
- width:50%;
- text-align:right;
- }
- .layermmain .section { vertical-align: middle;}
- .icback{
- font-size: 22px;
- }
- .nav{position: fixed;}
- .header {
- width:100%;
- height:45px;
- line-height:45px;
- padding:0;
-
- color:#eee;
- font-size:22px;
- text-align:center;
- color:white;
- background: #2196f3;
- }
- </style>
- </head>
- <body class="page-blue">
- <div id="divdiplay">
- <header class="header">
- <ul class="nav nav-list pull-left">
- <li><a href="javascript:void(0);" id="goback" onclick="history.back()"><span class="icon icon-arrow-back icback"></span>
- </a>
- </li>
- </ul>
- <a class="" href="#" id="headername">危货作业申报填写</a>
- </header>
- <div class="content" style="margin-top: 45px;margin-bottom: 10px;">
-
- <div style="margin-top:58px;">
-
-
-
- <span> 请选择作业申报复制版本</span>
- <div class="mui-input-row mui-select" style="border:1px solid gray;margin-top: 10px;width: 90%;margin-left: 5%;border-radius: 5px;height: 40px;" >
- <select id="gaibian">
- <option value="不选择" selected="">不选择</option>
- </select>
- </div>
-
-
-
- <div class="content-inner">
- <div class="container">
- <div class="table-responsive">
- <table class="table" title="Default Tabl" style="width: 90%;text-align: center;" align="center">
- <tbody id="content" >
-
- </tbody>
- </table>
- </div>
- </div>
- </div>
- </div>
- </div>
- <nav style="width: 100%;height: 50px;position: fixed;bottom: 0px;background: white;">
- <button class="mui-btn mui-btn-positive" type="button" style="width: 40%;background: #2196f3;border: 0px;margin-left: 9%;height: 40px;" id="queding">确定</button>
- <button class="mui-btn mui-btn-positive" type="button" style="width: 40%;background: #2196f3;border: 0px;height: 40px;" id="quxiao">取消</button>
- </nav>
- </body>
- </html>
|