123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456 |
- <%--
- time:2018-09-25 16:03:20
- desc:edit the SYS_COMPARISON
- --%>
- <%@page language="java" pageEncoding="UTF-8"%>
- <%@include file="/commons/include/html_doctype.html"%>
- <html>
- <head>
- <title>编辑档案</title>
- <%@include file="/commons/include/form.jsp" %>
- <f:link href="form.css" ></f:link>
- <script type="text/javascript" src="${ctx}/js/hotent/CustomValid.js"></script>
- <script type="text/javascript" src="${ctx}/js/hotent/platform/form/AttachMent.js"></script>
- <script type="text/javascript" src="${ctx}/js/hotent/platform/system/HtmlUploadDialog.js"></script>
- <script type="text/javascript" src="${ctx}/js/hotent/platform/system/FlexUploadDialog.js"></script>
- <style>
- .tab_page img{
- width:100%;
- height:100%;
- }
- .sp_border{
- width:208px;
- height: 93px;
- border: 3px solid #b31a0d;
- float:right;
- position: absolute;
- position: absolute;
- top: 75%;
- margin-top: -47px;
- left: 50%;
- margin-left: -102px;
- cursor:pointer;
- -webkit-user-select:none;
- -moz-user-select:none;
- -ms-user-select:none;
- user-select:none;
- z-index:9;
- }
- .sp_border img{
- -moz-user-select: none;
- -webkit-user-select: none;
- -ms-user-select: none;
- -khtml-user-select: none;
- user-select: none;
- width:auto;
- height:auto;
- }
- .sp_border span{
- float:left;
- display: block;
- height:20px;
- line-height: 20px;
- }
- .sp_border span input{
- border: 0px;
- width: 100%;
- height: 14px;
- line-height: 18px;
- font-family: "楷体";
- font-size: 13px;
- font-weight: bold;
- color: #043487;
- text-align:center;
- background:none;
- }
- .tab_page{
- position:relative;
- width:21cm;
- min-height:29.7cm;
- /*padding:2cm; */
- margin:1cm auto;
- border:1px#D3D3D3 solid;
- }
- </style>
- <script type="text/javascript">
- $(function() {
- $("a.save").click(function() {
- if(!validateImg()) return;
- $("#syscomparisonForm").attr("action","save.ht");
- $("#saveData").val(1);
- submitForm();
- });
- $("#btnSelectImg").click(function(){
- HtmlUploadDialog({max:1,callback:function(data){
- if(data.length==1){
- var fileId=data[0].fileId;
- var url=__ctx +"/platform/system/sysFile/file_"+fileId+".ht"
- $("#kz1").val(fileId);
- $("#columnImg").attr("src",url)
- }
- }});
- });
- });
- function csfz(){
- var fullname=document.getElementById("fullname").value;
- $("#rm").attr("value",fullname);//推荐这种写法,可正常赋值
- var num=document.getElementById("num").value;
- $("#ye").attr("value",num);
- var ctime=document.getElementById("ctime").value;
- ctime = ctime.replace(/-/g, '/'); //格式化日期
- // 创建日期对象
- var date = new Date(ctime);
- var yyyy=date.getFullYear(); //获取完整的年份(4位,1970-????)
- var mm=date.getMonth()+1; //获取当前月份(0-11,0代表1月)
- var dd=date.getDate(); //获取当前日(1-31)
- if(isNaN(yyyy)){
- $("#yyyy").attr("value","");
- $("#mm").attr("value","");
- $("#dd").attr("value","");
- }else if(!isNaN(yyyy)){
- $("#yyyy").attr("value",yyyy);
- $("#mm").attr("value",mm);
- $("#dd").attr("value",dd);
- }
- }
-
- function fzrm(){
- var fullname=document.getElementById("fullname").value;
- $("#rm").attr("value",fullname);
- }
- function fuzhi(){
- var num=document.getElementById("num").value;
- $("#ye").attr("value",num);
- }
- function fzsj(){
- var ctime=document.getElementById("ctime").value;
- ctime = ctime.replace(/-/g, '/'); //格式化日期
- // 创建日期对象
- var date = new Date(ctime);
- var yyyy=date.getFullYear(); //获取完整的年份(4位,1970-????)
- var mm=date.getMonth()+1; //获取当前月份(0-11,0代表1月)
- var dd=date.getDate(); //获取当前日(1-31)
- if(isNaN(yyyy)){
- $("#yyyy").attr("value","");
- $("#mm").attr("value","");
- $("#dd").attr("value","");
- }else if(!isNaN(yyyy)){
- $("#yyyy").attr("value",yyyy);
- $("#mm").attr("value",mm);
- $("#dd").attr("value",dd);
- }
- }
-
- //提交表单
- function submitForm(){
- var options={};
- var fullname=document.getElementById("fullname").value;
- var kz2=document.getElementById("kz2").value;
- var kz3=document.getElementById("kz3").value;
- var card=document.getElementById("card").value;
- var unit=document.getElementById("unit").value;
- if(fullname==null){
- alert("姓名不能为空,请重新填写!");
- return false;
- }
- if(card==null){
- alert("身份证号不能为空,请重新填写!");
- return false;
- }
- if(unit==null){
- alert("单位不能为空,请重新填写!");
- return false;
- }
- if(kz2==null){
- alert("档案号不能为空,请重新填写!");
- return false;
- }
- if(kz3==null){
- alert("业务类别不能为空,请重新填写!");
- return false;
- }
- //if(card.length!=18){
- // alert("身份证号不满足18位,请重新填写!");
- // return false;
- //}
- if(showResponse){
- options.success=showResponse;
- }
- var frm=$('#syscomparisonForm').form();
- frm.ajaxForm(options);
- if(frm.valid()){
- frm.submit();
- }
-
- }
-
- function showResponse(responseText) {
- var obj = new com.hotent.form.ResultMessage(responseText);
- if(!obj.isSuccess()){
- $.ligerDialog.err("提示信息"," SYS_COMPARISON保存失败!",obj.getMessage());
- return;
- }
- $.ligerDialog.confirm(obj.getMessage()+",是否继续操作","提示信息", function(rtn) {
- if(rtn){
- window.location.href = window.location.href;
- }else{
- window.location.href = "${ctx}/platform/system/syscomparison/list.ht";
- }
- });
- }
- function validateImg(){
- var yes=true;
- var imgurl=$("#kz1").val();
- /* if(imgurl.length==0){
- $.ligerDialog.warn("请上传会议室图片!","消息提示");
- yes=false;
- } */
- return yes;
- };
-
- function isUrgentClick(str){
- $("#kz4").val(str);
- }
- </script>
- </head>
- <body onload="csfz()">
- <div class="panel">
- <div class="panel-top">
- <div class="tbar-title">
- <c:choose>
- <c:when test="${syscomparison.id !=null}">
- <span class="tbar-label"><span></span>编辑档案</span>
- </c:when>
- <c:otherwise>
- <span class="tbar-label"><span></span>添加档案</span>
- </c:otherwise>
- </c:choose>
- </div>
- <div class="panel-toolbar">
- <div class="toolBar">
- <div class="group"><a class="link save" id="dataFormSave" href="#"><span></span>保存</a></div>
- <div class="l-bar-separator"></div>
- <!-- <div class="group"><a class="link back" onclick="dayin()"><span></span>打印</a></div> -->
- <div class="group"><a class="link back" href="list.ht"><span></span>返回</a></div>
- </div>
- </div>
- </div>
- <div class="panel-body">
- <form id="syscomparisonForm" method="post" action="save.ht">
- <table class="table-detail" cellpadding="0" cellspacing="0" border="0" type="main">
- <tr>
- <th width="20%">档案号: </th>
- <td><input type="text" id="kz2" name="kz2" style="width:180px;" value="${syscomparison.kz2}" class="inputText" validate="{required:false,maxlength:20}" /></td>
- </tr>
-
- <tr>
- <th width="20%">业务类别: </th>
- <td><input type="text" id="kz3" name="kz3" style="width:180px;" value="${syscomparison.kz3}" class="inputText" validate="{required:false,maxlength:20}" /></td>
- </tr>
- <tr>
- <th width="20%">人员姓名: </th>
- <td><input type="text" id="fullname" style="width:180px;" name="fullname" value="${syscomparison.fullname}" onblur="fzrm()" class="inputText" validate="{required:false,maxlength:20}" /></td>
- </tr>
- <tr>
- <th width="20%">身份证号: </th>
- <td><input type="text" id="card" style="width:180px;" name="card" value="${syscomparison.card}" class="inputText" validate="{required:false,maxlength:50}" /></td>
- </tr>
- <tr>
- <th width="20%">单位: </th>
- <td><input type="text" id="unit" style="width:180px;" name="unit" value="${syscomparison.unit}" class="inputText" validate="{required:false,maxlength:300}" /></td>
- </tr>
- <tr>
- <th width="20%">当前时间: </th>
- <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>
- </tr>
- <tr>
- <th width="20%">页数: </th>
- <td><input type="text" id="num" style="width:180px;" name="num" value="${syscomparison.num}" onblur="fuzhi()" class="inputText" validate="{required:false,maxlength:10}" /></td>
- </tr>
- <tr>
- <th width="20%">附件上传: </th>
- <td>
- <div name="div_attachment_container">
- <div class="attachement"></div>
- <textarea style="display: none" controltype="attachment"
- name="attachment" lablename="附件" validate="{}">${syscomparison.attachment}</textarea>
- <a href="javascript:;" field="attachment" class="link selectFile"
- atype="select" onclick="AttachMent.addFile(this);">选择</a>
- </div>
- </td>
- <tr>
- <tr>
- <th width="20%">办理状态: </th>
- <td><input type="hidden" id="kz4" name="kz4" class="inputText" />
- <input type="radio" id="isUrgentYes" name="isUrgent" value="1" title="未办理" checked="checked" onclick="isUrgentClick(1)">未办理
- <input type="radio" id="isUrgentNo" name="isUrgent" value="2" title="已办理" onclick="isUrgentClick(2)">已办理
- </td>
- </tr>
- <tr>
- <th width="20%">备注: </th>
- <td><input type="text" id="kz5" name="kz5" style="width:500px;" value="${syscomparison.kz5}" class="inputText" validate="{required:false,maxlength:200}" /></td>
- </tr>
-
- <td id="td_gz" colspan="2">
- <input type="hidden" id="kz1" name="kz1" value="${syscomparison.kz1}">
- <div class="tab_page">
- <c:choose>
- <c:when test="${empty syscomparison.kz1}">
- <img id="columnImg" alt="" src="" draggable="false">
- </c:when>
- <c:otherwise>
- <img id="columnImg" alt="" draggable="false" src="${ctx }/platform/system/sysFile/file_${syscomparison.kz1}.ht">
- </c:otherwise>
- </c:choose>
- <input id="btnSelectImg" type="button" value="选择">
- <div class="sp_border" id="sp_border" onmousedown="small_down(event)">
- <span><img src="../../../commons/image/sp_03.png" draggable="false"/></span>
- <span style="width:60px;"><input type="text" id="rm" /></span>
- <span><img src="../../../commons/image/sp_05.png" draggable="false"/></span>
- <span><img src="../../../commons/image/sp_07.png" style="padding-top:4px;" draggable="false"/></span>
- <span style="width:40px;"><input type="text" id="ye"/></span>
- <span><img src="../../../commons/image/sp_09.png" style="padding-top:4px;" draggable="false"/></span>
- <span style="float:right;"><img src="../../../commons/image/sp_12.png" draggable="false"/></span>
- <span style="margin-top: 15px;"><img src="../../../commons/image/sp_14.png" draggable="false"/></span>
- <span style="width:30px;margin-top: 14px;text-align:right;"><input type="text" id="yyyy" style="height:14px;line-height:14px;"/></span>
- <span style="margin-top: 15px;"><img src="../../../commons/image/sp_16.png" draggable="false"/></span>
- <span style="width:15px;margin-top: 14px;"><input type="text" id="mm" style="height:14px;line-height:14px;"/></span>
- <span style="margin-top: 15px;"><img src="../../../commons/image/sp_18.png" draggable="false"/></span>
- <span style="width:15px;margin-top: 14px;"><input type="text" id="dd" style="height:14px;line-height:14px;"/></span>
- <span style="margin-top: 15px;"><img src="../../../commons/image/sp_20.png" draggable="false"/></span>
- </div>
- </div>
- </td>
- </tr>
-
- <%--
- <tr>
- <th width="20%">组织ID: </th>
- <td><input type="text" id="orgid" name="orgid" value="${syscomparison.orgid}" class="inputText" validate="{required:false,maxlength:200}" /></td>
- </tr>
-
-
-
- <tr>
- <th width="20%">KZ6: </th>
- <td><input type="text" id="kz6" name="kz6" value="${syscomparison.kz6}" class="inputText" validate="{required:false,maxlength:20}" /></td>
- </tr>
- <tr>
- <th width="20%">KZ7: </th>
- <td><input type="text" id="kz7" name="kz7" value="${syscomparison.kz7}" class="inputText" validate="{required:false,maxlength:20}" /></td>
- </tr>
- <tr>
- <th width="20%">KZ8: </th>
- <td><input type="text" id="kz8" name="kz8" value="${syscomparison.kz8}" class="inputText" validate="{required:false,maxlength:20}" /></td>
- </tr> --%>
- </table>
-
-
-
- <input type="hidden" name="id" value="${syscomparison.id}" />
- <input type="hidden" name="saveData" id="saveData" />
- <input type="hidden" name="executeType" value="start" />
- </form>
-
- </div>
- </div>
- </body>
- </html>
- <script>
- //打印方法
- function dayin(){
- var headstr = "<html><head><title></title></head><body>";
- var footstr = "</body>";
- var printData = document.getElementById("td_gz").innerHTML;// 获得 div 里的所有 html 数据
- var oldstr = document.body.innerHTML; //原HTML
- document.body.innerHTML = headstr+printData+footstr;
- $("#btnSelectImg").remove();
- window.print();
- window.location.href = "${ctx}/platform/system/syscomparison/list.ht";
-
-
-
-
- $("img").css("height","100%");
- $(".tab_page").css("width","100%");
- $(".tab_page").children("br").remove();
- $(".tab_page").css("margin","0px");
- $(".tab_page").css("height","100%");
- $(".tab_page").css("min-height","100%");
- $("#kz1").remove();
- }
- /* var box = document.getElementById("sp_border");
- var td_gz = document.getElementById("td_gz");
- //鼠标按下的函数
- box.onmousedown = function(ev) {
- var oEvent = ev || event;
- //求出鼠标和box的位置差值
- var x = oEvent.clientX - box.offsetLeft;
- var y = oEvent.clientY - box.offsetTop;
- //鼠标移动的函数
- //把事件加在document上,解决因为鼠标移动太快时,
- //鼠标超过box后就没有了拖拽的效果的问题
- document.onmousemove = function(ev) {
- var oEvent = ev || event;
-
- //保证拖拽框一直保持在浏览器窗口内部,不能被拖出的浏览器窗口的范围
- var l = oEvent.clientX - x;
- var t = oEvent.clientY - y;
- if(l < 0) {
- l = 0;
-
- } else if(l > document.documentElement.clientWidth - box.offsetWidth) {
- l = document.documentElement.clientWidth - box.offsetWidth;
- }
- if(t < 0) {
- t = 0;
- } else if(t > document.documentElement.clientHeight - box.offsetHeight) {
- t = document.documentElement.clientHeight - box.offsetHeight;
- }
- box.style.left = l + "px";
- box.style.top = t + "px";
- }
- //鼠标抬起的函数
- document.onmouseup = function() {
- document.onmousemove = null;
- document.onmouseup = null;
- }
- return false;
-
- } */
- function small_down(e) {
- var obig = document.getElementById("td_gz");
- var osmall = document.getElementById("sp_border");
- var e = e || window.event; /*用于保存小的div拖拽前的坐标*/
- osmall.startX = e.clientX - osmall.offsetLeft;
- osmall.startY = e.clientY - osmall.offsetTop; /*鼠标的移动事件*/
- document.onmousemove = function(e) {
- var e = e || window.event;
- var wid = obig.offsetWidth - 214;
- var hei = obig.offsetHeight - 99;
- osmall.style.left = e.clientX - osmall.startX + "px";
- osmall.style.top = e.clientY - osmall.startY + "px"; /*对于大的DIV四个边界的判断*/ if (e.clientX - osmall.startX <= 0) {
- osmall.style.left = 0 + "px";
- }
- if (e.clientY - osmall.startY <= 0) {
- osmall.style.top = 0 + "px";
- }
- if (e.clientX - osmall.startX >= wid) {
- osmall.style.left = wid + "px";
- }
- if (e.clientY - osmall.startY >= hei) {
- osmall.style.top = hei + "px";
- }
- };
- /*鼠标的抬起事件,终止拖动*/
- document.onmouseup = function() {
- document.onmousemove = null;
- document.onmouseup = null;
- };
- }
- </script>
|