index2.html 5.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210
  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. <link rel="stylesheet" type="text/css" href="../css/shenpi.css" />
  11. <script type="text/javascript" src="../js/zepto.min.js"></script>
  12. <script>
  13. $(function(){
  14. $("#wanchengyijian").live("click",function(){
  15. location.href="whzysbtx.html";
  16. })
  17. $("#chaxun").live("click",function(){
  18. location.href="whzycx.html";
  19. })
  20. $.ajax({
  21. type: 'post',
  22. url: '../../aqusercontroller/getByCode.do',
  23. data:{count:"10",code:getQueryString("code")},
  24. dataType: 'json',
  25. success: function(data){
  26. if(data.sfjyr=="Y"){
  27. $("#jingyingren").show()
  28. }else if(data.sfjyr=="N"){
  29. $("#xingzhengren").show()
  30. }
  31. }});
  32. $.ajax({
  33. type: 'post',
  34. url: '../../whsqbpcontroller/getZysqbpListByJyr.do',
  35. data:{count:"10",code:getQueryString("code")},
  36. dataType: 'json',
  37. success: function(data){
  38. console.log(data)
  39. if(data.length==0)
  40. {
  41. layer.open({
  42. shade:false,
  43. content: '没有相关数据',
  44. style: 'background-color:rgba(0,0,0,0.5); color:white; border:none;font-size:20px;text-align:center',
  45. time:1
  46. });
  47. $('.lists').html('');
  48. return;
  49. }
  50. for(var i=0;i<data.length;i++){
  51. var aa = data[i];
  52. var color = "";
  53. // if((aa.recordStatus==2 || aa.recordStatus==10) && aa.kgzt=="N" ) {
  54. // color = "red";
  55. // }
  56. // if(aa.recordStatus==3) {
  57. // color = "blue";
  58. // }
  59. var json = {
  60. "1":"(未提交)",
  61. "4":"",
  62. "9":"",
  63. "2":"(已完成)",
  64. "3":"(审核中)",
  65. "8":"(已作废)",
  66. "5":"(取消作业)",
  67. "6":"(取消完成)",
  68. "7":"(变更作业)",
  69. "10":"(变更已完成)"
  70. }
  71. var jsoncolor = {"3":"red","5":"red","7":"red",}
  72. var kwcolor ="";
  73. if((data[i].recordStatus=="2"||data[i].recordStatus=="10")&&!(data[i].kgzt=="Y"&&data[i].wgzt=="Y")){
  74. kwcolor="blue";
  75. }
  76. $("#content").append('<tr class="'+jsoncolor[data[i].recordStatus]+' '+kwcolor+'" value="'+data[i].id+'" onclick="tiaohzuan('+data[i].id+')" ><td class="titlered2" >'+datetoyue(data[i].bgsj)+','+data[i].wxhwmcbh+'('+data[i].cm+')('+data[i].zydw.aqbmfzr+')'+json[data[i].recordStatus]+'</td></tr>');
  77. }
  78. }})
  79. $(".tiaozhuan").live("click",function(){
  80. var value = $(this).attr("value");
  81. location.href = "dcttl3.html?value="+value;
  82. })
  83. })
  84. function tiaohzuan(value){
  85. location.href = "dcttl3.html?value="+value;
  86. }
  87. </script>
  88. <link rel="stylesheet" type="text/css" href="../css/mui.min.css">
  89. <style>
  90. .container{
  91. padding-left:0px;
  92. padding-right:0px;
  93. }
  94. .mui-input-group:after {
  95. position: absolute;
  96. right: 0;
  97. bottom: 0;
  98. left: 0;
  99. height: 0px;
  100. content: '';
  101. background-color: #c8c7cc;
  102. -webkit-transform: scaleY(.5);
  103. transform: scaleY(.5);
  104. }
  105. .red{color: red}
  106. .header-logo{
  107. width:50%;
  108. text-align:right;
  109. }
  110. .layermmain .section { vertical-align: middle;}
  111. .icback{
  112. font-size: 22px;
  113. }
  114. .nav{position: fixed;}
  115. .header {
  116. width:100%;
  117. height:45px;
  118. line-height:45px;
  119. padding:0;
  120. color:#eee;
  121. font-size:22px;
  122. text-align:center;
  123. color:white;
  124. background: #2196f3;
  125. }
  126. .blue{color: blue;}
  127. </style>
  128. </head>
  129. <body class="page-blue">
  130. <div id="divdiplay">
  131. <header class="header">
  132. <a class="" href="#" id="headername">危货作业申报</a>
  133. </header>
  134. <div class="content" style="margin-top: 45px;margin-bottom: 10px;">
  135. <div class="content-inner">
  136. <div class="container">
  137. <div class="table-responsive">
  138. <table class="table" title="Default Tabl" style="width: 90%;text-align: center;" align="center">
  139. <tbody id="content">
  140. </tbody>
  141. </table>
  142. </div>
  143. </div>
  144. </div>
  145. </div>
  146. </div>
  147. <nav id="jingyingren" style="width: 100%;display:none;height: 50px;position: fixed;bottom: 0px;background: white;">
  148. <button class="mui-btn mui-btn-positive" type="button" style="width: 40%;background: #2196f3;border: 0px;margin-left: 9%;height: 40px;" id="wanchengyijian">申报申请</button>&nbsp;&nbsp;
  149. <button class="mui-btn mui-btn-positive" type="button" style="width: 40%;background: #2196f3;border: 0px;height: 40px;" id="chaxun">查询</button>
  150. </nav>
  151. <nav id="xingzhengren" style="width: 100%;height: 50px;display:none;position: fixed;bottom: 0px;background: white;">
  152. <button class="mui-btn mui-btn-positive" type="button" style="width: 80%;margin-left: 9%;background: #2196f3;border: 0px;height: 40px;" id="chaxun">查询</button>
  153. </nav>
  154. </body>
  155. </html>