syscomparisonGet.jsp 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395
  1. <%--
  2. time:2018-09-25 16:03:20
  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 onload="fzsj()">
  162. <div class="panel">
  163. <div class="panel-top">
  164. <div class="tbar-title">
  165. <span class="tbar-label">SYS_COMPARISON详细信息</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>${syscomparison.kz2}</td>
  180. </tr>
  181. <tr>
  182. <th width="20%">业务类别:</th>
  183. <td>${syscomparison.kz3}</td>
  184. </tr>
  185. <tr>
  186. <th width="20%">人员姓名:</th>
  187. <td>${syscomparison.fullname}</td>
  188. </tr>
  189. <tr>
  190. <th width="20%">身份证号:</th>
  191. <td>${syscomparison.card}</td>
  192. </tr>
  193. <tr>
  194. <th width="20%">单位:</th>
  195. <td>${syscomparison.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="{}">${syscomparison.attachment}</textarea>
  204. </div>
  205. </td>
  206. </tr>
  207. <tr>
  208. <th width="20%">当前时间:</th>
  209. <td>
  210. <fmt:formatDate value="${syscomparison.ctime}" pattern="yyyy-MM-dd"/>
  211. </td>
  212. </tr>
  213. <tr>
  214. <th width="20%">页数:</th>
  215. <td>${syscomparison.num}</td>
  216. </tr>
  217. <tr>
  218. <th width="20%">办理状态:</th>
  219. <td>
  220. <c:choose>
  221. <c:when test="${syscomparison.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>${syscomparison.kz5}</td>
  229. </tr>
  230. <tr>
  231. <td id="td_gz" colspan="2">
  232. <input type="hidden" id="kz1" name="kz1" value="${syscomparison.kz1}">
  233. <div class="tab_page">
  234. <c:choose>
  235. <c:when test="${empty syscomparison.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_${syscomparison.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/sp_03.png" draggable="false"/></span>
  244. <span style="width:60px;"><input type="text" id="rm" /></span>
  245. <span><img src="../../../commons/image/sp_05.png" draggable="false"/></span>
  246. <span><img src="../../../commons/image/sp_07.png" style="padding-top:4px;" draggable="false"/></span>
  247. <span style="width:40px;"><input type="text" id="ye"/></span>
  248. <span><img src="../../../commons/image/sp_09.png" style="padding-top:4px;" draggable="false"/></span>
  249. <span style="float:right;"><img src="../../../commons/image/sp_12.png" draggable="false"/></span>
  250. <span style="margin-top: 15px;"><img src="../../../commons/image/sp_14.png" draggable="false"/></span>
  251. <span style="width:30px;margin-top: 14px;text-align:right;"><input type="text" id="yyyy" style="height:14px;line-height:14px;"/></span>
  252. <span style="margin-top: 15px;"><img src="../../../commons/image/sp_16.png" draggable="false"/></span>
  253. <span style="width:15px;margin-top: 14px;"><input type="text" id="mm" style="height:14px;line-height:14px;"/></span>
  254. <span style="margin-top: 15px;"><img src="../../../commons/image/sp_18.png" draggable="false"/></span>
  255. <span style="width:15px;margin-top: 14px;"><input type="text" id="dd" style="height:14px;line-height:14px;"/></span>
  256. <span style="margin-top: 15px;"><img src="../../../commons/image/sp_20.png" draggable="false"/></span>
  257. </div>
  258. </div>
  259. </td>
  260. </tr>
  261. <%--
  262. <tr>
  263. <th width="20%">组织ID:</th>
  264. <td>${syscomparison.orgid}</td>
  265. </tr>
  266. <tr>
  267. <th width="20%">KZ6:</th>
  268. <td>${syscomparison.kz6}</td>
  269. </tr>
  270. <tr>
  271. <th width="20%">KZ7:</th>
  272. <td>${syscomparison.kz7}</td>
  273. </tr>
  274. <tr>
  275. <th width="20%">KZ8:</th>
  276. <td>${syscomparison.kz8}</td>
  277. </tr> --%>
  278. <input type="hidden" value="${syscomparison.ctime}" id="ctime">
  279. <input type="hidden" value="${syscomparison.fullname}" id="fullname">
  280. <input type="hidden" value="${syscomparison.num}" id="num">
  281. </table>
  282. </div>
  283. </div>
  284. </body>
  285. </html>
  286. <script>
  287. //打印方法
  288. function dayin(){
  289. var headstr = "<html><head><title></title></head><body>";
  290. var footstr = "</body>";
  291. var printData = document.getElementById("td_gz").innerHTML;// 获得 div 里的所有 html 数据
  292. var oldstr = document.body.innerHTML; //原HTMLheadstr++footstr
  293. document.body.innerHTML = headstr+printData+footstr;
  294. $("#btnSelectImg").remove();
  295. window.print();
  296. window.location.href = "${ctx}/platform/system/syscomparison/list.ht";
  297. $(".tab_page").children("br").remove();
  298. $(".tab_page").css("margin","0px");
  299. $(".tab_page").css("height","100%");
  300. $(".tab_page").css("min-height","100%");
  301. $("#kz1").remove();
  302. }
  303. /* var box = document.getElementById("sp_border");
  304. var td_gz = document.getElementById("td_gz");
  305. //鼠标按下的函数
  306. box.onmousedown = function(ev) {
  307. var oEvent = ev || event;
  308. //求出鼠标和box的位置差值
  309. var x = oEvent.clientX - box.offsetLeft;
  310. var y = oEvent.clientY - box.offsetTop;
  311. //鼠标移动的函数
  312. //把事件加在document上,解决因为鼠标移动太快时,
  313. //鼠标超过box后就没有了拖拽的效果的问题
  314. document.onmousemove = function(ev) {
  315. var oEvent = ev || event;
  316. //保证拖拽框一直保持在浏览器窗口内部,不能被拖出的浏览器窗口的范围
  317. var l = oEvent.clientX - x;
  318. var t = oEvent.clientY - y;
  319. if(l < 0) {
  320. l = 0;
  321. } else if(l > document.documentElement.clientWidth - box.offsetWidth) {
  322. l = document.documentElement.clientWidth - box.offsetWidth;
  323. }
  324. if(t < 0) {
  325. t = 0;
  326. } else if(t > document.documentElement.clientHeight - box.offsetHeight) {
  327. t = document.documentElement.clientHeight - box.offsetHeight;
  328. }
  329. box.style.left = l + "px";
  330. box.style.top = t + "px";
  331. }
  332. //鼠标抬起的函数
  333. document.onmouseup = function() {
  334. document.onmousemove = null;
  335. document.onmouseup = null;
  336. }
  337. return false;
  338. } */
  339. function small_down(e) {
  340. var obig = document.getElementById("td_gz");
  341. var osmall = document.getElementById("sp_border");
  342. var e = e || window.event; /*用于保存小的div拖拽前的坐标*/
  343. osmall.startX = e.clientX - osmall.offsetLeft;
  344. osmall.startY = e.clientY - osmall.offsetTop; /*鼠标的移动事件*/
  345. document.onmousemove = function(e) {
  346. var e = e || window.event;
  347. var wid = obig.offsetWidth - 214;
  348. var hei = obig.offsetHeight - 99;
  349. osmall.style.left = e.clientX - osmall.startX + "px";
  350. osmall.style.top = e.clientY - osmall.startY + "px"; /*对于大的DIV四个边界的判断*/ if (e.clientX - osmall.startX <= 0) {
  351. osmall.style.left = 0 + "px";
  352. }
  353. if (e.clientY - osmall.startY <= 0) {
  354. osmall.style.top = 0 + "px";
  355. }
  356. if (e.clientX - osmall.startX >= wid) {
  357. osmall.style.left = wid + "px";
  358. }
  359. if (e.clientY - osmall.startY >= hei) {
  360. osmall.style.top = hei + "px";
  361. }
  362. };
  363. /*鼠标的抬起事件,终止拖动*/
  364. document.onmouseup = function() {
  365. document.onmousemove = null;
  366. document.onmouseup = null;
  367. };
  368. }
  369. </script>