columnsAdd.jsp 17 KB

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