viewWhhCl.htm 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>viewWhhCl.htm</title>
  5. <link rel="stylesheet" href="views/whh/whhPlus/viewWhhSq.css?type=4">
  6. <script src="views/whh/whhPlus/ckplayer/ckplayer.js" charset="utf-8"></script>
  7. <script type="text/javascript">
  8. $(function(){
  9. var hide = $("#hide").val();
  10. if(hide == "hide") {
  11. $("#whhcl").hide();
  12. }
  13. var sp = $("#videoStr").val();
  14. var zp = $("#photoStr").val();
  15. if(zp == "") {
  16. $(".zp").hide();
  17. }
  18. if(sp == "") {
  19. $(".sp").hide();
  20. }
  21. $("#photo").hide();
  22. //$("#videoSee").hide();
  23. $("#videoSee").css("width",pageWidth());
  24. $("#overlay").click(function(){
  25. hideOverlay();
  26. })
  27. /*
  28. $(".seeVideo").click(function(){
  29. showOverlay();
  30. $("#videoSee").show();
  31. }) */
  32. $(".hideOverlay").click(function(){
  33. $("#photo").hide();
  34. $("#videoSee").hide();
  35. hideOverlay();
  36. });
  37. })
  38. function loadMedia(cdid,lx){
  39. haifm.loadMobilePage("haifm", "loadMedia.htm?djid="+$("#djid").val()
  40. +"&cdid="+cdid+"&from="+$("#whhFrom").val()+"&type="+$("#type").val()+"&lx="+lx);
  41. }
  42. </script>
  43. </head>
  44. <body>
  45. <input type="hidden" id="hide" value="$!hide" >
  46. <input type="hidden" id="videoStr" value="$!cdxx.spStr" >
  47. <input type="hidden" id="photoStr" value="$!cdxx.zpStr" >
  48. <section id="cljg">
  49. <div class="headline"><div class="lsfk"></div>处理结果</div>
  50. <div class="cont-wrapper">
  51. <div class="line">
  52. <div class="divicon">
  53. <svg class="icon-whhxq icon-clsj" aria-hidden="true">
  54. <use xlink:href="#icon-naozhong"></use>
  55. </svg>
  56. </div>
  57. <div class="title">处理时间<span></span></div>
  58. <div>:</div>
  59. <div class="cont">$!cdxx.clsjStr</div>
  60. </div>
  61. <div class="line zp">
  62. <div class="divicon">
  63. <svg class="icon-whhxq icon-zp" aria-hidden="true">
  64. <use xlink:href="#icon-chakantiezizhaopian"></use>
  65. </svg>
  66. </div>
  67. <div class="title" style="width: 80px;">现场照片<span></span></div>
  68. <div>:</div>
  69. <div class="cont" style="flex:0 0 40%;">无害化处理照片</div>
  70. <div class="btn seePhoto" onclick="loadMedia('$!cdxx.id','zp')">查看</div>
  71. </div>
  72. <div class="line sp">
  73. <div class="divicon">
  74. <svg class="icon-whhxq icon-sp" aria-hidden="true">
  75. <use xlink:href="#icon-shipin"></use>
  76. </svg>
  77. </div>
  78. <div class="title" style="width: 80px;">现场视频<span></span></div>
  79. <div>:</div>
  80. <div class="cont" style="flex:0 0 40%;">无害化处理视频</div>
  81. <div class="btn seeVideo" onclick="loadMedia('$!cdxx.id','sp')">查看</a></div>
  82. </div>
  83. <div class="line">
  84. <div class="divicon">
  85. <svg class="icon-whhxq icon-jdry" aria-hidden="true">
  86. <use xlink:href="#icon-renyuanguanli"></use>
  87. </svg>
  88. </div>
  89. <div class="title">监督人员<span></span></div>
  90. <div>:</div>
  91. <div class="cont">$!cdxx.jdry</div>
  92. </div>
  93. <div class="line">
  94. <div class="divicon">
  95. <svg class="icon-whhxq icon-clbz" aria-hidden="true">
  96. <use xlink:href="#icon-tianjiabeizhu"></use>
  97. </svg>
  98. </div>
  99. <div class="title">备注<span></span></div>
  100. <div>:</div>
  101. <div class="cont" style=" flex: 0 0 60%;"><textarea rows="5" cols="5" readonly="readonly" class="textArea">$!cdxx.clbz</textarea></div>
  102. </div>
  103. </div>
  104. </section>
  105. </body>
  106. </html>