columnsEdit.jsp 18 KB

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