sign-view-page.html 5.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
  1. <!DOCTYPE html>
  2. <html lang=zh-cn>
  3. <head>
  4. <meta charset=utf-8>
  5. <title>纵横计量支付系统</title>
  6. <meta name=description content=计量支付>
  7. <meta name=copyright content=smartcost.com.cn>
  8. <meta name="viewport" content="width=device-width,initial-scale=1.0">
  9. <link rel=stylesheet href="{{rootUrl}}global/css/bootstrap.css">
  10. <link rel=stylesheet href={{rootUrl}}global/css/style.css>
  11. <script src={{rootUrl}}global/js/jquery-1.9.1.min.js></script>
  12. <script src={{rootUrl}}global/js/bootstrap.js></script>
  13. <script src={{rootUrl}}global/js/jl.js></script>
  14. </head>
  15. <body>
  16. <!-- include "top" -->
  17. <div class="wrapContent">
  18. <!-- include "left" -->
  19. <div class="mainContainer" style="overflow-y:hidden">
  20. <!--内容-->
  21. <div class="mainContent signContent">
  22. <div class="title clearfix sign-title-height">
  23. <div class="fR sign-topbar">
  24. <a class="btn" href="javascript:void(0);" onclick="printdiv('sign_msg')"><i class="icon-print "></i> 打印</a>
  25. </div>
  26. <div class="fR sign-page-num">
  27. <span id="picnum">1</span> / {{signmsg.pagenum}} 页
  28. </div>
  29. <h1><a href="{{backurl}}" title="返回"><span class="closePanel" aria-hidden="true"
  30. data-icon="Z"></span></a>&nbsp;{{signmsg.name}}</h1>
  31. </div>
  32. <div class="sign-view clearfix">
  33. <div class="sign-side fR">
  34. <div class="view-info">
  35. <ul>
  36. <li><div class="fL">所在项目</div>{{signmsg.project}}</li>
  37. <li><div class="fL">标段</div>{{signmsg.tender}}</li>
  38. <li><div class="fL">期数</div>第{{ToChinaseNum(signmsg.phaseno)}}期</li>
  39. </ul>
  40. </div>
  41. <div class="signed-list">
  42. <ul>
  43. <!-- if !empty({{auditlist}}) -->
  44. <!-- loop auditlist -->
  45. <li><div class="no fL">{{auditlist' value.index}}</div><div class="avatars fL"><img src="{{auditlist' value.avatar}}">{{auditlist' value.aname}}</div><div class="corl fR"><!-- if {{auditlist' value.status}} == 'checked' --><span class="colGreen">完成</span><!-- elseif {{auditlist' value.status}} == 'checking' --><span class="colOrange">签署中</span><!-- else --><span class=""></span><!-- endif --></div></li>
  46. <!-- endloop -->
  47. <!-- endif -->
  48. </ul>
  49. <div class="btn-bar">
  50. </div>
  51. </div>
  52. </div>
  53. <input type="hidden" id="maxwidth" value="{{maxwidth}}">
  54. <input type="hidden" id="maxheight" value="{{maxheight}}">
  55. <div class="sign-content fL" id="sign_msg">
  56. <div class="warp-printer">
  57. <!-- if !empty({{attlist}}) -->
  58. <!-- loop attlist -->
  59. <div class="page" id="pageContainer{{attlist' value.curnum}}"><img src="{{rootUrl}}{{attlist' value.filepath}}" style="max-width: 99.8%">
  60. <!-- if !empty({{attlist' value.auditatt}}) -->
  61. <!-- loop attlist' value.auditatt -->
  62. <div class="user-sign" style="{{attlist' auditatt' value.position}}">
  63. <div class="">
  64. <img src="{{attlist' auditatt' value.picpath}}">
  65. </div>
  66. </div>
  67. <!-- endloop -->
  68. <!-- endif -->
  69. </div>
  70. <!-- endloop -->
  71. <!-- endif -->
  72. </div>
  73. </div>
  74. </div>
  75. </div>
  76. <!--内容-->
  77. </div>
  78. </div>
  79. <script type="text/javascript">autoFlashHeight();</script>
  80. <script>
  81. $( function() {
  82. $('.page').css('width',$('#maxwidth').val()+'px');
  83. $('#sign_msg').scroll(function(){
  84. for(var i = 1; i <= $('.page').length; i++){
  85. var yheight=$('#sign_msg').scrollTop()+200;
  86. var obj = document.getElementById("pageContainer"+i);
  87. var tops = obj.offsetTop;//元素距离顶部高度
  88. var divheight = obj.offsetHeight;//元素高度
  89. var tops2 = tops+divheight;
  90. if(tops<=yheight && yheight<tops2) {
  91. document.getElementById("picnum").innerHTML = i;
  92. break;
  93. }
  94. }
  95. });
  96. } );
  97. function printdiv(printpage)
  98. {
  99. var maxwidth = $('#maxwidth').val();
  100. var maxheight = $('#maxheight').val();
  101. $('.warp-printer').css("max-width",maxwidth+"px");
  102. var headstr = '<html><head><title></title><link rel="stylesheet" href="https://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"><style type="text/css" media="print">' +
  103. '@page {size: {{style}}; margin: 0mm; padding: 0mm; border:0mm; } @media print body {margin:0mm;padding:0mm;border: 0mm} .warp-printer .page{margin:0mm;padding:0mm;border: 0mm;widows:0 orphans:0} .sign-content .page{margin:0mm;padding:0mm;border: 0mm;widows:0 orphans:0}' +
  104. '</style></head><body>';
  105. var footstr = '</body>';
  106. var newstr = document.all.item(printpage).innerHTML;
  107. var oldstr = document.body.innerHTML;
  108. document.body.innerHTML = headstr+newstr+footstr;
  109. window.print();
  110. document.body.innerHTML = oldstr;
  111. window.location.reload();
  112. return false;
  113. }
  114. </script>
  115. </body>