loginimg_edit.jsp 7.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208
  1. <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
  2. <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
  3. <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
  4. <%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
  5. <%
  6. String path = request.getContextPath();
  7. String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
  8. %>
  9. <!DOCTYPE html>
  10. <html lang="en">
  11. <head>
  12. <base href="<%=basePath%>">
  13. <!-- jsp文件头和头部 -->
  14. <%@ include file="../../system/index/top.jsp"%>
  15. <script type="text/javascript" src="static/ace/js/jquery.js"></script>
  16. <!-- 上传插件 -->
  17. <link href="plugins/uploadify/uploadify.css" rel="stylesheet" type="text/css">
  18. <script type="text/javascript" src="plugins/uploadify/swfobject.js"></script>
  19. <script type="text/javascript" src="plugins/uploadify/jquery.uploadify.v2.1.4.min.js"></script>
  20. <!-- 上传插件 -->
  21. <script type="text/javascript">
  22. var jsessionid = "<%=session.getId()%>"; //勿删,uploadify兼容火狐用到
  23. </script>
  24. </head>
  25. <body class="no-skin">
  26. <!-- /section:basics/navbar.layout -->
  27. <div class="main-container" id="main-container">
  28. <!-- /section:basics/sidebar -->
  29. <div class="main-content">
  30. <div class="main-content-inner">
  31. <div class="page-content">
  32. <div class="row">
  33. <div class="col-xs-12">
  34. <form action="loginimg/${msg }.do" name="Form" id="Form" method="post">
  35. <input type="hidden" name="LOGINIMG_ID" id="LOGINIMG_ID" value="${pd.LOGINIMG_ID}"/>
  36. <input type="hidden" value="no" id="hasTp1" />
  37. <div id="zhongxin" style="padding-top: 13px;">
  38. <table id="table_report" class="table table-striped table-bordered table-hover">
  39. <tr>
  40. <td style="width:75px;text-align: right;padding-top: 13px;">名称:</td>
  41. <td><input type="text" name="NAME" id="NAME" value="${pd.NAME}" maxlength="30" placeholder="这里输入文件名" title="文件名" style="width:98%;"/></td>
  42. </tr>
  43. <c:if test="${msg == 'save' }">
  44. <tr>
  45. <td style="width:75px;text-align: right;padding-top: 13px;">图片:</td>
  46. <td id="FILEPATHn">
  47. <input type="file" name="File_name" id="uploadify1" keepDefaultStyle = "true"/>
  48. <input type="hidden" name="FILEPATH" id="FILEPATH" value=""/>
  49. </td>
  50. </tr>
  51. </c:if>
  52. <tr>
  53. <td style="width:75px;text-align: right;padding-top: 13px;">排序:</td>
  54. <td><input type="number" name="FORDER" id="FORDER" value="${pd.FORDER}" maxlength="32" placeholder="这里输入排序" title="排序" style="width:35%;"/></td>
  55. </tr>
  56. <tr>
  57. <td style="width:75px;text-align: right;padding-top: 13px;">状态:</td>
  58. <td>
  59. <select name="TYPE" id="TYPE" style="width:35%;">
  60. <option value="1" <c:if test="${pd.TYPE == '1'}">selected</c:if>>启用</option>
  61. <option value="2" <c:if test="${pd.TYPE == '2'}">selected</c:if>>停用</option>
  62. </select>
  63. </td>
  64. </tr>
  65. <tr>
  66. <td style="text-align: center;" colspan="10">
  67. <c:if test="${msg == 'save' }">
  68. <a class="btn btn-mini btn-primary" onclick="save();">保存</a>
  69. </c:if>
  70. <c:if test="${msg == 'edit' }">
  71. <a class="btn btn-mini btn-primary" onclick="edit();">保存</a>
  72. </c:if>
  73. <a class="btn btn-mini btn-danger" onclick="getTop(globalThis).Dialog.close();">取消</a>
  74. </td>
  75. </tr>
  76. </table>
  77. </div>
  78. <div id="zhongxin2" class="center" style="display:none"><br/><br/><br/><br/><br/><img src="static/images/jiazai.gif" /><br/><h4 class="lighter block green">提交中...</h4></div>
  79. </form>
  80. </div>
  81. <!-- /.col -->
  82. </div>
  83. <!-- /.row -->
  84. </div>
  85. <!-- /.page-content -->
  86. </div>
  87. </div>
  88. <!-- /.main-content -->
  89. </div>
  90. <!-- /.main-container -->
  91. <!-- 页面底部js¨ -->
  92. <%@ include file="../../system/index/foot.jsp"%>
  93. <!-- 下拉框 -->
  94. <script src="static/ace/js/chosen.jquery.js"></script>
  95. <!-- 日期框 -->
  96. <script src="static/ace/js/date-time/bootstrap-datepicker.js"></script>
  97. <!--提示框-->
  98. <script type="text/javascript" src="static/js/jquery.tips.js"></script>
  99. <script type="text/javascript">
  100. $(getTop(globalThis).hangge());
  101. //新增
  102. function save(){
  103. if($("#NAME").val()==""){
  104. $("#NAME").tips({
  105. side:3,
  106. msg:'请输入文件名',
  107. bg:'#AE81FF',
  108. time:2
  109. });
  110. $("#NAME").focus();
  111. return false;
  112. }
  113. if($("#hasTp1").val()=="no"){
  114. $("#FILEPATHn").tips({
  115. side:3,
  116. msg:'请选择文件',
  117. bg:'#AE81FF',
  118. time:2
  119. });
  120. return false;
  121. }
  122. if($("#FORDER").val()==""){
  123. $("#FORDER").tips({
  124. side:3,
  125. msg:'请输入排序',
  126. bg:'#AE81FF',
  127. time:2
  128. });
  129. $("#FORDER").focus();
  130. return false;
  131. }
  132. $('#uploadify1').uploadifyUpload();
  133. }
  134. //修改
  135. function edit(){
  136. if($("#NAME").val()==""){
  137. $("#NAME").tips({
  138. side:3,
  139. msg:'请输入文件名',
  140. bg:'#AE81FF',
  141. time:2
  142. });
  143. $("#NAME").focus();
  144. return false;
  145. }
  146. if($("#FORDER").val()==""){
  147. $("#FORDER").tips({
  148. side:3,
  149. msg:'请输入排序',
  150. bg:'#AE81FF',
  151. time:2
  152. });
  153. $("#FORDER").focus();
  154. return false;
  155. }
  156. $("#Form").submit();
  157. $("#zhongxin").hide();
  158. $("#zhongxin2").show();
  159. }
  160. </script>
  161. <c:if test="${msg == 'save' }">
  162. <script type="text/javascript">
  163. $(document).ready(function(){
  164. var str='';
  165. $("#uploadify1").uploadify({
  166. 'buttonImg' : "<%=basePath%>plugins/uploadify/uploadp.png",
  167. 'uploader' : "<%=basePath%>plugins/uploadify/uploadify.swf",
  168. 'script' : "<%=basePath%>plugins/uploadify/uploadFile.jsp;jsessionid="+jsessionid,
  169. 'cancelImg' : "<%=basePath%>plugins/uploadify/cancel.png",
  170. 'folder' : "<%=basePath%>static/login/images",//上传文件存放的路径,请保持与uploadFile.jsp中PATH的值相同
  171. 'queueId' : "fileQueue",
  172. 'queueSizeLimit' : 1,//限制上传文件的数量
  173. //'fileExt' : "*.rar,*.zip",
  174. //'fileDesc' : "RAR *.rar",//限制文件类型
  175. 'fileExt' : '*.jpg;*.gif;*.png',
  176. 'fileDesc' : 'Please choose(.JPG, .GIF, .PNG)',
  177. 'auto' : false,
  178. 'multi' : true,//是否允许多文件上传
  179. 'simUploadLimit': 2,//同时运行上传的进程数量
  180. 'buttonText': "files",
  181. 'scriptData': {'uploadPath':'/static/login/images/'},//这个参数用于传递用户自己的参数,此时'method' 必须设置为GET, 后台可以用request.getParameter('name')获取名字的值
  182. 'method' : "GET",
  183. 'onComplete':function(event,queueId,fileObj,response,data){
  184. str = response.trim();//单个上传完毕执行
  185. },
  186. 'onAllComplete' : function(event,data) {
  187. //alert(str); //全部上传完毕执行
  188. $("#FILEPATH").val(str);
  189. $("#Form").submit();
  190. $("#zhongxin").hide();
  191. $("#zhongxin2").show();
  192. },
  193. 'onSelect' : function(event, queueId, fileObj){
  194. $("#hasTp1").val("ok");
  195. }
  196. });
  197. });
  198. </script>
  199. </c:if>
  200. </body>
  201. </html>