ppt.ftl 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  7. <#include "*/commonHeader.ftl">
  8. <link href="pptx/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  9. <link href="pptx/idocv/idocv_common.min.css" rel="stylesheet">
  10. <link href="pptx/jquery.contextMenu.css" rel="stylesheet">
  11. <#-- 手机端预览兼容 -->
  12. <script type="text/javascript">
  13. var windowWidth = document.documentElement.clientWidth;
  14. var searchStr = window.location.search.substr(1);
  15. if ((windowWidth < 768 || (/micromessenger/.test(navigator.userAgent.toLowerCase()))) && (!searchStr || searchStr.indexOf('type=') < 0)) {
  16. var redirectUrl = window.location.pathname + '?type=mobile' + (!!searchStr ? ('&' + searchStr) : '');
  17. window.location.replace(redirectUrl);
  18. }
  19. </script>
  20. <!--[if lt IE 9]>
  21. <script src="/static/bootstrap/js/html5shiv.js"></script>
  22. <![endif]-->
  23. </head>
  24. <body onload="resetImgSize();" class="ppt-body">
  25. <div class="loading-mask" style="display: block;">
  26. <div class="loading-zone">
  27. <div class="text"><img src="pptx/img/loader_indicator_lite.gif">加载中...</div>
  28. </div>
  29. </div>
  30. <div class="navbar navbar-inverse navbar-fixed-top">
  31. <div class="navbar-inner">
  32. <div class="container-fluid">
  33. <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
  34. <span class="icon-bar"></span>
  35. <span class="icon-bar"></span>
  36. <span class="icon-bar"></span>
  37. </button>
  38. <!-- FILE NAME HERE -->
  39. <!-- SIGN UP & SIGN IN -->
  40. <div class="nav-collapse collapse">
  41. <p class="navbar-text pull-right">
  42. <a href="#" title="全屏" class="fullscreen-link"><i class="icon-fullscreen icon-white"></i></a>
  43. </p>
  44. </div><!--/.nav-collapse -->
  45. </div>
  46. </div>
  47. </div>
  48. <div class="container-fluid" style="max-height: 100%;">
  49. <div class="row-fluid">
  50. <div class="span2 hidden-phone"
  51. style="position: fixed; top: 60px; left: 20px; bottom: 20px; padding-right: 10px; border-right: 3px solid #c8c8c8; max-height: 100%; overflow: auto; text-align: center;">
  52. </div>
  53. <div class="span9 offset2">
  54. <div class="slide-img-container">
  55. <div class="ppt-turn-left-mask"></div>
  56. <div class="ppt-turn-right-mask"></div>
  57. <!--
  58. <img src="" class="img-polaroid" style="max-height: 100%;">
  59. -->
  60. </div>
  61. <!-- ONLY AVAILABLE ON MOBILE -->
  62. <div class="span12 visible-phone text-center"
  63. style="position: fixed; bottom: 10px; left: 0px; z-index: 1000;">
  64. <select class="select-page-selector span1" style="width: 80px; margin-top: 10px;">
  65. <!-- PAGE NUMBERS HERE -->
  66. </select>
  67. </div>
  68. </div>
  69. </div>
  70. </div>
  71. <div class="progress progress-striped active bottom-paging-progress">
  72. <div class="bar" style="width: 0%;"></div>
  73. </div>
  74. <!-- JavaSript ================================================== -->
  75. <script src="js/jquery-3.6.1.min.js"></script>
  76. <script src="pptx/jquery.contextMenu.js?v=11.2.5_20210128"></script>
  77. <script src="pptx/idocv/idocv_common.min.js"></script>
  78. <script src="pptx/jquery.mobile-events.min.js"></script>
  79. <script src="pptx/ppt.js"></script>
  80. <script>
  81. var resultData = {
  82. "code": 1,
  83. "name": "PPT预览",
  84. "totalSize": ${imgUrls ? size},
  85. "curPage": 1,
  86. "totalPage": 1,
  87. "pageSize": 10,
  88. "titles": null,
  89. "data": [
  90. <#assign index = 0>
  91. <#list imgUrls as img>
  92. <#if index != 0>, </#if>{
  93. "uuid": null,
  94. "title": null,
  95. "content": null,
  96. "text": null,
  97. "url": "${img}",
  98. "destFile": null,
  99. "viewCount": 0,
  100. "downloadCount": 0,
  101. "ctime": null,
  102. "thumbUrl": "${img}",
  103. "largeUrl": null,
  104. "ratio": 0.5625,
  105. "note": null
  106. }<#assign index = index + 1>
  107. </#list>],
  108. "desc": "Success"
  109. }
  110. var contextPath = '';
  111. var version = '12';
  112. // var urlObj = $.url($.url().attr('source').replace(contextPath, ''));
  113. var id = window.location.pathname.replace(contextPath, '').split('/')[2];
  114. var uuid = id;
  115. var params = getAllUrlParams(window.location.href); // 如果用urlObj.param()方法获取则被非正常解码
  116. // var queryStr = urlObj.attr('query'); // 参数被decode,IE下如果有中文参数则报错,需要获取原生参数
  117. var queryStr = window.location.search.slice(1);
  118. uuid = !!'' ? '' : uuid;
  119. var name = 'pptx';
  120. if (!!name) {
  121. params.name = name;
  122. }
  123. var reqUrl = '';
  124. var reqUrlMd5 = '';
  125. var authMap = '{}';
  126. var authMapStr = 'null';
  127. if (!!reqUrlMd5 && !!authMapStr) {
  128. authMap = JSON.parse(authMapStr);
  129. }
  130. window.onload = function () {
  131. initWaterMark();
  132. }
  133. </script>
  134. </body>
  135. </html>