upload.php 9.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206
  1. <?php
  2. include($_SERVER['DOCUMENT_ROOT'] . "/Authorization/script/php/permission/check_right.php");
  3. ?>
  4. <!doctype html>
  5. <html class="fixed">
  6. <head>
  7. <!-- Basic -->
  8. <meta charset="UTF-8">
  9. <title>首頁 | BIM資訊系統</title>
  10. <meta name="keywords" content="HTML5 Admin Template" />
  11. <meta name="description" content="JSOFT Admin - Responsive HTML5 Template">
  12. <meta name="author" content="JSOFT.net">
  13. <script src="./script/php/clearData.php"></script>
  14. <!-- Mobile Metas -->
  15. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
  16. <!-- Web Fonts -->
  17. <link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800|Shadows+Into+Light" rel="stylesheet" type="text/css">
  18. <!-- Vendor CSS -->
  19. <link rel="stylesheet" href="/Common/assets/vendor/bootstrap/css/bootstrap.css" />
  20. <link rel="stylesheet" href="/Common/assets/vendor/font-awesome/css/font-awesome.css" />
  21. <link rel="stylesheet" href="/Common/assets/vendor/magnific-popup/magnific-popup.css" />
  22. <link rel="stylesheet" href="/Common/assets/vendor/bootstrap-datepicker/css/datepicker3.css" />
  23. <link rel="stylesheet" href="/Common/assets/vendor/pnotify/pnotify.custom.css" />
  24. <!-- Specific Page Vendor CSS -->
  25. <link rel="stylesheet" href="/Common/assets/vendor/jquery-ui/css/ui-lightness/jquery-ui-1.10.4.custom.css" />
  26. <link rel="stylesheet" href="/Common/assets/vendor/bootstrap-multiselect/bootstrap-multiselect.css" />
  27. <link rel="stylesheet" href="/Common/assets/vendor/morris/morris.css" />
  28. <link rel="stylesheet" href="/Common/assets/vendor/bootstrap-fileupload/bootstrap-fileupload.min.css" />
  29. <!-- Theme CSS -->
  30. <link rel="stylesheet" href="/Common/assets/stylesheets/theme.css" />
  31. <!-- Skin CSS -->
  32. <link rel="stylesheet" href="/Common/assets/stylesheets/skins/default.css" />
  33. <!-- Theme Custom CSS -->
  34. <link rel="stylesheet" href="/Common/assets/stylesheets/theme-custom.css">
  35. <!-- Head Libs -->
  36. <script src="/Common/assets/vendor/modernizr/modernizr.js"></script>
  37. <!-- chart.js -->
  38. <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
  39. <!-- DataTable -->
  40. <script src="/Common/assets/vendor/jquery/jquery.js"></script>
  41. <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.25/css/jquery.dataTables.css">
  42. <script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.25/js/jquery.dataTables.js"></script>
  43. <!-- Icon -->
  44. <link rel="shortcut icon" href="/Common/assets/images/favicon.ico" />
  45. <!-- vue3 -->
  46. <script src="https://unpkg.com/vue@next"></script>
  47. <script src="./script/js/global.js"></script>
  48. <script src="/Common/script/js/user-image.js"></script>
  49. <script type="application/javascript">
  50. var userName = "<?php echo $_SESSION['name'] ?>";
  51. var role = "<?php echo ($groupName); ?>";
  52. var right = <?php echo ($right); ?>;
  53. var pageHeader = '監測資料上傳工具';
  54. </script>
  55. </head>
  56. <body>
  57. <section class="body">
  58. <!-- start: header -->
  59. <header-menu></header-menu>
  60. <!-- end: header -->
  61. <div class="inner-wrapper">
  62. <!-- start: sidebar -->
  63. <side-bar></side-bar>
  64. <!-- end: sidebar -->
  65. <section role="main" class="content-body">
  66. <header class="page-header">
  67. <h2>{{pageHeader}}</h2>
  68. </header>
  69. <div class="row">
  70. <div class="col-md-6 col-md-offset-3">
  71. <section class="panel panel-featured-left panel-featured-primary">
  72. <div class="panel-body">
  73. <div id="upload" class="tab-pane active">
  74. <form method="post" enctype="multipart/form-data" action="./script/php/read_excel.php">
  75. <div class="form-group">
  76. <label class="col-md-3 control-label" for="projectName">計畫名稱 </label>
  77. <div class="col-md-6">
  78. <select class="form-control mb-md" name="projectName" id="projectName" required="required">
  79. <option class="c3" value="c3">南港台壽C3專案管理</option>
  80. <option class="r03" value="r03">信義線東延段</option>
  81. </select>
  82. </div>
  83. </div>
  84. <div class="form-group">
  85. <label class="col-md-3 control-label" for="constructionName">工地模型 </label>
  86. <div class="col-md-6">
  87. <select class="form-control mb-md" name="constructionName" id="constructionName" required="required">
  88. <option class="c3" value="c3">C3</option>
  89. <option class="r03" value="r03" style="display: none;">R03</option>
  90. </select>
  91. </div>
  92. </div>
  93. <div class="form-group" style="border-bottom: 0px;">
  94. <label class="col-md-3 control-label" for="excel">Excel文件</label>
  95. <div class="col-md-6">
  96. <div class="fileupload fileupload-new" data-provides="fileupload">
  97. <div class="input-append">
  98. <div class="uneditable-input">
  99. <i class="fa fa-file fileupload-exists"></i>
  100. <span class="fileupload-preview"></span>
  101. </div>
  102. <span class="btn btn-default btn-file">
  103. <span class="fileupload-exists">更換檔案</span>
  104. <span class="fileupload-new">選擇檔案</span>
  105. <input type="file" name="excel" id="excel" required="required" accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel">
  106. </span>
  107. <a href="#" class="btn btn-default fileupload-exists" data-dismiss="fileupload">移除檔案</a>
  108. <span class="help-block"></span>
  109. </div>
  110. </div>
  111. </div>
  112. </div>
  113. <footer class="panel-footer">
  114. <button id="submit" class="btn btn-primary">上傳檔案</button>
  115. <button id="reset" type="reset" class="btn btn-default">清除表單</button>
  116. </footer>
  117. </form>
  118. </div>
  119. </div>
  120. </section>
  121. </div>
  122. </div>
  123. </div>
  124. </section>
  125. <!-- Main-->
  126. <script src="script/js/home.js"></script>
  127. <script>
  128. vm.mount('.body');
  129. addUserImage(userName.charAt(0), role);
  130. GetCheckAllAJAXValue()
  131. $(document).ready(function() {
  132. var url_href = window.location.href;
  133. var url = new URL(url_href);
  134. var status = url.searchParams.get("status");
  135. if (status == 'success') {
  136. alert("匯入成功!");
  137. window.location.href = "./Upload.php"
  138. }
  139. $("#projectName").on("change", function() {
  140. var show_class = $(this).val();
  141. $("#constructionName option").css("display", "none");
  142. $("#constructionName ." + show_class).css("display", "block");
  143. $("#constructionName").val($("#constructionName ." + show_class).val());
  144. })
  145. });
  146. </script>
  147. <!-- Vendor -->
  148. <script src="/Common/assets/vendor/jquery-browser-mobile/jquery.browser.mobile.js"></script>
  149. <script src="/Common/assets/vendor/bootstrap/js/bootstrap.js"></script>
  150. <script src="/Common/assets/vendor/nanoscroller/nanoscroller.js"></script>
  151. <script src="/Common/assets/vendor/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
  152. <script src="/Common/assets/vendor/magnific-popup/magnific-popup.js"></script>
  153. <script src="/Common/assets/vendor/jquery-placeholder/jquery.placeholder.js"></script>
  154. <!-- Specific Page Vendor -->
  155. <script src="/Common/assets/vendor/jquery-ui/js/jquery-ui-1.10.4.custom.js"></script>
  156. <script src="/Common/assets/vendor/jquery-ui-touch-punch/jquery.ui.touch-punch.js"></script>
  157. <script src="/Common/assets/vendor/jquery-appear/jquery.appear.js"></script>
  158. <script src="/Common/assets/vendor/bootstrap-multiselect/bootstrap-multiselect.js"></script>
  159. <script src="/Common/assets/vendor/jquery-easypiechart/jquery.easypiechart.js"></script>
  160. <script src="/Common/assets/vendor/flot/jquery.flot.js"></script>
  161. <script src="/Common/assets/vendor/flot-tooltip/jquery.flot.tooltip.js"></script>
  162. <script src="/Common/assets/vendor/flot/jquery.flot.pie.js"></script>
  163. <script src="/Common/assets/vendor/flot/jquery.flot.categories.js"></script>
  164. <script src="/Common/assets/vendor/flot/jquery.flot.resize.js"></script>
  165. <script src="/Common/assets/vendor/jquery-sparkline/jquery.sparkline.js"></script>
  166. <script src="/Common/assets/vendor/raphael/raphael.js"></script>
  167. <script src="/Common/assets/vendor/morris/morris.js"></script>
  168. <script src="/Common/assets/vendor/gauge/gauge.js"></script>
  169. <script src="/Common/assets/vendor/snap-svg/snap.svg.js"></script>
  170. <script src="/Common/assets/vendor/liquid-meter/liquid.meter.js"></script>
  171. <script src="/Common/assets/vendor/jqvmap/jquery.vmap.js"></script>
  172. <script src="/Common/assets/vendor/jqvmap/data/jquery.vmap.sampledata.js"></script>
  173. <script src="/Common/assets/vendor/bootstrap-fileupload/bootstrap-fileupload.min.js"></script>
  174. <script src="/Common/assets/vendor/jquery-autosize/jquery.autosize.js"></script>
  175. <script src="/Common/assets/vendor/pnotify/pnotify.custom.js"></script>
  176. <!-- Theme Base, Components and Settings -->
  177. <script src="assets/javascripts/theme.js"></script>
  178. <!-- Theme Custom -->
  179. <script src="assets/javascripts/theme.custom.js"></script>
  180. <!-- Theme Initialization Files -->
  181. <script src="assets/javascripts/theme.init.js"></script>
  182. <!-- Examples -->
  183. <script src="assets/javascripts/ui-elements/examples.modals.js"></script>
  184. <script src="script/js/notifications.js"></script>
  185. <!-- <script src='script/js/warning.js'></script> -->
  186. </section>
  187. </body>
  188. </html>