columnsAdd.jsp 16 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475
  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 () {
  139. parent.window.callback();
  140. });
  141. }
  142. });
  143. $("form").ligerForm();
  144. $(".l-button-test").click(function ()
  145. {
  146. // 关闭弹出窗
  147. parent.$.ligerDialog.close();
  148. // 去除列表阴影
  149. parent.$(".l-dialog,.l-window-mask").css("display","none");
  150. //$("input[name='rbtnl_0'][value=1]").attr("checked",true);
  151. //alert(v.element($("#txtName")));
  152. });
  153. });
  154. </script>
  155. <script type="text/javascript">
  156. //添加页ajax上传
  157. function ajaxFileUpload_add()
  158. {
  159. // $("#loading").ajaxStart(function(){
  160. // $(this).show();
  161. // })//开始上传文件时显示一个图片
  162. // .ajaxComplete(function(){
  163. // $(this).hide();
  164. // });//文件上传完成将图片隐藏起来
  165. if($("#txtFoo").val()==""){
  166. //alert('请选择图片!');
  167. //return false;
  168. }
  169. $.ajaxFileUpload
  170. (
  171. {
  172. url:'../file/file!fileupload',//用于文件上传的服务器端请求地址
  173. secureuri:false,//一般设置为false
  174. fileElementId:'file',//文件上传空间的id属性 <input type="file" id="file" name="file" />
  175. dataType: 'json',//返回值类型 一般设置为json
  176. success: function (data, status) //服务器成功响应处理函数
  177. {
  178. //从服务器返回的json中取出message中的数据,其中message为在struts2中定义的成员变量
  179. if(typeof(data.error) != 'undefined')
  180. {
  181. if(data.error != '')
  182. {
  183. alert(data.error);
  184. }
  185. }else{
  186. if(data.message=='clean'){
  187. alert('请选择图片上传!');
  188. return;
  189. $("#fjdz").val('');
  190. $("#txtFoo").val('');
  191. $("#scan").attr("style","display:none;");
  192. }else if(data.message=='error'){
  193. alert('上传异常,请稍后再试!');
  194. }else if(data.message=='typeError'){
  195. alert('上传图片类型错误!');
  196. }else{
  197. alert(data.message);
  198. $("#fjdz").val(data.message);
  199. $("#txtFoo").val('');
  200. $("#scan").attr("style","display:block;margin-left:4px;");
  201. }
  202. }
  203. },
  204. error: function (data, status, e)//服务器响应失败处理函数
  205. {
  206. alert('上传有误,请重试!');
  207. }
  208. }
  209. )
  210. return false;
  211. }
  212. </script>
  213. <script type="text/javascript">
  214. function toScan(){
  215. var fjdz = $('#fjdz').val();
  216. if(fjdz!=""){
  217. var url = "<%=basePath%>uploadfile/"+fjdz;
  218. //alert(url);
  219. window.open(url,'newwindow','');
  220. }else{
  221. alert('暂无上传图片,无法预览,请上传后再试!');
  222. }
  223. }
  224. </script>
  225. <style type="text/css">
  226. body{ font-size:12px;}
  227. .l-table-edit {}
  228. .l-table-edit-td{ padding:4px; height:20px; line-height:20px; text-align: left;}
  229. .l-button-submit,.l-button-test{width:80px; float:left; margin-left:10px; padding-bottom:2px;}
  230. .l-verify-tip{ left:230px; top:120px;}
  231. </style>
  232. <style type="text/css">
  233. * {
  234. font-size: 12px;
  235. }
  236. .div {
  237. margin: 0 auto;
  238. width: 100%;
  239. overflow: hidden;
  240. padding: 0px;
  241. }
  242. .line {
  243. position: relative;
  244. margin: 0 auto;
  245. text-align: left
  246. }
  247. .line span.span {
  248. float: left;
  249. padding-top: 2px;
  250. }
  251. .file {
  252. position: absolute;
  253. left: 0;
  254. width: 265px ! important;
  255. top: 0;
  256. height: 28px;
  257. filter: alpha(opacity = 0);
  258. opacity: 0;
  259. cursor: pointer
  260. }
  261. .file1 {
  262. float: left;
  263. margin-left: 0px;
  264. margin-right: 4px;
  265. z-index: 1;
  266. width: 70px;
  267. height: 28px;
  268. line-height: 28px;
  269. background: url(../image/liulan.gif) no-repeat 0 0;
  270. text-indent: -9999px;
  271. cursor: pointer
  272. }
  273. .file2 {
  274. float: left;
  275. z-index: 1;
  276. width: 70px;
  277. height: 28px;
  278. line-height: 28px;
  279. background: url(../image/sc.gif) no-repeat 0 0;
  280. text-indent: -9999px;
  281. cursor: pointer
  282. }
  283. .file3 {
  284. float: left;
  285. z-index: 1;
  286. width: 70px;
  287. height: 28px;
  288. line-height: 28px;
  289. background: url(../image/tpyl.gif) no-repeat 0 0;
  290. text-indent: -9999px;
  291. cursor: pointer
  292. }
  293. .inputstyle {
  294. border: 1px solid #BEBEBE;
  295. margin-left: -3px;
  296. margin-top: -1px;
  297. width: 196px ! important;
  298. float: left;
  299. height: 22px;
  300. line-height: 22px;
  301. background: #FFF;
  302. z-index: 99
  303. }
  304. #n {
  305. margin: 10px auto;
  306. width: 920px;
  307. border: 1px solid #CCC;
  308. font-size: 14px;
  309. line-height: 30px;
  310. }
  311. #n a {
  312. padding: 0 4px;
  313. color: #333
  314. }
  315. input{
  316. line-height:15px;
  317. height:15px;
  318. }
  319. .div1{
  320. 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;
  321. }
  322. div2{
  323. height:445px; overflow:hidden;border:1px solid #ccc; position:absolute; left:50%; margin-left:-250px; z-index:1000; }
  324. </style>
  325. </head>
  326. <body style="padding:10px">
  327. <form name="columnsForm" method="post" action="../columns/columns!saveColumns" id="columnsForm">
  328. <s:hidden id="dhlm" name="dhlm"/>
  329. <s:hidden id="lmzt" name="lmzt"/>
  330. <s:hidden id="lmlx" name="lmlx"/>
  331. <s:hidden id="flmid" name="flmid"/>
  332. <input type="hidden" name="fjdz" id="fjdz" />
  333. <table width="80%" border="1" cellspacing="0" bordercolor="#c7d4e2" style="border-collapse:collapse;" class="bgys">
  334. <tr>
  335. <td width="12%" height="30" align="center" bgcolor="#f3f8f7">
  336. 栏目名称:
  337. </td>
  338. <td width="88%">
  339. <input name="lmmc" type="text" id="lmmc" ltype="text" validate="{required:true,minlength:3,maxlength:20}" />
  340. </td>
  341. </tr>
  342. <tr>
  343. <td height="30" align="center">是否导航:</td>
  344. <td>
  345. <input id="sfdh_y" type="radio" name="rbtnl_0" value="1" checked="checked"/><label for="rbtnl_1">是</label>
  346. <input id="sfdh_n" type="radio" name="rbtnl_0" value="2"/><label for="rbtnl_1">否</label>
  347. </td>
  348. </tr>
  349. <tr>
  350. <td height="30" align="center" bgcolor="#f3f8f7">栏目类型:</td>
  351. <td>
  352. <s:select id="zdbId" name="zdbId" list="zdbList" listKey="id" listValue="zdbmc" headerKey="1" theme="simple"></s:select>
  353. </td>
  354. </tr>
  355. <tbody id="t1" style="display: none">
  356. <tr>
  357. <td height="30" align="center" bgcolor="#f3f8f7">开始时间:</td>
  358. <td align="left" class="l-table-edit-td">
  359. <input name="by1" type="text" id="startTime" ltype="date" />
  360. </td>
  361. </tr>
  362. <tr>
  363. <td height="30" align="center" bgcolor="#f3f8f7">结束时间:</td>
  364. <td align="left" class="l-table-edit-td">
  365. <input name="by2" type="text" id="endTime" ltype="date" />
  366. </td>
  367. </tr>
  368. </tbody>
  369. <tr>
  370. <td height="30" align="center">栏目状态:</td>
  371. <td>
  372. <input id="lmzt_qiyong" type="radio" name="rbtnl_1" value="1" checked="checked" /><label for="rbtnl_1">启用</label>
  373. <input id="lmzt_tiyong" type="radio" name="rbtnl_1" value="2"/><label for="rbtnl_1">停用</label>
  374. <input id="lmzt_zuofei" type="radio" name="rbtnl_1" value="3"/><label for="rbtnl_1">作废</label>
  375. </td>
  376. </tr>
  377. <tr>
  378. <td height="30" align="center" bgcolor="#f3f8f7">
  379. 图  片:
  380. </td>
  381. <td align="left" class="l-table-edit-td" colspan="4">
  382. <!-- <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" />
  383. <div style="padding-top:5px;margin-left:25px;" id="div_pic">
  384. <input type="button" onclick="document.getElementById('file').click()" value="浏览" class="l-button l-button-submit" style="float:left"/>
  385. <input type="button" value="上传" class="l-button l-button-submit" style="float:left" onclick="return ajaxFileUpload();"/>
  386. <input name="file" type="file" id="file" ltype="text" onchange="txtFoo.value=this.value;" />
  387. </div>
  388. -->
  389. <div class="div">
  390. <div class="line">
  391. <span class="span" style="margin-right:4px">
  392. <input name="" type="text"
  393. id="txtFoo"
  394. onmouseout="document.getElementById('file').style.display='none';"
  395. class="inputstyle"
  396. style="z-index:100"
  397. /> </span>
  398. <label for="unload" style="margin-right:4px"
  399. onmouseover="document.getElementById('file').style.display='block';"
  400. class="file1">
  401. 浏览...
  402. </label>
  403. <label for="unload2" onclick="return ajaxFileUpload_add();"
  404. class="file2">
  405. 上传
  406. </label>
  407. <label for="scan" id="scan" onclick="toScan();" style="margin-left:4px;display:none"
  408. class="file3">
  409. 图片预览
  410. </label>
  411. <input type="file" id="file" name="file" style="z-index:10"
  412. onchange="document.getElementById('txtFoo').value=this.value;this.style.display='block';"
  413. class="file" />
  414. </div>
  415. </div>
  416. <span id="picMsg"></span>
  417. </td>
  418. <td align="left"></td>
  419. </tr>
  420. <tr>
  421. <td height="30" align="center">栏目说明:</td>
  422. <td>
  423. <textarea rows="15" class="l-textarea" name="lmsm" id="lmsm" style="width:400px" validate="{required:true}" >未添加说明</textarea>
  424. </td>
  425. </tr>
  426. <tr>
  427. <td height="30" align="center">&nbsp;</td>
  428. <td>
  429. <input type="submit" value="提交" id="Button1" class="l-button l-button-submit" />
  430. <input type="button" value="关闭" class="l-button l-button-test"/>
  431. </td>
  432. </tr>
  433. </table>
  434. <br />
  435. </form>
  436. <div style="display:none">
  437. <!-- 数据统计代码 --></div>
  438. </body>
  439. </html>