首页 增加 Excel导入导出按钮

main.html

@@ -33,11 +33,34 @@
                   <div class="col-md-8">
                     <div class="warp-p2 mt-3">
                       <table class="table table-hover table-bordered">
-                        <thead><tr><th>定额库名称</th><th>编办</th><th>工料机库</th><th width="160">添加时间</th><th width="90">操作</th></tr></thead>
+                        <thead><tr><th>定额库名称</th><th>编办</th><th>工料机库</th><th width="160">添加时间</th><th width="90">操作</th><th width="90">原始数据</th><th width="150">内部数据</th></tr></thead>
                         <tbody>
-                          <tr><td><a href="dinge.html">XX定额库</a></td><td>重庆2018</td><td>工料机库1</td><td>2017-01-01 </td><td><a href="javacript:void(0);" data-toggle="modal" data-target="#edit" title="编辑"><i class="fa fa-pencil-square-o"></i></a> <a href="javacript:void(0);" data-toggle="modal" data-target="#del" class="text-danger" title="删除"><i class="fa fa-remove"></i></a></td></tr>
-                          <tr><td><a href="dinge.html">XX定额库</a></td><td>重庆2018</td><td>工料机库1</td><td>2017-01-01 </td><td><a href="javacript:void(0);" data-toggle="modal" data-target="#edit" title="编辑"><i class="fa fa-pencil-square-o"></i></a> <a href="javacript:void(0);" data-toggle="modal" data-target="#del" class="text-danger" title="删除"><i class="fa fa-remove"></i></a></td></tr>
-                          <tr><td><a href="dinge.html">XX定额库</a></td><td>重庆2018</td><td>工料机库1</td><td>2017-01-01 </td><td><a href="javacript:void(0);" data-toggle="modal" data-target="#edit" title="编辑"><i class="fa fa-pencil-square-o"></i></a> <a href="javacript:void(0);" data-toggle="modal" data-target="#del" class="text-danger" title="删除"><i class="fa fa-remove"></i></a></td></tr>
+                          <tr>
+                            <td><a href="dinge.html">XX定额库</a></td>
+                            <td>重庆2018</td><td>工料机库1</td>
+                            <td>2017-01-01 </td>
+                            <td><a class="btn btn-primary btn-sm" href="javacript:void(0);" data-toggle="modal" data-target="#edit" title="编辑"><i class="fa fa-pencil-square-o"></i></a> <a class="btn btn-danger btn-sm" href="javacript:void(0);" data-toggle="modal" data-target="#del" class="text-danger" title="删除"><i class="fa fa-remove"></i></a></td>
+                            <td><a class="btn btn-secondary btn-sm" href="javacript:void(0);" data-toggle="modal" data-target="#import" title="导入原始数据"><i class="fa fa-sign-in fa-rotate-90"></i>导入</a></td>
+                            <td><a class="btn btn-success btn-sm" href="javacript:void(0);" data-toggle="modal" data-target="#emport" title="导出内部数据"><i class="fa fa-sign-out fa-rotate-270"></i>导出</a> <a class="btn btn-secondary btn-sm" href="javacript:void(0);" data-toggle="modal" data-target="#import2" title="导入内部数据"><i class="fa fa-sign-in fa-rotate-90"></i>导入</a></td>
+                          </tr>
+                          <tr>
+                            <td><a href="dinge.html">XX定额库</a></td>
+                            <td>重庆2018</td>
+                            <td>工料机库1</td>
+                            <td>2017-01-01 </td>
+                            <td><a class="btn btn-primary btn-sm" href="javacript:void(0);" data-toggle="modal" data-target="#edit" title="编辑"><i class="fa fa-pencil-square-o"></i></a> <a class="btn btn-danger btn-sm" href="javacript:void(0);" data-toggle="modal" data-target="#del" class="text-danger" title="删除"><i class="fa fa-remove"></i></a></td>
+                            <td><a class="btn btn-secondary btn-sm" href="javacript:void(0);" data-toggle="modal" data-target="#import" title="导入原始数据"><i class="fa fa-sign-in fa-rotate-90"></i>导入</a></td>
+                            <td><a class="btn btn-success btn-sm" href="javacript:void(0);" data-toggle="modal" data-target="#emport" title="导出内部数据"><i class="fa fa-sign-out fa-rotate-270"></i>导出</a> <a class="btn btn-secondary btn-sm" href="javacript:void(0);" data-toggle="modal" data-target="#import2" title="导入内部数据"><i class="fa fa-sign-in fa-rotate-90"></i>导入</a></td>
+                          </tr>
+                          <tr>
+                            <td><a href="dinge.html">XX定额库</a></td>
+                            <td>重庆2018</td>
+                            <td>工料机库1</td>
+                            <td>2017-01-01 </td>
+                            <td><a class="btn btn-primary btn-sm" href="javacript:void(0);" data-toggle="modal" data-target="#edit" title="编辑"><i class="fa fa-pencil-square-o"></i></a> <a class="btn btn-danger btn-sm" href="javacript:void(0);" data-toggle="modal" data-target="#del" class="text-danger" title="删除"><i class="fa fa-remove"></i></a></td>
+                            <td><a class="btn btn-secondary btn-sm" href="javacript:void(0);" data-toggle="modal" data-target="#import" title="导入原始数据"><i class="fa fa-sign-in fa-rotate-90"></i>导入</a></td>
+                            <td><a class="btn btn-success btn-sm" href="javacript:void(0);" data-toggle="modal" data-target="#emport" title="导出内部数据"><i class="fa fa-sign-out fa-rotate-270"></i>导出</a> <a class="btn btn-secondary btn-sm" href="javacript:void(0);" data-toggle="modal" data-target="#import2" title="导入内部数据"><i class="fa fa-sign-in fa-rotate-90"></i>导入</a></td>
+                          </tr>
                         </tbody>
                       </table>
                     </div>
