syscomparisonEdit.jsp 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456
  1. <%--
  2. time:2018-09-25 16:03:20
  3. desc:edit the SYS_COMPARISON
  4. --%>
  5. <%@page language="java" pageEncoding="UTF-8"%>
  6. <%@include file="/commons/include/html_doctype.html"%>
  7. <html>
  8. <head>
  9. <title>编辑档案</title>
  10. <%@include file="/commons/include/form.jsp" %>
  11. <f:link href="form.css" ></f:link>
  12. <script type="text/javascript" src="${ctx}/js/hotent/CustomValid.js"></script>
  13. <script type="text/javascript" src="${ctx}/js/hotent/platform/form/AttachMent.js"></script>
  14. <script type="text/javascript" src="${ctx}/js/hotent/platform/system/HtmlUploadDialog.js"></script>
  15. <script type="text/javascript" src="${ctx}/js/hotent/platform/system/FlexUploadDialog.js"></script>
  16. <style>
  17. .tab_page img{
  18. width:100%;
  19. height:100%;
  20. }
  21. .sp_border{
  22. width:208px;
  23. height: 93px;
  24. border: 3px solid #b31a0d;
  25. float:right;
  26. position: absolute;
  27. position: absolute;
  28. top: 75%;
  29. margin-top: -47px;
  30. left: 50%;
  31. margin-left: -102px;
  32. cursor:pointer;
  33. -webkit-user-select:none;
  34. -moz-user-select:none;
  35. -ms-user-select:none;
  36. user-select:none;
  37. z-index:9;
  38. }
  39. .sp_border img{
  40. -moz-user-select: none;
  41. -webkit-user-select: none;
  42. -ms-user-select: none;
  43. -khtml-user-select: none;
  44. user-select: none;
  45. width:auto;
  46. height:auto;
  47. }
  48. .sp_border span{
  49. float:left;
  50. display: block;
  51. height:20px;
  52. line-height: 20px;
  53. }
  54. .sp_border span input{
  55. border: 0px;
  56. width: 100%;
  57. height: 14px;
  58. line-height: 18px;
  59. font-family: "楷体";
  60. font-size: 13px;
  61. font-weight: bold;
  62. color: #043487;
  63. text-align:center;
  64. background:none;
  65. }
  66. .tab_page{
  67. position:relative;
  68. width:21cm;
  69. min-height:29.7cm;
  70. /*padding:2cm; */
  71. margin:1cm auto;
  72. border:1px#D3D3D3 solid;
  73. }
  74. </style>
  75. <script type="text/javascript">
  76. $(function() {
  77. $("a.save").click(function() {
  78. if(!validateImg()) return;
  79. $("#syscomparisonForm").attr("action","save.ht");
  80. $("#saveData").val(1);
  81. submitForm();
  82. });
  83. $("#btnSelectImg").click(function(){
  84. HtmlUploadDialog({max:1,callback:function(data){
  85. if(data.length==1){
  86. var fileId=data[0].fileId;
  87. var url=__ctx +"/platform/system/sysFile/file_"+fileId+".ht"
  88. $("#kz1").val(fileId);
  89. $("#columnImg").attr("src",url)
  90. }
  91. }});
  92. });
  93. });
  94. function csfz(){
  95. var fullname=document.getElementById("fullname").value;
  96. $("#rm").attr("value",fullname);//推荐这种写法,可正常赋值
  97. var num=document.getElementById("num").value;
  98. $("#ye").attr("value",num);
  99. var ctime=document.getElementById("ctime").value;
  100. ctime = ctime.replace(/-/g, '/'); //格式化日期
  101. // 创建日期对象
  102. var date = new Date(ctime);
  103. var yyyy=date.getFullYear(); //获取完整的年份(4位,1970-????)
  104. var mm=date.getMonth()+1; //获取当前月份(0-11,0代表1月)
  105. var dd=date.getDate(); //获取当前日(1-31)
  106. if(isNaN(yyyy)){
  107. $("#yyyy").attr("value","");
  108. $("#mm").attr("value","");
  109. $("#dd").attr("value","");
  110. }else if(!isNaN(yyyy)){
  111. $("#yyyy").attr("value",yyyy);
  112. $("#mm").attr("value",mm);
  113. $("#dd").attr("value",dd);
  114. }
  115. }
  116. function fzrm(){
  117. var fullname=document.getElementById("fullname").value;
  118. $("#rm").attr("value",fullname);
  119. }
  120. function fuzhi(){
  121. var num=document.getElementById("num").value;
  122. $("#ye").attr("value",num);
  123. }
  124. function fzsj(){
  125. var ctime=document.getElementById("ctime").value;
  126. ctime = ctime.replace(/-/g, '/'); //格式化日期
  127. // 创建日期对象
  128. var date = new Date(ctime);
  129. var yyyy=date.getFullYear(); //获取完整的年份(4位,1970-????)
  130. var mm=date.getMonth()+1; //获取当前月份(0-11,0代表1月)
  131. var dd=date.getDate(); //获取当前日(1-31)
  132. if(isNaN(yyyy)){
  133. $("#yyyy").attr("value","");
  134. $("#mm").attr("value","");
  135. $("#dd").attr("value","");
  136. }else if(!isNaN(yyyy)){
  137. $("#yyyy").attr("value",yyyy);
  138. $("#mm").attr("value",mm);
  139. $("#dd").attr("value",dd);
  140. }
  141. }
  142. //提交表单
  143. function submitForm(){
  144. var options={};
  145. var fullname=document.getElementById("fullname").value;
  146. var kz2=document.getElementById("kz2").value;
  147. var kz3=document.getElementById("kz3").value;
  148. var card=document.getElementById("card").value;
  149. var unit=document.getElementById("unit").value;
  150. if(fullname==null){
  151. alert("姓名不能为空,请重新填写!");
  152. return false;
  153. }
  154. if(card==null){
  155. alert("身份证号不能为空,请重新填写!");
  156. return false;
  157. }
  158. if(unit==null){
  159. alert("单位不能为空,请重新填写!");
  160. return false;
  161. }
  162. if(kz2==null){
  163. alert("档案号不能为空,请重新填写!");
  164. return false;
  165. }
  166. if(kz3==null){
  167. alert("业务类别不能为空,请重新填写!");
  168. return false;
  169. }
  170. //if(card.length!=18){
  171. // alert("身份证号不满足18位,请重新填写!");
  172. // return false;
  173. //}
  174. if(showResponse){
  175. options.success=showResponse;
  176. }
  177. var frm=$('#syscomparisonForm').form();
  178. frm.ajaxForm(options);
  179. if(frm.valid()){
  180. frm.submit();
  181. }
  182. }
  183. function showResponse(responseText) {
  184. var obj = new com.hotent.form.ResultMessage(responseText);
  185. if(!obj.isSuccess()){
  186. $.ligerDialog.err("提示信息"," SYS_COMPARISON保存失败!",obj.getMessage());
  187. return;
  188. }
  189. $.ligerDialog.confirm(obj.getMessage()+",是否继续操作","提示信息", function(rtn) {
  190. if(rtn){
  191. window.location.href = window.location.href;
  192. }else{
  193. window.location.href = "${ctx}/platform/system/syscomparison/list.ht";
  194. }
  195. });
  196. }
  197. function validateImg(){
  198. var yes=true;
  199. var imgurl=$("#kz1").val();
  200. /* if(imgurl.length==0){
  201. $.ligerDialog.warn("请上传会议室图片!","消息提示");
  202. yes=false;
  203. } */
  204. return yes;
  205. };
  206. function isUrgentClick(str){
  207. $("#kz4").val(str);
  208. }
  209. </script>
  210. </head>
  211. <body onload="csfz()">
  212. <div class="panel">
  213. <div class="panel-top">
  214. <div class="tbar-title">
  215. <c:choose>
  216. <c:when test="${syscomparison.id !=null}">
  217. <span class="tbar-label"><span></span>编辑档案</span>
  218. </c:when>
  219. <c:otherwise>
  220. <span class="tbar-label"><span></span>添加档案</span>
  221. </c:otherwise>
  222. </c:choose>
  223. </div>
  224. <div class="panel-toolbar">
  225. <div class="toolBar">
  226. <div class="group"><a class="link save" id="dataFormSave" href="#"><span></span>保存</a></div>
  227. <div class="l-bar-separator"></div>
  228. <!-- <div class="group"><a class="link back" onclick="dayin()"><span></span>打印</a></div> -->
  229. <div class="group"><a class="link back" href="list.ht"><span></span>返回</a></div>
  230. </div>
  231. </div>
  232. </div>
  233. <div class="panel-body">
  234. <form id="syscomparisonForm" method="post" action="save.ht">
  235. <table class="table-detail" cellpadding="0" cellspacing="0" border="0" type="main">
  236. <tr>
  237. <th width="20%">档案号: </th>
  238. <td><input type="text" id="kz2" name="kz2" style="width:180px;" value="${syscomparison.kz2}" class="inputText" validate="{required:false,maxlength:20}" /></td>
  239. </tr>
  240. <tr>
  241. <th width="20%">业务类别: </th>
  242. <td><input type="text" id="kz3" name="kz3" style="width:180px;" value="${syscomparison.kz3}" class="inputText" validate="{required:false,maxlength:20}" /></td>
  243. </tr>
  244. <tr>
  245. <th width="20%">人员姓名: </th>
  246. <td><input type="text" id="fullname" style="width:180px;" name="fullname" value="${syscomparison.fullname}" onblur="fzrm()" class="inputText" validate="{required:false,maxlength:20}" /></td>
  247. </tr>
  248. <tr>
  249. <th width="20%">身份证号: </th>
  250. <td><input type="text" id="card" style="width:180px;" name="card" value="${syscomparison.card}" class="inputText" validate="{required:false,maxlength:50}" /></td>
  251. </tr>
  252. <tr>
  253. <th width="20%">单位: </th>
  254. <td><input type="text" id="unit" style="width:180px;" name="unit" value="${syscomparison.unit}" class="inputText" validate="{required:false,maxlength:300}" /></td>
  255. </tr>
  256. <tr>
  257. <th width="20%">当前时间: </th>
  258. <td><input type="text" id="ctime" style="width:180px;" name="ctime" onblur="fzsj()" value="<fmt:formatDate value='${syscomparison.ctime}' pattern='yyyy-MM-dd'/>" class="inputText date" validate="{date:true}" /></td>
  259. </tr>
  260. <tr>
  261. <th width="20%">页数: </th>
  262. <td><input type="text" id="num" style="width:180px;" name="num" value="${syscomparison.num}" onblur="fuzhi()" class="inputText" validate="{required:false,maxlength:10}" /></td>
  263. </tr>
  264. <tr>
  265. <th width="20%">附件上传: </th>
  266. <td>
  267. <div name="div_attachment_container">
  268. <div class="attachement"></div>
  269. <textarea style="display: none" controltype="attachment"
  270. name="attachment" lablename="附件" validate="{}">${syscomparison.attachment}</textarea>
  271. <a href="javascript:;" field="attachment" class="link selectFile"
  272. atype="select" onclick="AttachMent.addFile(this);">选择</a>
  273. </div>
  274. </td>
  275. <tr>
  276. <tr>
  277. <th width="20%">办理状态: </th>
  278. <td><input type="hidden" id="kz4" name="kz4" class="inputText" />
  279. <input type="radio" id="isUrgentYes" name="isUrgent" value="1" title="未办理" checked="checked" onclick="isUrgentClick(1)">未办理
  280. <input type="radio" id="isUrgentNo" name="isUrgent" value="2" title="已办理" onclick="isUrgentClick(2)">已办理
  281. </td>
  282. </tr>
  283. <tr>
  284. <th width="20%">备注: </th>
  285. <td><input type="text" id="kz5" name="kz5" style="width:500px;" value="${syscomparison.kz5}" class="inputText" validate="{required:false,maxlength:200}" /></td>
  286. </tr>
  287. <td id="td_gz" colspan="2">
  288. <input type="hidden" id="kz1" name="kz1" value="${syscomparison.kz1}">
  289. <div class="tab_page">
  290. <c:choose>
  291. <c:when test="${empty syscomparison.kz1}">
  292. <img id="columnImg" alt="" src="" draggable="false">
  293. </c:when>
  294. <c:otherwise>
  295. <img id="columnImg" alt="" draggable="false" src="${ctx }/platform/system/sysFile/file_${syscomparison.kz1}.ht">
  296. </c:otherwise>
  297. </c:choose>
  298. <input id="btnSelectImg" type="button" value="选择">
  299. <div class="sp_border" id="sp_border" onmousedown="small_down(event)">
  300. <span><img src="../../../commons/image/sp_03.png" draggable="false"/></span>
  301. <span style="width:60px;"><input type="text" id="rm" /></span>
  302. <span><img src="../../../commons/image/sp_05.png" draggable="false"/></span>
  303. <span><img src="../../../commons/image/sp_07.png" style="padding-top:4px;" draggable="false"/></span>
  304. <span style="width:40px;"><input type="text" id="ye"/></span>
  305. <span><img src="../../../commons/image/sp_09.png" style="padding-top:4px;" draggable="false"/></span>
  306. <span style="float:right;"><img src="../../../commons/image/sp_12.png" draggable="false"/></span>
  307. <span style="margin-top: 15px;"><img src="../../../commons/image/sp_14.png" draggable="false"/></span>
  308. <span style="width:30px;margin-top: 14px;text-align:right;"><input type="text" id="yyyy" style="height:14px;line-height:14px;"/></span>
  309. <span style="margin-top: 15px;"><img src="../../../commons/image/sp_16.png" draggable="false"/></span>
  310. <span style="width:15px;margin-top: 14px;"><input type="text" id="mm" style="height:14px;line-height:14px;"/></span>
  311. <span style="margin-top: 15px;"><img src="../../../commons/image/sp_18.png" draggable="false"/></span>
  312. <span style="width:15px;margin-top: 14px;"><input type="text" id="dd" style="height:14px;line-height:14px;"/></span>
  313. <span style="margin-top: 15px;"><img src="../../../commons/image/sp_20.png" draggable="false"/></span>
  314. </div>
  315. </div>
  316. </td>
  317. </tr>
  318. <%--
  319. <tr>
  320. <th width="20%">组织ID: </th>
  321. <td><input type="text" id="orgid" name="orgid" value="${syscomparison.orgid}" class="inputText" validate="{required:false,maxlength:200}" /></td>
  322. </tr>
  323. <tr>
  324. <th width="20%">KZ6: </th>
  325. <td><input type="text" id="kz6" name="kz6" value="${syscomparison.kz6}" class="inputText" validate="{required:false,maxlength:20}" /></td>
  326. </tr>
  327. <tr>
  328. <th width="20%">KZ7: </th>
  329. <td><input type="text" id="kz7" name="kz7" value="${syscomparison.kz7}" class="inputText" validate="{required:false,maxlength:20}" /></td>
  330. </tr>
  331. <tr>
  332. <th width="20%">KZ8: </th>
  333. <td><input type="text" id="kz8" name="kz8" value="${syscomparison.kz8}" class="inputText" validate="{required:false,maxlength:20}" /></td>
  334. </tr> --%>
  335. </table>
  336. <input type="hidden" name="id" value="${syscomparison.id}" />
  337. <input type="hidden" name="saveData" id="saveData" />
  338. <input type="hidden" name="executeType" value="start" />
  339. </form>
  340. </div>
  341. </div>
  342. </body>
  343. </html>
  344. <script>
  345. //打印方法
  346. function dayin(){
  347. var headstr = "<html><head><title></title></head><body>";
  348. var footstr = "</body>";
  349. var printData = document.getElementById("td_gz").innerHTML;// 获得 div 里的所有 html 数据
  350. var oldstr = document.body.innerHTML; //原HTML
  351. document.body.innerHTML = headstr+printData+footstr;
  352. $("#btnSelectImg").remove();
  353. window.print();
  354. window.location.href = "${ctx}/platform/system/syscomparison/list.ht";
  355. $("img").css("height","100%");
  356. $(".tab_page").css("width","100%");
  357. $(".tab_page").children("br").remove();
  358. $(".tab_page").css("margin","0px");
  359. $(".tab_page").css("height","100%");
  360. $(".tab_page").css("min-height","100%");
  361. $("#kz1").remove();
  362. }
  363. /* var box = document.getElementById("sp_border");
  364. var td_gz = document.getElementById("td_gz");
  365. //鼠标按下的函数
  366. box.onmousedown = function(ev) {
  367. var oEvent = ev || event;
  368. //求出鼠标和box的位置差值
  369. var x = oEvent.clientX - box.offsetLeft;
  370. var y = oEvent.clientY - box.offsetTop;
  371. //鼠标移动的函数
  372. //把事件加在document上,解决因为鼠标移动太快时,
  373. //鼠标超过box后就没有了拖拽的效果的问题
  374. document.onmousemove = function(ev) {
  375. var oEvent = ev || event;
  376. //保证拖拽框一直保持在浏览器窗口内部,不能被拖出的浏览器窗口的范围
  377. var l = oEvent.clientX - x;
  378. var t = oEvent.clientY - y;
  379. if(l < 0) {
  380. l = 0;
  381. } else if(l > document.documentElement.clientWidth - box.offsetWidth) {
  382. l = document.documentElement.clientWidth - box.offsetWidth;
  383. }
  384. if(t < 0) {
  385. t = 0;
  386. } else if(t > document.documentElement.clientHeight - box.offsetHeight) {
  387. t = document.documentElement.clientHeight - box.offsetHeight;
  388. }
  389. box.style.left = l + "px";
  390. box.style.top = t + "px";
  391. }
  392. //鼠标抬起的函数
  393. document.onmouseup = function() {
  394. document.onmousemove = null;
  395. document.onmouseup = null;
  396. }
  397. return false;
  398. } */
  399. function small_down(e) {
  400. var obig = document.getElementById("td_gz");
  401. var osmall = document.getElementById("sp_border");
  402. var e = e || window.event; /*用于保存小的div拖拽前的坐标*/
  403. osmall.startX = e.clientX - osmall.offsetLeft;
  404. osmall.startY = e.clientY - osmall.offsetTop; /*鼠标的移动事件*/
  405. document.onmousemove = function(e) {
  406. var e = e || window.event;
  407. var wid = obig.offsetWidth - 214;
  408. var hei = obig.offsetHeight - 99;
  409. osmall.style.left = e.clientX - osmall.startX + "px";
  410. osmall.style.top = e.clientY - osmall.startY + "px"; /*对于大的DIV四个边界的判断*/ if (e.clientX - osmall.startX <= 0) {
  411. osmall.style.left = 0 + "px";
  412. }
  413. if (e.clientY - osmall.startY <= 0) {
  414. osmall.style.top = 0 + "px";
  415. }
  416. if (e.clientX - osmall.startX >= wid) {
  417. osmall.style.left = wid + "px";
  418. }
  419. if (e.clientY - osmall.startY >= hei) {
  420. osmall.style.top = hei + "px";
  421. }
  422. };
  423. /*鼠标的抬起事件,终止拖动*/
  424. document.onmouseup = function() {
  425. document.onmousemove = null;
  426. document.onmouseup = null;
  427. };
  428. }
  429. </script>