syscomparisonyGet.jsp 9.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363
  1. <%--
  2. time:2019-08-21 17:05:24
  3. --%>
  4. <%@page language="java" pageEncoding="UTF-8"%>
  5. <%@include file="/commons/include/html_doctype.html"%>
  6. <html>
  7. <head>
  8. <title>档案明细</title>
  9. <%@include file="/commons/include/get.jsp"%>
  10. <f:link href="form.css"></f:link>
  11. <script type="text/javascript" src="${ctx}/js/util/easyTemplate.js"></script>
  12. <link href="${ctx}/styles/default/css/jquery.qtip.css" rel="stylesheet" />
  13. <script type="text/javascript"> src="${ctx}/js/jquery/plugins/jquery.qtip.js"></script>
  14. <script type="text/javascript"
  15. src="${ctx}/js/hotent/platform/form/AttachMent.js"></script>
  16. <script type="text/javascript"
  17. src="${ctx}/js/hotent/platform/system/HtmlUploadDialog.js"></script>
  18. <script type="text/javascript"
  19. src="${ctx}/js/hotent/platform/system/FlexUploadDialog.js"></script>
  20. <style>
  21. .tab_page img{
  22. width:100%;
  23. height:100%;
  24. }
  25. .sp_border{
  26. width:208px;
  27. height: 93px;
  28. /*border: 3px solid #b31a0d;*/
  29. float:right;
  30. position: absolute;
  31. position: absolute;
  32. top: 75%;
  33. margin-top: -47px;
  34. left: 50%;
  35. margin-left: -102px;
  36. cursor:pointer;
  37. -webkit-user-select:none;
  38. -moz-user-select:none;
  39. -ms-user-select:none;
  40. user-select:none;
  41. z-index:9;
  42. }
  43. .sp_border img{
  44. -moz-user-select: none;
  45. -webkit-user-select: none;
  46. -ms-user-select: none;
  47. -khtml-user-select: none;
  48. user-select: none;
  49. width:auto;
  50. height:auto;
  51. }
  52. .sp_border span{
  53. float:left;
  54. display: block;
  55. height:20px;
  56. line-height: 20px;
  57. }
  58. .sp_border span input{
  59. border: 0px;
  60. width: 100%;
  61. height: 14px;
  62. line-height: 18px;
  63. font-family: "楷体";
  64. font-size: 13px;
  65. font-weight: bold;
  66. color: #043487;
  67. text-align:center;
  68. background:none;
  69. }
  70. .tab_page{
  71. position:relative;
  72. width:21cm;
  73. min-height:29.7cm;
  74. /*padding:2cm; */
  75. margin:1cm auto;
  76. border:1px#D3D3D3 solid;
  77. }
  78. </style>
  79. <script type="text/javascript">
  80. //放置脚本
  81. $().ready(function (){
  82. AttachMent.init("r");
  83. });
  84. function fzsj(){
  85. var fullname=document.getElementById("fullname").value;
  86. $("#rm").attr("value",fullname);//推荐这种写法,可正常赋值
  87. var num=document.getElementById("num").value;
  88. $("#ye").attr("value",num);
  89. var ctime=document.getElementById("ctime").value;
  90. ctime = ctime.replace(/-/g, '/'); //格式化日期
  91. // 创建日期对象
  92. var date = new Date(ctime);
  93. var yyyy=date.getFullYear(); //获取完整的年份(4位,1970-????)
  94. var mm=date.getMonth()+1; //获取当前月份(0-11,0代表1月)
  95. var dd=date.getDate(); //获取当前日(1-31)
  96. if(isNaN(yyyy)){
  97. $("#yyyy").attr("value","");
  98. $("#mm").attr("value","");
  99. $("#dd").attr("value","");
  100. }else if(!isNaN(yyyy)){
  101. $("#yyyy").attr("value",yyyy);
  102. $("#mm").attr("value",mm);
  103. $("#dd").attr("value",dd);
  104. }
  105. }
  106. function dyniframesize(down) {
  107. var pTar = null;
  108. if (document.getElementById) {
  109. pTar = document.getElementById(down);
  110. } else {
  111. eval('pTar = ' + down + ';');
  112. }
  113. if (pTar && !window.opera) {
  114. //begin resizing iframe
  115. pTar.style.display = "block";
  116. if (pTar.contentDocument && pTar.contentDocument.body.offsetHeight) {
  117. //ns6 syntax
  118. pTar.height = pTar.contentDocument.body.offsetHeight + 50;
  119. pTar.width = pTar.contentDocument.body.scrollWidth;
  120. } else if (pTar.Document && pTar.Document.body.scrollHeight) {
  121. //ie5+ syntax
  122. pTar.height = pTar.Document.body.scrollHeight + 50;
  123. pTar.width = pTar.Document.body.scrollWidth;
  124. }
  125. }
  126. }
  127. $(function() {
  128. $("a[orgId]").each(
  129. function() {
  130. var template = $("#txtReceiveTemplate").val();
  131. var jsonValue = $(this).next(":hidden").val();
  132. var html = easyTemplate(template, $.parseJSON(jsonValue))
  133. .toString();
  134. $(this).qtip({
  135. content : {
  136. text : html,
  137. title : {
  138. text : '执行人列表'
  139. }
  140. },
  141. position : {
  142. at : 'top left',
  143. target : 'event',
  144. viewport : $(window)
  145. },
  146. show : {
  147. event : "click"
  148. },
  149. hide : {
  150. event : 'unfocus',
  151. fixed : true
  152. },
  153. style : {
  154. classes : 'ui-tooltip-light ui-tooltip-shadow'
  155. }
  156. });
  157. });
  158. });
  159. </script>
  160. </head>
  161. <body>
  162. <div class="panel">
  163. <div class="panel-top">
  164. <div class="tbar-title">
  165. <span class="tbar-label">SYS_COMPARISONY详细信息</span>
  166. </div>
  167. <div class="panel-toolbar">
  168. <div class="toolBar">
  169. <div class="group">
  170. <a class="link back" onclick="dayin()"><span></span>打印</a>
  171. <a class="link back" href="list.ht"><span></span>返回</a>
  172. </div>
  173. </div>
  174. </div>
  175. </div>
  176. <table class="table-detail" cellpadding="0" cellspacing="0" border="0">
  177. <tr>
  178. <th width="20%">档案号:</th>
  179. <td>${syscomparisony.kz2}</td>
  180. </tr>
  181. <tr>
  182. <th width="20%">业务类别:</th>
  183. <td>${syscomparisony.kz3}</td>
  184. </tr>
  185. <tr>
  186. <th width="20%">人员姓名:</th>
  187. <td>${syscomparisony.fullname}</td>
  188. </tr>
  189. <tr>
  190. <th width="20%">身份证号:</th>
  191. <td>${syscomparisony.card}</td>
  192. </tr>
  193. <tr>
  194. <th width="20%">单位:</th>
  195. <td>${syscomparisony.unit}</td>
  196. </tr>
  197. <tr>
  198. <th width="20%">附件上传:</th>
  199. <td>
  200. <div name="div_attachment_container">
  201. <div class="attachement"></div>
  202. <textarea style="display: none" controltype="attachment"
  203. name="attachment" lablename="附件" validate="{}">${syscomparisony.attachment}</textarea>
  204. </div>
  205. </td>
  206. </tr>
  207. <tr>
  208. <th width="20%">当前时间:</th>
  209. <td>
  210. <fmt:formatDate value="${syscomparisony.ctime}" pattern="yyyy-MM-dd"/>
  211. </td>
  212. </tr>
  213. <tr>
  214. <th width="20%">页数:</th>
  215. <td>${syscomparisony.num}</td>
  216. </tr>
  217. <tr>
  218. <th width="20%">办理状态:</th>
  219. <td>
  220. <c:choose>
  221. <c:when test="${syscomparisony.kz4 eq 2}">已办理</c:when>
  222. <c:otherwise>未办理</c:otherwise>
  223. </c:choose>
  224. </td>
  225. </tr>
  226. <tr>
  227. <th width="20%">备注:</th>
  228. <td>${syscomparisony.kz5}</td>
  229. </tr>
  230. <tr>
  231. <td id="td_gz" colspan="2">
  232. <input type="hidden" id="kz1" name="kz1" value="${syscomparisony.kz1}">
  233. <div class="tab_page">
  234. <c:choose>
  235. <c:when test="${empty syscomparisony.kz1}">
  236. <img id="columnImg" alt="" src="" draggable="false">
  237. </c:when>
  238. <c:otherwise>
  239. <img id="columnImg" alt="" draggable="false" src="${ctx }/platform/system/sysFile/file_${syscomparisony.kz1}.ht">
  240. </c:otherwise>
  241. </c:choose>
  242. <div class="sp_border" id="sp_border" onmousedown="small_down(event)">
  243. <span><img src="../../../commons/image/rsjdaqz.png" draggable="false"/></span>
  244. </div>
  245. </div>
  246. </td>
  247. </tr>
  248. <input type="hidden" value="${syscomparisony.ctime}" id="ctime">
  249. <input type="hidden" value="${syscomparisony.fullname}" id="fullname">
  250. <input type="hidden" value="${syscomparisony.num}" id="num">
  251. </table>
  252. </div>
  253. </div>
  254. </body>
  255. </html>
  256. <script>
  257. //打印方法
  258. function dayin(){
  259. var headstr = "<html><head><title></title></head><body>";
  260. var footstr = "</body>";
  261. var printData = document.getElementById("td_gz").innerHTML;// 获得 div 里的所有 html 数据
  262. var oldstr = document.body.innerHTML; //原HTMLheadstr++footstr
  263. document.body.innerHTML = headstr+printData+footstr;
  264. $("#btnSelectImg").remove();
  265. window.print();
  266. window.location.href = "${ctx}/platform/system/syscomparisony/list.ht";
  267. $(".tab_page").children("br").remove();
  268. $(".tab_page").css("margin","0px");
  269. $(".tab_page").css("height","100%");
  270. $(".tab_page").css("min-height","100%");
  271. $("#kz1").remove();
  272. }
  273. /* var box = document.getElementById("sp_border");
  274. var td_gz = document.getElementById("td_gz");
  275. //鼠标按下的函数
  276. box.onmousedown = function(ev) {
  277. var oEvent = ev || event;
  278. //求出鼠标和box的位置差值
  279. var x = oEvent.clientX - box.offsetLeft;
  280. var y = oEvent.clientY - box.offsetTop;
  281. //鼠标移动的函数
  282. //把事件加在document上,解决因为鼠标移动太快时,
  283. //鼠标超过box后就没有了拖拽的效果的问题
  284. document.onmousemove = function(ev) {
  285. var oEvent = ev || event;
  286. //保证拖拽框一直保持在浏览器窗口内部,不能被拖出的浏览器窗口的范围
  287. var l = oEvent.clientX - x;
  288. var t = oEvent.clientY - y;
  289. if(l < 0) {
  290. l = 0;
  291. } else if(l > document.documentElement.clientWidth - box.offsetWidth) {
  292. l = document.documentElement.clientWidth - box.offsetWidth;
  293. }
  294. if(t < 0) {
  295. t = 0;
  296. } else if(t > document.documentElement.clientHeight - box.offsetHeight) {
  297. t = document.documentElement.clientHeight - box.offsetHeight;
  298. }
  299. box.style.left = l + "px";
  300. box.style.top = t + "px";
  301. }
  302. //鼠标抬起的函数
  303. document.onmouseup = function() {
  304. document.onmousemove = null;
  305. document.onmouseup = null;
  306. }
  307. return false;
  308. } */
  309. function small_down(e) {
  310. var obig = document.getElementById("td_gz");
  311. var osmall = document.getElementById("sp_border");
  312. var e = e || window.event; /*用于保存小的div拖拽前的坐标*/
  313. osmall.startX = e.clientX - osmall.offsetLeft;
  314. osmall.startY = e.clientY - osmall.offsetTop; /*鼠标的移动事件*/
  315. document.onmousemove = function(e) {
  316. var e = e || window.event;
  317. var wid = obig.offsetWidth - 214;
  318. var hei = obig.offsetHeight - 99;
  319. osmall.style.left = e.clientX - osmall.startX + "px";
  320. osmall.style.top = e.clientY - osmall.startY + "px"; /*对于大的DIV四个边界的判断*/ if (e.clientX - osmall.startX <= 0) {
  321. osmall.style.left = 0 + "px";
  322. }
  323. if (e.clientY - osmall.startY <= 0) {
  324. osmall.style.top = 0 + "px";
  325. }
  326. if (e.clientX - osmall.startX >= wid) {
  327. osmall.style.left = wid + "px";
  328. }
  329. if (e.clientY - osmall.startY >= hei) {
  330. osmall.style.top = hei + "px";
  331. }
  332. };
  333. /*鼠标的抬起事件,终止拖动*/
  334. document.onmouseup = function() {
  335. document.onmousemove = null;
  336. document.onmouseup = null;
  337. };
  338. }
  339. </script>