columnsAdd.jsp 17 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485
  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. //时间空间初始化
  62. Date.prototype.format = function(format){
  63. var o = {
  64. "M+" : this.getMonth()+1, //month
  65. "d+" : this.getDate(), //day
  66. "h+" : this.getHours(), //hour
  67. "m+" : this.getMinutes(), //minute
  68. "s+" : this.getSeconds(), //second
  69. "q+" : Math.floor((this.getMonth()+3)/3), //quarter
  70. "S" : this.getMilliseconds() //millisecond
  71. }
  72. if(/(y+)/.test(format)) {
  73. format = format.replace(RegExp.$1, (this.getFullYear()+"").substr(4 - RegExp.$1.length));
  74. }
  75. for(var k in o) {
  76. if(new RegExp("("+ k +")").test(format)) {
  77. format = format.replace(RegExp.$1, RegExp.$1.length==1 ? o[k] : ("00"+ o[k]).substr((""+ o[k]).length));
  78. }
  79. }
  80. return format;
  81. }
  82. var eee;
  83. $(function ()
  84. {
  85. $("#startTime").ligerDateEditor({ showTime: true });
  86. $("#endTime").ligerDateEditor({ showTime: true });
  87. var now = new Date();
  88. var addTime = now.format("yyyy-MM-dd hh:mm");
  89. $("#startTime").val(addTime);
  90. $("#endTime").val("2020-01-01 00:00");
  91. $("#zdbId").change(function(){
  92. var checkedValue = $("#zdbId").val();
  93. if(checkedValue=='5'){
  94. $("#t1").attr("style","display:block");
  95. }else{
  96. $("#t1").attr("style","display:none");
  97. }
  98. });
  99. $.metadata.setType("attr", "validate");
  100. var v = $("form").validate({
  101. debug: true,
  102. errorPlacement: function (lable, element)
  103. {
  104. if (element.hasClass("l-textarea"))
  105. {
  106. element.ligerTip({ content: lable.html(), target: element[0] });
  107. }
  108. else if (element.hasClass("l-radio"))
  109. {
  110. element.ligerTip({ content: lable.html(), target: element[0] });
  111. }
  112. else if (element.hasClass("l-text-field"))
  113. {
  114. element.parent().ligerTip({ content: lable.html(), target: element[0] });
  115. }
  116. else
  117. {
  118. lable.appendTo(element.parents("td:first").next("td"));
  119. }
  120. },
  121. success: function (lable)
  122. {
  123. lable.ligerHideTip();
  124. lable.remove();
  125. },
  126. submitHandler: function ()
  127. {
  128. $("form .l-text,.l-textarea").ligerHideTip();
  129. // 是否导航
  130. document.columnsForm.dhlm.value = $("input[name='rbtnl_0']:checked").val();
  131. // 栏目状态
  132. document.columnsForm.lmzt.value = $("input[name='rbtnl_1']:checked").val();
  133. // 栏目类型
  134. document.columnsForm.lmlx.value = $("#lmlx").val();
  135. // 副栏目ID
  136. document.columnsForm.flmid.value = flmid;
  137. let form = $("#columnsForm");
  138. $.post(form.attr("action"),form.serialize(),function (data) {
  139. parent.window.callback();
  140. // if(flmid != null &amp;&amp; flmid > 1){
  141. // parent.window.location.href="../columns/columns!columnsList?flmid=" + flmid;
  142. // }else{
  143. // parent.window.location.href="../columns/columns!columnsList?flmid=1";
  144. // }
  145. // 关闭弹出窗
  146. // parent.$.ligerDialog.close();
  147. // 去除列表阴影
  148. // parent.$(".l-dialog,.l-window-mask").css("display","none");
  149. });
  150. }
  151. });
  152. $("form").ligerForm();
  153. $(".l-button-test").click(function ()
  154. {
  155. // 关闭弹出窗
  156. parent.$.ligerDialog.close();
  157. // 去除列表阴影
  158. parent.$(".l-dialog,.l-window-mask").css("display","none");
  159. //$("input[name='rbtnl_0'][value=1]").attr("checked",true);
  160. //alert(v.element($("#txtName")));
  161. });
  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. return;
  198. $("#fjdz").val('');
  199. $("#txtFoo").val('');
  200. $("#scan").attr("style","display:none;");
  201. }else if(data.message=='error'){
  202. alert('上传异常,请稍后再试!');
  203. }else if(data.message=='typeError'){
  204. alert('上传图片类型错误!');
  205. }else{
  206. alert(data.message);
  207. $("#fjdz").val(data.message);
  208. $("#txtFoo").val('');
  209. $("#scan").attr("style","display:block;margin-left:4px;");
  210. }
  211. }
  212. },
  213. error: function (data, status, e)//服务器响应失败处理函数
  214. {
  215. alert('上传有误,请重试!');
  216. }
  217. }
  218. )
  219. return false;
  220. }
  221. </script>
  222. <script type="text/javascript">
  223. function toScan(){
  224. var fjdz = $('#fjdz').val();
  225. if(fjdz!=""){
  226. var url = "<%=basePath%>uploadfile/"+fjdz;
  227. //alert(url);
  228. window.open(url,'newwindow','');
  229. }else{
  230. alert('暂无上传图片,无法预览,请上传后再试!');
  231. }
  232. }
  233. </script>
  234. <style type="text/css">
  235. body{ font-size:12px;}
  236. .l-table-edit {}
  237. .l-table-edit-td{ padding:4px; height:20px; line-height:20px; text-align: left;}
  238. .l-button-submit,.l-button-test{width:80px; float:left; margin-left:10px; padding-bottom:2px;}
  239. .l-verify-tip{ left:230px; top:120px;}
  240. </style>
  241. <style type="text/css">
  242. * {
  243. font-size: 12px;
  244. }
  245. .div {
  246. margin: 0 auto;
  247. width: 100%;
  248. overflow: hidden;
  249. padding: 0px;
  250. }
  251. .line {
  252. position: relative;
  253. margin: 0 auto;
  254. text-align: left
  255. }
  256. .line span.span {
  257. float: left;
  258. padding-top: 2px;
  259. }
  260. .file {
  261. position: absolute;
  262. left: 0;
  263. width: 265px ! important;
  264. top: 0;
  265. height: 28px;
  266. filter: alpha(opacity = 0);
  267. opacity: 0;
  268. cursor: pointer
  269. }
  270. .file1 {
  271. float: left;
  272. margin-left: 0px;
  273. margin-right: 4px;
  274. z-index: 1;
  275. width: 70px;
  276. height: 28px;
  277. line-height: 28px;
  278. background: url(../image/liulan.gif) no-repeat 0 0;
  279. text-indent: -9999px;
  280. cursor: pointer
  281. }
  282. .file2 {
  283. float: left;
  284. z-index: 1;
  285. width: 70px;
  286. height: 28px;
  287. line-height: 28px;
  288. background: url(../image/sc.gif) no-repeat 0 0;
  289. text-indent: -9999px;
  290. cursor: pointer
  291. }
  292. .file3 {
  293. float: left;
  294. z-index: 1;
  295. width: 70px;
  296. height: 28px;
  297. line-height: 28px;
  298. background: url(../image/tpyl.gif) no-repeat 0 0;
  299. text-indent: -9999px;
  300. cursor: pointer
  301. }
  302. .inputstyle {
  303. border: 1px solid #BEBEBE;
  304. margin-left: -3px;
  305. margin-top: -1px;
  306. width: 196px ! important;
  307. float: left;
  308. height: 22px;
  309. line-height: 22px;
  310. background: #FFF;
  311. z-index: 99
  312. }
  313. #n {
  314. margin: 10px auto;
  315. width: 920px;
  316. border: 1px solid #CCC;
  317. font-size: 14px;
  318. line-height: 30px;
  319. }
  320. #n a {
  321. padding: 0 4px;
  322. color: #333
  323. }
  324. input{
  325. line-height:15px;
  326. height:15px;
  327. }
  328. .div1{
  329. 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;
  330. }
  331. div2{
  332. height:445px; overflow:hidden;border:1px solid #ccc; position:absolute; left:50%; margin-left:-250px; z-index:1000; }
  333. </style>
  334. </head>
  335. <body style="padding:10px">
  336. <form name="columnsForm" method="post" action="../columns/columns!saveColumns" id="columnsForm">
  337. <s:hidden id="dhlm" name="dhlm"/>
  338. <s:hidden id="lmzt" name="lmzt"/>
  339. <s:hidden id="lmlx" name="lmlx"/>
  340. <s:hidden id="flmid" name="flmid"/>
  341. <input type="hidden" name="fjdz" id="fjdz" />
  342. <table width="80%" border="1" cellspacing="0" bordercolor="#c7d4e2" style="border-collapse:collapse;" class="bgys">
  343. <tr>
  344. <td width="12%" height="30" align="center" bgcolor="#f3f8f7">
  345. 栏目名称:
  346. </td>
  347. <td width="88%">
  348. <input name="lmmc" type="text" id="lmmc" ltype="text" validate="{required:true,minlength:3,maxlength:20}" />
  349. </td>
  350. </tr>
  351. <tr>
  352. <td height="30" align="center">是否导航:</td>
  353. <td>
  354. <input id="sfdh_y" type="radio" name="rbtnl_0" value="1" checked="checked"/><label for="rbtnl_1">是</label>
  355. <input id="sfdh_n" type="radio" name="rbtnl_0" value="2"/><label for="rbtnl_1">否</label>
  356. </td>
  357. </tr>
  358. <tr>
  359. <td height="30" align="center" bgcolor="#f3f8f7">栏目类型:</td>
  360. <td>
  361. <s:select id="zdbId" name="zdbId" list="zdbList" listKey="id" listValue="zdbmc" headerKey="1" theme="simple"></s:select>
  362. </td>
  363. </tr>
  364. <tbody id="t1" style="display: none">
  365. <tr>
  366. <td height="30" align="center" bgcolor="#f3f8f7">开始时间:</td>
  367. <td align="left" class="l-table-edit-td">
  368. <input name="by1" type="text" id="startTime" ltype="date" />
  369. </td>
  370. </tr>
  371. <tr>
  372. <td height="30" align="center" bgcolor="#f3f8f7">结束时间:</td>
  373. <td align="left" class="l-table-edit-td">
  374. <input name="by2" type="text" id="endTime" ltype="date" />
  375. </td>
  376. </tr>
  377. </tbody>
  378. <tr>
  379. <td height="30" align="center">栏目状态:</td>
  380. <td>
  381. <input id="lmzt_qiyong" type="radio" name="rbtnl_1" value="1" checked="checked" /><label for="rbtnl_1">启用</label>
  382. <input id="lmzt_tiyong" type="radio" name="rbtnl_1" value="2"/><label for="rbtnl_1">停用</label>
  383. <input id="lmzt_zuofei" type="radio" name="rbtnl_1" value="3"/><label for="rbtnl_1">作废</label>
  384. </td>
  385. </tr>
  386. <tr>
  387. <td height="30" align="center" bgcolor="#f3f8f7">
  388. 图  片:
  389. </td>
  390. <td align="left" class="l-table-edit-td" colspan="4">
  391. <!-- <input type="text" id="txtFoo" onclick="toUrl();" onchange="this.value=file.value;" ltype="text" style="background:url(../images/form/text.gif);width:330px;" readonly="true" />
  392. <div style="padding-top:5px;margin-left:25px;" id="div_pic">
  393. <input type="button" onclick="document.getElementById('file').click()" value="浏览" class="l-button l-button-submit" style="float:left"/>
  394. <input type="button" value="上传" class="l-button l-button-submit" style="float:left" onclick="return ajaxFileUpload();"/>
  395. <input name="file" type="file" id="file" ltype="text" onchange="txtFoo.value=this.value;" />
  396. </div>
  397. -->
  398. <div class="div">
  399. <div class="line">
  400. <span class="span" style="margin-right:4px">
  401. <input name="" type="text"
  402. id="txtFoo"
  403. onmouseout="document.getElementById('file').style.display='none';"
  404. class="inputstyle"
  405. style="z-index:100"
  406. /> </span>
  407. <label for="unload" style="margin-right:4px"
  408. onmouseover="document.getElementById('file').style.display='block';"
  409. class="file1">
  410. 浏览...
  411. </label>
  412. <label for="unload2" onclick="return ajaxFileUpload_add();"
  413. class="file2">
  414. 上传
  415. </label>
  416. <label for="scan" id="scan" onclick="toScan();" style="margin-left:4px;display:none"
  417. class="file3">
  418. 图片预览
  419. </label>
  420. <input type="file" id="file" name="file" style="z-index:10"
  421. onchange="document.getElementById('txtFoo').value=this.value;this.style.display='block';"
  422. class="file" />
  423. </div>
  424. </div>
  425. <span id="picMsg"></span>
  426. </td>
  427. <td align="left"></td>
  428. </tr>
  429. <tr>
  430. <td height="30" align="center">栏目说明:</td>
  431. <td>
  432. <textarea rows="15" class="l-textarea" name="lmsm" id="lmsm" style="width:400px" validate="{required:true}" >未添加说明</textarea>
  433. </td>
  434. </tr>
  435. <tr>
  436. <td height="30" align="center">&nbsp;</td>
  437. <td>
  438. <input type="submit" value="提交" id="Button1" class="l-button l-button-submit" />
  439. <input type="button" value="关闭" class="l-button l-button-test"/>
  440. </td>
  441. </tr>
  442. </table>
  443. <br />
  444. </form>
  445. <div style="display:none">
  446. <!-- 数据统计代码 --></div>
  447. </body>
  448. </html>