ftEdit.jsp 18 KB

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