org-init-imp.jsp 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5. <title>导入年计划信息</title>
  6. <!--框架必需start-->
  7. <script type="text/javascript" src="${ctx}/qui/libs/js/jquery.js"></script>
  8. <script type="text/javascript" src="${ctx}/qui/libs/js/framework.js"></script>
  9. <link href="${ctx}/qui/libs/css/import_basic.css" rel="stylesheet"
  10. type="text/css" />
  11. <link rel="stylesheet" type="text/css" id="skin" prePath="${ctx}/qui/" />
  12. <link rel="stylesheet" type="text/css" id="customSkin" />
  13. <!--框架必需end-->
  14. <!-- 日期选择框start -->
  15. <script type="text/javascript"
  16. src="${ctx}/qui/libs/js/form/datePicker/WdatePicker.js"></script>
  17. <!-- 日期选择框end -->
  18. <!-- 表单验证start -->
  19. <link rel="stylesheet"
  20. href="${ctx}/qui/libs/js/form/validform/css/style.css" type="text/css"
  21. media="all" />
  22. <script src="${ctx}/qui/libs/js/form/validform/validform.js"
  23. type="text/javascript"></script>
  24. <!-- 表单验证end -->
  25. <!--表单异步提交start-->
  26. <script src="${ctx}/qui/libs/js/form/form.js" type="text/javascript"></script>
  27. <!--表单异步提交end-->
  28. <style type="text/css">
  29. .preview {
  30. width: 100px;
  31. height: 100px;
  32. border: 1px solid #000;
  33. overflow: hidden;
  34. }
  35. .img {
  36. filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image);
  37. }
  38. </style>
  39. </head>
  40. <body>
  41. <div class="box1">
  42. <form id="myFormId" method="POST" action="${ctx}/busInit/importExceInitData.do" enctype="multipart/form-data" target="uploadFrame" onsubmit="return chekcForm();">
  43. <table class="tableStyle" formMode="line">
  44. <tr>
  45. <td><span class="star">*</span>请填写年份:</td>
  46. <td colspan="3">
  47. <div>
  48. <input type="text" id="year" name="year" class="date" dateFmt="yyyy" datatype="*" autocomplete="off"/>
  49. </div>
  50. </td>
  51. </tr>
  52. <tr>
  53. <td><span class="star">*</span>请选择要上传的文件:</td>
  54. <td colspan="3">
  55. <div>
  56. <input type="file" onchange="testchange()" id="fileupload"
  57. name="file" datatype="*"/>
  58. </div>
  59. </td>
  60. </tr>
  61. <tr>
  62. <td colspan="4" align="center">
  63. <input id="submit" type="button" onclick="save()" value="保存"/>&nbsp;
  64. <input type="reset" value="重置" />
  65. </td>
  66. </tr>
  67. </table>
  68. </form>
  69. </div>
  70. <div style="display: none">
  71. <iframe id="uploadFrame" name="uploadFrame"></iframe>
  72. </div>
  73. <script type="text/javascript">
  74. function initComplete(){
  75. //表单提交
  76. $("#myFormId").Validform({
  77. tiptype:3,//表示在右边显示
  78. ajaxPost:true,
  79. showAllError:true,
  80. callback:function(responseText){
  81. $.Hidemsg();
  82. if(responseText.status=="y"){
  83. $("#info").remove();
  84. top.Dialog.alert(responseText.info,function(){
  85. closeWin();
  86. });
  87. }else{
  88. top.Dialog.alert(responseText.info,function(){
  89. return false;
  90. });
  91. }
  92. }
  93. });
  94. }
  95. function closeWin() {
  96. //刷新
  97. // top.frmright.resetSearch();
  98. //关闭窗口
  99. top.Dialog.close();
  100. }
  101. function save() {
  102. $("#myFormId").submit();
  103. //进度条
  104. $(".Validform_title").html("提示信息");
  105. $(".Validform_info").html("<font color=green>正在导入计划数据,请耐心等待...<img src='${ctx}/image/hyyloading.gif' style='width:100px;height:11px;'/></font>");
  106. }
  107. function chekcForm(){
  108. var oFileValue = $("#fileupload").val();
  109. var reg = /(\.(?:xls|xlsx))$/i;
  110. if(reg.test(oFileValue)==true){
  111. $('#submit').attr("disabled",true);
  112. return true;
  113. }else{
  114. alert('文件格式必须为xls,xlsx');
  115. }
  116. return false;
  117. }
  118. </script>
  119. </body>
  120. </html>