whzysbtx.html 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta content="IE=edge" http-equiv="X-UA-Compatible">
  6. <meta content="initial-scale=1.0, width=device-width" name="viewport">
  7. <title>湖北智慧水运</title>
  8. <!-- css -->
  9. <link href="../css/base.min.css" rel="stylesheet">
  10. <script type="text/javascript" src="../js/zepto.min.js"></script>
  11. <link rel="stylesheet" type="text/css" href="../css/mui.min.css">
  12. <link rel="stylesheet" type="text/css" href="../css/shenpi.css" />
  13. <script>
  14. var listdata;
  15. $(function(){
  16. $.ajax({
  17. type: 'post',
  18. url: '../../whsqbpcontroller/getZysqbpListByJyr.do',
  19. data:{count:"5"},
  20. dataType: 'json',
  21. success: function(data){
  22. console.log(data)
  23. listdata = data;
  24. for(var i=0;i<data.length;i++){
  25. $("#gaibian").append('<option value="'+i+'">'+data[i].bh+'</option>');
  26. }
  27. }})
  28. $("#gaibian").live("change",function(){
  29. if($(this).val()=="不选择"){
  30. $("#content").html("");
  31. }else{
  32. $("#content").html('<tr><td class="titlered">船名</td><td class="titlered2" >'+listdata[$(this).val()].cm+'</td></tr>'+
  33. '<tr><td class="titlered">场地</td><td class="titlered2" >'+listdata[$(this).val()].zydd.bz+'</td></tr>'+
  34. '<tr><td class="titlered">危货名称</td><td class="titlered2">'+listdata[$(this).val()].wxhwmcbh+'</td></tr>'+
  35. '<tr><td class="titlered">靠泊时间</td><td class="titlered2" >'+ datetoyue(listdata[$(this).val()].kpsj) +'</td></tr>'+
  36. '<tr><td class="titlered">开工时间</td><td class="titlered2" >'+datetoyue(listdata[$(this).val()].kgsj)+'</td></tr>')
  37. localStorage.mobanid=$(this).val();
  38. }
  39. })
  40. })
  41. function inputse(a){
  42. $("#dsidshow").val($("#dsid option").eq($("#dsid").attr("selectedIndex")).text())
  43. if($("#dsid").val()==""){
  44. $("#content").html("");
  45. }else{
  46. $("#content").html('<tr><td class="titlered">船名</td><td class="titlered2" >鲁青远渔108</td></tr>'+
  47. '<tr><td class="titlered">场地</td><td class="titlered2" >危货名称</td></tr>'+
  48. '<tr><td class="titlered">危货名称</td><td class="titlered2">甲醇</td></tr>'+
  49. '<tr><td class="titlered">靠泊时间</td><td class="titlered2" >Z</td></tr>'+
  50. '<tr><td class="titlered">开工时间</td><td class="titlered2" >X</td></tr>')
  51. localStorage.mobanid=$("#dsid").val();
  52. }
  53. }
  54. $(function(){
  55. $("#queding").live("click",function(){
  56. var value = $("#gaibian").val();
  57. if(value=="不选择"){
  58. value="";
  59. }else{
  60. value = listdata[$("#gaibian").val()].id;
  61. }
  62. location.href="dcttl.html?value="+value;
  63. })
  64. $("#quxiao").live("click",function(){
  65. history.back(-1);
  66. })
  67. })
  68. </script>
  69. <style>
  70. .container{
  71. padding-left:0px;
  72. padding-right:0px;
  73. }
  74. .mui-input-group:after {
  75. position: absolute;
  76. right: 0;
  77. bottom: 0;
  78. left: 0;
  79. height: 0px;
  80. content: '';
  81. background-color: #c8c7cc;
  82. -webkit-transform: scaleY(.5);
  83. transform: scaleY(.5);
  84. }
  85. .header-logo{
  86. width:50%;
  87. text-align:right;
  88. }
  89. .layermmain .section { vertical-align: middle;}
  90. .icback{
  91. font-size: 22px;
  92. }
  93. .nav{position: fixed;}
  94. .header {
  95. width:100%;
  96. height:45px;
  97. line-height:45px;
  98. padding:0;
  99. color:#eee;
  100. font-size:22px;
  101. text-align:center;
  102. color:white;
  103. background: #2196f3;
  104. }
  105. </style>
  106. </head>
  107. <body class="page-blue">
  108. <div id="divdiplay">
  109. <header class="header">
  110. <ul class="nav nav-list pull-left">
  111. <li><a href="javascript:void(0);" id="goback" onclick="history.back()"><span class="icon icon-arrow-back icback"></span>
  112. </a>
  113. </li>
  114. </ul>
  115. <a class="" href="#" id="headername">危货作业申报填写</a>
  116. </header>
  117. <div class="content" style="margin-top: 45px;margin-bottom: 10px;">
  118. <div style="margin-top:58px;">
  119. <span>&nbsp;&nbsp;请选择作业申报复制版本</span>
  120. <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;" >
  121. <select id="gaibian">
  122. <option value="不选择" selected="">不选择</option>
  123. </select>
  124. </div>
  125. <div class="content-inner">
  126. <div class="container">
  127. <div class="table-responsive">
  128. <table class="table" title="Default Tabl" style="width: 90%;text-align: center;" align="center">
  129. <tbody id="content" >
  130. </tbody>
  131. </table>
  132. </div>
  133. </div>
  134. </div>
  135. </div>
  136. </div>
  137. <nav style="width: 100%;height: 50px;position: fixed;bottom: 0px;background: white;">
  138. <button class="mui-btn mui-btn-positive" type="button" style="width: 40%;background: #2196f3;border: 0px;margin-left: 9%;height: 40px;" id="queding">确定</button>&nbsp;&nbsp;
  139. <button class="mui-btn mui-btn-positive" type="button" style="width: 40%;background: #2196f3;border: 0px;height: 40px;" id="quxiao">取消</button>
  140. </nav>
  141. </body>
  142. </html>