123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395 |
- <%--
- time:2018-09-25 16:03:20
- --%>
- <%@page language="java" pageEncoding="UTF-8"%>
- <%@include file="/commons/include/html_doctype.html"%>
- <html>
- <head>
- <title>档案明细</title>
- <%@include file="/commons/include/get.jsp"%>
- <f:link href="form.css"></f:link>
- <script type="text/javascript" src="${ctx}/js/util/easyTemplate.js"></script>
- <link href="${ctx}/styles/default/css/jquery.qtip.css" rel="stylesheet" />
- <script type="text/javascript"> src="${ctx}/js/jquery/plugins/jquery.qtip.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">
- //放置脚本
- $().ready(function (){
- AttachMent.init("r");
- });
-
- function fzsj(){
- 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 dyniframesize(down) {
- var pTar = null;
- if (document.getElementById) {
- pTar = document.getElementById(down);
- } else {
- eval('pTar = ' + down + ';');
- }
- if (pTar && !window.opera) {
- //begin resizing iframe
- pTar.style.display = "block";
- if (pTar.contentDocument && pTar.contentDocument.body.offsetHeight) {
- //ns6 syntax
- pTar.height = pTar.contentDocument.body.offsetHeight + 50;
- pTar.width = pTar.contentDocument.body.scrollWidth;
- } else if (pTar.Document && pTar.Document.body.scrollHeight) {
- //ie5+ syntax
- pTar.height = pTar.Document.body.scrollHeight + 50;
- pTar.width = pTar.Document.body.scrollWidth;
- }
- }
- }
- $(function() {
- $("a[orgId]").each(
- function() {
- var template = $("#txtReceiveTemplate").val();
- var jsonValue = $(this).next(":hidden").val();
- var html = easyTemplate(template, $.parseJSON(jsonValue))
- .toString();
- $(this).qtip({
- content : {
- text : html,
- title : {
- text : '执行人列表'
- }
- },
- position : {
- at : 'top left',
- target : 'event',
- viewport : $(window)
- },
- show : {
- event : "click"
- },
- hide : {
- event : 'unfocus',
- fixed : true
- },
- style : {
- classes : 'ui-tooltip-light ui-tooltip-shadow'
- }
- });
- });
- });
- </script>
- </head>
- <body onload="fzsj()">
- <div class="panel">
- <div class="panel-top">
- <div class="tbar-title">
- <span class="tbar-label">SYS_COMPARISON详细信息</span>
- </div>
- <div class="panel-toolbar">
- <div class="toolBar">
- <div class="group">
- <a class="link back" onclick="dayin()"><span></span>打印</a>
- <a class="link back" href="list.ht"><span></span>返回</a>
- </div>
- </div>
- </div>
- </div>
- <table class="table-detail" cellpadding="0" cellspacing="0" border="0">
- <tr>
- <th width="20%">档案号:</th>
- <td>${syscomparison.kz2}</td>
- </tr>
- <tr>
- <th width="20%">业务类别:</th>
- <td>${syscomparison.kz3}</td>
- </tr>
- <tr>
- <th width="20%">人员姓名:</th>
- <td>${syscomparison.fullname}</td>
- </tr>
- <tr>
- <th width="20%">身份证号:</th>
- <td>${syscomparison.card}</td>
- </tr>
- <tr>
- <th width="20%">单位:</th>
- <td>${syscomparison.unit}</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>
- </div>
-
- </td>
- </tr>
-
- <tr>
- <th width="20%">当前时间:</th>
- <td>
- <fmt:formatDate value="${syscomparison.ctime}" pattern="yyyy-MM-dd"/>
- </td>
- </tr>
- <tr>
- <th width="20%">页数:</th>
- <td>${syscomparison.num}</td>
- </tr>
- <tr>
- <th width="20%">办理状态:</th>
- <td>
- <c:choose>
- <c:when test="${syscomparison.kz4 eq 2}">已办理</c:when>
- <c:otherwise>未办理</c:otherwise>
- </c:choose>
- </td>
- </tr>
- <tr>
- <th width="20%">备注:</th>
- <td>${syscomparison.kz5}</td>
- </tr>
- <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>
- <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>${syscomparison.orgid}</td>
- </tr>
-
-
-
- <tr>
- <th width="20%">KZ6:</th>
- <td>${syscomparison.kz6}</td>
- </tr>
- <tr>
- <th width="20%">KZ7:</th>
- <td>${syscomparison.kz7}</td>
- </tr>
- <tr>
- <th width="20%">KZ8:</th>
- <td>${syscomparison.kz8}</td>
- </tr> --%>
-
- <input type="hidden" value="${syscomparison.ctime}" id="ctime">
- <input type="hidden" value="${syscomparison.fullname}" id="fullname">
- <input type="hidden" value="${syscomparison.num}" id="num">
-
- </table>
-
-
-
- </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; //原HTMLheadstr++footstr
- document.body.innerHTML = headstr+printData+footstr;
-
- $("#btnSelectImg").remove();
- window.print();
- window.location.href = "${ctx}/platform/system/syscomparison/list.ht";
- $(".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>
|