Browse Source

新增回收站页面

Chente 7 years ago
parent
commit
6b38e136f2
2 changed files with 376 additions and 8 deletions
  1. 375 0
      project-management-Recycle.html
  2. 1 8
      project-management.html

+ 375 - 0
project-management-Recycle.html

@@ -0,0 +1,375 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
+    <title>项目管理-Smartcost</title>
+    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
+    <link rel="stylesheet" href="css/main.css">
+    <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
+    <!--zTree-->
+  	<link rel="stylesheet" href="css/ztree/zTreeStyle.css" type="text/css">
+</head>
+
+<body>
+    <div class="header">
+        <!-- <div class="top-msg clearfix">
+            <div class="alert alert-warning mb-0 py-0" role="alert">
+                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
+                  <span aria-hidden="true">&times;</span>
+                </button>
+                <strong>注意!</strong> 这是一条消息通知 <a href="#">链接</a>
+            </div>
+        </div> -->
+        <nav class="navbar navbar-expand-lg bg-light bg-faded p-0 justify-content-between">
+          <span class="header-logo px-2">Smartcost</span>
+          <div class="navbar-text p-0">
+              <div class="dropdown d-inline-block navbar-nav">
+                  <button class="btn btn-link btn-sm dropdown-toggle" type="button" data-toggle="dropdown">陈特</button>
+                  <div class="dropdown-menu dropdown-menu-right">
+                      <a class="dropdown-item" href="user-info.html" target="_blank">账号资料</a>
+                      <a class="dropdown-item" href="user-buy.html" target="_blank">产品购买</a>
+                      <a class="dropdown-item" href="user-set.html" target="_blank">偏好设置</a>
+                  </div>
+              </div>
+              <span class="btn btn-link btn-sm new-msg">
+                <i class="fa fa-envelope-o" aria-hidden="true"></i>&nbsp;2
+              </span>
+              <button class="btn btn-link btn-sm">注销</button>
+          </div>
+        </nav>
+        <nav class="navbar navbar-expand-lg justify-content-between navbar-light p-0">
+            <ul class="nav navbar-nav px-1">
+                <li class="nav-item">
+                    <a class="nav-link" href="#" aria-haspopup="true" aria-expanded="false"><i class="fa fa-sliders"></i> 选项</a>
+                </li>
+                <li class="nav-item dropdown">
+                    <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fa fa-wrench"></i> 工具</a>
+                    <div class="dropdown-menu">
+                        <a class="dropdown-item" href="#">定额库编辑器</a>
+                        <a class="dropdown-item" href="#">工料机库编辑器</a>
+                    </div>
+                </li>
+                <li class="nav-item dropdown">
+                    <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fa fa-question-circle-o"></i> 帮助</a>
+                    <div class="dropdown-menu">
+                        <a class="dropdown-item" href="#">帮助</a>
+                        <a class="dropdown-item" href="#">升级说明</a>
+                        <a class="dropdown-item" href="#">重庆市2008定额说明</a>
+                        <a class="dropdown-item" href="#">纵横官网</a>
+                        <a class="dropdown-item" href="#">动画教程</a>
+                        <a class="dropdown-item" href="#">联系客服</a>
+                        <a class="dropdown-item" href="#">关于</a>
+                    </div>
+                </li>
+            </ul>
+            <form class="form-inline">
+                <input class="form-control form-control-sm mr-1" type="text" placeholder="告诉我你想做什么">
+            </form>
+        </nav>
+    </div>
+    <div class="main">
+        <div class="poj-manage container-fluid">
+            <div class="row">
+                <div class="col-lg-2">
+                    <div class="poj-cate">
+                        <input type="text" class="my-2 form-control form-control-sm" placeholder="搜索所有工程">
+                        <ul class="nav nav-pills flex-column">
+                            <li class="nav-item">
+                                <a class="nav-link" href="project-management.html">全部</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link" href="#">最近使用</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link" href="#">共享</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link" href="#">协同工作</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link" href="#">归档</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link active" href="project-management-Recycle.html">回收站</a>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+                <div class="col-lg-10">
+                    <div class="toolsbar">
+                        <!-- <div class="tools-btn btn-group align-top">
+                            <a href="javacript:void(0);" data-toggle="modal" data-target="#addPoj1" class="btn btn-sm">新建 <i class="fa fa-cubes"></i> 建设项目</a>
+                            <a href="javacript:void(0);" data-toggle="modal" data-target="#addPoj2" class="btn btn-sm">新建 <i class="fa fa-cube"></i> 单项工程</a>
+                            <a href="javacript:void(0);" data-toggle="modal" data-target="#addPoj3" class="btn btn-sm disabled2">新建 <i class="fa fa-sticky-note-o"></i> 单位工程</a>
+                            <a href="javacript:void(0);" data-toggle="modal" data-target="#addFolder" class="btn btn-sm">新建 <i class="fa fa-folder-o"></i> 文件夹</a>
+                            <a href="javacript:void(0);" data-toggle="modal" data-target="#rename" class="btn btn-sm">重命名</a>
+                            <a href="javacript:void(0);" data-toggle="modal" data-target="#del" class="btn btn-sm">删除</a>
+                            <a href="javacript:void(0);" data-toggle="modal" data-target="#moveto" class="btn btn-sm">移动到...</a>
+                            <a href="javacript:void(0);" data-toggle="modal" data-target="#copyto" class="btn btn-sm">复制到...</a>
+                            <a href="" class="btn btn-sm">共享</a>
+                            <a href="" class="btn btn-sm">协同</a>
+                        </div> -->
+                        <legend class="m-0 pb-1">全部</legend>
+                    </div>
+                    <div class="poj-list">
+                        <!--单位工程被删除 / 建设项目有被删除单价文件-->
+                        <table class="table table-hover table-sm mb-5">
+                            <thead>
+                                <tr>
+                                    <th width="50%">工程列表</th>
+                                    <th width="10%">删除日期</th>
+                                    <th width="10%">创建日期</th>
+                                    <th width="10%">恢复</th>
+                                    <th width="10%">单价文件</th>
+                                    <th width="10%">费率文件</th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                              <tr>
+                                  <td class="in-1"><a href="#" class="tree-open" title="收起"><i class="fa fa-minus-square-o"></i></a><i class="fa fa-cubes"></i>&nbsp;汽车生产车间</td>
+                                  <td></td>
+                                  <td></td>
+                                  <td></td>
+                                  <td><a href="javacript:void(0);" data-toggle="modal" data-target="#reDanjia">恢复(点我)</a></td>
+                                  <td><a href="javacript:void(0);" data-toggle="modal" data-target="#reFeilv">恢复(点我)</a></td>
+                              </tr>
+                              <tr>
+                                  <td class="in-2"><a href="#" class="tree-open" title="收起"><i class="fa fa-minus-square-o"></i></a><i class="fa fa-cube"></i>&nbsp;左2号生产车间</td>
+                                  <td></td>
+                                  <td></td>
+                                  <td></td>
+                                  <td></td>
+                                  <td></td>
+                              </tr>
+                              <tr>
+                                  <td class="in-3"><a class="tree-open"></a><span class="poj-icon">└</span><i class="fa fa-sticky-note-o"></i>&nbsp;建筑工程2</td>
+                                  <td>2016-01-01</td>
+                                  <td>2016-01-01</td>
+                                  <td><a href="javacript:void(0);" data-toggle="modal" data-target="#rePoj3">恢复(点我)</a></td>
+                                  <td></td>
+                                  <td></td>
+                              </tr>
+                            </tbody>
+                        </table>
+                        <!--单项工程被删除-->
+                        <table class="table table-hover table-sm mb-5">
+                            <thead>
+                                <tr>
+                                    <th width="50%">工程列表</th>
+                                    <th width="10%">删除日期</th>
+                                    <th width="10%">创建日期</th>
+                                    <th width="10%">恢复</th>
+                                    <th width="10%">单价文件</th>
+                                    <th width="10%">费率文件</th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                              <tr>
+                                  <td class="in-1"><a href="#" class="tree-open" title="收起"><i class="fa fa-minus-square-o"></i></a><i class="fa fa-cubes"></i>&nbsp;汽车生产车间</td>
+                                  <td></td>
+                                  <td></td>
+                                  <td></td>
+                                  <td></td>
+                                  <td></td>
+                              </tr>
+                              <tr>
+                                  <td class="in-2"><a href="#" class="tree-open" title="收起"><i class="fa fa-minus-square-o"></i></a><i class="fa fa-cube"></i>&nbsp;左2号生产车间</td>
+                                  <td></td>
+                                  <td></td>
+                                  <td><a href="javacript:void(0);" data-toggle="modal" data-target="#rePoj2">恢复(点我)</a></td>
+                                  <td></td>
+                                  <td></td>
+                              </tr>
+                              <tr>
+                                  <td class="in-3"><a class="tree-open"></a><span class="poj-icon">└</span><i class="fa fa-sticky-note-o"></i>&nbsp;建筑工程2</td>
+                                  <td>2016-01-01</td>
+                                  <td>2016-01-01</td>
+                                  <td><a href="#">恢复</a></td>
+                                  <td></td>
+                                  <td></td>
+                              </tr>
+                            </tbody>
+                        </table>
+                        <!--建设项目被删除-->
+                        <table class="table table-hover table-sm mb-5">
+                            <thead>
+                                <tr>
+                                    <th width="50%">工程列表</th>
+                                    <th width="10%">删除日期</th>
+                                    <th width="10%">创建日期</th>
+                                    <th width="10%">恢复</th>
+                                    <th width="10%">单价文件</th>
+                                    <th width="10%">费率文件</th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                              <tr>
+                                  <td class="in-1"><a href="#" class="tree-open" title="收起"><i class="fa fa-minus-square-o"></i></a><i class="fa fa-cubes"></i>&nbsp;汽车生产车间</td>
+                                  <td></td>
+                                  <td></td>
+                                  <td><a href="javacript:void(0);" data-toggle="modal" data-target="#rePoj1">恢复(点我)</a></td>
+                                  <td></td>
+                                  <td></td>
+                              </tr>
+                              <tr>
+                                  <td class="in-2"><a href="#" class="tree-open" title="收起"><i class="fa fa-minus-square-o"></i></a><i class="fa fa-cube"></i>&nbsp;左2号生产车间</td>
+                                  <td></td>
+                                  <td></td>
+                                  <td><a href="">恢复</a></td>
+                                  <td></td>
+                                  <td></td>
+                              </tr>
+                              <tr>
+                                  <td class="in-3"><a class="tree-open"></a><span class="poj-icon">└</span><i class="fa fa-sticky-note-o"></i>&nbsp;建筑工程2</td>
+                                  <td>2016-01-01</td>
+                                  <td>2016-01-01</td>
+                                  <td><a href="#">恢复</a></td>
+                                  <td></td>
+                                  <td></td>
+                              </tr>
+                              <tr>
+                                  <td class="in-3"><a class="tree-open"></a><span class="poj-icon">└</span><i class="fa fa-sticky-note-o"></i>&nbsp;建筑工程3</td>
+                                  <td>2016-01-01</td>
+                                  <td>2016-01-01</td>
+                                  <td><a href="#">恢复</a></td>
+                                  <td></td>
+                                  <td></td>
+                              </tr>
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <!--弹出恢复建设项目-->
+    <div class="modal fade" id="rePoj1" data-backdrop="static">
+        <div class="modal-dialog" role="document">
+            <div class="modal-content">
+                <div class="modal-header">
+                  <h5 class="modal-title">恢复 <i class="fa fa-cubes"></i> 建设项目</h5>
+                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                      <span aria-hidden="true">&times;</span>
+                    </button>
+                </div>
+                <div class="modal-body">
+                  <p><i class="fa fa-cube"></i> 汽车生产车间 下的单位工程都将恢复都将恢复,恢复后将重命名为</p>
+                  <p><b>建筑工程2(10-25 14:33:15恢复)</b>、<b>建筑工程3(10-25 14:33:15恢复)</b></p>
+                  <p> 点“确定”按钮,确认从回收站中恢复。</p>
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
+                    <a href="project-management.html" class="btn btn-primary">确定</a>
+                </div>
+            </div>
+        </div>
+    </div>
+    <!--弹出恢复单项工程-->
+    <div class="modal fade" id="rePoj2" data-backdrop="static">
+        <div class="modal-dialog" role="document">
+            <div class="modal-content">
+                <div class="modal-header">
+                  <h5 class="modal-title">恢复 <i class="fa fa-cube"></i> 单项工程</h5>
+                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                      <span aria-hidden="true">&times;</span>
+                    </button>
+                </div>
+                <div class="modal-body">
+                  <p><i class="fa fa-cube"></i> 左2号生产车间 下的单位工程都将恢复,恢复后将重命名为</p>
+                  <p><b>建筑工程2(10-25 14:33:15恢复)</b>、<b>建筑工程3(10-25 14:33:15恢复)</b></p>
+                  <p> 点“确定”按钮,确认从回收站中恢复。</p>
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
+                    <a href="project-management.html" class="btn btn-primary">确定</a>
+                </div>
+            </div>
+        </div>
+    </div>
+    <!--弹出恢复单位工程-->
+    <div class="modal fade" id="rePoj3" data-backdrop="static">
+        <div class="modal-dialog" role="document">
+            <div class="modal-content">
+                <div class="modal-header">
+                  <h5 class="modal-title">恢复 <i class="fa fa-sticky-note-o"></i> 单位工程</h5>
+                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                      <span aria-hidden="true">&times;</span>
+                    </button>
+                </div>
+                <div class="modal-body">
+                  <p>恢复后将重命名为 <b>建筑工程2(10-25 14:33:15恢复)</b></p>
+                  <p>点“确定”按钮,确认从回收站中恢复。</p>
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
+                    <a href="project-management.html" class="btn btn-primary">确定</a>
+                </div>
+            </div>
+        </div>
+    </div>
+    <!--弹出恢复单价文件-->
+    <div class="modal fade" id="reDanjia" data-backdrop="static">
+        <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">&times;</span>
+                  </button>
+                </div>
+                <div class="modal-body modal-fixed-height">
+                  <p>勾选需要恢复的文件,点“确定”按钮,确认从回收站中恢复。</p>
+                  <table class="table table-hover table-sm mb-5">
+                    <thead><tr><th>名称</th><th>删除时间</th><th>勾选</th></tr></thead>
+                    <tbody>
+                      <tr><td>XX单价文件</td><td>2017-11-01<br>12:11:43</td><td><input type="checkbox"></td></tr>
+                    </tbody>
+                  </table>
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
+                    <a href="project-management.html" class="btn btn-primary">确定</a>
+                </div>
+            </div>
+        </div>
+    </div>
+    <!--弹出恢复费率-->
+    <div class="modal fade" id="reFeilv" data-backdrop="static">
+        <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">&times;</span>
+                  </button>
+                </div>
+                <div class="modal-body modal-fixed-height">
+                  <p>勾选需要恢复的文件,点“确定”按钮,确认从回收站中恢复。</p>
+                  <table class="table table-hover table-sm mb-5">
+                    <thead><tr><th>名称</th><th>删除时间</th><th>勾选</th></tr></thead>
+                    <tbody>
+                      <tr><td>XX费率文件</td><td>2017-11-01<br>12:11:43</td><td><input type="checkbox"></td></tr>
+                    </tbody>
+                  </table>
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
+                    <a href="project-management.html" class="btn btn-primary">确定</a>
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- JS. -->
+    <script src="js/jquery/jquery-3.2.1.min.js"></script>
+    <script src="js/popper/popper.min.js"></script>
+    <script src="js/bootstrap/bootstrap.min.js"></script>
+    <script src="js/global.js"></script>
+</body>
+<script type="text/javascript">
+    autoFlashHeight();
+</script>
+
+</html>

+ 1 - 8
project-management.html

@@ -93,7 +93,7 @@
                                 <a class="nav-link" href="#">归档</a>
                             </li>
                             <li class="nav-item">
-                                <a class="nav-link" href="#">回收站</a>
+                                <a class="nav-link" href="project-management-Recycle.html">回收站</a>
                             </li>
                         </ul>
                     </div>
@@ -307,13 +307,6 @@
                                 </tr>
                             </tbody>
                         </table>
-                        <!--回收站数据-->
-                        <table class="table table-hover table-sm mb-5">
-                          <thead>
-                            <tr><th>单位工程</th><th>单项工程</th><th>建设项目</th><th>删除时间</th><th>操作</th></tr>
-                            <tr><td><i class="fa fa-sticky-note-o"></i> 建筑工程2A</td><td><i class="fa fa-cube"></i> 左2号生产车间</td><td><i class="fa fa-cubes"></i> 汽车生产车间</td><td>2017-08-01 12:30:15</td><td><a href="#" class="btn btn-link btn-sm">恢复</a></td></tr>
-                          </thead>
-                        </table>
                     </div>
                 </div>
             </div>