@@ -102,7 +125,7 @@
                     <div class="form-group">
                       <label>工料机库</label>
                       <select class="form-control"><option>工料机库1</option></select>
-                    </div>                    
+                    </div>
                   </form>
                 </div>
                 <div class="modal-footer">
@@ -133,6 +156,63 @@
             </div>
         </div>
     </div>
+    <!--弹出导入原始数据-->
+    <div class="modal fade" id="import" data-backdrop="static" style="display: none;" aria-hidden="true">
+        <div class="modal-dialog" role="document">
+            <div class="modal-content">
+                <div class="modal-header">
+                  <h5 class="modal-title">导入原始数据</h5>
+                  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                    <span aria-hidden="true">×</span>
+                  </button>
+                </div>
+                <div class="modal-body">
+                  <div class="alert alert-warning" role="alert">
+                    导入操作会覆盖数据，请谨慎操作！！
+                  </div>
+                  <form>
+                    <div class="form-group">
+                      <label>请选择Excel格式文件</label>
+                      <input class="form-control-file" type="file">
+                    </div>
+                  </form>
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
+                    <a href="" class="btn btn-primary">确定导入</a>
+                </div>
+            </div>
+        </div>
+    </div>
+    <!--弹出导入内部数据-->
+    <div class="modal fade" id="import2" data-backdrop="static" style="display: none;" aria-hidden="true">
+        <div class="modal-dialog" role="document">
+            <div class="modal-content">
+                <div class="modal-header">
+                  <h5 class="modal-title">导入内部数据</h5>
+                  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                    <span aria-hidden="true">×</span>
+                  </button>
+                </div>
+                <div class="modal-body">
+                  <div class="alert alert-warning" role="alert">
+                    导入操作会覆盖数据，请谨慎操作！！
+                  </div>
+                  <form>
+                    <div class="form-group">
+                      <label>请选择Excel格式文件</label>
+                      <input class="form-control-file" type="file">
+                    </div>
+                  </form>
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
+                    <a href="" class="btn btn-primary">确定导入</a>
+                </div>
+            </div>
+        </div>
+    </div>
+
     <!-- JS. -->
     <script src="js/jquery/jquery.min.js"></script>
     <script src="js/tether/tether.min.js"></script>