ftAdd.jsp 18 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
  3. <%@taglib uri="/struts-tags" prefix="s"%>
  4. <%@ page language="java" import="java.util.*" pageEncoding="utf-8" %>
  5. <%@page import="com.ccgj.database.beans.YHB" %>
  6. <%
  7. String path = request.getContextPath();
  8. String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
  9. %>
  10. <%
  11. YHB bean = (YHB)session.getAttribute("zfmb_user");
  12. if (bean== null) {
  13. out.print("<script>alert('操作延时,请重新登陆!');window.location.href='"+basePath+"manage/index.jsp'</script>");
  14. return;
  15. }
  16. %>
  17. <html xmlns="http://www.w3.org/1999/xhtml">
  18. <head>
  19. <title></title>
  20. <link href="../../ligerui/lib/ligerUI/skins/Aqua/css/ligerui-all.css"
  21. rel="stylesheet" type="text/css" />
  22. <link href="../../ligerui/lib/ligerUI/skins/Silvery/css/style.css"
  23. rel="stylesheet" type="text/css" />
  24. <script src="../../ligerui/lib/jquery/jquery-1.3.2.min.js"
  25. type="text/javascript"></script>
  26. <script src="../../ligerui/lib/ligerUI/js/core/base.js"
  27. type="text/javascript"></script>
  28. <script src="../../ligerui/lib/ligerUI/js/plugins/ligerForm.js"
  29. type="text/javascript"></script>
  30. <script src="../../ligerui/lib/ligerUI/js/plugins/ligerDateEditor.js"
  31. type="text/javascript"></script>
  32. <script src="../../ligerui/lib/ligerUI/js/plugins/ligerComboBox.js"
  33. type="text/javascript"></script>
  34. <script src="../../ligerui/lib/ligerUI/js/plugins/ligerCheckBox.js"
  35. type="text/javascript"></script>
  36. <script src="../../ligerui/lib/ligerUI/js/plugins/ligerButton.js"
  37. type="text/javascript"></script>
  38. <script src="../../ligerui/lib/ligerUI/js/plugins/ligerDialog.js"
  39. type="text/javascript"></script>
  40. <script src="../../ligerui/lib/ligerUI/js/plugins/ligerRadio.js"
  41. type="text/javascript"></script>
  42. <script src="../../ligerui/lib/ligerUI/js/plugins/ligerSpinner.js"
  43. type="text/javascript"></script>
  44. <script src="../../ligerui/lib/ligerUI/js/plugins/ligerTextBox.js"
  45. type="text/javascript"></script>
  46. <script src="../../ligerui/lib/ligerUI/js/plugins/ligerTip.js"
  47. type="text/javascript"></script>
  48. <script
  49. src="../../ligerui/lib/jquery-validation/jquery.validate.min.js"
  50. type="text/javascript"></script>
  51. <script src="../../ligerui/lib/jquery-validation/jquery.metadata.js"
  52. type="text/javascript"></script>
  53. <script src="../../ligerui/lib/jquery-validation/messages_cn.js"
  54. type="text/javascript"></script>
  55. <script src="../../ligerui/ajaxfileupload.js" type="text/javascript"></script>
  56. <script type="text/javascript" charset="utf-8"
  57. src="../../ueditor/ueditor.config.js"></script>
  58. <script type="text/javascript" charset="utf-8"
  59. src="../../ueditor/ueditor.all.min.js"> </script>
  60. <!--建议手动加在语言,避免在ie下有时因为加载语言失败导致编辑器加载失败-->
  61. <!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型,比如你在配置项目里配置的是英文,这里加载的中文,那最后就是中文-->
  62. <script type="text/javascript" charset="utf-8"
  63. src="../../ueditor/lang/zh-cn/zh-cn.js"></script>
  64. <script type="text/javascript">
  65. //时间空间初始化
  66. Date.prototype.format = function(format){
  67. var o = {
  68. "M+" : this.getMonth()+1, //month
  69. "d+" : this.getDate(), //day
  70. "h+" : this.getHours(), //hour
  71. "m+" : this.getMinutes(), //minute
  72. "s+" : this.getSeconds(), //second
  73. "q+" : Math.floor((this.getMonth()+3)/3), //quarter
  74. "S" : this.getMilliseconds() //millisecond
  75. }
  76. if(/(y+)/.test(format)) {
  77. format = format.replace(RegExp.$1, (this.getFullYear()+"").substr(4 - RegExp.$1.length));
  78. }
  79. for(var k in o) {
  80. if(new RegExp("("+ k +")").test(format)) {
  81. format = format.replace(RegExp.$1, RegExp.$1.length==1 ? o[k] : ("00"+ o[k]).substr((""+ o[k]).length));
  82. }
  83. }
  84. return format;
  85. }
  86. //初始化
  87. $(function ()
  88. {
  89. $("#tjsj").ligerDateEditor({ showTime: true });
  90. $("#shsj").ligerDateEditor({ showTime: true });
  91. var lmid = <s:property value="#parameters.lmid" /> ;
  92. var now = new Date();
  93. var addTime = now.format("yyyy-MM-dd hh:mm");
  94. $("#tjsj").val(addTime);
  95. $("#lmid").val(lmid);
  96. $.metadata.setType("attr", "validate");
  97. var v = $("form").validate({
  98. debug: true,
  99. errorPlacement: function (lable, element)
  100. {
  101. if (element.hasClass("l-textarea"))
  102. {
  103. element.ligerTip({ content: lable.html(), target: element[0] });
  104. }
  105. else if (element.hasClass("l-text-field"))
  106. {
  107. element.parent().ligerTip({ content: lable.html(), target: element[0] });
  108. }
  109. else
  110. {
  111. lable.appendTo(element.parents("td:first").next("td"));
  112. }
  113. },
  114. success: function (lable)
  115. {
  116. lable.ligerHideTip();
  117. lable.remove();
  118. },
  119. submitHandler: function ()
  120. {
  121. var content = UE.getEditor('editor').getContentTxt();
  122. if(content == null||content ==""){
  123. alert("请添加内容!");
  124. return false;
  125. }else{
  126. $("#wznr").val(UE.getEditor('editor').getContent());
  127. $("form .l-text,.l-textarea").ligerHideTip();
  128. document.form.submit();
  129. alert("添加成功!")
  130. }
  131. }
  132. });
  133. $("form").ligerForm();
  134. $(".l-button-test").click(function ()
  135. {
  136. alert(v.element($("#txtName")));
  137. });
  138. });
  139. function toExpand(){
  140. //本质调用expandNew.jsp中getChecked方法,多用一层调用目的兼容更多浏览器版本写法
  141. $("#expandIframe").contents().find("#btn1").click();
  142. $("#div1").attr("style","display:none");
  143. }
  144. //扩展栏目:形式1,预留
  145. function openExpand(){
  146. var mAdd = $.ligerDialog.open({
  147. height: 450,
  148. url: '../news/expandNews.jsp',
  149. width: 320,
  150. showMax: true,
  151. showToggle: true, //showMin: true,
  152. isResize: true,
  153. modal: true,
  154. slide:true
  155. });
  156. // mAdd.max ();
  157. return;
  158. }
  159. //扩展栏目:形式2
  160. function openExpand2(){
  161. $('#div1').attr('style','display:block');
  162. }
  163. </script>
  164. <script type="text/javascript">
  165. //添加页ajax上传
  166. function ajaxFileUpload_add()
  167. {
  168. // $("#loading").ajaxStart(function(){
  169. // $(this).show();
  170. // })//开始上传文件时显示一个图片
  171. // .ajaxComplete(function(){
  172. // $(this).hide();
  173. // });//文件上传完成将图片隐藏起来
  174. if($("#txtFoo").val()==""){
  175. //alert('请选择图片!');
  176. //return false;
  177. }
  178. $.ajaxFileUpload
  179. (
  180. {
  181. url:'../file/file!fileupload',//用于文件上传的服务器端请求地址
  182. secureuri:false,//一般设置为false
  183. fileElementId:'file',//文件上传空间的id属性 <input type="file" id="file" name="file" />
  184. dataType: 'json',//返回值类型 一般设置为json
  185. success: function (data, status) //服务器成功响应处理函数
  186. {
  187. //从服务器返回的json中取出message中的数据,其中message为在struts2中定义的成员变量
  188. if(typeof(data.error) != 'undefined')
  189. {
  190. if(data.error != '')
  191. {
  192. alert(data.error);
  193. }
  194. }else{
  195. if(data.message=='clean'){
  196. alert('图片已清除!');
  197. $("#fjdz").val('');
  198. $("#txtFoo").val('');
  199. $("#scan").attr("style","display:none;");
  200. }else if(data.message=='error'){
  201. alert('上传异常,请稍后再试!');
  202. }else if(data.message=='typeError'){
  203. alert('上传图片类型错误!');
  204. }else{
  205. alert(data.message);
  206. $("#fjdz").val(data.message);
  207. $("#txtFoo").val('');
  208. $("#scan").attr("style","display:block;margin-left:4px;");
  209. }
  210. }
  211. },
  212. error: function (data, status, e)//服务器响应失败处理函数
  213. {
  214. alert('上传有误,请重试!');
  215. }
  216. }
  217. )
  218. return false;
  219. }
  220. </script>
  221. <script type="text/javascript">
  222. function toScan(){
  223. var fjdz = $('#fjdz').val();
  224. if(fjdz!=""){
  225. var url = "<%=basePath%>uploadfile/"+fjdz;
  226. //alert(url);
  227. window.open(url,'newwindow','');
  228. }else{
  229. alert('暂无上传图片,无法预览,请上传后再试!');
  230. }
  231. }
  232. </script>
  233. <style type="text/css">
  234. body {
  235. font-size: 12px;
  236. }
  237. .l-table-edit {
  238. }
  239. .l-table-edit-td {
  240. padding-top: 4px;
  241. padding-bottom: 4px;
  242. padding-left: 10px;
  243. padding-right: 10px;
  244. }
  245. .l-button-submit,.l-button-test {
  246. width: 80px;
  247. float: left;
  248. margin-left: 10px;
  249. padding-bottom: 2px;
  250. }
  251. .l-verify-tip {
  252. left: 230px;
  253. top: 120px;
  254. }
  255. </style>
  256. <style type="text/css">
  257. * {
  258. font-size: 12px;
  259. }
  260. .div {
  261. margin: 0 auto;
  262. width: 100%;
  263. overflow: hidden;
  264. padding: 0px;
  265. }
  266. .line {
  267. position: relative;
  268. margin: 0 auto;
  269. text-align: left
  270. }
  271. .line span.span {
  272. float: left;
  273. padding-top: 2px;
  274. }
  275. .file {
  276. position: absolute;
  277. left: 0;
  278. width: 265px ! important;
  279. top: 0;
  280. height: 28px;
  281. filter: alpha(opacity = 0);
  282. opacity: 0;
  283. cursor: pointer
  284. }
  285. .file1 {
  286. float: left;
  287. margin-left: 0px;
  288. margin-right: 4px;
  289. z-index: 1;
  290. width: 70px;
  291. height: 28px;
  292. line-height: 28px;
  293. background: url(../image/liulan.gif) no-repeat 0 0;
  294. text-indent: -9999px;
  295. cursor: pointer
  296. }
  297. .file2 {
  298. float: left;
  299. z-index: 1;
  300. width: 70px;
  301. height: 28px;
  302. line-height: 28px;
  303. background: url(../image/liulan.gif) no-repeat 0 0;
  304. text-indent: -9999px;
  305. cursor: pointer
  306. }
  307. .inputstyle {
  308. border: 1px solid #BEBEBE;
  309. margin-left: -3px;
  310. margin-top: -1px;
  311. width: 196px ! important;
  312. float: left;
  313. height: 22px;
  314. line-height: 22px;
  315. background: #FFF;
  316. z-index: 99
  317. }
  318. #n {
  319. margin: 10px auto;
  320. width: 920px;
  321. border: 1px solid #CCC;
  322. font-size: 14px;
  323. line-height: 30px;
  324. }
  325. #n a {
  326. padding: 0 4px;
  327. color: #333
  328. }
  329. input{
  330. line-height:15px;
  331. height:15px;
  332. }
  333. .div1{
  334. height:455px;width:300px; overflow:hidden;border:1px solid #ccc; position:absolute;left:60%;margin-top:-10px;margin-left:-250px; z-index:1100; text-align:center;display:none;
  335. }
  336. div2{
  337. height:445px; overflow:hidden;border:1px solid #ccc; position:absolute; left:50%; margin-left:-250px; z-index:1000; }
  338. </style>
  339. </head>
  340. <body style="padding: 10px;">
  341. <div class="div1" id="div1">
  342. <input type="button" value="确定" class="l-button l-button-test"/ style="margin-left:60px;z-index:1000;" onclick="toExpand();">
  343. <input type="button" value="关闭" class="l-button l-button-test" onclick="javascript:$('#div1').attr('style','display:none');"/>
  344. <iframe src="../news/expandNews.jsp" height="445" id="expandIframe" marginheight="0" marginwidth="0" frameborder="no" border="0"></iframe>
  345. </div>
  346. <form name="form" method="post" action="../wzb/wzb!saveWZB" id="form1">
  347. <input name="wzb.lmid" type="hidden" id="lmid" />
  348. <table cellpadding="0" cellspacing="0" class="l-table-edit" border="1" bordercolor="#c7d4e2" style="margin-left:10px">
  349. <tr >
  350. <td align="center" class="l-table-edit-td" bgcolor="#f3f8f7" >
  351. 栏目名称:
  352. </td>
  353. <td align="left" class="l-table-edit-td" colspan="4" >
  354. <span style="margin-bottom:8px;"><s:property value="lmb.lmmc" /></span>
  355. <!--<input type="button" id="extends1" value="扩展栏目" style="width:110px;height:20px;" onclick="openExpand();"/>-->
  356. <input type="button" id="extends" value="扩展栏目_new" style="width:110px;height:20px;" onclick="openExpand2(); "/>
  357. </td>
  358. </tr>
  359. <tr>
  360. <td align="center" class="l-table-edit-td">
  361. 访谈标题:
  362. </td>
  363. <td align="left" class="l-table-edit-td" colspan="4" >
  364. <input name="wzb.wzbt" type="text" id="wzbt" ltype="text"
  365. style="width: 782px;"
  366. validate="{required:true,minlength:0,maxlength:100}" />
  367. </td>
  368. <td align="left"></td>
  369. </tr>
  370. <tr>
  371. <td align="center" class="l-table-edit-td" bgcolor="#f3f8f7">
  372. 嘉  宾:
  373. </td>
  374. <td align="left" class="l-table-edit-td" colspan="4">
  375. <input name="wzb.wzfbt" type="text" id="wzfbt" ltype="text"
  376. style="width: 782px;" />
  377. </td>
  378. <td align="left"></td>
  379. </tr>
  380. <tr>
  381. <td align="center" class="l-table-edit-td" >
  382. 访谈日期:
  383. </td>
  384. <td align="left" class="l-table-edit-td">
  385. <input name="wzb.tjsj" type="text" id="tjsj" ltype="date"
  386. validate="{required:true}" />
  387. </td>
  388. <td align="left"></td>
  389. <td align="center" class="l-table-edit-td">
  390. 责任编辑:
  391. </td>
  392. <td align="left" class="l-table-edit-td">
  393. <input name="wzb.tjyhmc" type="text" id="tjyhmc" ltype="text"
  394. style="width: 330px" />
  395. </td>
  396. <td align="left"></td>
  397. </tr>
  398. <tr>
  399. <td align="center" class="l-table-edit-td" bgcolor="#f3f8f7">
  400. 发布日期:
  401. </td>
  402. <td align="left" class="l-table-edit-td">
  403. <input name="wzb.shsj" type="text" id="shsj" ltype="date"
  404. />
  405. </td>
  406. <td align="left"></td>
  407. <td align="center" class="l-table-edit-td" bgcolor="#f3f8f7">
  408. 审  核:
  409. </td>
  410. <td align="left" class="l-table-edit-td">
  411. <input name="wzb.shyhmc" type="text" id="shyhmc" ltype="text"
  412. style="width: 330px" />
  413. </td>
  414. <td align="left"></td>
  415. </tr>
  416. <tr>
  417. <td align="center" class="l-table-edit-td">
  418. 排  序:
  419. </td>
  420. <td align="left" class="l-table-edit-td">
  421. <input name="wzb.wzpx" type="text" id="wzpx" ltype="text"
  422. value="999" style="width: 330px"
  423. validate="{required:true,minlength:0,maxlength:100}" />
  424. </td>
  425. <td align="left"></td>
  426. <td align="center" class="l-table-edit-td">
  427. 地  点:
  428. </td>
  429. <td align="left" class="l-table-edit-td">
  430. <input name="wzb.wzgjz" type="text" id="wzgjz" ltype="text"
  431. style="width: 330px" />
  432. </td>
  433. <td align="left"></td>
  434. </tr>
  435. <tr>
  436. <td align="center" class="l-table-edit-td">
  437. 图  片:
  438. </td>
  439. <td align="left" class="l-table-edit-td" colspan="4">
  440. <div class="div">
  441. <div class="line">
  442. <span class="span" style="margin-right:4px">
  443. <input name="" type="text"
  444. id="txtFoo"
  445. onmouseout="document.getElementById('file').style.display='none';"
  446. class="inputstyle"
  447. style="z-index:100"
  448. /> </span>
  449. <label for="unload" style="margin-right:4px"
  450. onmouseover="document.getElementById('file').style.display='block';"
  451. class="file1">
  452. 浏览...
  453. </label>
  454. <label for="unload2" onclick="return ajaxFileUpload_add();"
  455. class="file2">
  456. 上传
  457. </label>
  458. <label for="scan" id="scan" onclick="toScan();" style="margin-left:4px;display:none"
  459. class="file2">
  460. 图片预览
  461. </label>
  462. <input type="file" id="file" name="file" style="z-index:10"
  463. onchange="document.getElementById('txtFoo').value=this.value;this.style.display='block';"
  464. class="file" />
  465. </div>
  466. </div>
  467. <span id="picMsg"></span>
  468. </td>
  469. <td align="left"></td>
  470. </tr>
  471. <tr style="height:32px;">
  472. <td align="center" class="l-table-edit-td" bgcolor="#f3f8f7">
  473. 状  态:
  474. </td>
  475. <td align="left" class="l-table-edit-td" colspan="4">
  476. <input type="radio" name="wzb.wzzt" <s:property value="wzb.wzzt==1?'checked':''"/> value="1">
  477. 已发布</input>
  478.  <input type="radio" name="wzb.wzzt" <s:property value="wzb.wzzt==2?'checked':''"/> value="2">
  479. 未发布</input>
  480. </td>
  481. <td align="left"></td>
  482. </tr>
  483. <tr>
  484. <td align="center" class="l-table-edit-td" >
  485. 摘  要:
  486. </td>
  487. <td align="left" class="l-table-edit-td" colspan="4">
  488. <textarea cols="100" rows="4" class="l-textarea" id="wzzy"
  489. name="wzb.wzzy" style="width: 777px; height: 100px"></textarea>
  490. </td>
  491. <td align="left"></td>
  492. </tr>
  493. <tr style="">
  494. <td align="center" class="l-table-edit-td" bgcolor="#f3f8f7">
  495. 访谈内容:
  496. </td>
  497. <td align="left" class="l-table-edit-td" colspan="4">
  498. <div>
  499. <script id="editor" type="text/plain"
  500. style="width:777px;height:350px;"></script>
  501. </div>
  502. <!-- ======================hidden =========================== -->
  503. <input type="hidden" name="wzb.wznr" id="wznr" />
  504. <input type="hidden" name="wzb.fjdz" id="fjdz" />
  505. <input type="hidden" name="wzb.by1" id="by1"/>
  506. <!-- ======================================================= -->
  507. <span style="display: none" id="id_htmlParser"></span>
  508. </td>
  509. <td align="left"></td>
  510. </tr>
  511. <tr>
  512. <td align="right" class="l-table-edit-td" colspan="11" style="padding-left: 40%">
  513. <input type="submit" value="提交" id="btnSubmit"
  514. class="l-button l-button-submit" />
  515. <input type="button" value="返回" id="btnBack"
  516. onclick="javascript:window.location.href='../wzb/wzb!init?lmid=<s:property value="#parameters.lmid" />';"
  517. class="l-button l-button-test" id="test" />
  518. </td>
  519. </tr>
  520. </table>
  521. <div style="display: none">
  522. </div>
  523. </form>
  524. </body>
  525. <script type="text/javascript" charset="utf-8"
  526. src="../../ueditor/uEditorContent.js"></script>
  527. </html>