123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181 |
- <%@ page language="java" contentType="text/html; charset=utf-8"
- pageEncoding="utf-8"%>
- <%
- String path = request.getContextPath();
- String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
- %>
- <!DOCTYPE html>
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <link rel="stylesheet" href="<%=basePath %>resource/ext/resources/css/ext-all-gray.css" type="text/css"></link>
- <link rel="stylesheet" href="<%=basePath %>resource/css/main.css" type="text/css"></link>
- <style type="text/css">
- h1{
- padding-top: 85px;
- }
- body{
- background: #f1f2f5;
- font-family: 宋体;
- }
- .input{
- margin-right: 5px;
- background-color: #9ABACD;
- font-weight: bold;
- height: 30;
- width: 70;
- }
- .input:hover{
- background-color: #3CD60D;
- }
- #top{
- background: url("<%=basePath %>resource/images/screens/cs1.jpg");
- background-repeat:no-repeat;
- background-position: center;
- background-size: cover;
- width:100%,
- height: 155px
- }
- #content{
- background: url("<%=basePath %>resource/images/screens/cz1.jpg");
- background-position: center;
- background-repeat: repeat-y;
- background-size: cover;
- font-size: 16px;
- width:100%;
- height:100%;
- padding-left: 60px;
- padding-right:60px;
- }
- #emergency{
- background: url("<%=basePath %>resource/images/screens/cx1.jpg");
- background-repeat: no-repeat;
- background-position: center;
- background-size: cover;
- }
- .note-body {
- padding-left: 25%;
- z-index: 0;
- }
- .note-title {
- font-weight: 800;
- font: bold 16px Arial, Helvetica;
- color: #8f5a0a;
- text-transform: uppercase;
- text-align: center;
- margin: 0 0 20px 0;
- letter-spacing: 4px;
- position: relative;
- max-width: 400px;
- }
- .note-title:after, .note-title:before{
- background-color: #777;
- content: "";
- height: 1px;
- position: absolute;
- top: 15px;
- width: 120px;
- }
- .note-title:after{
- background-image: -webkit-gradient(linear, left top, right top, from(#777), to(#fff));
- background-image: -webkit-linear-gradient(left, #777, #fff);
- background-image: -moz-linear-gradient(left, #777, #fff);
- background-image: -ms-linear-gradient(left, #777, #fff);
- background-image: -o-linear-gradient(left, #777, #fff);
- background-image: linear-gradient(left, #777, #fff);
- right: 0;
- }
- .note-title:before{
- background-image: -webkit-gradient(linear, right top, left top, from(#777), to(#fff));
- background-image: -webkit-linear-gradient(right, #777, #fff);
- background-image: -moz-linear-gradient(right, #777, #fff);
- background-image: -ms-linear-gradient(right, #777, #fff);
- background-image: -o-linear-gradient(right, #777, #fff);
- background-image: linear-gradient(right, #777, #fff);
- left: 0;
- }
- .note-text {
- margin-bottom: 15px;
- margin-left: 20px;
- }
- .note-item {
- color: #666;
- margin: 2px 0px 2px 10px;
- }
- .note-default {
- overflow:hidden;margin:0 auto;text-align:left;width:700px;
- }
- </style>
- <script type="text/javascript" src="<%=basePath %>resource/ext/ext-all.js"></script>
- <script type="text/javascript" src="<%=basePath %>resource/i18n/i18n.js"></script>
- <script type="text/javascript">
- /*通知浏览界面*/
- Ext.onReady(function(){
- var id = getUrlParam('formCondition').replace(/IS/g, '=').split('=')[1];
- Ext.Ajax.request({
- url : basePath + 'oa/note/getNote.action',
- params: {
- id:id
- },
- method : 'post',
- callback : function(options,success,response){
- var localJson = new Ext.decode(response.responseText);
- if(localJson.success){
- Ext.get('title').insertHtml('afterBegin', localJson.no_title);
- Ext.get('date').insertHtml('afterBegin', localJson.date);
- Ext.get('approver').insertHtml('afterBegin', localJson.approver);
- Ext.get('content').insertHtml('afterBegin', " " + localJson.content);
- var attachs=localJson.no_attachs;
- if(attachs.length>0&&attachs!=""&&attachs!=null){
- Ext.get('content').insertHtml('beforeEnd','</br></br></br>');
- Ext.Array.each(attachs,function(attach){
- Ext.get('content').insertHtml('beforeEnd','<li style="float:right;padding-right:80px; font-size:14px;"><a href='+basePath+'common/downloadbyId.action?id='+attach.split("#")[0]+'>'+attach.split('#')[1]+'</a></li>');
- });
- }
- if(localJson.no_emergency == '3' || localJson.no_emergency == '特急'){
- document.getElementById('emergency').className = 'emergency_worry';
- }
- //审核人 可编辑和修改新闻
- if(localJson.approver != em_name){
- Ext.get('edit').destroy();
- Ext.get('delete').destroy();
- }
- } else {
- if(localJson.exceptionInfo){
- showError(localJson.exceptionInfo);
- window.location.href = basePath + 'jsps/error/e-500.jsp';
- }
- }
- }
- });
- });
- function deleteNote() {
- var id = getUrlParam('formCondition').replace(/IS/g, '=').split('=')[1];
- Ext.Ajax.request({
- url : basePath + '/oa/note/deleteNote.action',
- params: {
- id: id
- },
- method : 'post',
- callback : function(options,success,response){
- window.location.href = basePath + 'jsps/oa/info/Note.jsp';
- }
- });
- }
- function editNote() {
- var id = getUrlParam('formCondition').replace(/IS/g, '=').split('=')[1];
- window.location.href = basePath + 'jsps/oa/info/Note.jsp?formCondition=no_id='+id;
- }
- </script>
- </head>
- <body >
- <div id='top' style="height:170px"><center><h1><span id="title" ></span></h1><br/>
- <font color=#999;><span id="date"></span></font>
- 审批人:<font color=#999;><span id="approver"></span></font>
- <input type="button" value="编 辑" class="input" onclick="editNote();" id="edit">
- <input type="button" value="删 除" class="input" onclick="deleteNote();" id="delete"></center></div>
- <div id="content"></div>
- <!-- <div id="attachs"> </div> -->
- <div id="emergency" style="height:174px"></div>
- </body>
- </html>
|