chente před 5 roky
revize
1f8b1ec854
73 změnil soubory, kde provedl 17334 přidání a 0 odebrání
  1. 74 0
      README.md
  2. 747 0
      baobiao.html
  3. 29 0
      css/bootstrap/bootstrap-submenu.css
  4. 7 0
      css/bootstrap/bootstrap.min.css
  5. 4 0
      css/font-awesome/font-awesome.min.css
  6. binární
      css/font-awesome/fonts/FontAwesome.otf
  7. binární
      css/font-awesome/fonts/fontawesome-webfont.eot
  8. 2671 0
      css/font-awesome/fonts/fontawesome-webfont.svg
  9. binární
      css/font-awesome/fonts/fontawesome-webfont.ttf
  10. binární
      css/font-awesome/fonts/fontawesome-webfont.woff
  11. binární
      css/font-awesome/fonts/fontawesome-webfont.woff2
  12. binární
      css/login-bg.jpg
  13. binární
      css/logo.png
  14. 870 0
      css/main.css
  15. binární
      css/ztree/img/diy/1_close.png
  16. binární
      css/ztree/img/diy/1_open.png
  17. binární
      css/ztree/img/diy/2.png
  18. binární
      css/ztree/img/diy/3.png
  19. binární
      css/ztree/img/diy/4.png
  20. binární
      css/ztree/img/diy/5.png
  21. binární
      css/ztree/img/diy/6.png
  22. binární
      css/ztree/img/diy/7.png
  23. binární
      css/ztree/img/diy/8.png
  24. binární
      css/ztree/img/diy/9.png
  25. binární
      css/ztree/img/line_conn.gif
  26. binární
      css/ztree/img/loading.gif
  27. binární
      css/ztree/img/zTreeStandard.gif
  28. binární
      css/ztree/img/zTreeStandard.png
  29. 97 0
      css/ztree/zTreeStyle.css
  30. 361 0
      feilv.html
  31. 367 0
      gongliaoji.html
  32. 305 0
      gongliaoji2.html
  33. binární
      img/animated_favicon1.gif
  34. binární
      img/baobiao.png
  35. binární
      img/building.png
  36. binární
      img/dasikong-welcome.png
  37. binární
      img/dasikong-welcome2.png
  38. binární
      img/favicon.ico
  39. binární
      img/p1.png
  40. binární
      img/p2.png
  41. binární
      img/qqgroupqrcode.png
  42. binární
      img/vip.png
  43. binární
      img/vip1.png
  44. binární
      img/vip2.png
  45. binární
      img/wechat.png
  46. 230 0
      jisuanchengxu.html
  47. 132 0
      js/bootstrap/bootstrap-submenu.js
  48. 7 0
      js/bootstrap/bootstrap.min.js
  49. 61 0
      js/global.js
  50. 4 0
      js/jquery/jquery-3.2.1.min.js
  51. 5 0
      js/popper/popper.min.js
  52. 1913 0
      js/ztree/jquery.ztree.core.js
  53. 628 0
      js/ztree/jquery.ztree.excheck.js
  54. 61 0
      login - sms.html
  55. 53 0
      login - ver.html
  56. 89 0
      login-infoinput.html
  57. 60 0
      login-page.html
  58. 410 0
      login-welcome.html
  59. 265 0
      login.html
  60. 183 0
      main.html
  61. 424 0
      project-management-Recycle.html
  62. 541 0
      project-management-share.html
  63. 276 0
      project-management-synergy.html
  64. 1765 0
      project-management.html
  65. 226 0
      tiaojia.html
  66. 330 0
      tools-gongliaoji.html
  67. 432 0
      user-buy.html
  68. 161 0
      user-info.html
  69. 224 0
      user-safe.html
  70. 137 0
      user-set.html
  71. 2898 0
      zaojiashu.html
  72. 142 0
      zhibiao.html
  73. 145 0
      zongjisuan.html

+ 74 - 0
README.md

@@ -0,0 +1,74 @@
+建筑造价SAAS版
+===========
+
+## 相关框架插件
+
+* Bootstrap v4.0 [https://v4-alpha.getbootstrap.com](https://v4-alpha.getbootstrap.com)
+* Tether 1.4.0 [http://tether.io](http://tether.io/)
+* jQuery 3.1.1 [http://jquery.com](http://jquery.com/)
+* Font Awesome 4.7.0 [http://fontawesome.io](http://fontawesome.io/)
+
+## 目录结构
+
+    building SAAS/
+    ├-- js/
+    |   ├-- bootstrap/
+    |   |   └-- bootstrap.min.js
+    |   ├-- tether/
+    |   |   └-- tether.min.js
+    |   ├-- jquery/
+    |   |   └-- jquery.min.js
+    |   └-- global.js
+    ├-- css/
+    |   └-- bootstrap/
+    |   |  └-- tether.min.js
+    |   ├-- font-awesome/
+    |   |   └-- tether.min.js
+    |   └-- main.css
+    ├--img/
+    ├-- login.html
+    ├-- login-infoinput.html
+    ├-- login-welcome.html
+    ├-- project-management.html
+    ├-- project-management-share.html
+    ├-- project-management-synergy.html
+    ├-- project-management-Recycle.html
+    ├-- user-info.html
+    ├-- user-safe.html
+    ├-- user-buy.html
+    ├-- user-set.html
+    ├-- zaojiashu.html
+    ├-- gongliaoji.html
+    └-- baobiao.html
+    └-- feilv.html
+    └-- main.html
+    └-- jisuanchengxu.html
+    └-- tools-gongliaoji.html
+
+## 页面简介
+
+### 登录相关
+* login.html - 登录
+* login-infoinput.html - 首次使用必要信息填写
+* login-welcome.html - 欢迎页
+
+### 项目管理
+* project-management.html  - 项目管理页
+* project-management-share.html  - 项目管理-共享
+* project-management-synergy.html  - 项目管理-协同
+* project-management-Recycle.html  - 项目管理-回收站
+
+### 用户相关
+* user-info.html  - 账号信息
+* user-safe.html  - 账号安全
+* user-buy.html  - 产品购买
+* user-set.html  - 账号设置
+
+### 核心页面
+* zaojiashu.html  - 造价书
+* gongliaoji.html - 工料机
+* baobiao.html - 报表
+* baobiao.html - 费率
+* main.html - 集合 造价书 工料机 报表 费率
+* jisuanchengxu.html - 计算程序
+* tools-gongliaoji.html 工料机库编辑器

+ 747 - 0
baobiao.html

@@ -0,0 +1,747 @@
+<!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 p-0 d-flex">
+            <div class="header-logo">
+              <div class="v-title">纵横云计价</div>
+              <div class="p-title">广东2018专业版</div>
+            </div>
+            <div class="navbar-text navbar-crumb px-1">
+                <span><i class="fa fa-sticky-note-o"></i></span>
+                <span class="" data-toggle="tooltip" data-placement="bottom" title="乌恰县S309线K72+100-开普太西水库-苏约克村公路建设工程"> <span class="text-truncate float-right">&nbsp;乌恰县S309线K72+100-开普太西水库-苏约克村公路建设工程</span></span>
+            </div>
+            <ul class="nav navbar-nav">
+                    <li class="nav-item">
+                        <a class="nav-link" href="#" aria-expanded="false" data-toggle="modal" data-target="#poj-set"><i class="fa fa-cube"></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-cloud-upload"></i> 导入</a>
+                        <div class="dropdown-menu">
+                            <a class="dropdown-item" href="#import" data-toggle="modal" data-target="#import">导入09表Excel清单</a>
+                            <a class="dropdown-item" href="#">导入广联达算量Excel清单</a>
+                        </div>
+                    </li>
+            </ul>
+            <div class="ml-auto navbar-text p-0">
+              <ul class="nav navbar-nav">
+                    <li class="nav-item dropdown">
+                      <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">陈特</a>
+                      <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 class="dropdown-divider"></div>
+                          <a class="dropdown-item" href="#" target="_blank">退出登录</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-wrench"></i> 工具</a>
+                        <div class="dropdown-menu dropdown-menu-right">
+                            <a class="dropdown-item" href="#" aria-expanded="false">选项</a>
+                            <a class="dropdown-item" href="#">定额库编辑器</a>
+                            <a class="dropdown-item" href="tools-gongliaoji.html">工料机库编辑器</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 dropdown-menu-right">
+                            <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>
+                    <li class="nav-item">
+                      <a class="nav-link new-msg" data-toggle="modal" data-target="#msg" href="javacript:void(0);">
+                        <i class="fa fa-envelope-o" aria-hidden="true"></i>&nbsp;2
+                      </a>
+                    </li>
+                  </ul>
+            </div>
+        </nav>
+  </div>
+    <div class="main">
+        <div class="main-nav">
+            <ul class="nav flex-column">
+              <li><a href="zaojiashu.html">造价书</a></li>
+              <li><a href="gongliaoji.html">人材机</a></li>
+              <li><a href="feilv.html">费率</a></li>
+              <li><a href="jisuanchengxu.html">计算程序</a></li>
+              <li><a href="tiaojia.html">调价</a></li>
+              <li><a href="baobiao.html" class="active">报表</a></li>
+            </ul>
+        </div>
+        <div class="content">
+            <div class="container-fluid">
+              <div class="row">
+                <div class="col-lg-2 p-0">
+                  <div class="print-list">
+                  <div class="list-tools d-flex justify-content-center">
+                    <button class="btn btn-outline-primary btn-sm" data-toggle="modal" data-target="#editForm"><i class="fa fa-cog"></i> 管理报表</button>
+                  </div>
+                    <div class="form-list">
+                      <a href="#cpoj" data-toggle="modal" data-target="#cpoj">选择项目窗口</a>
+                      <ul id="treeDemo" class="ztree"></ul>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-lg-10 p-0">
+                  <div class="toolsbar-f d-flex justify-content-between">
+                    <div class="print-toolsbar">
+                      <div class="panel">
+                        <div class="panel-body">
+                          <div class="btn-group" role="group">
+                            <button class="btn btn-outline-primary btn-sm" type="button">
+                            <i class="fa fa-print"></i><br>
+                            打印 <span class="badge badge-secondary">5</span>
+                          </button>
+                          </div>
+                        </div>
+                      </div>
+                      <div class="panel">
+                          <div class="panel-body">
+                            <div class="btn-group" role="group" aria-label="Button group with nested dropdown">
+                              <button type="button" class="btn btn-outline-primary btn-sm" data-toggle="modal" data-target="#export"><i class="fa fa-file-excel-o"></i> Excel <span class="badge badge-secondary">5</span></button>
+                              <button type="button" class="btn btn-outline-primary btn-sm" data-toggle="modal" data-target="#pdf"><i class="fa fa-file-pdf-o"></i> PDF <span class="badge badge-secondary">5</span></button>
+                            </div>
+                          </div>
+                          <div class="panel-foot text-muted">
+                            导出报表
+                          </div>
+                      </div>
+                      <div class="panel">
+                          <div class="panel-body">
+                            <div class="btn-group" role="group">
+                              <div class="btn-group" role="group">
+                                <button id="btnGroupDrop1" type="button" class="btn btn-outline-primary btn-sm dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                                  纵向
+                                </button>
+                                <div class="dropdown-menu" aria-labelledby="btnGroupDrop1" style="min-width:112px">
+                                  <a class="dropdown-item" href="#">横向</a>
+                                </div>
+                              </div>
+                              <div class="btn-group" role="group">
+                                <button id="btnGroupDrop1" type="button" class="btn btn-outline-primary btn-sm dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                                  A4
+                                </button>
+                                <div class="dropdown-menu" aria-labelledby="btnGroupDrop1" style="min-width:112px">
+                                  <a class="dropdown-item" href="#">A3</a>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                          <div class="panel-foot text-muted">
+                            预览设置
+                          </div>
+                      </div>
+                      <div class="panel">
+                          <div class="panel-body">
+                            <div class="btn-group" role="group">
+                              <button type="button" class="btn btn-outline-primary btn-sm" data-toggle="tooltip" data-placement="bottom" title="缩小">-</button>
+                              <button class="btn btn-outline-primary btn-sm" data-toggle="tooltip" data-placement="bottom" title="重置默认大小">1000%</button>
+                              <button type="button" class="btn btn-outline-primary btn-sm" data-toggle="tooltip" data-placement="bottom" title="放大">+</button>
+                            </div>
+                          </div>
+                          <div class="panel-foot text-muted">
+                            缩放
+                          </div>
+                      </div>
+                      <div class="panel">
+                          <div class="panel-body">
+                            <div class="btn-group" role="group">
+                              <button type="button" class="btn btn-outline-primary btn-sm" data-toggle="modal" data-target="#paper"><i class="fa fa-file-o"></i> 页边距</button>
+                              <button type="button" class="btn btn-outline-primary btn-sm" data-toggle="modal" data-target="#format"><i class="fa fa-bold"></i> 页面</button>
+                              <!-- <button type="button" class="btn btn-outline-primary btn-sm" data-toggle="modal" data-target="#content"><i class="fa fa-file-text-o"></i> 内容</button> -->
+                            </div>
+                          </div>
+                          <div class="panel-foot text-muted">
+                            报表设置
+                          </div>
+                      </div>
+                      <div class="panel">
+                        <div class="panel-body">
+                          <div class="input-group input-group-sm">
+                            <div class="input-group-prepend">
+                              <button type="button" class="btn btn-outline-primary btn-sm" data-toggle="tooltip" data-placement="bottom" title="第一页"><i class="fa fa-angle-double-left "></i></button>
+                              <button type="button" class="btn btn-outline-primary btn-sm" disabled data-toggle="tooltip" data-placement="bottom" title="上一页"><i class="fa fa-angle-left "></i></button>
+                            </div>
+                            <input class="form-control" value="1/10" style="width:60px"  data-toggle="tooltip" data-placement="bottom" title="输入页码按回车键,快速跳转">
+                            <div class="input-group-append">
+                              <button type="button" class="btn btn-outline-primary btn-sm" data-toggle="tooltip" data-placement="bottom" title="下一页"><i class="fa fa-angle-right"></i></button>
+                              <button type="button" class="btn btn-outline-primary btn-sm" data-toggle="tooltip" data-placement="bottom" title="尾页"><i class="fa fa-angle-double-right "></i></button>
+                            </div>
+                          </div>
+                        </div>
+                        <div class="panel-foot text-muted">
+                          翻页
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                    <div class="print-view form-view">
+                      <div class="pageContainer">
+                        <div class="page">
+                          <img src="img/baobiao.png">
+                        </div>
+                      </div>
+                    </div>
+                </div>
+              </div>
+            </div>
+        </div>
+      </div>
+      <!--管理报表-->
+      <div class="modal fade" id="editForm" data-backdrop="static">
+          <div class="modal-dialog modal-lg" 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">
+                    <div class="row">
+                      <div class="col-6">
+                        <h6>我的报表</h6>
+                        <div class="d-flex justify-content-center">
+                            <button class="btn btn-secondary btn-sm" type="button">
+                              <i class="fa fa-share"></i>
+                              移除 <span id="checkCount2" class="badge badge-light">0</span>
+                            </button>
+                        </div>
+                        <ul id="treeDemo2" class="ztree"></ul>
+                      </div>
+                      <div class="col-6">
+                        <h6>报表库</h6>
+                        <div class="d-flex justify-content-center">
+                            <button class="btn btn-secondary btn-sm" type="button">
+                              <i class="fa fa-reply"></i>
+                              添加 <span id="checkCount2" class="badge badge-light">0</span>
+                            </button>
+                        </div>
+                        <ul id="treeDemo3" class="ztree"></ul>
+                      </div>
+                    </div>
+                  </div>
+                  <div class="modal-footer">
+                      <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
+                  </div>
+              </div>
+          </div>
+      </div>
+      <!--弹出页边距-->
+      <div class="modal fade" id="paper" 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">
+                    <div class="row mb-1 justify-content-center">
+                      <div class="col-3">
+                        <div class="input-group input-group-sm ">
+                          <div class="input-group-prepend">
+                            <span class="input-group-text" id="basic-addon1">上</span>
+                          </div>
+                         <input type="number" class="form-control" value="12">
+                        </div>
+                      </div>
+                    </div>
+                    <div class="row mb-1 align-items-center">
+                      <div class="col-3">
+                        <div class="input-group input-group-sm ">
+                          <div class="input-group-prepend">
+                            <span class="input-group-text" id="basic-addon1">左</span>
+                          </div>
+                         <input type="number" class="form-control" value="12">
+                        </div>
+                      </div>
+                      <div class="col-6">
+                        <h1 class="display-4 text-center"><i class="fa fa-file-o"></i></h1>
+                      </div>
+                      <div class="col-3">
+                        <div class="input-group input-group-sm ">
+                          <div class="input-group-prepend">
+                            <span class="input-group-text" id="basic-addon1">右</span>
+                          </div>
+                         <input type="number" class="form-control" value="12">
+                        </div>
+                      </div>
+                    </div>
+                    <div class="row mb-1 justify-content-center">
+                      <div class="col-3">
+                        <div class="input-group input-group-sm ">
+                          <div class="input-group-prepend">
+                            <span class="input-group-text" id="basic-addon1">下</span>
+                          </div>
+                         <input type="number" class="form-control" value="12">
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div class="modal-footer">
+                      <button type="button" class="btn btn-link float-left" data-dismiss="modal">恢复默认值</button>
+                      <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="format" 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">
+                    <div class="row mb-1">
+                      <div class="col-3">
+                        表标题
+                      </div>
+                      <div class="col-3">
+                        <select class="form-control form-control-sm"><option>宋体</option></select>
+                      </div>
+                      <div class="col-3">
+                        <select class="form-control form-control-sm"><option>20</option></select>
+                      </div>
+                      <div class="col-3">
+                        <a href="" class="btn btn-sm btn-outline-secondary" title="加粗"><i class="fa fa-bold"></i></a>
+                        <a href="" class="btn btn-sm btn-outline-secondary" title="斜体"><i class="fa fa-italic"></i></a>
+                        <a href="" class="btn btn-sm btn-outline-secondary" title="下划线"><i class="fa fa-underline"></i></a>
+                      </div>
+                    </div>
+                    <div class="row mb-1">
+                      <div class="col-3">
+                        表栏头
+                      </div>
+                      <div class="col-3">
+                        <select class="form-control form-control-sm"><option>宋体</option></select>
+                      </div>
+                      <div class="col-3">
+                        <select class="form-control form-control-sm"><option>20</option></select>
+                      </div>
+                      <div class="col-3">
+                        <a href="" class="btn btn-sm btn-outline-secondary active" title="加粗"><i class="fa fa-bold"></i></a>
+                        <a href="" class="btn btn-sm btn-outline-secondary" title="斜体"><i class="fa fa-italic"></i></a>
+                        <a href="" class="btn btn-sm btn-outline-secondary" title="下划线"><i class="fa fa-underline"></i></a>
+                      </div>
+                    </div>
+                    <div class="row mb-1">
+                      <div class="col-3">
+                        表正文
+                      </div>
+                      <div class="col-3">
+                        <select class="form-control form-control-sm"><option>宋体</option></select>
+                      </div>
+                      <div class="col-3">
+                        <select class="form-control form-control-sm"><option>20</option></select>
+                      </div>
+                      <div class="col-3">
+                        <a href="" class="btn btn-sm btn-outline-secondary" title="加粗"><i class="fa fa-bold"></i></a>
+                        <a href="" class="btn btn-sm btn-outline-secondary active" title="斜体"><i class="fa fa-italic"></i></a>
+                        <a href="" class="btn btn-sm btn-outline-secondary" title="下划线"><i class="fa fa-underline"></i></a>
+                      </div>
+                    </div>
+                    <div class="row mb-1">
+                      <div class="col-3">
+                        表合计
+                      </div>
+                      <div class="col-3">
+                        <select class="form-control form-control-sm"><option>宋体</option></select>
+                      </div>
+                      <div class="col-3">
+                        <select class="form-control form-control-sm"><option>20</option></select>
+                      </div>
+                      <div class="col-3">
+                        <a href="" class="btn btn-sm btn-outline-secondary" title="加粗"><i class="fa fa-bold"></i></a>
+                        <a href="" class="btn btn-sm btn-outline-secondary" title="斜体"><i class="fa fa-italic"></i></a>
+                        <a href="" class="btn btn-sm btn-outline-secondary active" title="下划线"><i class="fa fa-underline"></i></a>
+                      </div>
+                    </div>
+                    <div class="row mb-1">
+                      <div class="col-3">
+                        表眉表脚
+                      </div>
+                      <div class="col-3">
+                        <select class="form-control form-control-sm"><option>宋体</option></select>
+                      </div>
+                      <div class="col-3">
+                        <select class="form-control form-control-sm"><option>20</option></select>
+                      </div>
+                      <div class="col-3">
+                        <a href="" class="btn btn-sm btn-outline-secondary" title="加粗"><i class="fa fa-bold"></i></a>
+                        <a href="" class="btn btn-sm btn-outline-secondary" title="斜体"><i class="fa fa-italic"></i></a>
+                        <a href="" class="btn btn-sm btn-outline-secondary" title="下划线"><i class="fa fa-underline"></i></a>
+                      </div>
+                    </div>
+                    <div class="row mb-1">
+                      <div class="col-3">
+                        页眉页脚
+                      </div>
+                      <div class="col-3">
+                        <select class="form-control form-control-sm"><option>宋体</option></select>
+                      </div>
+                      <div class="col-3">
+                        <select class="form-control form-control-sm"><option>20</option></select>
+                      </div>
+                      <div class="col-3">
+                        <a href="" class="btn btn-sm btn-outline-secondary" title="加粗"><i class="fa fa-bold"></i></a>
+                        <a href="" class="btn btn-sm btn-outline-secondary" title="斜体"><i class="fa fa-italic"></i></a>
+                        <a href="" class="btn btn-sm btn-outline-secondary" title="下划线"><i class="fa fa-underline"></i></a>
+                      </div>
+                    </div>
+                    <div class="row mb-1">
+                      <div class="col-3">
+                        表格线粗
+                      </div>
+                      <div class="col-4">
+                        <select class="form-control form-control-sm"><option>1</option></select>
+                      </div>
+                    </div>
+                    <div class="row mb-1">
+                      <div class="col-3">
+                        边框线粗
+                      </div>
+                      <div class="col-4">
+                        <select class="form-control form-control-sm"><option>1</option></select>
+                      </div>
+                    </div>
+                    <div class="row mb-1">
+                      <div class="col-4">
+                        <div class="form-check">
+                          <label class="form-check-label">
+                            <input type="checkbox" class="form-check-input">
+                            报表边框横线
+                          </label>
+                        </div>
+                      </div>
+                      <div class="col-4">
+                        <div class="form-check">
+                          <label class="form-check-label">
+                            <input type="checkbox" class="form-check-input">
+                            报表边框竖线
+                          </label>
+                        </div>
+                      </div>
+                    </div>
+                    <div class="row mb-1">
+                      <div class="col-4">
+                        <div class="form-check">
+                          <label class="form-check-label">
+                            <input type="checkbox" class="form-check-input">
+                            报表表格横线
+                          </label>
+                        </div>
+                      </div>
+                      <div class="col-4">
+                        <div class="form-check">
+                          <label class="form-check-label">
+                            <input type="checkbox" class="form-check-input">
+                            报表表格竖线
+                          </label>
+                        </div>
+                      </div>
+                    </div>
+                    <div class="row mb-1">
+                      <div class="col-4">
+                        <div class="form-check">
+                          <label class="form-check-label">
+                            <input type="checkbox" class="form-check-input">
+                            自动换行打印
+                          </label>
+                        </div>
+                      </div>
+                      <div class="col-4">
+                        <div class="form-check">
+                          <label class="form-check-label">
+                            <input type="checkbox" class="form-check-input">
+                            内容窄体输出
+                          </label>
+                        </div>
+                      </div>
+                      <div class="col-4">
+                        <div class="form-check">
+                          <label class="form-check-label">
+                            <input type="checkbox" class="form-check-input">
+                            小数补0
+                          </label>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div class="modal-footer">
+                      <button type="button" class="btn btn-link float-left" data-dismiss="modal">恢复默认值</button>
+                      <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="content" 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">
+                  </div>
+                  <div class="modal-footer">
+                      <button type="button" class="btn btn-link float-left" data-dismiss="modal">恢复默认值</button>
+                      <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="export" data-backdrop="static">
+          <div class="modal-dialog" role="document">
+              <div class="modal-content">
+                  <div class="modal-header">
+                    <h5 class="modal-title">批量导出Excel</h5>
+                      <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                        <span aria-hidden="true">&times;</span>
+                      </button>
+                  </div>
+                  <div class="modal-body">
+                    <div class="row">
+                      <div class="col-6">
+                        <div class="card">
+                          <img class="card-img-top" src="img/p2.png">
+                          <div class="card-body px-3">
+                            <div class="form-check">
+                              <input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios1" value="option1" checked>
+                              <label class="form-check-label" for="exampleRadios1">
+                                多个表导出一个Excel文件
+                              </label>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <div class="col-6">
+                        <div class="card">
+                          <img class="card-img-top" src="img/p1.png">
+                          <div class="card-body px-3">
+                            <div class="form-check">
+                              <input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios2" value="option2" checked>
+                              <label class="form-check-label" for="exampleRadios2">
+                                每个表导出一个Excel文件
+                              </label>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </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="cpoj" 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">
+                    <div class="modal-auto-height">
+                      <ul class="list-group">
+                        <li class="list-group-item list-group-item-primary">
+                          <div class="form-group form-check m-0">
+                            <input type="checkbox" class="form-check-input" id="pojCheck1" checked="">
+                            <label class="form-check-label" for="pojCheck1">项目1</label>
+                          </div>
+                        </li>
+                        <li class="list-group-item list-group-item-primary">
+                          <div class="form-group form-check m-0">
+                            <input type="checkbox" class="form-check-input" id="pojCheck2" checked="">
+                            <label class="form-check-label" for="pojCheck2">项目2</label>
+                          </div>
+                        </li>
+                        <li class="list-group-item">
+                          <div class="form-group form-check m-0">
+                            <input type="checkbox" class="form-check-input" id="pojCheck3">
+                            <label class="form-check-label" for="pojCheck3">项目3</label>
+                          </div>
+                        </li>
+                        <li class="list-group-item list-group-item-primary">
+                          <div class="form-group form-check m-0">
+                            <input type="checkbox" class="form-check-input" id="pojCheck4" checked="">
+                            <label class="form-check-label" for="pojCheck4">项目4</label>
+                          </div>
+                        </li>
+                        <li class="list-group-item">
+                          <div class="form-group form-check m-0">
+                            <input type="checkbox" class="form-check-input" id="pojCheck5">
+                            <label class="form-check-label" for="pojCheck5">项目5</label>
+                          </div>
+                        </li>
+                        <li class="list-group-item">
+                          <div class="form-group form-check m-0">
+                            <input type="checkbox" class="form-check-input" id="pojCheck6">
+                            <label class="form-check-label" for="pojCheck6">项目6</label>
+                          </div>
+                        </li>
+                        <li class="list-group-item">
+                          <div class="form-group form-check m-0">
+                            <input type="checkbox" class="form-check-input" id="pojCheck7">
+                            <label class="form-check-label" for="pojCheck7">项目7</label>
+                          </div>
+                        </li>
+                        <li class="list-group-item">
+                          <div class="form-group form-check m-0">
+                            <input type="checkbox" class="form-check-input" id="pojCheck8">
+                            <label class="form-check-label" for="pojCheck8">项目8</label>
+                          </div>
+                        </li>
+                        <li class="list-group-item">
+                          <div class="form-group form-check m-0">
+                            <input type="checkbox" class="form-check-input" id="pojCheck9">
+                            <label class="form-check-label" for="pojCheck9">项目9</label>
+                          </div>
+                        </li>
+                      </ul>
+                    </div>
+                  </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>
+      <!--弹出 PDF初始化-->
+      <div class="modal fade" id="pdf" data-backdrop="static">
+          <div class="modal-dialog" role="document">
+              <div class="modal-content">
+                  <div class="modal-header">
+                    <h5 class="modal-title">初始化PDF导出</h5>
+                  </div>
+                  <div class="modal-body">
+                    <h5>首次使用,正在初始化PDF导出,请稍后...<i class="fa fa-spinner fa-pulse fa-fw"></i></h5>
+                  </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>
+    <!-- zTree -->
+  	<script type="text/javascript" src="js/ztree/jquery.ztree.core.js"></script>
+  	<script type="text/javascript" src="js/ztree/jquery.ztree.excheck.js"></script>
+    <script type="text/javascript">
+    		<!--
+    		var setting = {
+    			view: {
+    				selectedMulti: false
+    			},
+    			check: {
+    				enable: true
+    			},
+    			data: {
+    				simpleData: {
+    					enable: true
+    				}
+    			},
+    			callback: {
+    				onCheck: onCheck
+    			}
+    		};
+
+    		var zNodes =[
+    			{ id:1, pId:0, name:"随意勾选 1", open:true},
+    			{ id:11, pId:1, name:"随意勾选 1-1"},
+    			{ id:12, pId:1, name:"随意勾选  1-2", open:true},
+    			{ id:121, pId:12, name:"随意勾选 1-2-1", checked:true},
+    			{ id:122, pId:12, name:"随意勾选 1-2-2"},
+    			{ id:123, pId:12, name:"随意勾选 1-2-3"},
+    			{ id:13, pId:1, name:"随意勾选 1-3"},
+    			{ id:2, pId:0, name:"随意勾选 2", open:true},
+    			{ id:21, pId:2, name:"随意勾选 2-1"},
+    			{ id:22, pId:2, name:"随意勾选 2-2", open:true},
+    			{ id:221, pId:22, name:"随意勾选 2-2-1", checked:true},
+    			{ id:222, pId:22, name:"随意勾选 2-2-2"},
+    			{ id:223, pId:22, name:"随意勾选 2-2-3"},
+    			{ id:23, pId:2, name:"随意勾选 2-3", checked:true}
+    		];
+
+    		var clearFlag = false;
+    		function onCheck(e, treeId, treeNode) {
+    			count();
+    			if (clearFlag) {
+    				clearCheckedOldNodes();
+    			}
+    		}
+    		function clearCheckedOldNodes() {
+    			var zTree = $.fn.zTree.getZTreeObj("treeDemo2"),
+    			nodes = zTree.getChangeCheckedNodes();
+    			for (var i=0, l=nodes.length; i<l; i++) {
+    				nodes[i].checkedOld = nodes[i].checked;
+    			}
+    		}
+    		function count() {
+    			var zTree = $.fn.zTree.getZTreeObj("treeDemo2"),
+    			checkCount = zTree.getCheckedNodes(true).length;
+    			$("#checkCount2").text(checkCount);
+
+    		}
+    		function createTree() {
+    			$.fn.zTree.init($("#treeDemo2"), setting, zNodes);
+    			count();
+    		}
+    		$(document).ready(function(){
+    			createTree();
+    		});
+    		//-->
+    </script>
+</body>
+<script type="text/javascript">
+    autoFlashHeight();
+</script>
+
+</html>

+ 29 - 0
css/bootstrap/bootstrap-submenu.css

@@ -0,0 +1,29 @@
+.dropdown-submenu.dropright .dropdown-menu {
+  margin-left: 1px;
+}
+
+.dropdown-submenu.dropleft .dropdown-menu {
+  margin-right: 1px;
+}
+
+[x-placement^="bottom-"] .dropdown-submenu .dropdown-menu,
+.navbar .dropdown-submenu .dropdown-menu {
+  bottom: auto;
+  margin-top: calc(-0.5rem - 1px);
+}
+
+[x-placement^="top-"] .dropdown-submenu .dropdown-menu {
+  top: auto;
+  bottom: 0;
+  margin-bottom: calc(-0.5rem - 1px);
+}
+
+.dropdown-submenu.dropright > .dropdown-toggle {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.dropdown-submenu.dropright > .dropdown-toggle::after {
+  margin-right: -12px;
+}

Rozdílová data souboru nebyla zobrazena, protože soubor je příliš velký
+ 7 - 0
css/bootstrap/bootstrap.min.css


Rozdílová data souboru nebyla zobrazena, protože soubor je příliš velký
+ 4 - 0
css/font-awesome/font-awesome.min.css


binární
css/font-awesome/fonts/FontAwesome.otf


binární
css/font-awesome/fonts/fontawesome-webfont.eot


Rozdílová data souboru nebyla zobrazena, protože soubor je příliš velký
+ 2671 - 0
css/font-awesome/fonts/fontawesome-webfont.svg


binární
css/font-awesome/fonts/fontawesome-webfont.ttf


binární
css/font-awesome/fonts/fontawesome-webfont.woff


binární
css/font-awesome/fonts/fontawesome-webfont.woff2


binární
css/login-bg.jpg


binární
css/logo.png


+ 870 - 0
css/main.css

@@ -0,0 +1,870 @@
+/*building SAAS 0.1*/
+/*bootstrap 初始化*/
+body {
+    font-size: 0.9rem;
+    overflow: hidden;
+    font-family: "Helvetica Neue","Hiragino Sans GB",stheiti,"Microsoft Yahei","微软雅黑",tahoma,sans-serif
+}
+a{
+  outline: none
+}
+.dropdown-menu {
+    font-size: 0.9rem
+}
+.btn.disabled, .btn:disabled {
+  color:#999
+}
+.btn-link:focus, .btn-link:hover{
+  text-decoration: none
+}
+.dropdown-menu {
+  padding:.2rem 0;
+}
+.dropdown-item:focus, .dropdown-item:hover{
+  background-color: #f7f7f9
+}
+.text-indent {
+  text-indent:26px;
+}
+.modal-header{
+  background:#f2f2f2;
+  border-bottom:1px solid #ccc;
+  padding:.8rem 1rem;
+}
+.modal-title{
+  font-size:1rem;
+}
+.modal-footer{
+  padding:.8rem 1rem;
+}
+.form-check .form-check-label,.form-radio .form-radio-label{
+  cursor: pointer
+}
+.custom-file-sm,.custom-file-sm .custom-file-label{
+  height: calc(1.5em + .5rem + 2px);
+  padding-top: .25rem;
+  padding-bottom: .25rem;
+  padding-left: .5rem;
+}
+.custom-file-sm .custom-file-label:after{
+  height: calc(1.4em + .5rem + 2px);
+padding-top: .25rem;
+padding-bottom: .25rem;
+font-size: .875rem;
+}
+.custom-file-sm input{
+  height: calc(1.5em + .5rem + 2px);
+font-size: .875rem;
+}
+.btn-xs{
+ padding:0rem .5rem;
+ font-size:.875rem;
+}
+.table-sc thead tr{
+  background-color: #f1f1f1
+}
+/*自定义css*/
+.login-body,.login-html{
+  height:100%;
+}
+.login-bg{
+  width: 100%;
+  height: 100%;
+  background: #f2f6f5 url("login-bg.jpg") bottom center no-repeat;
+  background-size: 100% auto;
+  display: inline-block;
+  position: absolute;
+}
+.login-panel {
+  width: 500px;
+  margin: 0 auto;
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 20%;
+  padding:30px;
+  background:#fff;
+  box-shadow:#333 1px 1px 5px
+}
+.login-img-cr{
+  right:0;
+  font-size:9px;
+}
+.ver-panel {
+  width:100%;
+  top:10%;
+}
+.header {
+  border-bottom: 1px solid #ccc
+}
+.header .header-logo {
+    background: #ff6501;
+    float: left;
+    margin-right: 1rem;
+    font-size: 1rem;
+    height:38px;
+    background:url(logo.png) no-repeat 0 0;
+    padding-left:50px;
+}
+.header-logo div.v-title{
+  font-size:11px;
+  color:#aeaeae;
+  line-height: 12px;
+  margin-top:3px;
+}
+.header-logo div.p-title{
+  font-size:16px;
+  color:#ff6501;
+}
+.header-logo div.b-title{
+  font-size:24px;
+  color:#ff6501;
+}
+/*.free-version {
+  background:#a8797f;
+}
+.free-version .header-logo .p-title,.free-version .header-logo .v-title,.free-version .nav-link,.free-version .navbar-crumb{
+  color:#fff;
+}
+.pro-version {
+  background:#798b73;
+}
+.pro-version .header-logo .p-title,.pro-version .header-logo .v-title,.pro-version .nav-link,.pro-version .navbar-crumb{
+  color:#fff;
+}
+.pay-version {
+  background:#9fa5bb;
+}
+.pay-version .header-logo .p-title,.pay-version .header-logo .v-title,.pay-version .nav-link,.pay-version .navbar-crumb{
+  color:#fff;
+}*/
+.top-msg{
+  position: fixed;
+  top:10px;
+  width:900px;
+  z-index: 9999;
+  left:50%;
+  margin-left:-450px;
+}
+.main {
+    position: relative;
+    background: #f7f7f9;
+}
+.project-nav {
+  width:210px;
+  position: absolute;
+  left:0;
+  border-right:1px solid #ccc;
+  background: #fff
+}
+.project-nav-unfold {
+  width:28px;
+  position: absolute;
+  left:0;
+  border-right:1px solid #ccc;
+  background: #fff;
+  text-align: center;
+}
+.project-nav-unfold .item{
+  margin-top:38px;
+  color:#999;
+}
+.main-nav {
+    position: absolute;
+    text-align: center;
+    z-index: 999;
+    padding: 0 0 0 2px;
+}
+.project-nav + .main-nav{
+    left:210px;
+}
+.project-nav-unfold + .main-nav{
+    left:28px;
+}
+.main-nav .project-switch{
+  padding:1px 8px 2px 6px;
+  display: inline-block;
+  font-size: 18px
+}
+.main-nav .nav a {
+    display: block;
+    width: 28px;
+    text-align: center;
+    line-height: 18px;
+    padding: 10px 0;
+    border-right: 1px solid #ccc;
+}
+.main-nav .nav a:hover {
+    background: #fff;
+    color: #333;
+    text-decoration: none;
+}
+.main-nav .nav a.active {
+    border: 1px solid #ccc;
+    border-right: 1px solid #fff;
+    background: #fff;
+    color: #333
+}
+.main-nav .nav-tabs{
+  border-bottom: none
+}
+.poj-manage .col-auto{
+  background:#f7f7f9
+}
+.poj-cate {
+  width:58px;
+  margin-right:-1px;
+  margin-top:2px;
+}
+.poj-cate .nav-pills .nav-link{
+  border-radius: 0;
+  font-size: 24px;
+  color: #007bff
+}
+.poj-cate .nav-item{
+  position: relative;
+}
+.poj-cate .nav-pills .badge{
+  position: absolute;
+  right:5px;
+  top:5px;
+}
+.poj-cate .nav-pills .nav-link:hover{
+  color:#0056b3
+}
+.poj-cate .nav-pills .nav-link.active, .nav-pills .show > .nav-link{
+  background-color: #6c757d;
+  color:#fff
+}
+.gl-side.gl-side-lg{
+  width:200px;
+}
+.nav-side .nav-link{
+  padding:.5rem;
+}
+.nav-side .nav-link.active{
+  background:#ddd;
+  color:#333;
+}
+.pm-side{
+  position: fixed;
+  left:0;
+  height:100%;
+  border-right:1px solid #ccc;
+  background: #f7f7f9
+}
+.pm-content{
+  padding-left:58px
+}
+.content {
+    border-left: 1px solid #ccc;
+    margin-left: 57px;
+    background: #fff
+}
+.content.exist-project-nav{
+  margin-left:239px;
+}
+.toolsbar,.toolsbar-f {
+  background: #f7f7f9;
+  border-bottom: 1px solid #ccc
+}
+.tools-btn {
+    height: 30px;
+    line-height: 30px
+}
+.toolsbar .tools-btn.btn:hover,.toolsbar-f .tools-btn.btn:hover {
+    background: #f7f7f9;
+}
+.toolsbar .btn-light {
+  color:#007bff;
+  min-width: 34px;
+}
+.toolsbar .btn-light.disabled {
+  color:#999;
+}
+.main-side {
+    border-left: 1px solid #ccc;
+    overflow-y: hidden;
+}
+.main-data-top,.main-data-full{
+  overflow: hidden;
+  width:100%
+}
+.main-data-top-side{
+  overflow: hidden
+}
+.main-content.col-lg-8{
+  width:66.666667%
+}
+.main-content.col-lg-12{
+  width:100%
+}
+.main-side.col-lg-4{
+  width: 33.333333%;
+}
+.main-side.col-lg-0{
+  width:0%;
+}
+.sidebar-middle{
+  height:80px;
+}
+.sidebar-bottom,.sidebar-bottom .col-lg-6,.sidebar-bottom .col-lg-12 {
+  height:300px
+}
+.top-content, .fluid-content {
+    overflow: auto;
+    border-bottom: 1px solid #ccc;
+    width: 100%
+}
+.bottom-content .nav {
+    background: #f7f7f9;
+    padding:1px 0 0 2px
+}
+.bottom-content .nav-tabs .nav-link, .side-tabs .nav-tabs .nav-link {
+    border-radius: 0;
+    padding: 0.2em 0.5em
+}
+.bottom-tools {
+    height: 30px;
+    line-height: 30px;
+    background:#fff;
+    bottom:20px;
+    left:22px;
+    z-index: 999
+}
+.side-tabs .nav-tabs .nav-item {
+  z-index: 999
+}
+.side-tabs .nav-tabs {
+    border-bottom: none;
+    margin-bottom: -1px
+}
+.side-tabs .nav-tabs .nav-link {
+    border-radius: 0;
+    padding: 0em 0.5em;
+    line-height: 30px;
+    z-index: 999
+}
+.bottom-content .nav-tabs .nav-link.active {
+    border:1px solid #ccc;
+    border-bottom: 1px solid #fff
+}
+.side-tabs .nav-tabs .nav-link.active {
+    border-top: none;
+    border-bottom:1px solid #fff
+}
+.side-tabs a.active, .sub-nav a.active {
+    background: #ccc
+}
+.poj-manage {
+    background: #fff
+}
+.slide-sidebar {
+    border-left: 1px solid #E1E1E1;
+    box-shadow: 0px 15px 15px rgba(0, 0, 0, 0.1);
+    background: none repeat scroll 0% 0% #ffffff;
+    overflow: hidden;
+    position: absolute;
+    right: 0px;
+    top: 0;
+    z-index: 999;
+    width: 0px;
+}
+.new-msg {
+    -webkit-animation: tada 1s infinite .2s ease both;
+    -moz-animation: tada 1s infinite .2s ease both;
+}
+@-webkit-keyframes tada {
+    0% {
+        -webkit-transform: scale(1)
+    }
+    10%, 20% {
+        -webkit-transform: scale(0.9) rotate(-3deg)
+    }
+    30%, 50%, 70%, 90% {
+        -webkit-transform: scale(1.1) rotate(3deg)
+    }
+    40%, 60%, 80% {
+        -webkit-transform: scale(1.1) rotate(-3deg)
+    }
+    100% {
+        -webkit-transform: scale(1) rotate(0)
+    }
+}
+@-moz-keyframes tada {
+    0% {
+        -moz-transform: scale(1)
+    }
+    10%, 20% {
+        -moz-transform: scale(0.9) rotate(-3deg)
+    }
+    30%, 50%, 70%, 90% {
+        -moz-transform: scale(1.1) rotate(3deg)
+    }
+    40%, 60%, 80% {
+        -moz-transform: scale(1.1) rotate(-3deg)
+    }
+    100% {
+        -moz-transform: scale(1) rotate(0)
+    }
+}
+.has-danger {
+    -webkit-animation: shake_a 1s .2s ease both;
+    -moz-animation: shake_a 1s .2s ease both;
+    animation: shake_a 1s .2s ease both;
+}
+@-webkit-keyframes shake_a {
+    0%, 100% {
+        -webkit-transform: translateX(0);
+    }
+    10%, 30%, 50%, 70%, 90% {
+        -webkit-transform: translateX(-10px);
+    }
+    20%, 40%, 60%, 80% {
+        -webkit-transform: translateX(10px);
+    }
+}
+@-moz-keyframes shake_a {
+    0%, 100% {
+        -moz-transform: translateX(0);
+    }
+    10%, 30%, 50%, 70%, 90% {
+        -moz-transform: translateX(-10px);
+    }
+    20%, 40%, 60%, 80% {
+        -moz-transform: translateX(10px);
+    }
+}
+@keyframes shake_a {
+    0%, 100% {
+        transform: translateX(0);
+    }
+    10%, 30%, 50%, 70%, 90% {
+        transform: translateX(-10px);
+    }
+    20%, 40%, 60%, 80% {
+        transform: translateX(10px);
+    }
+}
+.gl-side{
+  border-right:1px solid #ccc;
+  width:120px
+}
+.bottom-content .tab-content .main-data-bottom{
+    height: 300px;
+    overflow: auto;
+}
+.bottom-content .main-data-bottom2{
+    height: 331px;
+    overflow: hidden;
+}
+.bottom-content .tab-content .ovf-hidden{
+    overflow: hidden;
+}
+.tn-nav,.rn-nav{
+  width:30px;
+  height: 100%;
+  border-left:1px solid #dee2e6 ;
+}
+.tn-nav,.cn-nav{
+  border-right:1px solid #dee2e6 ;
+  border-left:none;
+}
+.tn-nav > span{
+  width:20px;
+}
+.tn-nav:hover{
+  background:#f7f7f9;
+  cursor: pointer;
+}
+.rn-nav {
+  background: #f7f7f9
+}
+.rn-nav .nav{
+  padding: 0
+}
+.rn-nav .nav-tabs {
+  border:none;
+  margin-top:2px;
+}
+.rn-nav .nav-tabs .nav-link{
+  padding:0.4em 0.4em;
+  line-height: 16px
+}
+.rn-nav .nav-tabs .nav-link.active {
+  border:none;
+  background-color: #fff;
+  border-left:1px solid #fff;
+  margin-left:-1px;
+  border-top:1px solid #ccc;
+  border-right:1px solid #ccc;
+  border-bottom:1px solid #ccc;
+}
+.cn-nav .nav-tabs .nav-link.active {
+  border:none;
+  background-color: #fff;
+  border-right:1px solid #fff;
+  margin-right:-1px;
+  border-top:1px solid #ccc;
+  border-left:1px solid #ccc;
+  border-bottom:1px solid #ccc;
+}
+.rn-nav .nav-tabs .nav-link span{
+  display:none;
+}
+.rn-nav .nav-tabs .nav-link.active span{
+  display: inline-block;
+}
+.poj-list, .side-content ,.form-view{
+    overflow: auto;
+}
+.print-toolsbar{
+  padding:5px
+}
+.print-toolsbar .panel {
+  display:inline-block;
+  vertical-align:top
+}
+.print-toolsbar .panel .panel-foot{
+  text-align: center;
+  font-size: 12px;
+  padding-bottom:3px;
+  background:#F2F2F2
+}
+.print-list {
+  border-right:1px solid #ccc
+}
+.print-list .form-list {
+  overflow: auto
+}
+.print-list .list-tools{
+  height:50px;
+  padding:10px 0;
+  border-bottom:1px solid #f2f2f2
+}
+.pageContainer {
+  text-align: center
+}
+.pageContainer .page{
+  border:9px solid transparent;
+  display: inline-block;
+}
+.pageContainer .page img{
+  width:inherit;
+  height: inherit;
+}
+.modal-auto-height {
+  height: 400px;
+  overflow-y: auto;
+}
+.modal-toolbar + .modal-auto-height{
+  height:369px
+}
+.modal-fixed-height {
+  height: 400px;
+  overflow-y: hidden;
+}
+.sidebar-tools-bar {
+  background:#fff
+}
+.side-search-box{
+  background:#fff;
+  border-bottom:1px solid #ddd
+}
+.navbar-crumb span{
+  float:left;
+}
+.navbar-crumb span.text-truncate{
+  max-width: 200px;
+}
+.dropdown-item{
+  color:#007bff
+}
+.dropdown-item:hover{
+  color:#0056b3
+}
+.dropdown-item.disabled, .dropdown-item:disabled{
+  pointer-events:none
+}
+.tools-symbol{
+  width:450px
+}
+.tools-symbol p{
+  margin: 0
+}
+.tools-symbol a.btn{
+  font-size: .95rem;
+  width:26px;
+  padding: 0;
+  height:26px;
+}
+.custom-file-input:lang(zh) ~ .custom-file-label::after {
+    content: "浏览";
+}
+
+.message-box {
+    position:absolute;
+    background:#000;
+    padding:8px 10px;
+    line-height: 18px;
+    border-radius:4px;
+    box-shadow:2px 2px 6px #ccc;
+    color:#fff;
+}
+.triangle-border {
+    position:absolute;
+    left:10px;
+    overflow:hidden;
+    width:0;
+    height:0;
+    border-width:6px;
+    border-style:solid dashed dashed dashed;
+}
+.tb-border {
+    bottom:-12px;
+    border-color:#000 transparent transparent transparent;
+}
+.tb-background {
+    bottom:-11px;
+    border-color:#000 transparent transparent transparent;
+}
+.box-text-style {
+  font-size: 12px;
+  font-family:"Microsoft YaHei"
+}
+.box-text-style p{
+  margin:0 0 2px 0;
+}
+.box-text-style table{
+  width: 100%;
+  text-align: center;
+}
+.box-text-style table th,.box-text-style table td{
+  border:1px solid #fff;
+}
+
+.box-text-style table p{
+  text-align: left;
+}
+.sys-setting-nav .nav-link{
+  padding:.3rem 1rem;
+}
+/*快捷切换单位工程*/
+.navbar-crumb{
+  position: relative;
+}
+.navbar-crumb .f-nav,.navbar-crumb .s-nav{
+  position: absolute;
+  z-index: 999;
+  width: 200px;
+  background:#fff;
+  border: 1px solid rgba(0,0,0,.15);
+  padding: .5rem 0;
+}
+.navbar-crumb .f-nav{
+  right:50px;
+  top:35px;
+}
+.navbar-crumb .s-nav{
+  left:200px
+}
+.navbar-crumb .f-nav li{
+  padding: .25rem 1rem;
+  cursor: default;
+}
+.navbar-crumb .f-nav li.focus{
+color: #16181b;
+background-color: #f7f7f9;
+}
+.navbar-crumb .f-nav li .s-nav{
+  display: none
+}
+.navbar-crumb .f-nav li.focus .s-nav{
+  display: block
+}
+/*书签颜色*/
+.annotate-color-1{
+  background: #E2F2C5;
+  color: #E2F2C5;
+}
+.annotate-color-1::before{
+  color: #E2F2C5;
+  -webkit-text-stroke:.5px #ced4da;
+}
+.annotate-color-2{
+  background: #F9E2CF;
+  color:#F9E2CF
+}
+.annotate-color-2::before{
+  color: #F9E2CF;
+  -webkit-text-stroke:.5px #ced4da;
+}
+.annotate-color-3{
+  background: #F2EFD9;
+  color:#F2EFD9
+}
+.annotate-color-3::before{
+  color:#F2EFD9;
+  -webkit-text-stroke:.5px #ced4da;
+}
+.annotate-color-4{
+  background: #F5D1DA;
+  color:#F5D1DA
+}
+.annotate-color-4::before{
+  color:#F5D1DA;
+  -webkit-text-stroke:.5px #ced4da;
+}
+.annotate-color-5{
+  background: #E3E3E3;
+  color:#E3E3E3
+}
+.annotate-color-5::before{
+  color:#E3E3E3;
+  -webkit-text-stroke:.5px #ced4da;
+}
+.annotate-color-6{
+  background: #B6F3F2;
+  color:#B6F3F2
+}
+.annotate-color-6::before{
+  color:#B6F3F2;
+  -webkit-text-stroke:.5px #ced4da;
+}
+.annotate-color-7{
+  background: #ECE0F5;
+  color:#ECE0F5
+}
+.annotate-color-7::before{
+  color:#ECE0F5;
+  -webkit-text-stroke:.5px #ced4da;
+}
+.input-group-text.active{
+  color:#666;
+}
+/*宽屏菜单*/
+@media screen and (min-width: 900px) {
+#fluid-menu{
+}
+#min-menu{
+  display: none
+}
+}
+@media screen and (min-width: 912px) {
+#share-info{
+  overflow: auto;
+text-overflow: ellipsis;
+white-space: nowrap;
+max-width:inherit;
+}
+}
+/*窄屏菜单*/
+@media screen and (max-width: 900px) {
+#fluid-menu{
+  display: none
+}
+#min-menu{
+
+}
+}
+@media screen and (max-width: 1018px) {
+#share-info{
+  overflow: hidden;
+text-overflow: ellipsis;
+white-space: nowrap;
+max-width:80px;
+}
+}
+/*联系人列表*/
+.book-list{
+  list-style: none;
+  padding:0;
+  margin:0;
+  height:285px;
+  overflow-y: auto;
+}
+.book-list li{
+  padding:8px 10px 8px 60px;
+  position: relative;
+}
+.book-list li:hover{
+  background:#f2f2f2;
+  cursor: pointer;
+}
+.book-list li .avatar{
+  position: absolute;
+  left:10px;
+  height:40px;
+  line-height: 40px;
+  text-align: center;
+  width:40px;
+  background:#999;
+  color:#fff;
+  border-radius: 30px
+}
+.avatar-list {
+  padding:0;
+  margin:0 0 0 5px;
+  list-style: none;
+}
+.avatar-list li{
+  float:left;
+  margin-right: 5px
+}
+.avatar-list li .avatar{
+  height: 24px;
+  line-height: 24px;
+  width:24px;
+  border-radius: 20px;
+  color:#fff;
+  font-size: 10px;
+  text-align: center;
+  display: inline-block;
+}
+.book-list li .avatar.bg-1,.avatar-list li .avatar.bg-1{
+  background:rgb(16,109,156)
+}
+.book-list li .avatar.bg-2,.avatar-list li .avatar.bg-2{
+  background:rgb(90,146,173)
+}
+.book-list li .avatar.bg-3,.avatar-list li .avatar.bg-3{
+  background:rgb(132, 118, 104)
+}
+.book-list li .avatar.bg-4,.avatar-list li .avatar.bg-4{
+  background:rgb(196, 160, 93)
+}
+.book-list li .avatar.bg-5,.avatar-list li .avatar.bg-5{
+  background:rgb(148, 129, 170)
+}
+.book-list li .avatar.bg-6,.avatar-list li .avatar.bg-6{
+  background:rgb(61,89,171)
+}
+.book-list li .avatar.bg-7,.avatar-list li .avatar.bg-7{
+  background:rgb(200, 132, 146)
+}
+.book-list li .avatar.bg-8,.avatar-list li .avatar.bg-8{
+  background:rgb(102, 138, 92)
+}
+.book-list li .avatar.bg-9,.avatar-list li .avatar.bg-9{
+  background:rgb(215, 75, 75)
+}
+.book-list li .avatar.bg-0,.avatar-list li .avatar.bg-0{
+  background:rgb(134, 131, 131)
+}
+.book-list li .book-body{
+  color:#666;
+}
+.book-list li .book-body h5{
+  font-size: 16px;
+  margin-bottom:0;
+  color:#333;
+}
+.edit-tag-btn{
+  display: none
+}
+.tag-item:hover .edit-tag-btn{
+  display: block
+}
+.tag-item:hover .tag-date{
+  display: none
+}

binární
css/ztree/img/diy/1_close.png


binární
css/ztree/img/diy/1_open.png


binární
css/ztree/img/diy/2.png


binární
css/ztree/img/diy/3.png


binární
css/ztree/img/diy/4.png


binární
css/ztree/img/diy/5.png


binární
css/ztree/img/diy/6.png


binární
css/ztree/img/diy/7.png


binární
css/ztree/img/diy/8.png


binární
css/ztree/img/diy/9.png


binární
css/ztree/img/line_conn.gif


binární
css/ztree/img/loading.gif


binární
css/ztree/img/zTreeStandard.gif


binární
css/ztree/img/zTreeStandard.png


+ 97 - 0
css/ztree/zTreeStyle.css

@@ -0,0 +1,97 @@
+/*-------------------------------------
+zTree Style
+
+version:	3.5.19
+author:		Hunter.z
+email:		hunter.z@263.net
+website:	http://code.google.com/p/jquerytree/
+
+-------------------------------------*/
+
+.ztree * {padding:0; margin:0; font-size:12px; font-family: Verdana, Arial, Helvetica, AppleGothic, sans-serif}
+.ztree {margin:0; padding:5px; color:#333}
+.ztree li{padding:0; margin:0; list-style:none; line-height:14px; text-align:left; white-space:nowrap; outline:0}
+.ztree li ul{ margin:0; padding:0 0 0 18px}
+.ztree li ul.line{ background:url(./img/line_conn.gif) 0 0 repeat-y;}
+
+.ztree li a {padding:1px 3px 0 0; margin:0; cursor:pointer; height:17px; color:#333; background-color: transparent;
+	text-decoration:none; vertical-align:top; display: inline-block}
+.ztree li a:hover {text-decoration:underline}
+.ztree li a.curSelectedNode {padding-top:0px; background-color:#FFE6B0; color:black; height:16px; border:1px #FFB951 solid; opacity:0.8;}
+.ztree li a.curSelectedNode_Edit {padding-top:0px; background-color:#FFE6B0; color:black; height:16px; border:1px #FFB951 solid; opacity:0.8;}
+.ztree li a.tmpTargetNode_inner {padding-top:0px; background-color:#316AC5; color:white; height:16px; border:1px #316AC5 solid;
+	opacity:0.8; filter:alpha(opacity=80)}
+.ztree li a.tmpTargetNode_prev {}
+.ztree li a.tmpTargetNode_next {}
+.ztree li a input.rename {height:14px; width:80px; padding:0; margin:0;
+	font-size:12px; border:1px #7EC4CC solid; *border:0px}
+.ztree li span {line-height:16px; margin-right:2px}
+.ztree li span.button {line-height:0; margin:0; width:16px; height:16px; display: inline-block; vertical-align:middle;
+	border:0 none; cursor: pointer;outline:none;
+	background-color:transparent; background-repeat:no-repeat; background-attachment: scroll;
+	background-image:url("./img/zTreeStandard.png"); *background-image:url("./img/zTreeStandard.gif")}
+
+.ztree li span.button.chk {width:13px; height:13px; margin:0 3px 0 0; cursor: auto}
+.ztree li span.button.chk.checkbox_false_full {background-position:0 0}
+.ztree li span.button.chk.checkbox_false_full_focus {background-position:0 -14px}
+.ztree li span.button.chk.checkbox_false_part {background-position:0 -28px}
+.ztree li span.button.chk.checkbox_false_part_focus {background-position:0 -42px}
+.ztree li span.button.chk.checkbox_false_disable {background-position:0 -56px}
+.ztree li span.button.chk.checkbox_true_full {background-position:-14px 0}
+.ztree li span.button.chk.checkbox_true_full_focus {background-position:-14px -14px}
+.ztree li span.button.chk.checkbox_true_part {background-position:-14px -28px}
+.ztree li span.button.chk.checkbox_true_part_focus {background-position:-14px -42px}
+.ztree li span.button.chk.checkbox_true_disable {background-position:-14px -56px}
+.ztree li span.button.chk.radio_false_full {background-position:-28px 0}
+.ztree li span.button.chk.radio_false_full_focus {background-position:-28px -14px}
+.ztree li span.button.chk.radio_false_part {background-position:-28px -28px}
+.ztree li span.button.chk.radio_false_part_focus {background-position:-28px -42px}
+.ztree li span.button.chk.radio_false_disable {background-position:-28px -56px}
+.ztree li span.button.chk.radio_true_full {background-position:-42px 0}
+.ztree li span.button.chk.radio_true_full_focus {background-position:-42px -14px}
+.ztree li span.button.chk.radio_true_part {background-position:-42px -28px}
+.ztree li span.button.chk.radio_true_part_focus {background-position:-42px -42px}
+.ztree li span.button.chk.radio_true_disable {background-position:-42px -56px}
+
+.ztree li span.button.switch {width:18px; height:18px}
+.ztree li span.button.root_open{background-position:-92px -54px}
+.ztree li span.button.root_close{background-position:-74px -54px}
+.ztree li span.button.roots_open{background-position:-92px 0}
+.ztree li span.button.roots_close{background-position:-74px 0}
+.ztree li span.button.center_open{background-position:-92px -18px}
+.ztree li span.button.center_close{background-position:-74px -18px}
+.ztree li span.button.bottom_open{background-position:-92px -36px}
+.ztree li span.button.bottom_close{background-position:-74px -36px}
+.ztree li span.button.noline_open{background-position:-92px -72px}
+.ztree li span.button.noline_close{background-position:-74px -72px}
+.ztree li span.button.root_docu{ background:none;}
+.ztree li span.button.roots_docu{background-position:-56px 0}
+.ztree li span.button.center_docu{background-position:-56px -18px}
+.ztree li span.button.bottom_docu{background-position:-56px -36px}
+.ztree li span.button.noline_docu{ background:none;}
+
+.ztree li span.button.ico_open{margin-right:2px; background-position:-110px -16px; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.ico_close{margin-right:2px; background-position:-110px 0; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.ico_docu{margin-right:2px; background-position:-110px -32px; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.edit {margin-right:2px; background-position:-110px -48px; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.remove {margin-right:2px; background-position:-110px -64px; vertical-align:top; *vertical-align:middle}
+
+.ztree li span.button.ico_loading{margin-right:2px; background:url(./img/loading.gif) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
+
+ul.tmpTargetzTree {background-color:#FFE6B0; opacity:0.8; filter:alpha(opacity=80)}
+
+span.tmpzTreeMove_arrow {width:16px; height:16px; display: inline-block; padding:0; margin:2px 0 0 1px; border:0 none; position:absolute;
+	background-color:transparent; background-repeat:no-repeat; background-attachment: scroll;
+	background-position:-110px -80px; background-image:url("./img/zTreeStandard.png"); *background-image:url("./img/zTreeStandard.gif")}
+
+ul.ztree.zTreeDragUL {margin:0; padding:0; position:absolute; width:auto; height:auto;overflow:hidden; background-color:#cfcfcf; border:1px #00B83F dotted; opacity:0.8; filter:alpha(opacity=80)}
+.zTreeMask {z-index:10000; background-color:#cfcfcf; opacity:0.0; filter:alpha(opacity=0); position:absolute}
+
+/* level style*/
+/*.ztree li span.button.level0 {
+	display:none;
+}
+.ztree li ul.level0 {
+	padding:0;
+	background:none;
+}*/

+ 361 - 0
feilv.html

@@ -0,0 +1,361 @@
+<!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">
+</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 p-0 d-flex">
+            <div class="header-logo">
+                <div class="v-title">重庆2018定额</div>
+                <div class="p-title">纵横建筑云计价(免费版)</div>
+            </div>
+            <div class="navbar-text navbar-crumb px-1">
+                <span><i class="fa fa-sticky-note-o"></i></span>
+                <span class="" data-toggle="tooltip" data-placement="bottom" title="乌恰县S309线K72+100-开普太西水库-苏约克村公路建设工程"> <span class="text-truncate float-right">&nbsp;乌恰县S309线K72+100-开普太西水库-苏约克村公路建设工程</span></span>
+            </div>
+            <ul class="nav navbar-nav">
+                    <li class="nav-item">
+                        <a class="nav-link" href="#" aria-expanded="false" data-toggle="modal" data-target="#poj-set"><i class="fa fa-cube"></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-cloud-upload"></i> 导入</a>
+                        <div class="dropdown-menu">
+                            <a class="dropdown-item" href="#import" data-toggle="modal" data-target="#import">导入09表Excel清单</a>
+                            <a class="dropdown-item" href="#">导入广联达算量Excel清单</a>
+                        </div>
+                    </li>
+            </ul>
+            <div class="ml-auto navbar-text p-0">
+              <ul class="nav navbar-nav">
+                    <li class="nav-item dropdown">
+                      <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">陈特</a>
+                      <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 class="dropdown-divider"></div>
+                          <a class="dropdown-item" href="#" target="_blank">退出登录</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-wrench"></i> 工具</a>
+                        <div class="dropdown-menu dropdown-menu-right">
+                            <a class="dropdown-item" href="#" aria-expanded="false">选项</a>
+                            <a class="dropdown-item" href="#">定额库编辑器</a>
+                            <a class="dropdown-item" href="tools-gongliaoji.html">工料机库编辑器</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 dropdown-menu-right">
+                            <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>
+                    <li class="nav-item">
+                      <a class="nav-link new-msg" data-toggle="modal" data-target="#msg" href="javacript:void(0);">
+                        <i class="fa fa-envelope-o" aria-hidden="true"></i>&nbsp;2
+                      </a>
+                    </li>
+                  </ul>
+            </div>
+        </nav>
+  </div>
+      <!-- <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> -->
+  </div>
+    <div class="main">
+        <div class="main-nav">
+            <ul class="nav flex-column">
+              <li><a href="zaojiashu.html">造价书</a></li>
+              <li><a href="gongliaoji.html">人材机</a></li>
+              <li><a href="feilv.html" class="active">费率</a></li>
+              <li><a href="jisuanchengxu.html">计算程序</a></li>
+              <li><a href="tiaojia.html">调价</a></li>
+              <li><a href="baobiao.html">报表</a></li>
+            </ul>
+        </div>
+        <div class="content">
+            <div class="toolsbar px-1">
+                <div class="form-inline py-1">
+                  <label class="mx-2" >当前使用:费率1(<a href="#" id="pop-lv">3 单位工程使用</a>)
+                  <a class="btn btn-sm ml-1" href="#" data-toggle="modal" data-target="#change-lv"><i class="fa fa-exchange"></i> 选择其他</a>
+                  <a class="btn btn-sm ml-1" href="#" data-toggle="modal" data-target="#copy-lv"><i class="fa fa-files-o"></i> 另存单独用</a></label>
+                </div>
+            </div>
+            <div class="container-fluid">
+                <div class="row">
+                    <div class="main-content col-lg-8 p-0">
+                      <div class="form-inline py-1">
+                        <label class="mx-2" >基于 重庆渝建发[2016]35号</label>
+                        <a class="btn btn-sm ml-1" href="#" data-toggle="modal" data-target="#set-lv"><i class="fa fa-cog"></i> 重选标准</a>
+                      </div>
+                      <div class="main-data-full-fl">
+                          <table class="table table-sm table-bordered m-0">
+                              <thead>
+                                  <th>序号</th>
+                                  <th width="160">专业名称</th>
+                                  <th>值(%)</th>
+                                  <th>备注</th>
+                              </thead>
+                              <tbody>
+                                <tr>
+                                  <td>1</td>
+                                  <td>-企业管理费</td>
+                                  <td></td>
+                                  <td></td>
+                                </tr>
+                                <tr>
+                                  <td>2</td>
+                                  <td>-建筑工程</td>
+                                  <td></td>
+                                  <td></td>
+                                </tr>
+                                <tr>
+                                  <td>3</td>
+                                  <td>-一类工程</td>
+                                  <td></td>
+                                  <td></td>
+                                </tr>
+                                <tr>
+                                  <td>4</td>
+                                  <td>-二类工程</td>
+                                  <td></td>
+                                  <td></td>
+                                </tr>
+                                <tr>
+                                  <td>5</td>
+                                  <td>-三类工程</td>
+                                  <td></td>
+                                  <td></td>
+                                </tr>
+                                <tr>
+                                  <td>6</td>
+                                  <td>-四类工程</td>
+                                  <td></td>
+                                  <td></td>
+                                </tr>
+                                <tr>
+                                  <td>7</td>
+                                  <td>市政工程</td>
+                                  <td></td>
+                                  <td></td>
+                                </tr>
+                                <tr>
+                                  <td>8</td>
+                                  <td>+...</td>
+                                  <td></td>
+                                  <td></td>
+                                </tr>
+                                <tr>
+                                  <td>9</td>
+                                  <td>+利润</td>
+                                  <td></td>
+                                  <td></td>
+                                </tr>
+                              </tobdy>
+                          </table>
+                      </div>
+                    </div>
+                    <div class="col-lg-4 p-0">
+                      <div class="p-1">
+                        <div class="form-check">
+                           <label class="form-check-label">
+                             <input type="checkbox" class="form-check-input">
+                              统一设置相同参数
+                           </label>
+                           <table class="table table-sm table-bordered m-0">
+                             <thead><th>序号</th><th>参数名称</th><th>参数值</th></thead>
+                             <tbody>
+                               <tr><td>1</td><td>工程分类</td><td><select class="form-control form-control-sm"><option>一类工程</option></select></td></tr>
+                               <tr><td>2</td><td>工程分类</td><td><select class="form-control form-control-sm"><option>在市区</option></select></td></tr>
+                             </tbody>
+                           </table>
+                         </div>
+                      </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <!--弹出设置-->
+    <div class="modal fade" id="set-lv" data-backdrop="static">
+        <div class="modal-dialog" role="document">
+            <div class="modal-content">
+                <div class="modal-header">
+                  <h5 class="modal-title">费率1 重选标准</h5>
+                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                      <span aria-hidden="true">&times;</span>
+                    </button>
+                </div>
+                <div class="modal-body">
+                  <div class="form-group">
+                    <label >费率标准</label>
+                    <select class="form-control"><option>重庆渝建发[2016]35号</option></select>
+                    <small class="form-text text-danger">重新选择费率标准将重置当前费率文件的所有费率,正在使用当前费率文件的其他单位工程也将受影响。</small>
+                  </div>
+                  <div class="form-group">
+                    <label>正在使用 费率1 的单位工程</label>
+                    <ul class="list-unstyled">
+                      <li>A单位工程</li>
+                      <li>B单位工程</li>
+                      <li>C单位工程</li>
+                      <li>D单位工程</li>
+                    </ul>
+                  </div>
+                </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="change-lv" 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">
+                  <div class="form-group">
+                    <label class="custom-control custom-radio">
+                      <input id="radio1" name="radio" type="radio" class="custom-control-input" checked>
+                      <span class="custom-control-indicator"></span>
+                      <span class="custom-control-description">从本建设项目中选择</span>
+                    </label>
+                    <label class="custom-control custom-radio">
+                      <input id="radio2" name="radio" type="radio" class="custom-control-input">
+                      <span class="custom-control-indicator"></span>
+                      <span class="custom-control-description">从其他建设项目中复制</span>
+                    </label>
+                  </div>
+                  <!--从本建设项目中选择-->
+                  <div class="form-group">
+                    <label>建设项目A</label>
+                    <select class="form-control"><option>费率1</option><option>费率2</option><option>费率3</option></select>
+                  </div>
+                  <!--从其他建设项目中复制-->
+                  <div class="form-group">
+                    <label>选择建设项目</label>
+                    <select class="form-control"><option>建设项目B</option><option>建设项目C</option><option>建设项目D</option></select>
+                  </div>
+                  <div class="form-group">
+                    <select class="form-control"><option>费率1</option><option>费率2</option><option>费率3</option></select>
+                    <small class="form-text text-muted">你选择的费率文件将复制一份至新项目,不会影响原建设项目的费率文件。</small>
+                  </div>
+                </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="myModal" data-backdrop="static">
+        <div class="modal-dialog" role="document">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h5 class="modal-title">设置费率文件</h5>
+                </div>
+                <div class="modal-body">
+                  <div class="form-group">
+                    <label>费率文件名称</label>
+                    <input class="form-control"  value="A单位工程的费率文件">
+                  </div>
+                  <div class="form-group">
+                    <label >费率标准</label>
+                    <select class="form-control"><option>请选择费率标准</option><option>重庆渝建发[2016]35号</option></select>
+                  </div>
+                </div>
+                <div class="modal-footer text-xs-center">
+                  <a href="" class="btn btn-primary" data-dismiss="modal">确定</a>
+                </div>
+            </div>
+        </div>
+    </div>
+    <!--弹出 另存新文件-->
+    <div class="modal fade" id="copy-lv" 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">
+                  <div class="form-group">
+                    <label>费率文件名称</label>
+                    <input class="form-control"  value="费率1副本">
+                    <!--默认为复制费率文件名字+副本 2字,用户修改后需判断是否在同项目下存在同名-->
+                    <small class="form-text text-danger">已存在同名费率文件。</small>
+                  </div>
+                  <div class="form-group">
+                    <label >费率标准</label>
+                    <select class="form-control" disabled><option>重庆渝建发[2016]35号</option></select>
+                  </div>
+                </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-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>
+<script type="text/javascript">
+    $('#pop-lv').popover({
+      placement:"bottom",
+      html:true,
+      trigger:"hover | focus",
+      content:"A单位工程<br>B单位工程<br>C单位工程"
+    }
+    );
+</script>
+<script type="text/javascript">
+    $('#myModal').modal('show')
+</script>
+
+</html>

+ 367 - 0
gongliaoji.html

@@ -0,0 +1,367 @@
+<!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">
+</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 p-0 d-flex">
+            <div class="header-logo">
+                <div class="v-title">重庆2018定额</div>
+                <div class="p-title">纵横建筑云计价(免费版)</div>
+            </div>
+            <div class="navbar-text navbar-crumb px-1">
+                <span><i class="fa fa-sticky-note-o"></i></span>
+                <span class="" data-toggle="tooltip" data-placement="bottom" title="乌恰县S309线K72+100-开普太西水库-苏约克村公路建设工程"> <span class="text-truncate float-right">&nbsp;乌恰县S309线K72+100-开普太西水库-苏约克村公路建设工程</span></span>
+            </div>
+            <ul class="nav navbar-nav">
+                    <li class="nav-item">
+                        <a class="nav-link" href="#" aria-expanded="false" data-toggle="modal" data-target="#poj-set"><i class="fa fa-cube"></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-cloud-upload"></i> 导入</a>
+                        <div class="dropdown-menu">
+                            <a class="dropdown-item" href="#import" data-toggle="modal" data-target="#import">导入09表Excel清单</a>
+                            <a class="dropdown-item" href="#">导入广联达算量Excel清单</a>
+                        </div>
+                    </li>
+            </ul>
+            <div class="ml-auto navbar-text p-0">
+              <ul class="nav navbar-nav">
+                    <li class="nav-item dropdown">
+                      <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">陈特</a>
+                      <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 class="dropdown-divider"></div>
+                          <a class="dropdown-item" href="#" target="_blank">退出登录</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-wrench"></i> 工具</a>
+                        <div class="dropdown-menu dropdown-menu-right">
+                            <a class="dropdown-item" href="#" aria-expanded="false">选项</a>
+                            <a class="dropdown-item" href="#">定额库编辑器</a>
+                            <a class="dropdown-item" href="tools-gongliaoji.html">工料机库编辑器</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 dropdown-menu-right">
+                            <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>
+                    <li class="nav-item">
+                      <a class="nav-link new-msg" data-toggle="modal" data-target="#msg" href="javacript:void(0);">
+                        <i class="fa fa-envelope-o" aria-hidden="true"></i>&nbsp;2
+                      </a>
+                    </li>
+                  </ul>
+            </div>
+        </nav>
+  </div>
+    <div class="main">
+        <!--项目导航-->
+        <div class="project-nav-unfold">
+          <div class="main-data-not">
+              <!-- <div class="item">
+                  <ul id="treeDemo" class="ztree"></ul>
+              </div> -->
+              <div class="item">项目导航已收起</div>
+          </div>
+        </div>
+        <!--项目菜单-->
+        <div class="main-nav">
+          <!-- <a href="" class="project-switch" data-toggle="tooltip" data-placement="bottom" title="收起项目导航"><i class="fa fa-angle-double-left "></i></a> -->
+          <a href="" class="project-switch" data-toggle="tooltip" data-placement="bottom" title="展开项目导航"><i class="fa fa-angle-double-right "></i></a>
+            <ul class="nav flex-column">
+              <li><a href="zaojiashu.html">造价书</a></li>
+              <li><a href="gongliaoji.html" class="active">人材机</a></li>
+              <li><a href="feilv.html">费率</a></li>
+              <li><a href="jisuanchengxu.html">计算程序</a></li>
+              <li><a href="tiaojia.html">调价</a></li>
+              <li><a href="baobiao.html">报表</a></li>
+            </ul>
+        </div>
+        <!--项目内容-->
+        <div class="content">
+            <div class="toolsbar px-1">
+              <div class="form-inline py-1">
+                <label class="mx-2">当前使用:单价1(<a href="#" id="pop-dj" data-original-title="" title="">3 单位工程使用</a>)
+                <a class="btn btn-sm ml-1" href="#" data-toggle="modal" data-target="#change-dj"><i class="fa fa-exchange"></i> 选择其他</a>
+                <a class="btn btn-sm ml-1" href="#" data-toggle="modal" data-target="#copy-dj"><i class="fa fa-files-o"></i> 另存单独用</a></label>
+                <div class="input-group input-group-sm mr-2" >
+                  <select class="form-control form-control-sm">
+                    <option>车船税标准</option>
+                    <option>福建车船税标准(2012)</option>
+                  </select>
+                </div>
+              </div>
+            </div>
+            <div class="container-fluid">
+                <div class="row">
+                    <div class="gl-side">
+                      <ul class="nav flex-column nav-side mt-2 mb-2">
+                        <li class="nav-item"><a href="#" class="nav-link">所有工料机</a>
+                          <ul class="nav flex-column">
+                            <li class="nav-item"><a href="#" class="nav-link pl-4">人工</a></li>
+                            <li class="nav-item"><a href="#" class="nav-link pl-4 active">材料</a></li>
+                            <li class="nav-item"><a href="#" class="nav-link pl-4">机械</a></li>
+                            <li class="nav-item"><a href="#" class="nav-link pl-4">主材</a></li>
+                            <li class="nav-item"><a href="#" class="nav-link pl-4">设备</a></li>
+                          </ul>
+                        </li>
+                        <li class="nav-item"><a href="#" class="nav-link">分部分项工料机</a></li>
+                        <li class="nav-item"><a href="#" class="nav-link">措施分项工料机</a></li>
+                        <li class="nav-item"><a href="#" class="nav-link active">甲供材料</a></li>
+                        <li class="nav-item"><a href="#" class="nav-link">暂估材料</a></li>
+                        <li class="nav-item"><a href="#" class="nav-link">三材汇总</a></li>
+                        <li class="nav-item"><a href="#" class="nav-link">主要材料</a></li>
+                      </ul>
+                    </div>
+                    <div class="main-content col p-0">
+                      <!--其他工料机-->
+                      <!-- <div class="top-content">
+                        <div class="main-data-top">
+                          <table class="table table-sm table-bordered m-0">
+                            <thead>
+                                <tr>
+                                    <th>编码</th>
+                                    <th>名称</th>
+                                    <th>规格型号</th>
+                                    <th>单位</th>
+                                    <th>类型</th>
+                                    <th>人工工种</th>
+                                    <th>调整系数</th>
+                                    <th>总消耗量</th>
+                                    <th>基价单价</th>
+                                    <th>调整基价</th>
+                                    <th>市场单价</th>
+                                    <th>市场价合计</th>
+                                    <th>是否暂估</th>
+                                    <th>供货方式</th>
+                                    <th>甲供数量</th>
+                                    <th>出厂价</th>
+                                    <th>交货方式</th>
+                                    <th>... </th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr>
+                                    <td>00010201</td>
+                                    <td>土石方综合工日</td>
+                                    <td> </td>
+                                    <td>工日</td>
+                                    <td>人</td>
+                                    <td>土石方人工</td>
+                                    <td> </td>
+                                    <td>100.232</td>
+                                    <td>38</td>
+                                    <td> </td>
+                                    <td>38</td>
+                                    <td>市场价合计</td>
+                                    <td>是否暂估</td>
+                                    <td>供货方式</td>
+                                    <td>甲供数量</td>
+                                    <td>出厂价</td>
+                                    <td>交货方式</td>
+                                    <td>... </td>
+                                </tr>
+                            </tbody>
+                          </table>
+                        </div>
+                      </div>
+                      <div class="bottom-content">
+                        <div class="main-data-bottom2">
+                            <table class="table table-sm table-bordered m-0">
+                              <thead>
+                                <tr><th></th><th>编码</th><th>名称</th><th>单位</th><th>基价单价</th><th>调整基价</th><th>市场单价</th><th>消耗量</th></tr>
+                              </thead>
+                            </table>
+                        </div>
+                      </div> -->
+                      <!--三材汇总-->
+                      <div class="main-data-full">
+                        <table class="table table-sm table-bordered m-0">
+                          <thead>
+                            <tr>
+                              <th>编码</th><th>名称</th><th>规格型号</th><th>单位</th><th>定额价</th><th>市场价</th><th>总消耗量</th><th>三材系数</th><th>三材量</th><th>三材类别</th>
+                            </tr>
+                          </thead>
+                        </table>
+
+                    <a class="btn btn-sm btn-secondary" href="javacript:void(0);"  data-toggle="modal" data-target="#rcjhz">从人材机汇总中选择</a>
+                      </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <!--弹出更换-->
+    <div class="modal fade" id="change-dj" 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">
+                  <div class="form-group">
+                    <label class="custom-control custom-radio">
+                      <input id="radio1" name="radio" type="radio" class="custom-control-input" checked>
+                      <span class="custom-control-indicator"></span>
+                      <span class="custom-control-description">从本建设项目中选择</span>
+                    </label>
+                    <label class="custom-control custom-radio">
+                      <input id="radio2" name="radio" type="radio" class="custom-control-input">
+                      <span class="custom-control-indicator"></span>
+                      <span class="custom-control-description">从其他建设项目中复制</span>
+                    </label>
+                  </div>
+                  <!--从本建设项目中选择-->
+                  <div class="form-group">
+                    <label>建设项目A</label>
+                    <select class="form-control"><option>单价1</option><option>单价2</option><option>单价3</option></select>
+                  </div>
+                  <!--从其他建设项目中复制-->
+                  <div class="form-group">
+                    <label>选择建设项目</label>
+                    <select class="form-control"><option>建设项目B</option><option>建设项目C</option><option>建设项目D</option></select>
+                  </div>
+                  <div class="form-group">
+                    <select class="form-control"><option>单价1</option><option>单价2</option><option>单价3</option></select>
+                    <small class="form-text text-muted">你选择的单价文件将复制一份至新项目,不会影响原建设项目的单价文件。</small>
+                  </div>
+                </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="copy-lv" 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">
+                  <div class="form-group">
+                    <label>单价文件名称</label>
+                    <input class="form-control"  value="单价1副本">
+                    <!--默认为复制单价文件名字+副本 2字,用户修改后需判断是否在同项目下存在同名-->
+                    <small class="form-text text-danger">已存在同名费率文件。</small>
+                  </div>
+                </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="rcjhz" data-backdrop="static">
+        <div class="modal-dialog modal-lg" 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">
+                  <div class="btn-toolbar">
+                    <div class="btn-group btn-group-sm mr-2">
+                      <button type="button" class="btn btn-outline-primary">全选</button>
+                      <button type="button" class="btn btn-primary">全选主材</button>
+                      <button type="button" class="btn btn-outline-primary">全选设备</button>
+                    </div>
+                    <!--前面3个按钮 有选中状态,出现 取消 按钮-->
+                    <button type="button" class="btn btn-outline-danger btn-sm mr-2">取消</button>
+                      <div class="input-group input-group-sm mr-2" style="width:200px">
+                          <input type="text" class="form-control form-control-sm" placeholder="查找" value="">
+                          <div class="input-group-append">
+                              <button class="btn btn-outline-primary btn-sm" type="button"><i class="fa fa-search" aria-hidden="true"></i></button>
+                          </div>
+                      </div>
+                      <div class="input-group input-group-sm">
+                        <div class="form-check form-check-inline">
+                          <input class="form-check-input" type="checkbox" id="inlineCheckbox1" value="option1">
+                          <label class="form-check-label" for="inlineCheckbox1">所有</label>
+                        </div>
+                        <div class="form-check form-check-inline">
+                          <input class="form-check-input" type="checkbox" id="inlineCheckbox2" value="option2">
+                          <label class="form-check-label" for="inlineCheckbox2">人</label>
+                        </div>
+                        <div class="form-check form-check-inline">
+                          <input class="form-check-input" type="checkbox" id="inlineCheckbox3" value="option3">
+                          <label class="form-check-label" for="inlineCheckbox3">材</label>
+                        </div>
+                        <div class="form-check form-check-inline">
+                          <input class="form-check-input" type="checkbox" id="inlineCheckbox5" value="option5">
+                          <label class="form-check-label" for="inlineCheckbox5">主材</label>
+                        </div>
+                      </div>
+                  </div>
+                  <div class="modal-auto-height">
+                    表格
+                  </div>
+                </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-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">
+    $('#pop-dj').popover({
+      placement:"bottom",
+      html:true,
+      trigger:"hover | focus",
+      content:"A单位工程<br>B单位工程<br>C单位工程"
+    }
+    );
+</script>
+<script type="text/javascript">
+    autoFlashHeight();
+</script>
+
+</html>

+ 305 - 0
gongliaoji2.html

@@ -0,0 +1,305 @@
+<!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">
+</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 p-0 d-flex">
+            <div class="header-logo">
+                <div class="v-title">重庆2018定额</div>
+                <div class="p-title">纵横建筑云计价(免费版)</div>
+            </div>
+            <div class="navbar-text navbar-crumb px-1">
+                <span><i class="fa fa-sticky-note-o"></i></span>
+                <span class="" data-toggle="tooltip" data-placement="bottom" title="乌恰县S309线K72+100-开普太西水库-苏约克村公路建设工程"> <span class="text-truncate float-right">&nbsp;乌恰县S309线K72+100-开普太西水库-苏约克村公路建设工程</span></span>
+            </div>
+            <ul class="nav navbar-nav">
+                    <li class="nav-item">
+                        <a class="nav-link" href="#" aria-expanded="false" data-toggle="modal" data-target="#poj-set"><i class="fa fa-cube"></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-cloud-upload"></i> 导入</a>
+                        <div class="dropdown-menu">
+                            <a class="dropdown-item" href="#import" data-toggle="modal" data-target="#import">导入09表Excel清单</a>
+                            <a class="dropdown-item" href="#">导入广联达算量Excel清单</a>
+                        </div>
+                    </li>
+            </ul>
+            <div class="ml-auto navbar-text p-0">
+              <ul class="nav navbar-nav">
+                    <li class="nav-item dropdown">
+                      <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">陈特</a>
+                      <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 class="dropdown-divider"></div>
+                          <a class="dropdown-item" href="#" target="_blank">退出登录</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-wrench"></i> 工具</a>
+                        <div class="dropdown-menu dropdown-menu-right">
+                            <a class="dropdown-item" href="#" aria-expanded="false">选项</a>
+                            <a class="dropdown-item" href="#">定额库编辑器</a>
+                            <a class="dropdown-item" href="tools-gongliaoji.html">工料机库编辑器</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 dropdown-menu-right">
+                            <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>
+                    <li class="nav-item">
+                      <a class="nav-link new-msg" data-toggle="modal" data-target="#msg" href="javacript:void(0);">
+                        <i class="fa fa-envelope-o" aria-hidden="true"></i>&nbsp;2
+                      </a>
+                    </li>
+                  </ul>
+            </div>
+        </nav>
+  </div>
+    <div class="main">
+        <div class="main-nav">
+            <ul class="nav flex-column">
+              <li><a href="zaojiashu.html">造价书</a></li>
+              <li><a href="gongliaoji.html" class="active">工料机汇总</a></li>
+              <li><a href="feilv.html">费率</a></li>
+              <li><a href="jisuanchengxu.html">计算程序</a></li>
+              <li><a href="tiaojia.html">调价</a></li>
+              <li><a href="baobiao.html">报表</a></li>
+            </ul>
+        </div>
+        <div class="content">
+            <div class="toolsbar px-1">
+              <div class="form-inline py-1">
+                <label class="mx-2">当前使用:单价1(<a href="#" id="pop-dj" data-original-title="" title="">3 单位工程使用</a>)
+                <a class="btn btn-sm ml-1" href="#" data-toggle="modal" data-target="#change-dj"><i class="fa fa-exchange"></i> 选择其他</a>
+                <a class="btn btn-sm ml-1" href="#" data-toggle="modal" data-target="#copy-dj"><i class="fa fa-files-o"></i> 另存单独用</a></label>
+                <div class="input-group input-group-sm mr-2" >
+                  <select class="form-control form-control-sm">
+                    <option>车船税标准</option>
+                    <option>福建车船税标准(2012)</option>
+                  </select>
+                </div>
+              </div>
+            </div>
+            <div class="container-fluid">
+                <div class="row">
+                    <div class="main-content col p-0">
+                      <!--上部内容-->
+                      <div class="top-content row m-0">
+                        <div class="col-auto p-0">
+                          <div class="gl-side h-100">
+                            <ul class="nav flex-column nav-side pt-2">
+                              <li class="nav-item"><a href="#" class="nav-link active">所有</a>
+                              <li class="nav-item"><a href="#" class="nav-link">人工</a></li>
+                              <li class="nav-item"><a href="#" class="nav-link">材料</a></li>
+                              <li class="nav-item"><a href="#" class="nav-link">机械</a></li>
+                            </ul>
+                          </div>
+                        </div>
+                        <div class="col p-0">
+                          <div class="main-data-top-side">
+                            <table class="table table-sm table-bordered m-0">
+                              <thead>
+                                <tr>
+                                  <th>编码</th><th>名称</th><th>规格型号</th><th>单位</th><th>定额价</th><th>市场价</th><th>总消耗量</th><th>三材系数</th><th>三材量</th><th>三材类别</th>
+                                </tr>
+                              </thead>
+                            </table>
+                          </div>
+                        </div>
+                      </div>
+                      <!--下部内容-->
+                      <div class="bottom-content">
+                        <ul class="nav nav-tabs d-flex" role="tablist">
+                          <li class="nav-item">
+                              <a class="nav-link active" data-toggle="tab" href="#cl" role="tab">材料计算</a>
+                          </li>
+                          <li class="nav-item">
+                              <a class="nav-link" data-toggle="tab" href="#zcw" role="tab">组成物计算</a>
+                          </li>
+                        </ul>
+                        <div class="tab-content">
+                          <!--材料计算-->
+                          <div class="tab-pane container-fluid active" id="cl" role="tabpanel">
+                              <div class="row">
+                                  <div class="col p-0">
+                                      <div class="main-data-bottom ovf-hidden">
+                                          <table class="table table-sm table-bordered">
+                                            <tr><th></th><th>编号</th><th>名称</th><th>预算价</th><th>供应地点</th><th>原价</th><th>单位运价</th><th>单位毛重(吨)</th><th>...</th></tr>
+                                          </table>
+                                      </div>
+                                  </div>
+                                  <div class="col-auto p-0">
+                                      <div class="rn-nav cn-nav d-flex align-items-start flex-column">
+                                          <ul class="nav nav-tabs">
+                                              <li class="nav-item"><a data-toggle="tab" href="#rnc-yf" role="tab" class="nav-link active">运费计算</a></li>
+                                              <li class="nav-item"><a data-toggle="tab" href="#rnc-yj" role="tab" class="nav-link">原价计算</a></li>
+                                          </ul>
+                                      </div>
+                                  </div>
+                                  <div class="col-4 p-0">
+                                      <div class="tab-content">
+                                          <div class="tab-pane active" id="rnc-yf">
+                                              <div class="main-data-bottom ovf-hidden">
+                                                <div class="ovf-hidden" style="height:150px;">
+                                                  <table class="table table-sm table-bordered">
+                                                    <tr><th></th><th>起讫地点</th><th>运输工具</th><th>单位运价</th><th>KM运距</th><th>装卸费单价</th><th>装卸次数</th><th>...</th></tr>
+                                                  </table>
+                                                </div>
+                                                <div class="ovf-hidden" style="height:150px;">
+                                                  <table class="table table-sm table-bordered">
+                                                    <tr><th></th><th>定额编号</th><th>名称</th><th>单位</th><th>数量</th><th>...</th></tr>
+                                                  </table>
+                                                </div>
+                                              </div>
+                                          </div>
+                                          <div class="tab-pane" id="rnc-yj">
+                                              <div class="main-data-bottom ovf-hidden">
+                                                <div class="ovf-hidden" style="height:150px;">
+                                                  <table class="table table-sm table-bordered">
+                                                    <tr><th></th><th>供应地点</th><th>供应价</th><th>加权系数</th></tr>
+                                                  </table>
+                                                </div>
+                                                <div class="ovf-hidden" style="height:150px;">
+                                                  <table class="table table-sm table-bordered">
+                                                    <tr><th></th><th>定额编号</th><th>名称</th><th>单位</th><th>数量</th><th>高原取费类别</th></tr>
+                                                  </table>
+                                                </div>
+                                              </div>
+                                          </div>
+                                      </div>
+                                  </div>
+                              </div>
+                          </div>
+                          <!--组成物-->
+                          <div class="tab-pane" id="zcw" role="tabpanel">
+                              <div class="main-data-bottom">
+                                  <table class="table table-sm table-bordered">
+                                    <tr><th></th><th>编号</th><th>名称</th><th>规格</th><th>单位</th><th>类型</th><th>定额价</th><th>预算价</th><th>消耗量</th></tr>
+                                  </table>
+                              </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <!--弹出更换-->
+    <div class="modal fade" id="change-dj" 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">
+                  <div class="form-group">
+                    <label class="custom-control custom-radio">
+                      <input id="radio1" name="radio" type="radio" class="custom-control-input" checked>
+                      <span class="custom-control-indicator"></span>
+                      <span class="custom-control-description">从本建设项目中选择</span>
+                    </label>
+                    <label class="custom-control custom-radio">
+                      <input id="radio2" name="radio" type="radio" class="custom-control-input">
+                      <span class="custom-control-indicator"></span>
+                      <span class="custom-control-description">从其他建设项目中复制</span>
+                    </label>
+                  </div>
+                  <!--从本建设项目中选择-->
+                  <div class="form-group">
+                    <label>建设项目A</label>
+                    <select class="form-control"><option>单价1</option><option>单价2</option><option>单价3</option></select>
+                  </div>
+                  <!--从其他建设项目中复制-->
+                  <div class="form-group">
+                    <label>选择建设项目</label>
+                    <select class="form-control"><option>建设项目B</option><option>建设项目C</option><option>建设项目D</option></select>
+                  </div>
+                  <div class="form-group">
+                    <select class="form-control"><option>单价1</option><option>单价2</option><option>单价3</option></select>
+                    <small class="form-text text-muted">你选择的单价文件将复制一份至新项目,不会影响原建设项目的单价文件。</small>
+                  </div>
+                </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="copy-lv" 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">
+                  <div class="form-group">
+                    <label>单价文件名称</label>
+                    <input class="form-control"  value="单价1副本">
+                    <!--默认为复制单价文件名字+副本 2字,用户修改后需判断是否在同项目下存在同名-->
+                    <small class="form-text text-danger">已存在同名费率文件。</small>
+                  </div>
+                </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-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">
+    $('#pop-dj').popover({
+      placement:"bottom",
+      html:true,
+      trigger:"hover | focus",
+      content:"A单位工程<br>B单位工程<br>C单位工程"
+    }
+    );
+</script>
+<script type="text/javascript">
+    autoFlashHeight();
+</script>
+
+</html>

binární
img/animated_favicon1.gif


binární
img/baobiao.png


binární
img/building.png


binární
img/dasikong-welcome.png


binární
img/dasikong-welcome2.png


binární
img/favicon.ico


binární
img/p1.png


binární
img/p2.png


binární
img/qqgroupqrcode.png


binární
img/vip.png


binární
img/vip1.png


binární
img/vip2.png


binární
img/wechat.png


+ 230 - 0
jisuanchengxu.html

@@ -0,0 +1,230 @@
+<!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">
+</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 p-0 d-flex">
+            <div class="header-logo">
+                <div class="v-title">重庆2018定额</div>
+                <div class="p-title">纵横建筑云计价(免费版)</div>
+            </div>
+            <div class="navbar-text navbar-crumb px-1">
+                <span><i class="fa fa-sticky-note-o"></i></span>
+                <span class="" data-toggle="tooltip" data-placement="bottom" title="乌恰县S309线K72+100-开普太西水库-苏约克村公路建设工程"> <span class="text-truncate float-right">&nbsp;乌恰县S309线K72+100-开普太西水库-苏约克村公路建设工程</span></span>
+            </div>
+            <ul class="nav navbar-nav">
+                    <li class="nav-item">
+                        <a class="nav-link" href="#" aria-expanded="false" data-toggle="modal" data-target="#poj-set"><i class="fa fa-cube"></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-cloud-upload"></i> 导入</a>
+                        <div class="dropdown-menu">
+                            <a class="dropdown-item" href="#import" data-toggle="modal" data-target="#import">导入09表Excel清单</a>
+                            <a class="dropdown-item" href="#">导入广联达算量Excel清单</a>
+                        </div>
+                    </li>
+            </ul>
+            <div class="ml-auto navbar-text p-0">
+              <ul class="nav navbar-nav">
+                    <li class="nav-item dropdown">
+                      <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">陈特</a>
+                      <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 class="dropdown-divider"></div>
+                          <a class="dropdown-item" href="#" target="_blank">退出登录</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-wrench"></i> 工具</a>
+                        <div class="dropdown-menu dropdown-menu-right">
+                            <a class="dropdown-item" href="#" aria-expanded="false">选项</a>
+                            <a class="dropdown-item" href="#">定额库编辑器</a>
+                            <a class="dropdown-item" href="tools-gongliaoji.html">工料机库编辑器</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 dropdown-menu-right">
+                            <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>
+                    <li class="nav-item">
+                      <a class="nav-link new-msg" data-toggle="modal" data-target="#msg" href="javacript:void(0);">
+                        <i class="fa fa-envelope-o" aria-hidden="true"></i>&nbsp;2
+                      </a>
+                    </li>
+                  </ul>
+            </div>
+        </nav>
+  </div>
+    <div class="main">
+        <div class="main-nav">
+            <ul class="nav flex-column">
+              <li><a href="zaojiashu.html">造价书</a></li>
+              <li><a href="gongliaoji.html">人材机</a></li>
+              <li><a href="feilv.html">费率</a></li>
+              <li><a href="jisuanchengxu.html" class="active">计算程序</a></li>
+              <li><a href="tiaojia.html">调价</a></li>
+              <li><a href="baobiao.html">报表</a></li>
+            </ul>
+        </div>
+        <div class="content">
+            <div class="toolsbar" style="border:none">
+
+            </div>
+            <div class="container-fluid">
+                <div class="row">
+                  <div class="col-lg-3 p-0">
+                    <div class="main-data-not">
+                       <table class="table table-sm table-bordered m-0">
+                         <thead>
+                           <tr><th>序号</th><th>专业名称</th></tr>
+                         </thead>
+                         <tbody>
+                           <tr><td>1</td><td>重庆计价规则(2013)</td></tr>
+                           <tr><td>2</td><td>-建筑工程</td></tr>
+                         </tbody>
+                       </table>
+                     </div>
+                   </div>
+                  <div class="col-lg-9 p-0">
+                    <div class="main-data-not">
+                        <table class="table table-sm table-bordered m-0">
+                            <thead>
+                                <th>序号</th>
+                                <th>编号</th>
+                                <th>费用名称</th>
+                                <th>计算基数</th>
+                                <th>计算说明</th>
+                                <th>费率(%)</th>
+                                <th>备注</th>
+                            </thead>
+                            <tbody>
+                              <tr>
+                                <td>1</td>
+                                <td>1</td>
+                                <td>基价直接工程费</td>
+                                <td>F2+F5+F6+F10 <a href="javacript:void(0);" class="btn btn-secondary btn-sm" data-toggle="modal" data-target="#jsjs">基数选择</a></td>
+                                <td>基价人工费+基价材料费+基价机械费+未计价材料费</td>
+                                <td></td>
+                                <td></td>
+                              </tr>
+                            </tobdy>
+                        </table>
+                    </div>
+                  </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <!--弹出 计算基数-->
+    <div class="modal fade" id="jsjs" 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">
+                  <div class="form-group">
+                    <input class="form-control" value="分部分项工程费+100">
+                    <p class="form-text">
+                      <button class="btn btn-secondary btn-sm">+</button>
+                      <button class="btn btn-secondary btn-sm">-</button>
+                      <button class="btn btn-secondary btn-sm">*</button>
+                      <button class="btn btn-secondary btn-sm">/</button>
+                      <button class="btn btn-secondary btn-sm">(</button>
+                      <button class="btn btn-secondary btn-sm">)</button>
+                    </p>
+                  </div>
+                  <div class=" modal-auto-height">
+                    <table class="table table-sm table-bordered">
+                      <thead>
+                        <tr><th></th><th>计算基础名称</th><th>金额</th></tr>
+                      </thead>
+                      <tbody>
+                        <tr>
+                          <td>1</td><td><button class="btn btn-secondary btn-sm">分部分项工程费</button></td><td>1000.16</td>
+                        </tr>
+                        <tr>
+                          <td>2</td><td><button class="btn btn-secondary btn-sm">分部分项基价直接工程费</button></td><td>600.16</td>
+                        </tr>
+                        <tr>
+                          <td>3</td><td><button class="btn btn-secondary btn-sm">分部分项基价人工费</button></td><td>100.16</td>
+                        </tr>
+                        <tr>
+                          <td>4</td><td><button class="btn btn-secondary btn-sm">分部分项基价材料费</button></td><td>200.16</td>
+                        </tr>
+                        <tr>
+                          <td>5</td><td><button class="btn btn-secondary btn-sm">分部分项基价机械费</button></td><td>300.16</td>
+                        </tr>
+                        <tr>
+                          <td>6</td><td><button class="btn btn-secondary btn-sm">分部分项调整人工费</button></td><td>100.16</td>
+                        </tr>
+                        <tr>
+                          <td>7</td><td><button class="btn btn-secondary btn-sm">分部分项调整机人工费</button></td><td>50.16</td>
+                        </tr>
+                      </tbody>
+                    </table>
+                    <p></p>
+                      <p></p>
+                  </div>
+                </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-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>
+<script type="text/javascript">
+    $('#pop-lv').popover({
+      placement:"bottom",
+      html:true,
+      trigger:"hover | focus",
+      content:"A单位工程<br>B单位工程<br>C单位工程"
+    }
+    );
+</script>
+<script type="text/javascript">
+    $('#myModal').modal('show')
+</script>
+
+</html>

+ 132 - 0
js/bootstrap/bootstrap-submenu.js

@@ -0,0 +1,132 @@
+(function(factory) {
+  if (typeof define === 'function' && define.amd) {
+    // AMD. Register as an anonymous module
+    define(['jquery'], factory);
+  } else if (typeof exports === 'object') {
+    // Node/CommonJS
+    module.exports = factory(require('jquery'));
+  } else {
+    // Browser globals
+    factory(jQuery);
+  }
+})(function($) {
+  class DropdownSubmenu {
+    constructor(element) {
+      this.element = element.parentElement;
+      this.menuElement = this.element.querySelector('.dropdown-menu');
+
+      this.init();
+    }
+
+    init() {
+      $(this.element).off('keydown.bs.dropdown.data-api');
+
+      this.menuElement.addEventListener('keydown', this.itemKeydown.bind(this));
+
+      const dropdownItemNodeList = this.menuElement.querySelectorAll('.dropdown-item');
+
+      for (const element of dropdownItemNodeList) {
+        element.addEventListener('keydown', this.handleKeydownDropdownItem.bind(this));
+      }
+
+      $(this.menuElement).on('keydown', '.dropdown-submenu > .dropdown-item', this.handleKeydownSubmenuDropdownItem.bind(this));
+      $(this.menuElement).on('click', '.dropdown-submenu > .dropdown-item', this.handleClickSubmenuDropdownItem.bind(this));
+      $(this.element).on('hidden.bs.dropdown', () => {
+        this.close(this.menuElement);
+      });
+    }
+
+    handleKeydownDropdownItem(event) {
+      // 27: Esc
+      if (event.keyCode !== 27) {
+        return;
+      }
+
+      event.target.closest('.dropdown-menu').previousElementSibling.focus();
+      event.target.closest('.dropdown-menu').classList.remove('show');
+    }
+
+    handleKeydownSubmenuDropdownItem(event) {
+      // 32: Spacebar
+      if (event.keyCode !== 32) {
+        return;
+      }
+
+      // NOTE: Off vertical scrolling
+      event.preventDefault();
+
+      this.toggle(event.target);
+    }
+
+    handleClickSubmenuDropdownItem(event) {
+      event.stopPropagation();
+
+      this.toggle(event.target);
+    }
+
+    itemKeydown(event) {
+      // 38: Arrow up, 40: Arrow down
+      if (![38, 40].includes(event.keyCode)) {
+        return;
+      }
+
+      // NOTE: Off vertical scrolling
+      event.preventDefault();
+
+      event.stopPropagation();
+
+      const itemNodeList = this.element.querySelectorAll('.show > .dropdown-item:not(:disabled):not(.disabled), .show > .dropdown > .dropdown-item');
+
+      let index = Array.from(itemNodeList).findIndex((element) => {
+        return element === event.target;
+      });
+
+      if (event.keyCode === 38 && index !== 0) {
+        index--;
+      } else if (event.keyCode === 40 && index !== itemNodeList.length - 1) {
+        index++;
+      } else {
+        return;
+      }
+
+      itemNodeList[index].focus();
+    }
+
+    toggle(element) {
+      const dropdownElement = element.closest('.dropdown');
+      const parentMenuElement = dropdownElement.closest('.dropdown-menu');
+      const menuElement = dropdownElement.querySelector('.dropdown-menu');
+      const isOpen = menuElement.classList.contains('show');
+
+      this.close(parentMenuElement);
+
+      menuElement.classList.toggle('show', !isOpen);
+    }
+
+    close(menuElement) {
+      const menuNodeList = menuElement.querySelectorAll('.dropdown-menu.show');
+
+      for (const element of menuNodeList) {
+        element.classList.remove('show');
+      }
+    }
+  }
+
+  // For AMD/Node/CommonJS used elements (optional)
+  // http://learn.jquery.com/jquery-ui/environments/amd/
+  $.fn.submenupicker = function(elements) {
+    const $elements = this instanceof $ ? this : $(elements);
+
+    return $elements.each(function() {
+      let data = $.data(this, 'bs.submenu');
+
+      if (!data) {
+        data = new DropdownSubmenu(this);
+
+        $.data(this, 'bs.submenu', data);
+      }
+    });
+  };
+
+  return DropdownSubmenu;
+});

Rozdílová data souboru nebyla zobrazena, protože soubor je příliš velký
+ 7 - 0
js/bootstrap/bootstrap.min.js


+ 61 - 0
js/global.js

@@ -0,0 +1,61 @@
+/*全局自适应高度*/
+function autoFlashHeight(){
+    var headerHeight = $(".header").height();
+    var toolsbarHeight = $(".toolsbar").height();
+    var ftoolsbarHeight = $(".toolsbar-f").height();
+    var bottomContentHeight = $(".bottom-content").height();
+    var toolsBarHeightQ = $(".tools-bar-height-q").height();
+    var toolsBarHeightD = $(".tools-bar-height-d").height();
+    var toolsBarHeightZ = $(".tools-bar-height-z").height();
+    var toolsBarHeightY = $(".tools-bar-height-y").height();
+    $(".main-data-side-q").height($(window).height()-headerHeight-toolsbarHeight-toolsBarHeightQ-302);
+    $(".main-data-side-d").height($(window).height()-headerHeight-toolsbarHeight-toolsBarHeightD-302);
+    $(".main-data-side-m").height($(window).height()-headerHeight-toolsbarHeight-toolsBarHeightD-382);
+    $(".main-data-side-y").height($(window).height()-headerHeight-toolsbarHeight-toolsBarHeightY-302);
+    $(".main-data-side-z").height($(window).height()-headerHeight-toolsbarHeight-toolsBarHeightZ-2);
+    $(".main-data-side-x").height($(window).height()-headerHeight-toolsbarHeight-toolsBarHeightY-2);
+    $(".main-data-top").height($(window).height()-headerHeight-toolsbarHeight-bottomContentHeight-1);
+    $(".main-data-top-side").height($(window).height()-headerHeight-toolsbarHeight-bottomContentHeight-1);
+    $(".main-data-full").height($(window).height()-headerHeight-toolsbarHeight-1);
+    $(".main-data-full-fl").height($(window).height()-headerHeight-toolsbarHeight-37);
+    $(".main-data-not").height($(window).height()-headerHeight-1);
+    $(".main-data-side-search").height($(window).height()-headerHeight-toolsbarHeight-81);
+    $(".side-content").height($(window).height()-headerHeight );
+    $(".poj-list").height($(window).height()-headerHeight-toolsbarHeight);
+    $(".form-view").height($(window).height()-headerHeight-ftoolsbarHeight);
+    $(".form-list").height($(window).height()-headerHeight-50 );
+};
+$(window).resize(autoFlashHeight);
+/*全局自适应高度结束*/
+$(function(){
+/*侧滑*/
+$(".open-sidebar").click(function(){
+    $(".slide-sidebar").animate({width:"800"}).addClass("open");
+});
+$("body").click(function(event){
+        var e = event || window.event; //浏览器兼容性
+        if(!$(event.target).is('a')) {
+            var elem = event.target || e.srcElement;
+            while (elem) { //循环判断至跟节点,防止点击的是div子元素
+                if (elem.className == "open-sidebar" || elem.className == 'slide-sidebar open') {
+                    return false;
+                }
+                elem = elem.parentNode;
+            }
+            $(".slide-sidebar").animate({width:"0"}).removeClass("open")// 关闭处理
+        }
+
+    });
+/*侧滑*/
+/*显示QQ交流群*/
+$("#showqqgroup").hover(function(){
+    $("#qqgroup").toggle();
+});
+/*工具提示*/
+$(function () {
+  $('[data-toggle="tooltip"]').tooltip();
+  $('[data-toggle="popover"]').popover();
+  $('[data-submenu]').submenupicker();
+});
+
+});

Rozdílová data souboru nebyla zobrazena, protože soubor je příliš velký
+ 4 - 0
js/jquery/jquery-3.2.1.min.js


Rozdílová data souboru nebyla zobrazena, protože soubor je příliš velký
+ 5 - 0
js/popper/popper.min.js


Rozdílová data souboru nebyla zobrazena, protože soubor je příliš velký
+ 1913 - 0
js/ztree/jquery.ztree.core.js


+ 628 - 0
js/ztree/jquery.ztree.excheck.js

@@ -0,0 +1,628 @@
+/*
+ * JQuery zTree excheck v3.5.28
+ * http://treejs.cn/
+ *
+ * Copyright (c) 2010 Hunter.z
+ *
+ * Licensed same as jquery - MIT License
+ * http://www.opensource.org/licenses/mit-license.php
+ *
+ * email: hunter.z@263.net
+ * Date: 2017-01-20
+ */
+(function($){
+	//default consts of excheck
+	var _consts = {
+		event: {
+			CHECK: "ztree_check"
+		},
+		id: {
+			CHECK: "_check"
+		},
+		checkbox: {
+			STYLE: "checkbox",
+			DEFAULT: "chk",
+			DISABLED: "disable",
+			FALSE: "false",
+			TRUE: "true",
+			FULL: "full",
+			PART: "part",
+			FOCUS: "focus"
+		},
+		radio: {
+			STYLE: "radio",
+			TYPE_ALL: "all",
+			TYPE_LEVEL: "level"
+		}
+	},
+	//default setting of excheck
+	_setting = {
+		check: {
+			enable: false,
+			autoCheckTrigger: false,
+			chkStyle: _consts.checkbox.STYLE,
+			nocheckInherit: false,
+			chkDisabledInherit: false,
+			radioType: _consts.radio.TYPE_LEVEL,
+			chkboxType: {
+				"Y": "ps",
+				"N": "ps"
+			}
+		},
+		data: {
+			key: {
+				checked: "checked"
+			}
+		},
+		callback: {
+			beforeCheck:null,
+			onCheck:null
+		}
+	},
+	//default root of excheck
+	_initRoot = function (setting) {
+		var r = data.getRoot(setting);
+		r.radioCheckedList = [];
+	},
+	//default cache of excheck
+	_initCache = function(treeId) {},
+	//default bind event of excheck
+	_bindEvent = function(setting) {
+		var o = setting.treeObj,
+		c = consts.event;
+		o.bind(c.CHECK, function (event, srcEvent, treeId, node) {
+			event.srcEvent = srcEvent;
+			tools.apply(setting.callback.onCheck, [event, treeId, node]);
+		});
+	},
+	_unbindEvent = function(setting) {
+		var o = setting.treeObj,
+		c = consts.event;
+		o.unbind(c.CHECK);
+	},
+	//default event proxy of excheck
+	_eventProxy = function(e) {
+		var target = e.target,
+		setting = data.getSetting(e.data.treeId),
+		tId = "", node = null,
+		nodeEventType = "", treeEventType = "",
+		nodeEventCallback = null, treeEventCallback = null;
+
+		if (tools.eqs(e.type, "mouseover")) {
+			if (setting.check.enable && tools.eqs(target.tagName, "span") && target.getAttribute("treeNode"+ consts.id.CHECK) !== null) {
+				tId = tools.getNodeMainDom(target).id;
+				nodeEventType = "mouseoverCheck";
+			}
+		} else if (tools.eqs(e.type, "mouseout")) {
+			if (setting.check.enable && tools.eqs(target.tagName, "span") && target.getAttribute("treeNode"+ consts.id.CHECK) !== null) {
+				tId = tools.getNodeMainDom(target).id;
+				nodeEventType = "mouseoutCheck";
+			}
+		} else if (tools.eqs(e.type, "click")) {
+			if (setting.check.enable && tools.eqs(target.tagName, "span") && target.getAttribute("treeNode"+ consts.id.CHECK) !== null) {
+				tId = tools.getNodeMainDom(target).id;
+				nodeEventType = "checkNode";
+			}
+		}
+		if (tId.length>0) {
+			node = data.getNodeCache(setting, tId);
+			switch (nodeEventType) {
+				case "checkNode" :
+					nodeEventCallback = _handler.onCheckNode;
+					break;
+				case "mouseoverCheck" :
+					nodeEventCallback = _handler.onMouseoverCheck;
+					break;
+				case "mouseoutCheck" :
+					nodeEventCallback = _handler.onMouseoutCheck;
+					break;
+			}
+		}
+		var proxyResult = {
+			stop: nodeEventType === "checkNode",
+			node: node,
+			nodeEventType: nodeEventType,
+			nodeEventCallback: nodeEventCallback,
+			treeEventType: treeEventType,
+			treeEventCallback: treeEventCallback
+		};
+		return proxyResult
+	},
+	//default init node of excheck
+	_initNode = function(setting, level, n, parentNode, isFirstNode, isLastNode, openFlag) {
+		if (!n) return;
+		var checkedKey = setting.data.key.checked;
+		if (typeof n[checkedKey] == "string") n[checkedKey] = tools.eqs(n[checkedKey], "true");
+		n[checkedKey] = !!n[checkedKey];
+		n.checkedOld = n[checkedKey];
+		if (typeof n.nocheck == "string") n.nocheck = tools.eqs(n.nocheck, "true");
+		n.nocheck = !!n.nocheck || (setting.check.nocheckInherit && parentNode && !!parentNode.nocheck);
+		if (typeof n.chkDisabled == "string") n.chkDisabled = tools.eqs(n.chkDisabled, "true");
+		n.chkDisabled = !!n.chkDisabled || (setting.check.chkDisabledInherit && parentNode && !!parentNode.chkDisabled);
+		if (typeof n.halfCheck == "string") n.halfCheck = tools.eqs(n.halfCheck, "true");
+		n.halfCheck = !!n.halfCheck;
+		n.check_Child_State = -1;
+		n.check_Focus = false;
+		n.getCheckStatus = function() {return data.getCheckStatus(setting, n);};
+
+		if (setting.check.chkStyle == consts.radio.STYLE && setting.check.radioType == consts.radio.TYPE_ALL && n[checkedKey] ) {
+			var r = data.getRoot(setting);
+			r.radioCheckedList.push(n);
+		}
+	},
+	//add dom for check
+	_beforeA = function(setting, node, html) {
+		var checkedKey = setting.data.key.checked;
+		if (setting.check.enable) {
+			data.makeChkFlag(setting, node);
+			html.push("<span ID='", node.tId, consts.id.CHECK, "' class='", view.makeChkClass(setting, node), "' treeNode", consts.id.CHECK, (node.nocheck === true?" style='display:none;'":""),"></span>");
+		}
+	},
+	//update zTreeObj, add method of check
+	_zTreeTools = function(setting, zTreeTools) {
+		zTreeTools.checkNode = function(node, checked, checkTypeFlag, callbackFlag) {
+			var checkedKey = this.setting.data.key.checked;
+			if (node.chkDisabled === true) return;
+			if (checked !== true && checked !== false) {
+				checked = !node[checkedKey];
+			}
+			callbackFlag = !!callbackFlag;
+
+			if (node[checkedKey] === checked && !checkTypeFlag) {
+				return;
+			} else if (callbackFlag && tools.apply(this.setting.callback.beforeCheck, [this.setting.treeId, node], true) == false) {
+				return;
+			}
+			if (tools.uCanDo(this.setting) && this.setting.check.enable && node.nocheck !== true) {
+				node[checkedKey] = checked;
+				var checkObj = $$(node, consts.id.CHECK, this.setting);
+				if (checkTypeFlag || this.setting.check.chkStyle === consts.radio.STYLE) view.checkNodeRelation(this.setting, node);
+				view.setChkClass(this.setting, checkObj, node);
+				view.repairParentChkClassWithSelf(this.setting, node);
+				if (callbackFlag) {
+					this.setting.treeObj.trigger(consts.event.CHECK, [null, this.setting.treeId, node]);
+				}
+			}
+		}
+
+		zTreeTools.checkAllNodes = function(checked) {
+			view.repairAllChk(this.setting, !!checked);
+		}
+
+		zTreeTools.getCheckedNodes = function(checked) {
+			var childKey = this.setting.data.key.children;
+			checked = (checked !== false);
+			return data.getTreeCheckedNodes(this.setting, data.getRoot(this.setting)[childKey], checked);
+		}
+
+		zTreeTools.getChangeCheckedNodes = function() {
+			var childKey = this.setting.data.key.children;
+			return data.getTreeChangeCheckedNodes(this.setting, data.getRoot(this.setting)[childKey]);
+		}
+
+		zTreeTools.setChkDisabled = function(node, disabled, inheritParent, inheritChildren) {
+			disabled = !!disabled;
+			inheritParent = !!inheritParent;
+			inheritChildren = !!inheritChildren;
+			view.repairSonChkDisabled(this.setting, node, disabled, inheritChildren);
+			view.repairParentChkDisabled(this.setting, node.getParentNode(), disabled, inheritParent);
+		}
+
+		var _updateNode = zTreeTools.updateNode;
+		zTreeTools.updateNode = function(node, checkTypeFlag) {
+			if (_updateNode) _updateNode.apply(zTreeTools, arguments);
+			if (!node || !this.setting.check.enable) return;
+			var nObj = $$(node, this.setting);
+			if (nObj.get(0) && tools.uCanDo(this.setting)) {
+				var checkObj = $$(node, consts.id.CHECK, this.setting);
+				if (checkTypeFlag == true || this.setting.check.chkStyle === consts.radio.STYLE) view.checkNodeRelation(this.setting, node);
+				view.setChkClass(this.setting, checkObj, node);
+				view.repairParentChkClassWithSelf(this.setting, node);
+			}
+		}
+	},
+	//method of operate data
+	_data = {
+		getRadioCheckedList: function(setting) {
+			var checkedList = data.getRoot(setting).radioCheckedList;
+			for (var i=0, j=checkedList.length; i<j; i++) {
+				if(!data.getNodeCache(setting, checkedList[i].tId)) {
+					checkedList.splice(i, 1);
+					i--; j--;
+				}
+			}
+			return checkedList;
+		},
+		getCheckStatus: function(setting, node) {
+			if (!setting.check.enable || node.nocheck || node.chkDisabled) return null;
+			var checkedKey = setting.data.key.checked,
+			r = {
+				checked: node[checkedKey],
+				half: node.halfCheck ? node.halfCheck : (setting.check.chkStyle == consts.radio.STYLE ? (node.check_Child_State === 2) : (node[checkedKey] ? (node.check_Child_State > -1 && node.check_Child_State < 2) : (node.check_Child_State > 0)))
+			};
+			return r;
+		},
+		getTreeCheckedNodes: function(setting, nodes, checked, results) {
+			if (!nodes) return [];
+			var childKey = setting.data.key.children,
+			checkedKey = setting.data.key.checked,
+			onlyOne = (checked && setting.check.chkStyle == consts.radio.STYLE && setting.check.radioType == consts.radio.TYPE_ALL);
+			results = !results ? [] : results;
+			for (var i = 0, l = nodes.length; i < l; i++) {
+				if (nodes[i].nocheck !== true && nodes[i].chkDisabled !== true && nodes[i][checkedKey] == checked) {
+					results.push(nodes[i]);
+					if(onlyOne) {
+						break;
+					}
+				}
+				data.getTreeCheckedNodes(setting, nodes[i][childKey], checked, results);
+				if(onlyOne && results.length > 0) {
+					break;
+				}
+			}
+			return results;
+		},
+		getTreeChangeCheckedNodes: function(setting, nodes, results) {
+			if (!nodes) return [];
+			var childKey = setting.data.key.children,
+			checkedKey = setting.data.key.checked;
+			results = !results ? [] : results;
+			for (var i = 0, l = nodes.length; i < l; i++) {
+				if (nodes[i].nocheck !== true && nodes[i].chkDisabled !== true && nodes[i][checkedKey] != nodes[i].checkedOld) {
+					results.push(nodes[i]);
+				}
+				data.getTreeChangeCheckedNodes(setting, nodes[i][childKey], results);
+			}
+			return results;
+		},
+		makeChkFlag: function(setting, node) {
+			if (!node) return;
+			var childKey = setting.data.key.children,
+			checkedKey = setting.data.key.checked,
+			chkFlag = -1;
+			if (node[childKey]) {
+				for (var i = 0, l = node[childKey].length; i < l; i++) {
+					var cNode = node[childKey][i];
+					var tmp = -1;
+					if (setting.check.chkStyle == consts.radio.STYLE) {
+						if (cNode.nocheck === true || cNode.chkDisabled === true) {
+							tmp = cNode.check_Child_State;
+						} else if (cNode.halfCheck === true) {
+							tmp = 2;
+						} else if (cNode[checkedKey]) {
+							tmp = 2;
+						} else {
+							tmp = cNode.check_Child_State > 0 ? 2:0;
+						}
+						if (tmp == 2) {
+							chkFlag = 2; break;
+						} else if (tmp == 0){
+							chkFlag = 0;
+						}
+					} else if (setting.check.chkStyle == consts.checkbox.STYLE) {
+						if (cNode.nocheck === true || cNode.chkDisabled === true) {
+							tmp = cNode.check_Child_State;
+						} else if (cNode.halfCheck === true) {
+							tmp = 1;
+						} else if (cNode[checkedKey] ) {
+							tmp = (cNode.check_Child_State === -1 || cNode.check_Child_State === 2) ? 2 : 1;
+						} else {
+							tmp = (cNode.check_Child_State > 0) ? 1 : 0;
+						}
+						if (tmp === 1) {
+							chkFlag = 1; break;
+						} else if (tmp === 2 && chkFlag > -1 && i > 0 && tmp !== chkFlag) {
+							chkFlag = 1; break;
+						} else if (chkFlag === 2 && tmp > -1 && tmp < 2) {
+							chkFlag = 1; break;
+						} else if (tmp > -1) {
+							chkFlag = tmp;
+						}
+					}
+				}
+			}
+			node.check_Child_State = chkFlag;
+		}
+	},
+	//method of event proxy
+	_event = {
+
+	},
+	//method of event handler
+	_handler = {
+		onCheckNode: function (event, node) {
+			if (node.chkDisabled === true) return false;
+			var setting = data.getSetting(event.data.treeId),
+			checkedKey = setting.data.key.checked;
+			if (tools.apply(setting.callback.beforeCheck, [setting.treeId, node], true) == false) return true;
+			node[checkedKey] = !node[checkedKey];
+			view.checkNodeRelation(setting, node);
+			var checkObj = $$(node, consts.id.CHECK, setting);
+			view.setChkClass(setting, checkObj, node);
+			view.repairParentChkClassWithSelf(setting, node);
+			setting.treeObj.trigger(consts.event.CHECK, [event, setting.treeId, node]);
+			return true;
+		},
+		onMouseoverCheck: function(event, node) {
+			if (node.chkDisabled === true) return false;
+			var setting = data.getSetting(event.data.treeId),
+			checkObj = $$(node, consts.id.CHECK, setting);
+			node.check_Focus = true;
+			view.setChkClass(setting, checkObj, node);
+			return true;
+		},
+		onMouseoutCheck: function(event, node) {
+			if (node.chkDisabled === true) return false;
+			var setting = data.getSetting(event.data.treeId),
+			checkObj = $$(node, consts.id.CHECK, setting);
+			node.check_Focus = false;
+			view.setChkClass(setting, checkObj, node);
+			return true;
+		}
+	},
+	//method of tools for zTree
+	_tools = {
+
+	},
+	//method of operate ztree dom
+	_view = {
+		checkNodeRelation: function(setting, node) {
+			var pNode, i, l,
+			childKey = setting.data.key.children,
+			checkedKey = setting.data.key.checked,
+			r = consts.radio;
+			if (setting.check.chkStyle == r.STYLE) {
+				var checkedList = data.getRadioCheckedList(setting);
+				if (node[checkedKey]) {
+					if (setting.check.radioType == r.TYPE_ALL) {
+						for (i = checkedList.length-1; i >= 0; i--) {
+							pNode = checkedList[i];
+							if (pNode[checkedKey] && pNode != node) {
+								pNode[checkedKey] = false;
+								checkedList.splice(i, 1);
+
+								view.setChkClass(setting, $$(pNode, consts.id.CHECK, setting), pNode);
+								if (pNode.parentTId != node.parentTId) {
+									view.repairParentChkClassWithSelf(setting, pNode);
+								}
+							}
+						}
+						checkedList.push(node);
+					} else {
+						var parentNode = (node.parentTId) ? node.getParentNode() : data.getRoot(setting);
+						for (i = 0, l = parentNode[childKey].length; i < l; i++) {
+							pNode = parentNode[childKey][i];
+							if (pNode[checkedKey] && pNode != node) {
+								pNode[checkedKey] = false;
+								view.setChkClass(setting, $$(pNode, consts.id.CHECK, setting), pNode);
+							}
+						}
+					}
+				} else if (setting.check.radioType == r.TYPE_ALL) {
+					for (i = 0, l = checkedList.length; i < l; i++) {
+						if (node == checkedList[i]) {
+							checkedList.splice(i, 1);
+							break;
+						}
+					}
+				}
+
+			} else {
+				if (node[checkedKey] && (!node[childKey] || node[childKey].length==0 || setting.check.chkboxType.Y.indexOf("s") > -1)) {
+					view.setSonNodeCheckBox(setting, node, true);
+				}
+				if (!node[checkedKey] && (!node[childKey] || node[childKey].length==0 || setting.check.chkboxType.N.indexOf("s") > -1)) {
+					view.setSonNodeCheckBox(setting, node, false);
+				}
+				if (node[checkedKey] && setting.check.chkboxType.Y.indexOf("p") > -1) {
+					view.setParentNodeCheckBox(setting, node, true);
+				}
+				if (!node[checkedKey] && setting.check.chkboxType.N.indexOf("p") > -1) {
+					view.setParentNodeCheckBox(setting, node, false);
+				}
+			}
+		},
+		makeChkClass: function(setting, node) {
+			var checkedKey = setting.data.key.checked,
+			c = consts.checkbox, r = consts.radio,
+			fullStyle = "";
+			if (node.chkDisabled === true) {
+				fullStyle = c.DISABLED;
+			} else if (node.halfCheck) {
+				fullStyle = c.PART;
+			} else if (setting.check.chkStyle == r.STYLE) {
+				fullStyle = (node.check_Child_State < 1)? c.FULL:c.PART;
+			} else {
+				fullStyle = node[checkedKey] ? ((node.check_Child_State === 2 || node.check_Child_State === -1) ? c.FULL:c.PART) : ((node.check_Child_State < 1)? c.FULL:c.PART);
+			}
+			var chkName = setting.check.chkStyle + "_" + (node[checkedKey] ? c.TRUE : c.FALSE) + "_" + fullStyle;
+			chkName = (node.check_Focus && node.chkDisabled !== true) ? chkName + "_" + c.FOCUS : chkName;
+			return consts.className.BUTTON + " " + c.DEFAULT + " " + chkName;
+		},
+		repairAllChk: function(setting, checked) {
+			if (setting.check.enable && setting.check.chkStyle === consts.checkbox.STYLE) {
+				var checkedKey = setting.data.key.checked,
+				childKey = setting.data.key.children,
+				root = data.getRoot(setting);
+				for (var i = 0, l = root[childKey].length; i<l ; i++) {
+					var node = root[childKey][i];
+					if (node.nocheck !== true && node.chkDisabled !== true) {
+						node[checkedKey] = checked;
+					}
+					view.setSonNodeCheckBox(setting, node, checked);
+				}
+			}
+		},
+		repairChkClass: function(setting, node) {
+			if (!node) return;
+			data.makeChkFlag(setting, node);
+			if (node.nocheck !== true) {
+				var checkObj = $$(node, consts.id.CHECK, setting);
+				view.setChkClass(setting, checkObj, node);
+			}
+		},
+		repairParentChkClass: function(setting, node) {
+			if (!node || !node.parentTId) return;
+			var pNode = node.getParentNode();
+			view.repairChkClass(setting, pNode);
+			view.repairParentChkClass(setting, pNode);
+		},
+		repairParentChkClassWithSelf: function(setting, node) {
+			if (!node) return;
+			var childKey = setting.data.key.children;
+			if (node[childKey] && node[childKey].length > 0) {
+				view.repairParentChkClass(setting, node[childKey][0]);
+			} else {
+				view.repairParentChkClass(setting, node);
+			}
+		},
+		repairSonChkDisabled: function(setting, node, chkDisabled, inherit) {
+			if (!node) return;
+			var childKey = setting.data.key.children;
+			if (node.chkDisabled != chkDisabled) {
+				node.chkDisabled = chkDisabled;
+			}
+			view.repairChkClass(setting, node);
+			if (node[childKey] && inherit) {
+				for (var i = 0, l = node[childKey].length; i < l; i++) {
+					var sNode = node[childKey][i];
+					view.repairSonChkDisabled(setting, sNode, chkDisabled, inherit);
+				}
+			}
+		},
+		repairParentChkDisabled: function(setting, node, chkDisabled, inherit) {
+			if (!node) return;
+			if (node.chkDisabled != chkDisabled && inherit) {
+				node.chkDisabled = chkDisabled;
+			}
+			view.repairChkClass(setting, node);
+			view.repairParentChkDisabled(setting, node.getParentNode(), chkDisabled, inherit);
+		},
+		setChkClass: function(setting, obj, node) {
+			if (!obj) return;
+			if (node.nocheck === true) {
+				obj.hide();
+			} else {
+				obj.show();
+			}
+            obj.attr('class', view.makeChkClass(setting, node));
+		},
+		setParentNodeCheckBox: function(setting, node, value, srcNode) {
+			var childKey = setting.data.key.children,
+			checkedKey = setting.data.key.checked,
+			checkObj = $$(node, consts.id.CHECK, setting);
+			if (!srcNode) srcNode = node;
+			data.makeChkFlag(setting, node);
+			if (node.nocheck !== true && node.chkDisabled !== true) {
+				node[checkedKey] = value;
+				view.setChkClass(setting, checkObj, node);
+				if (setting.check.autoCheckTrigger && node != srcNode) {
+					setting.treeObj.trigger(consts.event.CHECK, [null, setting.treeId, node]);
+				}
+			}
+			if (node.parentTId) {
+				var pSign = true;
+				if (!value) {
+					var pNodes = node.getParentNode()[childKey];
+					for (var i = 0, l = pNodes.length; i < l; i++) {
+						if ((pNodes[i].nocheck !== true && pNodes[i].chkDisabled !== true && pNodes[i][checkedKey])
+						|| ((pNodes[i].nocheck === true || pNodes[i].chkDisabled === true) && pNodes[i].check_Child_State > 0)) {
+							pSign = false;
+							break;
+						}
+					}
+				}
+				if (pSign) {
+					view.setParentNodeCheckBox(setting, node.getParentNode(), value, srcNode);
+				}
+			}
+		},
+		setSonNodeCheckBox: function(setting, node, value, srcNode) {
+			if (!node) return;
+			var childKey = setting.data.key.children,
+			checkedKey = setting.data.key.checked,
+			checkObj = $$(node, consts.id.CHECK, setting);
+			if (!srcNode) srcNode = node;
+
+			var hasDisable = false;
+			if (node[childKey]) {
+				for (var i = 0, l = node[childKey].length; i < l; i++) {
+					var sNode = node[childKey][i];
+					view.setSonNodeCheckBox(setting, sNode, value, srcNode);
+					if (sNode.chkDisabled === true) hasDisable = true;
+				}
+			}
+
+			if (node != data.getRoot(setting) && node.chkDisabled !== true) {
+				if (hasDisable && node.nocheck !== true) {
+					data.makeChkFlag(setting, node);
+				}
+				if (node.nocheck !== true && node.chkDisabled !== true) {
+					node[checkedKey] = value;
+					if (!hasDisable) node.check_Child_State = (node[childKey] && node[childKey].length > 0) ? (value ? 2 : 0) : -1;
+				} else {
+					node.check_Child_State = -1;
+				}
+				view.setChkClass(setting, checkObj, node);
+				if (setting.check.autoCheckTrigger && node != srcNode && node.nocheck !== true && node.chkDisabled !== true) {
+					setting.treeObj.trigger(consts.event.CHECK, [null, setting.treeId, node]);
+				}
+			}
+
+		}
+	},
+
+	_z = {
+		tools: _tools,
+		view: _view,
+		event: _event,
+		data: _data
+	};
+	$.extend(true, $.fn.zTree.consts, _consts);
+	$.extend(true, $.fn.zTree._z, _z);
+
+	var zt = $.fn.zTree,
+	tools = zt._z.tools,
+	consts = zt.consts,
+	view = zt._z.view,
+	data = zt._z.data,
+	event = zt._z.event,
+	$$ = tools.$;
+
+	data.exSetting(_setting);
+	data.addInitBind(_bindEvent);
+	data.addInitUnBind(_unbindEvent);
+	data.addInitCache(_initCache);
+	data.addInitNode(_initNode);
+	data.addInitProxy(_eventProxy, true);
+	data.addInitRoot(_initRoot);
+	data.addBeforeA(_beforeA);
+	data.addZTreeTools(_zTreeTools);
+
+	var _createNodes = view.createNodes;
+	view.createNodes = function(setting, level, nodes, parentNode, index) {
+		if (_createNodes) _createNodes.apply(view, arguments);
+		if (!nodes) return;
+		view.repairParentChkClassWithSelf(setting, parentNode);
+	}
+	var _removeNode = view.removeNode;
+	view.removeNode = function(setting, node) {
+		var parentNode = node.getParentNode();
+		if (_removeNode) _removeNode.apply(view, arguments);
+		if (!node || !parentNode) return;
+		view.repairChkClass(setting, parentNode);
+		view.repairParentChkClass(setting, parentNode);
+	}
+
+	var _appendNodes = view.appendNodes;
+	view.appendNodes = function(setting, level, nodes, parentNode, index, initFlag, openFlag) {
+		var html = "";
+		if (_appendNodes) {
+			html = _appendNodes.apply(view, arguments);
+		}
+		if (parentNode) {
+			data.makeChkFlag(setting, parentNode);
+		}
+		return html;
+	}
+})(jQuery);

Rozdílová data souboru nebyla zobrazena, protože soubor je příliš velký
+ 61 - 0
login - sms.html


Rozdílová data souboru nebyla zobrazena, protože soubor je příliš velký
+ 53 - 0
login - ver.html


+ 89 - 0
login-infoinput.html

@@ -0,0 +1,89 @@
+<!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">
+</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 p-0 d-flex">
+           <div class="header-logo">
+                <div class="v-title">重庆2018定额</div>
+                <div class="p-title">纵横建筑云计价(免费版)</div>
+            </div>
+              <div class="ml-auto 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">15812644710</button>
+                      <div class="dropdown-menu dropdown-menu-right">
+                          <a class="dropdown-item" href="#" target="_blank">退出登录</a>
+                      </div>
+                  </div>
+              </div>
+          </nav>
+      </div>
+    <div class="container mt-3">
+        <div class="row">
+            <div class="col-lg-8 m-auto">
+                <div class="card newuser-input">
+                    <div class="card-body">
+                        <h4 class="card-title">在开始使用前,请填写以下信息。</h4>
+                        <h6 class="card-subtitle text-muted">详细填写这些信息,可以让我们更好的服务您。</h6>
+                    </div>
+                    <div class="card-body">
+                            <div class="form-group">
+                                <input class="form-control" placeholder="真实姓名" required="" autofocus="">
+                            </div>
+                            <div class="form-group">
+                                <input class="form-control" placeholder="企业全称" required="" autofocus="">
+                            </div>
+                            
+                            <div class="form-group">
+                                <select class="form-control">
+                                  <option>请选择企业所在地区</option>
+                                  <option>广东省</option>
+                                  <option>北京市</option>
+                                </select>
+                            </div>
+<!--                             <div class="form-group ">
+                              <div class="input-group mb-3">
+                                <div class="input-group-prepend">
+                                  <select class="form-control">
+                                    <option>请选择企业所在地区</option>
+                                    <option>广东省</option>
+                                    <option>北京市</option>
+                                  </select>
+                                </div>
+                                <input type="text" class="form-control" placeholder="详细地址">
+                              </div>
+                            </div> -->
+                        <div class="form-group">
+                            <a class="btn btn-primary btn-block" href="login-welcome.html">下一步</a>
+                        </div>
+                    </div>
+                </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>
+
+</html>

+ 60 - 0
login-page.html

@@ -0,0 +1,60 @@
+<!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">
+</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 p-0 d-flex">
+           <div class="header-logo">
+                <div class="v-title">重庆2018定额</div>
+                <div class="p-title">纵横建筑云计价(免费版)</div>
+            </div>
+              <div class="ml-auto 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">15812644710</button>
+                      <div class="dropdown-menu dropdown-menu-right">
+                          <a class="dropdown-item" href="#" target="_blank">退出登录</a>
+                      </div>
+                  </div>
+              </div>
+          </nav>
+      </div>
+    <div class="container mt-3">
+        <div class="row">
+            <div class="col-lg-8 mx-auto mt-5">
+                <div class="card newuser-input">
+                    <div class="card-body">
+                        <h4 class="mt-2 mb-5 text-center">分享设置已被修改,当前项目无权查看。</h4>
+                        <div class="form-group text-center">
+                            <a class="btn btn-primary" href="project-management.html">返回项目管理</a>
+                        </div>
+                    </div>
+                </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>
+
+</html>

+ 410 - 0
login-welcome.html

@@ -0,0 +1,410 @@
+<!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">
+</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 p-0 d-flex">
+           <div class="header-logo">
+                <div class="v-title">重庆2018定额</div>
+                <div class="p-title">纵横建筑云计价(免费版)</div>
+            </div>
+          <!-- <div class="navbar-text navbar-crumb p-0">
+              <span class=""><a href="project-management.html">项目管理</a></span>
+              <span class=""><i class="fa fa-angle-right fa-fw"></i></span>
+              <span class="" data-toggle="tooltip" data-placement="bottom" title="文件夹名称"><i class="fa fa-folder-o"></i></span>
+              <span class=""><i class="fa fa-angle-right fa-fw"></i></span>
+              <span class="" data-toggle="tooltip" data-placement="bottom" title="乌恰县S309线K72+100-开普太西水库-苏约克村公路建设工程"><i class="fa fa-cubes"></i></span>
+              <span class=""><i class="fa fa-angle-right fa-fw"></i></span>
+              <span class="" data-toggle="tooltip" data-placement="bottom" title="乌恰县S309线K72+100-开普太西水库-苏约克村公路建设工程"><i class="fa fa-cube"></i></span>
+              <span class=""><i class="fa fa-angle-right fa-fw"></i></span>
+              <span><i class="fa fa-sticky-note-o"></i></span>
+              <span class="" data-toggle="tooltip" data-placement="bottom" title="乌恰县S309线K72+100-开普太西水库-苏约克村公路建设工程"> <span class="text-truncate float-right">&nbsp;乌恰县S309线K72+100-开普太西水库-苏约克村公路建设工程</span></span>
+          </div>
+          <ul class="nav navbar-nav px-1">
+                  <li class="nav-item">
+                      <a class="nav-link" href="#" aria-expanded="false" data-toggle="modal" data-target="#poj-set"><i class="fa fa-cube"></i> 项目属性</a>
+                  </li>
+                  <li class="nav-item">
+                      <a class="nav-link" href="#" 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="tools-gongliaoji.html">工料机库编辑器</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> -->
+          <div class="ml-auto 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 class="dropdown-divider"></div>
+                      <a class="dropdown-item" href="#" target="_blank">退出登录</a>
+                  </div>
+              </div>
+              <a class="btn btn-link btn-sm new-msg" data-toggle="modal" data-target="#msg" href="javacript:void(0);">
+                <i class="fa fa-envelope-o" aria-hidden="true"></i>&nbsp;2
+              </a>
+          </div>
+      </nav>
+  </div>
+    <div class="main">
+        <div class="poj-manage container-fluid p-0">
+            <div class="pm-side">
+                <div class="poj-cate">
+                  <div class="dropdown">
+                    <a class="btn dropdown-toggle" data-toggle="dropdown">
+                      <i class="fa fa-search"></i>
+                    </a>
+                    <div class="dropdown-menu p-3" aria-labelledby="dropdownMenuButton">
+                      <div class="form-group m-0">
+                        <input type="text" class="form-control form-control-sm" placeholder="搜索所有工程"style="width:300px">
+                      </div>
+                    </div>
+                  </div>
+                    <ul class="nav nav-pills flex-column">
+                        <li class="nav-item">
+                            <a class="nav-link active" href="project-management.html"><i class="fa fa-bars" data-toggle="tooltip" data-placement="right" data-original-title="所有工程"></i></a>
+                        </li>
+                        <!-- <li class="nav-item">
+                            <a class="nav-link" href="#" ><i  data-toggle="tooltip" data-placement="right" data-original-title="最近使用" class="fa fa-bookmark"></i></a>
+                        </li> -->
+                        <li class="nav-item">
+                            <a class="nav-link" href="project-management-share.html" ><i class="fa fa-share-alt" data-toggle="tooltip" data-placement="right" data-original-title="分享"></i></a><span class="badge badge-danger">4</span>
+                        </li>
+                        <!-- <li class="nav-item">
+                            <a class="nav-link" href="project-management-synergy.html" ><i class="fa fa-users" data-toggle="tooltip" data-placement="right" data-original-title="协同工作"></i></a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link" href="#" ><i class="fa fa-book" data-toggle="tooltip" data-placement="right" data-original-title="归档"></i></a>
+                        </li> -->
+                        <li class="nav-item">
+                            <a class="nav-link" href="project-management-Recycle.html"><i class="fa fa-trash"  data-toggle="tooltip" data-placement="right" data-original-title="回收站"></i></a>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+            <div class="pm-content">
+              <div class="tab-content">
+                <div class="tab-pane active">
+                  <div class="toolsbar">
+                    <legend class="m-0 px-4 pb-1">所有工程</legend><!-- 
+                    <div class="tools-btn btn-group align-top px-3">
+                        <a href="javacript:void(0);" data-toggle="modal" data-target="#addPoj3" class="btn btn-sm">新建 <i class="fa fa-sticky-note-o"></i> 单位工程</a>
+                        <div class="btn-group" role="group">
+                          <a href="javacript:void(0);" class="btn btn-sm dropdown-toggle" data-toggle="dropdown"></a>
+                          <div class="dropdown-menu" aria-labelledby="btnGroupDrop1">
+                            <a href="javacript:void(0);" data-toggle="modal" data-target="#addPoj1" class="dropdown-item">新建 <i class="fa fa-cubes"></i> 建设项目</a>
+                            <a href="javacript:void(0);" data-toggle="modal" data-target="#addPoj2" class="dropdown-item">新建 <i class="fa fa-cube"></i> 单项工程</a>
+                            <a href="javacript:void(0);" data-toggle="modal" data-target="#addFolder" class="dropdown-item disabled">新建 <i class="fa fa-folder-o"></i> 文件夹</a>
+                          </div>
+                        </div>
+                        <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="javacript:void(0);" data-toggle="modal" data-target="#share" class="btn btn-sm">分享</a>
+                        <a href="javacript:void(0);" data-toggle="modal" data-target="#synergy" class="btn btn-sm">协同</a>
+                    </div> -->
+                </div>
+                  <div class="poj-list">
+                    <a href="javacript:void(0);" class="btn btn-secondary m-3" data-toggle="modal" data-target="#addPoj3">新建</a>
+                    <a href="javacript:void(0);" class="btn btn-secondary m-3" data-toggle="modal" data-target="#share">分享</a>
+                    <a href="javacript:void(0);" class="btn btn-secondary m-3" data-toggle="modal" data-target="#share2">分享文件夹</a>
+                    <table class="table table-hover table-sm mb-5">
+                        <thead>
+                            <tr>
+                                <th width="40"></th>
+                                <th width="55%">工程列表</th>
+                                <th width="8%">计价方式</th>
+                                <th width="16%">计价规则</th>
+                                <th width="9%">工程专业</th>
+                                <th width="8%">创建日期</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <tr>
+                                <td></td>
+                                <td class="in-1"><a href="#" class="tree-close" title="展开"><i class="fa fa-plus-square-o"></i></a><i class="fa fa-folder-o"></i>&nbsp;文件夹</td>
+                                <td></td>
+                                <td></td>
+                                <td></td>
+                                <td></td>
+                            </tr>
+                            <tr>
+                                <td><i class="fa fa-sort" data-toggle="tooltip" data-placement="bottom" title="长按同级移动"></i></td>
+                                <td class="in-1"><a href="#" class="tree-open" title="收起"><i class="fa fa-minus-square-o"></i></a><i class="fa fa-folder-open-o"></i>&nbsp;文件夹</td>
+                                <td></td>
+                                <td></td>
+                                <td></td>
+                                <td></td>
+                            </tr>
+                            <tr>
+                                <td></td>
+                                <td class="in-2"><a href="#" class="tree-open" title="收起"><i class="fa fa-minus-square-o"></i></a><a href="#" class="open-sidebar"><i class="fa fa-cubes"></i>&nbsp;汽车生产车间</a></td>
+                                <td></td>
+                                <td></td>
+                                <td></td>
+                                <td></td>
+                            </tr>
+                            <tr>
+                                <td></td>
+                                <td class="in-3"><a href="#" class="tree-open" title="收起"><i class="fa fa-minus-square-o"></i></a><a href="#" class="open-sidebar"><i class="fa fa-cube"></i>&nbsp;左2号生产车间</a></td>
+                                <td></td>
+                                <td></td>
+                                <td></td>
+                                <td></td>
+                            </tr>
+                            <tr>
+                                <td><i class="fa fa-share-alt text-success"></i> <i class="fa fa-refresh text-danger"></i>  <i class="fa fa-question-circle text-primary"></i></td>
+                                <td class="in-4"><a class="tree-open"></a><span class="poj-icon">└</span><a href="zaojiashu.html"><i class="fa fa-sticky-note-o"></i>&nbsp;建筑工程2</a></td>
+                                <td>清单计价</td>
+                                <td>重庆[2008]调整人工单价</td>
+                                <td>建筑工程</td>
+                                <td>2016-01-01</td>
+                            </tr>
+                        </tbody>
+                    </table>
+                </div>
+                </div>
+              </div>
+            </div>
+        </div>
+        <div class="slide-sidebar">
+            <div class="side-content">
+              <!--建设项目汇总-->
+                <div class="p-3">
+                    <legend>船体生产车间 汇总</legend>
+                    <table class="table table-bordered table-hover table-sm">
+                        <thead>
+                            <tr>
+                                <th rowspan="2"></th>
+                                <th rowspan="2">序号</th>
+                                <th rowspan="2">单位工程名称</th>
+                                <th rowspan="2">金额(元)</th>
+                                <th colspan="3">其中</th>
+                            </tr>
+                            <tr>
+                                <th>暂估价(元)</th>
+                                <th>安全文明施工费(元)</th>
+                                <th>规费(元)</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <tr>
+                                <td>1</td>
+                                <td>1</td>
+                                <td>6号生产车间</td>
+                                <td>12345.67</td>
+                                <td>5436.87</td>
+                                <td>54345.68</td>
+                                <td>514.54</td>
+                            </tr>
+                            <tr>
+                                <td>2</td>
+                                <td>2</td>
+                                <td>7号生产车间</td>
+                                <td>12345.67</td>
+                                <td>5436.87</td>
+                                <td>54345.68</td>
+                                <td>514.54</td>
+                            </tr>
+                            <tr>
+                                <td>3</td>
+                                <td>3</td>
+                                <td>8号生产车间</td>
+                                <td> </td>
+                                <td> </td>
+                                <td> </td>
+                                <td> </td>
+                            </tr>
+                            <tr>
+                                <td>4</td>
+                                <td>4</td>
+                                <td>9号生产车间</td>
+                                <td> </td>
+                                <td> </td>
+                                <td> </td>
+                                <td> </td>
+                            </tr>
+                            <tr>
+                                <td>4</td>
+                                <td> </td>
+                                <td>合计</td>
+                                <td>110789.36</td>
+                                <td>5971.32</td>
+                                <td>58900.46</td>
+                                <td>1049.41</td>
+                            </tr>
+                        </tbody>
+                    </table>
+                    <div class="row">
+                      <div class="col-md-6">
+                        <legend>单价文件</legend>
+                        <table class="table table-bordered table-hover table-sm">
+                          <thead><th></th><th>名称</th><th width="50">使用</th></thead>
+                          <tbody>
+                            <tr><td>1</td><td>A单价文件<p><a class="mr-1" href="javacript:void(0);" data-toggle="modal" data-target="#del-wj">删除</a><a href="javacript:void(0);" data-toggle="modal" data-target="#del-wj">重命名</a></p></td><td class="text-center"><a href="" id="pop-use">3</a></td></tr>
+                            <tr><td>2</td>
+                              <td>
+                                <div class="input-group">
+                                  <input class="form-control form-control-sm" value="B单价文件">
+                                  <span class="input-group-btn">
+                                    <button class="btn btn-success btn-sm" type="button"><i class="fa fa-check"></i></button>
+                                  </span>
+                                  <span class="input-group-btn">
+                                    <button class="btn btn-secondary btn-sm" type="button"><i class="fa fa-remove"></i></button>
+                                  </span>
+                                </div>
+                              </td>
+                              <td class="text-center"><a href="" id="pop-use">2</a></td></tr>
+                            <tr><td>3</td><td>C单价文件</td><td class="text-center">0</td></tr>
+                          </tbody>
+                        </table>
+                      </div>
+                      <div class="col-md-6">
+                        <legend>费率文件</legend>
+                        <table class="table table-bordered table-hover table-sm">
+                          <thead><th></th><th>名称</th><th width="50">使用</th></thead>
+                          <tbody>
+                            <tr><td>1</td><td>A费率文件</td><td class="text-center"><a href="" id="pop-use">1</a></td></tr>
+                            <tr><td>2</td><td>B费率文件</td><td class="text-center">0</td></tr>
+                            <tr><td>3</td><td>C费率文件</td><td class="text-center"><a href="" id="pop-use">2</a></td></tr>
+                          </tbody>
+                        </table>
+                      </div>
+                    </div>
+                </div>
+              <!--单项工程汇总-->
+                <div class="p-3">
+                    <legend>6号生产车间 汇总</legend>
+                    <table class="table table-bordered table-hover table-sm">
+                        <thead>
+                            <tr>
+                                <th rowspan="2"></th>
+                                <th rowspan="2">序号</th>
+                                <th rowspan="2">单位工程名称</th>
+                                <th rowspan="2">金额(元)</th>
+                                <th colspan="3">其中</th>
+                            </tr>
+                            <tr>
+                                <th>暂估价(元)</th>
+                                <th>安全文明施工费(元)</th>
+                                <th>规费(元)</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <tr>
+                                <td>1</td>
+                                <td>1</td>
+                                <td>建筑工程3</td>
+                                <td>12345.67</td>
+                                <td>5436.87</td>
+                                <td>54345.68</td>
+                                <td>514.54</td>
+                            </tr>
+                            <tr>
+                                <td>2</td>
+                                <td>2</td>
+                                <td>建筑工程4</td>
+                                <td>12345.67</td>
+                                <td>5436.87</td>
+                                <td>54345.68</td>
+                                <td>514.54</td>
+                            </tr>
+                            <tr>
+                                <td>3</td>
+                                <td>3</td>
+                                <td>建筑工程5</td>
+                                <td> </td>
+                                <td> </td>
+                                <td> </td>
+                                <td> </td>
+                            </tr>
+                            <tr>
+                                <td>4</td>
+                                <td> </td>
+                                <td>合计</td>
+                                <td>110789.36</td>
+                                <td>5971.32</td>
+                                <td>58900.46</td>
+                                <td>1049.41</td>
+                            </tr>
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+        </div>
+    </div>
+    <!--弹出信息-->
+    <div class="modal fade" id="myModal" data-backdrop="static">
+        <div class="modal-dialog modal-lg" role="document">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h5 class="modal-title">欢迎使用纵横建筑云计价</h5>
+                </div>
+                <div class="modal-body">
+                    <div class="row">
+                      <div class="modal-auto-height col-3">
+                        <nav class="nav nav-pills flex-column">
+                          <a class="nav-link active btn-light" href="#">Active</a>
+                          <a class="nav-link" href="#">Link</a>
+                          <a class="nav-link" href="#">Link</a>
+                        </nav>
+                      </div>
+                      <div class="col-9">
+                        <iframe height=400 width=565 src='http://player.youku.com/embed/XMTQxNjYxMjQ3Ng==' frameborder=0 'allowfullscreen'></iframe>
+                      </div>
+                    </div>
+                </div>
+                <div class="modal-footer text-xs-center">
+                    <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
+                </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">
+    $('#myModal').modal('show')
+</script>
+
+</html>

Rozdílová data souboru nebyla zobrazena, protože soubor je příliš velký
+ 265 - 0
login.html


+ 183 - 0
main.html

@@ -0,0 +1,183 @@
+<!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"><a href="project-management.html">项目管理</a><i class="fa fa-angle-right fa-fw"></i>文件夹<i class="fa fa-angle-right fa-fw"></i>建设项目<i class="fa fa-angle-right fa-fw"></i>单项工程<i class="fa fa-angle-right fa-fw"></i>单位工程</div>
+            <div class="float-lg-right navbar-text p-0">
+                <div class="dropdown d-inline-block">
+                    <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>
+                <li class="nav-item">
+                    <a class="nav-link" href="#" aria-haspopup="true" aria-expanded="false"><i class="fa fa-history"></i> 历史记录</a>
+                </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="main-nav">
+            <ul class="nav nav-tabs flex-column" role="tablist">
+                <li class="nav-item"><a class="active" data-toggle="tab" href="#zaojiashu" role="tab">造价书</a></li>
+                <li class="nav-item"><a data-toggle="tab" href="#gongliaoji" role="tab">工料机</a></li>
+                <li class="nav-item"><a data-toggle="tab" href="#baobiao" role="tab">报表</a></li>
+                <li class="nav-item"><a data-toggle="tab" href="#feilv" role="tab">费率</a></li>
+            </ul>
+        </div>
+        <div class="content">
+          <div class="tab-content">
+            <div class="tab-pane active" id="zaojiashu" role="tabpanel">
+              造价书
+            </div>
+            <div class="tab-pane" id="gongliaoji" role="tabpanel">
+              工料机
+            </div>
+            <div class="tab-pane" id="baobiao" role="tabpanel">
+              报表
+            </div>
+            <div class="tab-pane" id="feilv" role="tabpanel">
+              报表
+            </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>
+    <!--报表 zTree -->
+  	<script type="text/javascript" src="js/ztree/jquery.ztree.core.js"></script>
+  	<script type="text/javascript" src="js/ztree/jquery.ztree.excheck.js"></script>
+    <SCRIPT type="text/javascript">
+  		<!--
+  		var setting = {
+  			view: {
+  				selectedMulti: false
+  			},
+  			check: {
+  				enable: true
+  			},
+  			data: {
+  				simpleData: {
+  					enable: true
+  				}
+  			},
+  			callback: {
+  				onCheck: onCheck
+  			}
+  		};
+
+  		var zNodes =[
+  			{ id:1, pId:0, name:"随意勾选 1", open:true},
+  			{ id:11, pId:1, name:"随意勾选 1-1"},
+  			{ id:12, pId:1, name:"随意勾选  1-2", open:true},
+  			{ id:121, pId:12, name:"随意勾选 1-2-1", checked:true},
+  			{ id:122, pId:12, name:"随意勾选 1-2-2"},
+  			{ id:123, pId:12, name:"随意勾选 1-2-3"},
+  			{ id:13, pId:1, name:"随意勾选 1-3"},
+  			{ id:2, pId:0, name:"随意勾选 2", open:true},
+  			{ id:21, pId:2, name:"随意勾选 2-1"},
+  			{ id:22, pId:2, name:"随意勾选 2-2", open:true},
+  			{ id:221, pId:22, name:"随意勾选 2-2-1", checked:true},
+  			{ id:222, pId:22, name:"随意勾选 2-2-2"},
+  			{ id:223, pId:22, name:"随意勾选 2-2-3"},
+  			{ id:23, pId:2, name:"随意勾选 2-3", checked:true}
+  		];
+
+  		var clearFlag = false;
+  		function onCheck(e, treeId, treeNode) {
+  			count();
+  			if (clearFlag) {
+  				clearCheckedOldNodes();
+  			}
+  		}
+  		function clearCheckedOldNodes() {
+  			var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
+  			nodes = zTree.getChangeCheckedNodes();
+  			for (var i=0, l=nodes.length; i<l; i++) {
+  				nodes[i].checkedOld = nodes[i].checked;
+  			}
+  		}
+  		function count() {
+  			var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
+  			checkCount = zTree.getCheckedNodes(true).length;
+  			$("#checkCount").text(checkCount);
+
+  		}
+  		function createTree() {
+  			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+  			count();
+  		}
+
+  		$(document).ready(function(){
+  			createTree();
+  		});
+  		//-->
+  	</SCRIPT>
+</body>
+<script type="text/javascript">
+    autoFlashHeight();
+</script>
+
+</html>

+ 424 - 0
project-management-Recycle.html

@@ -0,0 +1,424 @@
+<!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 p-0 d-flex">
+           <div class="header-logo">
+                <div class="v-title">重庆2018定额</div>
+                <div class="p-title">纵横建筑云计价(免费版)</div>
+            </div>
+            <!-- <div class="navbar-text navbar-crumb p-0">
+                <span class=""><a href="project-management.html">项目管理</a></span>
+                <span class=""><i class="fa fa-angle-right fa-fw"></i></span>
+                <span class="" data-toggle="tooltip" data-placement="bottom" title="文件夹名称"><i class="fa fa-folder-o"></i></span>
+                <span class=""><i class="fa fa-angle-right fa-fw"></i></span>
+                <span class="" data-toggle="tooltip" data-placement="bottom" title="乌恰县S309线K72+100-开普太西水库-苏约克村公路建设工程"><i class="fa fa-cubes"></i></span>
+                <span class=""><i class="fa fa-angle-right fa-fw"></i></span>
+                <span class="" data-toggle="tooltip" data-placement="bottom" title="乌恰县S309线K72+100-开普太西水库-苏约克村公路建设工程"><i class="fa fa-cube"></i></span>
+                <span class=""><i class="fa fa-angle-right fa-fw"></i></span>
+                <span><i class="fa fa-sticky-note-o"></i></span>
+                <span class="" data-toggle="tooltip" data-placement="bottom" title="乌恰县S309线K72+100-开普太西水库-苏约克村公路建设工程"> <span class="text-truncate float-right">&nbsp;乌恰县S309线K72+100-开普太西水库-苏约克村公路建设工程</span></span>
+            </div>
+            <ul class="nav navbar-nav px-1">
+                    <li class="nav-item">
+                        <a class="nav-link" href="#" aria-expanded="false" data-toggle="modal" data-target="#poj-set"><i class="fa fa-cube"></i> 项目属性</a>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link" href="#" 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="tools-gongliaoji.html">工料机库编辑器</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> -->
+            <div class="ml-auto navbar-text p-0">
+              <ul class="nav navbar-nav">
+                    <li class="nav-item dropdown">
+                      <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">陈特</a>
+                      <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 class="dropdown-divider"></div>
+                          <a class="dropdown-item" href="#" target="_blank">退出登录</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-wrench"></i> 工具</a>
+                        <div class="dropdown-menu dropdown-menu-right">
+                            <a class="dropdown-item" href="#" aria-expanded="false">选项</a>
+                            <a class="dropdown-item" href="#">定额库编辑器</a>
+                            <a class="dropdown-item" href="tools-gongliaoji.html">工料机库编辑器</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 dropdown-menu-right">
+                            <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>
+                    <li class="nav-item">
+                      <a class="nav-link new-msg" data-toggle="modal" data-target="#msg" href="javacript:void(0);">
+                        <i class="fa fa-envelope-o" aria-hidden="true"></i>&nbsp;2
+                      </a>
+                    </li>
+                  </ul>
+            </div>
+        </nav>
+    </div>
+    <div class="main">
+      <div class="poj-manage container-fluid">
+          <div class="pm-side">
+              <div class="poj-cate">
+                <div class="dropdown">
+                  <a class="btn btn-light dropdown-toggle" data-toggle="dropdown">
+                    <i class="fa fa-search"></i>
+                  </a>
+                  <div class="dropdown-menu p-3" aria-labelledby="dropdownMenuButton">
+                    <div class="form-group m-0">
+                      <input type="text" class="form-control form-control-sm" placeholder="搜索所有工程"style="width:300px">
+                    </div>
+                  </div>
+                </div>
+                  <ul class="nav nav-pills flex-column">
+                      <li class="nav-item">
+                          <a class="nav-link active" href="project-management.html" data-toggle="tooltip" data-placement="right" data-original-title="全部"><i class="fa fa-bars"></i></a>
+                      </li>
+                      <li class="nav-item">
+                          <a class="nav-link" href="#"  data-toggle="tooltip" data-placement="right" data-original-title="最近使用"><i class="fa fa-bookmark"></i></a>
+                      </li>
+                      <li class="nav-item">
+                          <a class="nav-link" href="project-management-share.html"  data-toggle="tooltip" data-placement="right" data-original-title="分享"><i class="fa fa-share-alt"></i></a>
+                      </li>
+                      <li class="nav-item">
+                          <a class="nav-link" href="project-management-synergy.html"  data-toggle="tooltip" data-placement="right" data-original-title="协同工作"><i class="fa fa-users"></i></a>
+                      </li>
+                      <li class="nav-item">
+                          <a class="nav-link" href="#"  data-toggle="tooltip" data-placement="right" data-original-title="归档"><i class="fa fa-book"></i></a>
+                      </li>
+                      <li class="nav-item">
+                          <a class="nav-link" href="project-management-Recycle.html" data-toggle="tooltip" data-placement="right" data-original-title="回收站"><i class="fa fa-trash"></i></a>
+                      </li>
+                  </ul>
+              </div>
+          </div>
+          <div class="pm-content">
+            <div class="tab-content">
+              <div class="tab-pane active">
+                <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>
+    <!--弹出恢复建设项目-->
+    <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>

+ 541 - 0
project-management-share.html

@@ -0,0 +1,541 @@
+<!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 p-0 d-flex">
+           <div class="header-logo">
+                <div class="v-title">重庆2018定额</div>
+                <div class="p-title">纵横建筑云计价(免费版)</div>
+            </div>
+            <!-- <div class="navbar-text navbar-crumb p-0">
+                <span class=""><a href="project-management.html">项目管理</a></span>
+                <span class=""><i class="fa fa-angle-right fa-fw"></i></span>
+                <span class="" data-toggle="tooltip" data-placement="bottom" title="文件夹名称"><i class="fa fa-folder-o"></i></span>
+                <span class=""><i class="fa fa-angle-right fa-fw"></i></span>
+                <span class="" data-toggle="tooltip" data-placement="bottom" title="乌恰县S309线K72+100-开普太西水库-苏约克村公路建设工程"><i class="fa fa-cubes"></i></span>
+                <span class=""><i class="fa fa-angle-right fa-fw"></i></span>
+                <span class="" data-toggle="tooltip" data-placement="bottom" title="乌恰县S309线K72+100-开普太西水库-苏约克村公路建设工程"><i class="fa fa-cube"></i></span>
+                <span class=""><i class="fa fa-angle-right fa-fw"></i></span>
+                <span><i class="fa fa-sticky-note-o"></i></span>
+                <span class="" data-toggle="tooltip" data-placement="bottom" title="乌恰县S309线K72+100-开普太西水库-苏约克村公路建设工程"> <span class="text-truncate float-right">&nbsp;乌恰县S309线K72+100-开普太西水库-苏约克村公路建设工程</span></span>
+            </div>
+            <ul class="nav navbar-nav px-1">
+                    <li class="nav-item">
+                        <a class="nav-link" href="#" aria-expanded="false" data-toggle="modal" data-target="#poj-set"><i class="fa fa-cube"></i> 项目属性</a>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link" href="#" 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="tools-gongliaoji.html">工料机库编辑器</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> -->
+            <div class="ml-auto navbar-text p-0">
+              <ul class="nav navbar-nav">
+                    <li class="nav-item dropdown">
+                      <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">陈特</a>
+                      <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 class="dropdown-divider"></div>
+                          <a class="dropdown-item" href="#" target="_blank">退出登录</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-wrench"></i> 工具</a>
+                        <div class="dropdown-menu dropdown-menu-right">
+                            <a class="dropdown-item" href="#" aria-expanded="false">选项</a>
+                            <a class="dropdown-item" href="#">定额库编辑器</a>
+                            <a class="dropdown-item" href="tools-gongliaoji.html">工料机库编辑器</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 dropdown-menu-right">
+                            <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>
+                    <li class="nav-item">
+                      <a class="nav-link new-msg" data-toggle="modal" data-target="#msg" href="javacript:void(0);">
+                        <i class="fa fa-envelope-o" aria-hidden="true"></i>&nbsp;2
+                      </a>
+                    </li>
+                  </ul>
+            </div>
+        </nav>
+    </div>
+    <div class="main">
+        <div class="poj-manage container-fluid">
+            <div class="pm-side">
+                <div class="poj-cate">
+                  <div class="dropdown">
+                    <a class="btn btn-light dropdown-toggle" data-toggle="dropdown">
+                      <i class="fa fa-search"></i>
+                    </a>
+                    <div class="dropdown-menu p-3" aria-labelledby="dropdownMenuButton">
+                      <div class="form-group m-0">
+                        <input type="text" class="form-control form-control-sm" placeholder="搜索所有工程"style="width:300px">
+                      </div>
+                    </div>
+                  </div>
+                    <ul class="nav nav-pills flex-column">
+                        <li class="nav-item">
+                            <a class="nav-link" href="project-management.html" data-toggle="tooltip" data-placement="right" data-original-title="全部"><i class="fa fa-bars"></i></a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link" href="#"  data-toggle="tooltip" data-placement="right" data-original-title="最近使用"><i class="fa fa-bookmark"></i></a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link active" href="project-management-share.html"  data-toggle="tooltip" data-placement="right" data-original-title="分享"><i class="fa fa-share-alt"></i></a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link" href="project-management-synergy.html"  data-toggle="tooltip" data-placement="right" data-original-title="协同工作"><i class="fa fa-users"></i></a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link" href="#"  data-toggle="tooltip" data-placement="right" data-original-title="归档"><i class="fa fa-book"></i></a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link" href="project-management-Recycle.html" data-toggle="tooltip" data-placement="right" data-original-title="回收站"><i class="fa fa-trash"></i></a>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+            <div class="pm-content">
+              <div class="tab-content">
+                <div class="tab-pane active">
+                    <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="40%">工程列表</th>
+                                  <th width="20%">由...分享</th>
+                                  <th width="20%">分享给...</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>
+                            </tr>
+                            <tr>
+                                <td class="in-3"><a href="#" class="tree-open" title="收起"><i class="fa fa-minus-square-o"></i></a><a href="#" class="open-sidebar"><i class="fa fa-cube"></i>&nbsp;左2号生产车间</a></td>
+                                <td>由 <a href="javacript:void(0);" data-toggle="modal" data-target="#userinfo">张三</a> 分享</td>
+                                <td>分享给 我</td>
+                            </tr>
+                            <tr>
+                                <td class="in-4"><a class="tree-open"></a><span class="poj-icon">└</span><a href="zaojiashu.html"><i class="fa fa-sticky-note-o"></i>&nbsp;建筑工程2</a></td>
+                                <td></td>
+                                <td></td>
+                            </tr>
+                            <tr>
+                                <td class="in-3"><a href="#" class="tree-open" title="收起"><i class="fa fa-minus-square-o"></i></a><a href="#" class="open-sidebar"><i class="fa fa-cube"></i>&nbsp;左3号生产车间</a></td>
+                                <td>由 <a href="javacript:void(0);" data-toggle="modal" data-target="#userinfo">张三</a> 分享</td>
+                                <td>分享给 我</td>
+                            </tr>
+                            <tr>
+                                <td class="in-4"><a class="tree-open"></a><span class="poj-icon">└</span><a href="zaojiashu.html"><i class="fa fa-sticky-note-o"></i>&nbsp;建筑工程6</a></td>
+                                <td></td>
+                                <td></td>
+                            </tr>
+                            <!--单位工程共享-->
+                            <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>
+                            </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;未定义单项工程</td>
+                                <td></td>
+                                <td></td>
+                            </tr>
+                            <!--单位工程共享 单别人共享给我有拷贝权限-->
+                            <tr>
+                                <td class="in-3">└</span><a href="zaojiashu.html"><i class="fa fa-sticky-note-o"></i><a href="#">建筑工程2</a></td>
+                                <td>由 <a href="javacript:void(0);" data-toggle="modal" data-target="#userinfo">张三</a> 分享</td>
+                                <td>分享给 我</td>
+                            </tr>
+                            <!--单位工程共享 别人共享给我无拷贝权限-->
+                            <tr>
+                                <td class="in-3">└</span><a href="zaojiashu.html"><i class="fa fa-sticky-note-o"></i><a href="#">建筑工程3</a></td>
+                                <td>由 <a href="javacript:void(0);" data-toggle="modal" data-target="#userinfo">张三</a> 分享</td>
+                                <td>分享给 我</td>
+                            </tr>
+                            <!--单位工程共享 我分享给别人-->
+                            <tr>
+                                <td class="in-3">└</span><a href="zaojiashu.html"><i class="fa fa-sticky-note-o"></i><a href="#">建筑工程4</a></td>
+                                <td>由 我 分享</td>
+                                <td><a href="javacript:void(0);" data-toggle="modal" data-target="#userinfo2">分享给...</a></td>
+                            </tr>
+                            <!--文件夹分享 我分享给别人-->
+                            <tr>
+                                <td class="in-1"><a href="#" class="tree-open" title="收起"><i class="fa fa-minus-square-o"></i></a><i class="fa fa-folder-open-o"></i>&nbsp;文件夹</td>
+                                <td>由 我 分享</td>
+                                <td><a href="javacript:void(0);" data-toggle="modal" data-target="#userinfo2">分享给...</a></td>
+                            </tr>
+                            <tr>
+                                <td class="in-2"><a href="#" class="tree-open" title="收起"><i class="fa fa-minus-square-o"></i></a><a href="#" class="open-sidebar"><i class="fa fa-cubes"></i>&nbsp;汽车生产车间</a></td>
+                                <td></td>
+                                <td></td>
+                            </tr>
+                            <tr>
+                                <td class="in-3"><a href="#" class="tree-open" title="收起"><i class="fa fa-minus-square-o"></i></a><a href="#" class="open-sidebar"><i class="fa fa-cube"></i>&nbsp;左2号生产车间</a></td>
+                                <td></td>
+                                <td></td>
+                            </tr>
+                            <tr>
+                                <td class="in-4"><a class="tree-open"></a><span class="poj-icon">└</span><a href="zaojiashu.html"><i class="fa fa-sticky-note-o"></i>&nbsp;建筑工程2</a></td>
+                                <td></td>
+                                <td></td>
+                            </tr>
+                          </tbody>
+                        </table>
+                    </div>
+                </div>
+              </div>
+            </div>
+        </div>
+        <div class="slide-sidebar">
+            <div class="side-content">
+              <!--建设项目汇总-->
+                <div class="p-3">
+                    <legend>船体生产车间 汇总</legend>
+                    <table class="table table-bordered table-hover table-sm">
+                        <thead>
+                            <tr>
+                                <th rowspan="2"></th>
+                                <th rowspan="2">序号</th>
+                                <th rowspan="2">单位工程名称</th>
+                                <th rowspan="2">金额(元)</th>
+                                <th colspan="3">其中</th>
+                            </tr>
+                            <tr>
+                                <th>暂估价(元)</th>
+                                <th>安全文明施工费(元)</th>
+                                <th>规费(元)</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <tr>
+                                <td>1</td>
+                                <td>1</td>
+                                <td>6号生产车间</td>
+                                <td>12345.67</td>
+                                <td>5436.87</td>
+                                <td>54345.68</td>
+                                <td>514.54</td>
+                            </tr>
+                            <tr>
+                                <td>2</td>
+                                <td>2</td>
+                                <td>7号生产车间</td>
+                                <td>12345.67</td>
+                                <td>5436.87</td>
+                                <td>54345.68</td>
+                                <td>514.54</td>
+                            </tr>
+                            <tr>
+                                <td>3</td>
+                                <td>3</td>
+                                <td>8号生产车间</td>
+                                <td> </td>
+                                <td> </td>
+                                <td> </td>
+                                <td> </td>
+                            </tr>
+                            <tr>
+                                <td>4</td>
+                                <td>4</td>
+                                <td>9号生产车间</td>
+                                <td> </td>
+                                <td> </td>
+                                <td> </td>
+                                <td> </td>
+                            </tr>
+                            <tr>
+                                <td>4</td>
+                                <td> </td>
+                                <td>合计</td>
+                                <td>110789.36</td>
+                                <td>5971.32</td>
+                                <td>58900.46</td>
+                                <td>1049.41
+
+                                </td>
+                            </tr>
+                        </tbody>
+                    </table>
+                </div>
+              <!--单项工程汇总-->
+                <div class="p-3">
+                    <legend>6号生产车间 汇总</legend>
+                    <table class="table table-bordered table-hover table-sm">
+                        <thead>
+                            <tr>
+                                <th rowspan="2"></th>
+                                <th rowspan="2">序号</th>
+                                <th rowspan="2">单位工程名称</th>
+                                <th rowspan="2">金额(元)</th>
+                                <th colspan="3">其中</th>
+                            </tr>
+                            <tr>
+                                <th>暂估价(元)</th>
+                                <th>安全文明施工费(元)</th>
+                                <th>规费(元)</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <tr>
+                                <td>1</td>
+                                <td>1</td>
+                                <td>建筑工程3</td>
+                                <td>12345.67</td>
+                                <td>5436.87</td>
+                                <td>54345.68</td>
+                                <td>514.54</td>
+                            </tr>
+                            <tr>
+                                <td>2</td>
+                                <td>2</td>
+                                <td>建筑工程4</td>
+                                <td>12345.67</td>
+                                <td>5436.87</td>
+                                <td>54345.68</td>
+                                <td>514.54</td>
+                            </tr>
+                            <tr>
+                                <td>3</td>
+                                <td>3</td>
+                                <td>建筑工程5</td>
+                                <td> </td>
+                                <td> </td>
+                                <td> </td>
+                                <td> </td>
+                            </tr>
+                            <tr>
+                                <td>4</td>
+                                <td> </td>
+                                <td>合计</td>
+                                <td>110789.36</td>
+                                <td>5971.32</td>
+                                <td>58900.46</td>
+                                <td>1049.41
+
+                                </td>
+                            </tr>
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+        </div>
+    </div>
+    <!--弹出账号信息-->
+    <div class="modal fade" id="userinfo" 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">
+                  <div class="card">
+                      <div class="card-body">
+                        <h4 class="card-title">张三</h4>
+                        <h6 class="card-subtitle mb-2 text-muted">珠海纵横创新软件有限公司</h6>
+                      </div>
+                      <ul class="list-group list-group-flush">
+                        <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="通行账号手机"><i class="fa fa-tablet"></i> 15812644017</li>
+                        <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="通行账号邮箱"><i class="fa fa-envelope-o "></i> 0756-3850891</li>
+                      </ul>
+                  </div>
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
+                </div>
+            </div>
+        </div>
+    </div>
+    <!--弹出 分享给..-->
+    <div class="modal fade" id="userinfo2" data-backdrop="static">
+        <div class="modal-dialog modal-lg" 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">
+                    <!--添加分享-->
+                    <div class="form-group">
+                        <div class="input-group input-group-sm">
+                          <input type="text" class="form-control" placeholder="输入 手机号 添加分享">
+                          <div class="input-group-append">
+                            <button class="btn btn-primary" type="button" id="button-addon2">添加分享</button>
+                          </div>
+                        </div>
+                    </div>
+                    <table class="table table-sm">
+                        <tr><th>姓名</th><th>公司</th><th>手机</th><th>邮箱</th><th width="90">允许拷贝</th><th width="90">添加分享</th></tr>
+                        <tr><td>张三</td><td>XX公司</td><td>12345678900</td><td></td><td><input type="checkbox"></td><td><a href="#" class="btn btn-sm btn-primary">添加分享</a></td></tr>
+                    </table>
+                    <p class="text-danger">不存在手机号 15812777651 的用户</p>
+                    <!--已分享数据-->
+                    <legend>已分享</legend>
+                    <table class="table table-sm">
+                        <tr><th>姓名</th><th>公司</th><th>手机</th><th>邮箱</th><th width="90">允许拷贝</th><th width="90">取消分享</th></tr>
+                        <tr><td>张三</td><td>XX公司</td><td>12345678900</td><td></td><td><input type="checkbox"></td><td><input type="checkbox"></td></tr>
+                        <tr><td>王五</td><td>XX公司</td><td>12345678900</td><td></td><td><input type="checkbox"></td><td><input type="checkbox"></td></tr>
+                    </table>
+                </div>
+                <div class="modal-footer">
+                    <!--分享人可以取消-->
+                    <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
+                    <button type="button" class="btn btn-primary" data-dismiss="modal">确定</button>
+                </div>
+            </div>
+        </div>
+    </div>
+    <!--弹出单位工程添加分享-->
+    <div class="modal fade" id="share" 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">
+                  <div class="form-group">
+                      <label>分享给...</label>
+                      <input class="form-control" placeholder="输入对方手机号" type="text">
+                      <span class="form-text text-danger">账号不存在。</span>
+                      <span class="form-text text-danger">已与该用户分享。</span>
+                  </div>
+                  <div class="card">
+                      <div class="card-body">
+                        <h4 class="card-title">张三</h4>
+                        <h6 class="card-subtitle mb-2 text-muted">珠海纵横创新软件有限公司</h6>
+                      </div>
+                      <ul class="list-group list-group-flush">
+                        <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="通行账号手机"><i class="fa fa-tablet"></i> 15312454417</li>
+                        <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="通行账号邮箱"><i class="fa fa-envelope-o "></i> 12312323@qq.com</li>
+                      </ul>
+                  </div>
+                  <div class="form-group mt-3">
+                    <p>分享后,该用户仅可查阅工程,不具备任何编辑修改功能。</p>
+                  </div>
+                  <div class="form-check">
+                     <input type="checkbox" class="form-check-input" id="exampleCheck1">
+                     <label class="form-check-label" for="exampleCheck1">允许该用户拷贝工程</label>
+                     <!--打勾后出现提示-->
+                     <div id="emailHelp" class="form-text text-danger"><i class="fa fa-exclamation-triangle"></i> 该用户可以把你的项目拷贝成为他的数据,请谨慎勾选。 </div>
+                   </div>
+                </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="copytomy" 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">
+              <div class="form-group">
+                  <label>建设项目</label>
+                  <select class="form-control"><option>请选择建设项目</option></select>
+              </div>
+              <div class="form-group">
+                  <label>单项项目</label>
+                  <select class="form-control"><option>请选择单项项目</option></select>
+              </div>
+              <div class="form-group">
+                  <p>拷贝后,工程将重命名为 "<b>建筑工程2(张三共享)</b>"</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>
+    <!-- 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>

+ 276 - 0
project-management-synergy.html

@@ -0,0 +1,276 @@
+<!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 p-0 d-flex">
+           <div class="header-logo">
+                <div class="v-title">重庆2018定额</div>
+                <div class="p-title">纵横建筑云计价(免费版)</div>
+            </div>
+            <!-- <div class="navbar-text navbar-crumb p-0">
+                <span class=""><a href="project-management.html">项目管理</a></span>
+                <span class=""><i class="fa fa-angle-right fa-fw"></i></span>
+                <span class="" data-toggle="tooltip" data-placement="bottom" title="文件夹名称"><i class="fa fa-folder-o"></i></span>
+                <span class=""><i class="fa fa-angle-right fa-fw"></i></span>
+                <span class="" data-toggle="tooltip" data-placement="bottom" title="乌恰县S309线K72+100-开普太西水库-苏约克村公路建设工程"><i class="fa fa-cubes"></i></span>
+                <span class=""><i class="fa fa-angle-right fa-fw"></i></span>
+                <span class="" data-toggle="tooltip" data-placement="bottom" title="乌恰县S309线K72+100-开普太西水库-苏约克村公路建设工程"><i class="fa fa-cube"></i></span>
+                <span class=""><i class="fa fa-angle-right fa-fw"></i></span>
+                <span><i class="fa fa-sticky-note-o"></i></span>
+                <span class="" data-toggle="tooltip" data-placement="bottom" title="乌恰县S309线K72+100-开普太西水库-苏约克村公路建设工程"> <span class="text-truncate float-right">&nbsp;乌恰县S309线K72+100-开普太西水库-苏约克村公路建设工程</span></span>
+            </div>
+            <ul class="nav navbar-nav px-1">
+                    <li class="nav-item">
+                        <a class="nav-link" href="#" aria-expanded="false" data-toggle="modal" data-target="#poj-set"><i class="fa fa-cube"></i> 项目属性</a>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link" href="#" 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="tools-gongliaoji.html">工料机库编辑器</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> -->
+            <div class="ml-auto navbar-text p-0">
+              <ul class="nav navbar-nav">
+                    <li class="nav-item dropdown">
+                      <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">陈特</a>
+                      <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 class="dropdown-divider"></div>
+                          <a class="dropdown-item" href="#" target="_blank">退出登录</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-wrench"></i> 工具</a>
+                        <div class="dropdown-menu dropdown-menu-right">
+                            <a class="dropdown-item" href="#" aria-expanded="false">选项</a>
+                            <a class="dropdown-item" href="#">定额库编辑器</a>
+                            <a class="dropdown-item" href="tools-gongliaoji.html">工料机库编辑器</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 dropdown-menu-right">
+                            <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>
+                    <li class="nav-item">
+                      <a class="nav-link new-msg" data-toggle="modal" data-target="#msg" href="javacript:void(0);">
+                        <i class="fa fa-envelope-o" aria-hidden="true"></i>&nbsp;2
+                      </a>
+                    </li>
+                  </ul>
+            </div>
+        </nav>
+    </div>
+    <div class="main">
+      <div class="poj-manage container-fluid">
+        <div class="pm-side">
+            <div class="poj-cate">
+              <div class="dropdown">
+                <a class="btn btn-light dropdown-toggle" data-toggle="dropdown">
+                  <i class="fa fa-search"></i>
+                </a>
+                <div class="dropdown-menu p-3" aria-labelledby="dropdownMenuButton">
+                  <div class="form-group m-0">
+                    <input type="text" class="form-control form-control-sm" placeholder="搜索所有工程"style="width:300px">
+                  </div>
+                </div>
+              </div>
+                <ul class="nav nav-pills flex-column">
+                    <li class="nav-item">
+                        <a class="nav-link active" href="project-management.html" data-toggle="tooltip" data-placement="right" data-original-title="全部"><i class="fa fa-bars"></i></a>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link" href="#"  data-toggle="tooltip" data-placement="right" data-original-title="最近使用"><i class="fa fa-bookmark"></i></a>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link" href="project-management-share.html"  data-toggle="tooltip" data-placement="right" data-original-title="分享"><i class="fa fa-share-alt"></i></a>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link" href="project-management-synergy.html"  data-toggle="tooltip" data-placement="right" data-original-title="协同工作"><i class="fa fa-users"></i></a>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link" href="#"  data-toggle="tooltip" data-placement="right" data-original-title="归档"><i class="fa fa-book"></i></a>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link" href="project-management-Recycle.html" data-toggle="tooltip" data-placement="right" data-original-title="回收站"><i class="fa fa-trash"></i></a>
+                    </li>
+                </ul>
+            </div>
+        </div>
+        <div class="pm-content">
+          <div class="tab-content">
+            <div class="tab-pane active">
+              <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="40%">工程列表</th>
+                                  <th width="10%">由...发起</th>
+                                  <th width="10%">与...协同</th>
+                                  <th width="10%">操作</th>
+                              </tr>
+                          </thead>
+                          <tbody>
+                            <!--别人共享给我有拷贝权限-->
+                            <tr>
+                                <td class="in-1">&nbsp;<a href="#">建筑工程2</a></td>
+                                <td>由 <a href="javacript:void(0);" data-toggle="modal" data-target="#userinfo">张三</a> 发起</td>
+                                <td>与 我 协作</td>
+                                <td></td>
+                            </tr>
+                            <!--我分享给别人-->
+                            <tr>
+                                <td class="in-1">&nbsp;<a href="#">建筑工程2</a></td>
+                                <td>由 我 发起</td>
+                                <td>与 <a href="javacript:void(0);" data-toggle="modal" data-target="#userinfo">张三</a>、<a href="javacript:void(0);" data-toggle="modal" data-target="#userinfo">王五</a> 协同</td>
+                                <td><a href="javacript:void(0);" data-toggle="modal" data-target="#cancelsynergy">取消协同</a></td>
+                            </tr>
+                          </tbody>
+                      </table>
+                  </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!--弹出取消协同-->
+    <div class="modal fade" id="cancelsynergy" 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">
+
+                  <table class="table table-bordered">
+                    <thead><tr><th colspan="3">该工程正在与...协同</th></tr></thead>
+                    <tr>
+                      <td>张三</td><td>珠海纵横创新软件有限公司</td>
+                      <td>
+                        <div class="form-check">
+                          <input class="form-check-input" id="exampleCheck1" type="checkbox">
+                        <label class="form-check-label" for="exampleCheck1">取消协同</label>
+                       </div>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td>王五</td><td>珠海纵横创新软件有限公司</td>
+                      <td>
+                        <div class="form-check">
+                          <input class="form-check-input" id="exampleCheck2" type="checkbox">
+                        <label class="form-check-label" for="exampleCheck2">取消协同</label>
+                       </div>
+                      </td>
+                    </tr>
+                  </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="userinfo" 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">
+                  <div class="card">
+                      <div class="card-body">
+                        <h4 class="card-title">张三</h4>
+                        <h6 class="card-subtitle mb-2 text-muted">珠海纵横创新软件有限公司</h6>
+                      </div>
+                      <ul class="list-group list-group-flush">
+                        <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="通行账号手机"><i class="fa fa-tablet"></i> 15812644017</li>
+                        <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="通行账号邮箱"><i class="fa fa-envelope-o "></i> 0756-3850891</li>
+                      </ul>
+                  </div>
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
+                </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>

Rozdílová data souboru nebyla zobrazena, protože soubor je příliš velký
+ 1765 - 0
project-management.html


+ 226 - 0
tiaojia.html

@@ -0,0 +1,226 @@
+<!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">
+</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 p-0 d-flex">
+            <div class="header-logo">
+                <div class="v-title">重庆2018定额</div>
+                <div class="p-title">纵横建筑云计价(免费版)</div>
+            </div>
+            <div class="navbar-text navbar-crumb px-1">
+                <span><i class="fa fa-sticky-note-o"></i></span>
+                <span class="" data-toggle="tooltip" data-placement="bottom" title="乌恰县S309线K72+100-开普太西水库-苏约克村公路建设工程"> <span class="text-truncate float-right">&nbsp;乌恰县S309线K72+100-开普太西水库-苏约克村公路建设工程</span></span>
+            </div>
+            <ul class="nav navbar-nav">
+                    <li class="nav-item">
+                        <a class="nav-link" href="#" aria-expanded="false" data-toggle="modal" data-target="#poj-set"><i class="fa fa-cube"></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-cloud-upload"></i> 导入</a>
+                        <div class="dropdown-menu">
+                            <a class="dropdown-item" href="#import" data-toggle="modal" data-target="#import">导入09表Excel清单</a>
+                            <a class="dropdown-item" href="#">导入广联达算量Excel清单</a>
+                        </div>
+                    </li>
+            </ul>
+            <div class="ml-auto navbar-text p-0">
+              <ul class="nav navbar-nav">
+                    <li class="nav-item dropdown">
+                      <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">陈特</a>
+                      <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 class="dropdown-divider"></div>
+                          <a class="dropdown-item" href="#" target="_blank">退出登录</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-wrench"></i> 工具</a>
+                        <div class="dropdown-menu dropdown-menu-right">
+                            <a class="dropdown-item" href="#" aria-expanded="false">选项</a>
+                            <a class="dropdown-item" href="#">定额库编辑器</a>
+                            <a class="dropdown-item" href="tools-gongliaoji.html">工料机库编辑器</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 dropdown-menu-right">
+                            <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>
+                    <li class="nav-item">
+                      <a class="nav-link new-msg" data-toggle="modal" data-target="#msg" href="javacript:void(0);">
+                        <i class="fa fa-envelope-o" aria-hidden="true"></i>&nbsp;2
+                      </a>
+                    </li>
+                  </ul>
+            </div>
+        </nav>
+  </div>
+    <div class="main">
+        <div class="main-nav">
+            <ul class="nav flex-column">
+              <li><a href="zaojiashu.html">造价书</a></li>
+              <li><a href="gongliaoji.html">工料机</a></li>
+              <li><a href="feilv.html">费率</a></li>
+              <li><a href="jisuanchengxu.html">计算程序</a></li>
+              <li><a href="tiaojia.html" class="active">调价</a></li>
+              <li><a href="baobiao.html">报表</a></li>
+            </ul>
+        </div>
+        <div class="content">
+            <div class="toolsbar px-1">
+              <div class="btn-toolbar py-1">
+                <div class="input-group input-group-sm mr-2" style="width:220px">
+                  <select class="form-control form-control-sm">
+                    <option>根据调整系数计算报价</option>
+                  </select>
+                </div>
+                <div class="input-group input-group-sm mr-2" style="width:220px">
+                  <div class="input-group-prepend">
+                    <span class="input-group-text" id="inputGroup-sizing-sm">工料机单价调整系数</span>
+                  </div>
+                  <input type="number" step="0.1" class="form-control" placeholder="请输入系数" value="1">
+                </div>
+                <div class="btn-group mr-2">
+                  <button type="button" class="btn btn-outline-primary btn-sm">调整人材机消耗</button>
+                  <button type="button" class="btn btn-outline-primary btn-sm">调整子目工程量</button>
+                  <button type="button" class="btn btn-outline-primary btn-sm">调价计算</button>
+                </div>
+                <button type="button" class="btn btn-outline-danger btn-sm">清空调价</button>
+              </div>
+            </div>
+            <div class="container-fluid">
+                <div class="row">
+                    <div class="main-content col-12 p-0">
+                      <div class="main-data-full">
+                        <table class="table table-sm table-bordered m-0">
+                          <thead>
+                            <tr>
+                              <th rowspan="2"></th><th rowspan="2">项目编码</th><th rowspan="2">项目名称</th><th rowspan="2">计量单位</th><th rowspan="2">工程量</th><th rowspan="2">不调价</th><th colspan="2">初始报价</th><th colspan="2">反向目标</th><th colspan="2">调整后报价</th><th colspan="5">消耗量调整系数</th><th rowspan="2">子目工程量调整系数</th>
+                            </tr>
+                            <tr><th>综合单价</th><th>综合合价</th><th>综合单价</th><th>综合合价</th><th>综合单价</th><th>综合合价</th><th>人工</th><th>材料</th><th>机械</th><th>主材</th><th>设备</th></tr>
+                          </thead>
+                        </table>
+                      </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <!--弹出更换-->
+    <div class="modal fade" id="change-dj" 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">
+                  <div class="form-group">
+                    <label class="custom-control custom-radio">
+                      <input id="radio1" name="radio" type="radio" class="custom-control-input" checked>
+                      <span class="custom-control-indicator"></span>
+                      <span class="custom-control-description">从本建设项目中选择</span>
+                    </label>
+                    <label class="custom-control custom-radio">
+                      <input id="radio2" name="radio" type="radio" class="custom-control-input">
+                      <span class="custom-control-indicator"></span>
+                      <span class="custom-control-description">从其他建设项目中复制</span>
+                    </label>
+                  </div>
+                  <!--从本建设项目中选择-->
+                  <div class="form-group">
+                    <label>建设项目A</label>
+                    <select class="form-control"><option>单价1</option><option>单价2</option><option>单价3</option></select>
+                  </div>
+                  <!--从其他建设项目中复制-->
+                  <div class="form-group">
+                    <label>选择建设项目</label>
+                    <select class="form-control"><option>建设项目B</option><option>建设项目C</option><option>建设项目D</option></select>
+                  </div>
+                  <div class="form-group">
+                    <select class="form-control"><option>单价1</option><option>单价2</option><option>单价3</option></select>
+                    <small class="form-text text-muted">你选择的单价文件将复制一份至新项目,不会影响原建设项目的单价文件。</small>
+                  </div>
+                </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="copy-lv" 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">
+                  <div class="form-group">
+                    <label>单价文件名称</label>
+                    <input class="form-control"  value="单价1副本">
+                    <!--默认为复制单价文件名字+副本 2字,用户修改后需判断是否在同项目下存在同名-->
+                    <small class="form-text text-danger">已存在同名费率文件。</small>
+                  </div>
+                </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-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">
+    $('#pop-dj').popover({
+      placement:"bottom",
+      html:true,
+      trigger:"hover | focus",
+      content:"A单位工程<br>B单位工程<br>C单位工程"
+    }
+    );
+</script>
+<script type="text/javascript">
+    autoFlashHeight();
+</script>
+
+</html>

+ 330 - 0
tools-gongliaoji.html

@@ -0,0 +1,330 @@
+<!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 p-0 d-flex">
+          <span class="header-logo px-2">Smartcost</span>
+          <div class="navbar-text navbar-crumb p-0">
+              <span class=""><a href="project-management.html">项目管理</a></span>
+              <span class=""><i class="fa fa-angle-right fa-fw"></i></span>
+              <span class="" data-toggle="tooltip" data-placement="bottom" title="文件夹名称"><i class="fa fa-folder-o"></i></span>
+              <span class=""><i class="fa fa-angle-right fa-fw"></i></span>
+              <span class="" data-toggle="tooltip" data-placement="bottom" title="乌恰县S309线K72+100-开普太西水库-苏约克村公路建设工程"><i class="fa fa-cubes"></i></span>
+              <span class=""><i class="fa fa-angle-right fa-fw"></i></span>
+              <span class="" data-toggle="tooltip" data-placement="bottom" title="乌恰县S309线K72+100-开普太西水库-苏约克村公路建设工程"><i class="fa fa-cube"></i></span>
+              <span class=""><i class="fa fa-angle-right fa-fw"></i></span>
+              <span><i class="fa fa-sticky-note-o"></i></span>
+              <span class="" data-toggle="tooltip" data-placement="bottom" title="乌恰县S309线K72+100-开普太西水库-苏约克村公路建设工程"> <span class="text-truncate float-right">&nbsp;乌恰县S309线K72+100-开普太西水库-苏约克村公路建设工程</span></span>
+          </div>
+          <ul class="nav navbar-nav px-1">
+                  <li class="nav-item">
+                      <a class="nav-link" href="#" aria-expanded="false" data-toggle="modal" data-target="#poj-set"><i class="fa fa-cube"></i> 项目属性</a>
+                  </li>
+                  <li class="nav-item">
+                      <a class="nav-link" href="#" 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="tools-gongliaoji.html">工料机库编辑器</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>
+          <div class="ml-auto 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 class="dropdown-divider"></div>
+                      <a class="dropdown-item" href="#" target="_blank">退出登录</a>
+                  </div>
+              </div>
+              <a class="btn btn-link btn-sm new-msg" data-toggle="modal" data-target="#msg" href="javacript:void(0);">
+                <i class="fa fa-envelope-o" aria-hidden="true"></i>&nbsp;2
+              </a>
+          </div>
+      </nav>
+  </div>
+    <div class="main">
+        <div class="main-nav">
+            <ul class="nav flex-column">
+              <li><a href="#">定额库编辑器</a></li>
+              <li><a href="tools-gongliaoji.html" class="active">工料机库编辑器</a></li>
+            </ul>
+        </div>
+        <div class="content">
+            <div class="container-fluid">
+              <div class="row">
+                <div class="col-lg-2 p-0">
+                  <div class="print-list">
+                    <div class="form-list">
+                      <ul id="treeDemo" class="ztree"></ul>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-lg-7 p-0">
+                  <table class="table table-sm table-bordered m-0">
+                      <thead>
+                        <tr>
+                          <th></th>
+                          <th>编码</th>
+                          <th>名称</th>
+                          <th>规格型号</th>
+                          <th>计量单位</th>
+                          <th>单价</th>
+                          <th>类型</th>
+                        </tr>
+                      </thead>
+                      <tbody>
+                        <tr>
+                          <td>1</td>
+                          <td>00010201</td>
+                          <td>土石方综合工日</td>
+                          <td></td>
+                          <td>工日</td>
+                          <td>22.00</td>
+                          <td>人工</td>
+                        </tr>
+                        <tr>
+                          <td>2</td>
+                          <td>03010101</td>
+                          <td>钢材</td>
+                          <td></td>
+                          <td>t</td>
+                          <td>2600.00</td>
+                          <td>材料</td>
+                        </tr>
+                        <tr>
+                          <td>3</td>
+                          <td>36290101</td>
+                          <td>水</td>
+                          <td></td>
+                          <td>m3</td>
+                          <td>2600.00</td>
+                          <td>材料</td>
+                        </tr>
+                        <tr>
+                          <td>4</td>
+                          <td></td>
+                          <td></td>
+                          <td></td>
+                          <td></td>
+                          <td></td>
+                          <td></td>
+                        </tr>
+                        <tr>
+                          <td>5</td>
+                          <td></td>
+                          <td></td>
+                          <td></td>
+                          <td></td>
+                          <td></td>
+                          <td></td>
+                        </tr>
+                        <tr>
+                          <td>6</td>
+                          <td></td>
+                          <td></td>
+                          <td></td>
+                          <td></td>
+                          <td></td>
+                          <td></td>
+                        </tr>
+                      </tbody>
+                    </table>
+                </div>
+                <div class="col-lg-3 p-0">
+                  <table class="table table-sm table-bordered m-0">
+                       <thead>
+                         <tr><th></th><th>编码</th><th>名称</th><th>计量单位</th><th>单价</th><th>消耗量</th></tr>
+                       </thead>
+                       <tbody>
+                         <tr><td>1</td><td></td><td></td><td></td><td></td><td></td></tr>
+                         <tr><td>2</td><td></td><td></td><td></td><td></td><td></td></tr>
+                         <tr><td>3</td><td></td><td></td><td></td><td></td><td></td></tr>
+                         <tr><td>4</td><td></td><td></td><td></td><td></td><td></td></tr>
+                       </tbody>
+                   </table>
+                   <table class="table table-sm table-bordered m-0">
+                       <thead>
+                         <tr><th></th><th>编码</th><th>名称</th><th>计量单位</th><th>单价</th><th>消耗量</th></tr>
+                       </thead>
+                       <tbody>
+                         <tr><td>1</td><td>01010101</td><td>水泥32.5</td><td>kg</td><td>0.25</td><td>243.000</td></tr>
+                         <tr><td>2</td><td></td><td></td><td></td><td></td><td></td></tr>
+                         <tr><td>3</td><td></td><td></td><td></td><td></td><td></td></tr>
+                         <tr><td>4</td><td></td><td></td><td></td><td></td><td></td></tr>
+                       </tbody>
+                   </table>
+                   <table class="table table-sm table-bordered m-0">
+                       <thead>
+                         <tr><th></th><th>编码</th><th>名称</th><th>计量单位</th><th>单价</th><th>消耗量</th></tr>
+                       </thead>
+                       <tbody>
+                         <tr><td>1</td><td>xxx</td><td>机上人工</td><td>工日</td><td>28.00</td><td>2.540</td></tr>
+                         <tr><td>2</td><td></td><td></td><td></td><td></td><td></td></tr>
+                         <tr><td>3</td><td></td><td></td><td></td><td></td><td></td></tr>
+                         <tr><td>4</td><td></td><td></td><td></td><td></td><td></td></tr>
+                       </tbody>
+                   </table>
+                   <a href="javacript:void(0);" class="btn btn-secondary m-3" data-toggle="modal" data-target="#zuchengwu">组成物 窗口</a>
+                </div>
+              </div>
+            </div>
+        </div>
+      </div>
+      <!--弹出组成物-->
+      <div class="modal fade" id="zuchengwu" data-backdrop="static">
+          <div class="modal-dialog modal-lg" 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">
+                    <div class="row">
+                      <div class="col-4">
+                        <div class="modal-auto-height">
+                          1
+                        </div>
+                      </div>
+                      <div class="col-8">
+                        <div class="modal-auto-height">
+                          <table class="table table-sm table-bordered m-0">
+                              <thead>
+                                <tr><th></th><th>编码</th><th>名称</th><th>规格型号</th><th>计量单位</th><th>单价</th><th>类型</th></tr>
+                              </thead>
+                              <tbody>
+                                <tr><td>1</td><td></td><td></td><td></td><td></td><td></td></tr>
+                                <tr><td>2</td><td></td><td></td><td></td><td></td><td></td></tr>
+                                <tr><td>3</td><td></td><td></td><td></td><td></td><td></td></tr>
+                                <tr><td>4</td><td></td><td></td><td></td><td></td><td></td></tr>
+                              </tbody>
+                          </table>
+                        </div>
+                      </div>
+                    </div>
+                  </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-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>
+    <!-- zTree -->
+  	<script type="text/javascript" src="js/ztree/jquery.ztree.core.js"></script>
+  	<script type="text/javascript" src="js/ztree/jquery.ztree.excheck.js"></script>
+    <SCRIPT type="text/javascript">
+  		<!--
+  		var setting = {
+  			view: {
+  				selectedMulti: false
+  			},
+  			check: {
+  				enable: true
+  			},
+  			data: {
+  				simpleData: {
+  					enable: true
+  				}
+  			},
+  			callback: {
+  				onCheck: onCheck
+  			}
+  		};
+
+  		var zNodes =[
+  			{ id:1, pId:0, name:"随意勾选 1", open:true},
+  			{ id:11, pId:1, name:"随意勾选 1-1"},
+  			{ id:12, pId:1, name:"随意勾选  1-2", open:true},
+  			{ id:121, pId:12, name:"随意勾选 1-2-1", checked:true},
+  			{ id:122, pId:12, name:"随意勾选 1-2-2"},
+  			{ id:123, pId:12, name:"随意勾选 1-2-3"},
+  			{ id:13, pId:1, name:"随意勾选 1-3"},
+  			{ id:2, pId:0, name:"随意勾选 2", open:true},
+  			{ id:21, pId:2, name:"随意勾选 2-1"},
+  			{ id:22, pId:2, name:"随意勾选 2-2", open:true},
+  			{ id:221, pId:22, name:"随意勾选 2-2-1", checked:true},
+  			{ id:222, pId:22, name:"随意勾选 2-2-2"},
+  			{ id:223, pId:22, name:"随意勾选 2-2-3"},
+  			{ id:23, pId:2, name:"随意勾选 2-3", checked:true}
+  		];
+
+  		var clearFlag = false;
+  		function onCheck(e, treeId, treeNode) {
+  			count();
+  			if (clearFlag) {
+  				clearCheckedOldNodes();
+  			}
+  		}
+  		function clearCheckedOldNodes() {
+  			var zTree = $.fn.zTree.getZTreeObj("treeDemo2"),
+  			nodes = zTree.getChangeCheckedNodes();
+  			for (var i=0, l=nodes.length; i<l; i++) {
+  				nodes[i].checkedOld = nodes[i].checked;
+  			}
+  		}
+  		function count() {
+  			var zTree = $.fn.zTree.getZTreeObj("treeDemo2"),
+  			checkCount = zTree.getCheckedNodes(true).length;
+  			$("#checkCount2").text(checkCount);
+
+  		}
+  		function createTree() {
+  			$.fn.zTree.init($("#treeDemo2"), setting, zNodes);
+  			count();
+  		}
+  		$(document).ready(function(){
+  			createTree();
+  		});
+  		//-->
+  	</SCRIPT>
+</body>
+<script type="text/javascript">
+    autoFlashHeight();
+</script>
+
+</html>

Rozdílová data souboru nebyla zobrazena, protože soubor je příliš velký
+ 432 - 0
user-buy.html


+ 161 - 0
user-info.html

@@ -0,0 +1,161 @@
+<!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">
+</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 p-0 d-flex">
+         <div class="header-logo">
+                <div class="v-title">重庆2018定额</div>
+                <div class="p-title">纵横建筑云计价(免费版)</div>
+            </div>
+          <div class="navbar-text navbar-crumb p-0">
+              <span class=""><a href="project-management.html">项目管理</a></span>
+          </div>
+          <div class="ml-auto navbar-text p-0">
+            <ul class="nav navbar-nav">
+                  <li class="nav-item dropdown">
+                    <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">珠海纵横创新软件有限公司</a>
+                    <div class="dropdown-menu dropdown-menu-right">
+                        <a class="dropdown-item" href="user-info.html" target="_blank">企业资料</a>
+                        <a class="dropdown-item" href="user-safe.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 class="dropdown-divider"></div>
+                        <a class="dropdown-item" href="#" target="_blank">退出登录</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-wrench"></i> 工具</a>
+                      <div class="dropdown-menu dropdown-menu-right">
+                          <a class="dropdown-item" href="#" aria-expanded="false">选项</a>
+                          <a class="dropdown-item" href="#">定额库编辑器</a>
+                          <a class="dropdown-item" href="tools-gongliaoji.html">工料机库编辑器</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 dropdown-menu-right">
+                          <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>
+                  <li class="nav-item">
+                    <a class="nav-link new-msg" data-toggle="modal" data-target="#msg" href="javacript:void(0);">
+                      <i class="fa fa-envelope-o" aria-hidden="true"></i>&nbsp;2
+                    </a>
+                  </li>
+                </ul>
+          </div>
+      </nav>
+  </div>
+    <div class="main">
+        <div class="poj-manage container-fluid">
+            <div class="row">
+                <div class="col-2">
+                    <div class="mt-3">
+                        <ul class="nav nav-pills flex-column">
+                            <li class="nav-item">
+                                <a class="nav-link active" href="user-info.html">企业资料</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link" href="user-safe.html">账号安全</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link" href="user-buy.html">产品激活</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link" href="user-set.html">登录设置</a>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+                <div class="col-10">
+                    <div class="col-lg-4">
+                        <legend class="my-3">企业资料</legend>
+                        <from>
+                            <div class="form-group">
+                                <label class="form-control-label">企业名称</label>
+                                <input class="form-control" value="珠海纵横创新软件有限公司" placeholder="输入您的企业名称" required="" autofocus="">
+                            </div>
+                            <div class="form-group">
+                                <label class="form-control-label">企业所在地区</label>
+                                <select class="form-control">
+                                  <option>广东省</option>
+                                  <option>北京市</option>
+                                </select>
+                            </div>
+                            <div class="form-group">
+                                <label class="form-control-label">企业类型</label>
+                                <select class="form-control">
+                                  <label>企业类型</label>
+                                  <option>设计</option>
+                                  <option>施工</option>
+                                </select>
+                            </div>
+                            <div class="form-group">
+                                <label class="form-control-label">企业规模</label>
+                                <select class="form-control">
+                                  <option>1-20</option>
+                                  <option>20-50</option>
+                                  <option>50-100</option>
+                                  <option>100+</option>
+                                </select>
+                            </div>
+                            <div class="form-group">
+                                <label class="form-control-label">账号姓名</label>
+                                <input class="form-control" value="陈特" placeholder="输入您的姓名" required="" autofocus="">
+                            </div>
+                            <!-- <div class="form-group has-danger">
+                                <label class="form-control-label">账号姓名</label>
+                                <input class="form-control is-invalid" value="" placeholder="输入您的姓名" required="" autofocus="">
+                                <div class="invalid-feedback">
+                                   请填写您的姓名
+                                 </div>
+                            </div> -->
+                            <div class="form-group">
+                                <label class="form-control-label">当前管理账号(登录账号)</label>
+                                <input class="form-control" value="15812799999" readonly="">
+                            </div>
+                            <div class="form-group mt-3">
+                                <button class="btn btn-primary">确认</button>
+                            </div>
+                        </from>
+                    </div>
+                </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>

+ 224 - 0
user-safe.html

@@ -0,0 +1,224 @@
+<!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">
+</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 p-0 d-flex">
+         <div class="header-logo">
+                <div class="v-title">重庆2018定额</div>
+                <div class="p-title">纵横建筑云计价(免费版)</div>
+            </div>
+          <div class="navbar-text navbar-crumb p-0">
+              <span class=""><a href="project-management.html">项目管理</a></span>
+          </div>
+          <div class="ml-auto navbar-text p-0">
+            <ul class="nav navbar-nav">
+                  <li class="nav-item dropdown">
+                    <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">珠海纵横创新软件有限公司</a>
+                    <div class="dropdown-menu dropdown-menu-right">
+                        <a class="dropdown-item" href="user-info.html" target="_blank">企业资料</a>
+                        <a class="dropdown-item" href="user-safe.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 class="dropdown-divider"></div>
+                        <a class="dropdown-item" href="#" target="_blank">退出登录</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-wrench"></i> 工具</a>
+                      <div class="dropdown-menu dropdown-menu-right">
+                          <a class="dropdown-item" href="#" aria-expanded="false">选项</a>
+                          <a class="dropdown-item" href="#">定额库编辑器</a>
+                          <a class="dropdown-item" href="tools-gongliaoji.html">工料机库编辑器</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 dropdown-menu-right">
+                          <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>
+                  <li class="nav-item">
+                    <a class="nav-link new-msg" data-toggle="modal" data-target="#msg" href="javacript:void(0);">
+                      <i class="fa fa-envelope-o" aria-hidden="true"></i>&nbsp;2
+                    </a>
+                  </li>
+                </ul>
+          </div>
+      </nav>
+  </div>
+    <div class="main">
+        <div class="poj-manage container-fluid">
+            <div class="row">
+                <div class="col-2">
+                    <div class="mt-3">
+                        <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="user-info.html">企业资料</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link active" href="user-safe.html">账号安全</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link" href="user-buy.html">产品升级</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link" href="user-set.html">登录设置</a>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+                <div class="col-10 side-content">
+                    <div class="col-4">
+                        <legend class="my-3">账号安全</legend>
+                        <from>
+                            <div class="form-group">
+                                <label class="form-control-label">手机号码(登录帐号)</label>
+                                <p class="form-control-static mb-0">1581260000 <span class="badge badge-success">已验证</span></p>
+                                <button class="btn btn-outline-primary btn-sm">更换手机</button>
+                            </div>
+                            <div class="form-group">
+                                <label class="form-control-label">邮箱地址</label>
+                                <p class="form-control-static mb-0">914630468@qq.com <span class="badge badge-default">未验证</span></p>
+                                <button class="btn btn-outline-primary btn-sm">验证邮箱</button> <button class="btn btn-secondary btn-sm">更换邮箱</button>
+                                <p class="form-control-static mb-0">914630468@qq.com <span class="badge badge-success">已验证</span></p>
+                                <button class="btn btn-outline-primary btn-sm">更换邮箱</button>
+                            </div>
+                            <div class="form-group">
+                                <label class="form-control-label">登录密码</label>
+                                <div class="form-control-static">
+                                  <button class="btn btn-outline-primary btn-sm">修改密码</button>
+                                </div>
+                            </div>
+                            <div class="form-group">
+                                <label class="form-control-label">异常登录提醒</label>
+                                <div class="form-control-static">
+                                  <div class="custom-control custom-checkbox" >
+                                    <input type="checkbox" class="custom-control-input" id="customCheck1">
+                                    <label class="custom-control-label" for="customCheck1" >开启</label>
+                                  </div>
+                                  <p class="text-muted">
+                                    账号出现异常登录时将给你的手机号码发送通知。
+                                  </p>
+                                </div>
+                            </div>
+                            <div class="form-group pl-3">
+                                <label class="form-control-label">短信通知</label>
+                                <div class="form-control-static">
+                                  <div class="custom-control custom-checkbox" >
+                                    <input type="checkbox" class="custom-control-input" id="customCheck11">
+                                    <label class="custom-control-label" for="customCheck11" >使用</label>
+                                  </div>
+                                  <p class="text-muted">
+                                    通知发送至 1581250000
+                                  </p>
+                                </div>
+                            </div>
+                            <div class="form-group pl-3">
+                                <label class="form-control-label">微信通知</label>
+                                <div class="form-control-static">
+                                  <div class="custom-control custom-checkbox" >
+                                    <input type="checkbox" class="custom-control-input" id="customCheck12">
+                                    <label class="custom-control-label" for="customCheck12" >使用</label>
+                                  </div>
+                                  <p class="text-muted">
+                                    通知发送至微信号:iuj_098 <a href="#">解绑</a>
+                                  </p>
+                                  <p class="text-muted">
+                                    未绑定,请扫码进行绑定:
+                                    <img class="w-100" src="img/wechat.png">
+                                  </p>
+                                </div>
+                            </div>
+                            <div class="form-group">
+                                <label class="form-control-label">关闭账号登录</label>
+                                <div class="form-control-static">
+                                  <div class="custom-control custom-checkbox" >
+                                    <input type="checkbox" class="custom-control-input" id="customCheck2">
+                                    <label class="custom-control-label" for="customCheck2" >关闭</label>
+                                  </div>
+                                  <p class="text-muted">
+                                    关闭账号登录后,只能通过短信验证码方式登录。
+                                  </p>
+                                </div>
+                            </div>
+                        </from>
+                    </div>
+                    <div class="mt-5">
+                      <legend>访问日志</legend>
+                      <table class="table table-hover">
+                        <thead><tr><th>系统</th><th>浏览器</th><th>访问日期</th><th>地址</th></tr></thead>
+                        <tbody>
+                          <tr>
+                            <td>Windows NT 10.0 64-bit</td><td>Chrome 55.0.2883.87 m (64-bit)</td><td>2017-01-12 09:09</td><td>广东省珠海市 电信(116.19.86.133)</td>
+                          </tr>
+                          <tr>
+                            <td>Windows NT 10.0 64-bit</td><td>Chrome 55.0.2883.87 m (64-bit)</td><td>2017-01-12 09:09</td><td>广东省珠海市 电信(116.19.86.133)</td>
+                          </tr>
+                          <tr>
+                            <td>Windows NT 10.0 64-bit</td><td>Chrome 55.0.2883.87 m (64-bit)</td><td>2017-01-12 09:09</td><td>广东省珠海市 电信(116.19.86.133)</td>
+                          </tr>
+                          <tr>
+                            <td>Windows NT 10.0 64-bit</td><td>Chrome 55.0.2883.87 m (64-bit)</td><td>2017-01-12 09:09</td><td>广东省珠海市 电信(116.19.86.133)</td>
+                          </tr>
+                          <tr>
+                            <td>Windows NT 10.0 64-bit</td><td>Chrome 55.0.2883.87 m (64-bit)</td><td>2017-01-12 09:09</td><td>广东省珠海市 电信(116.19.86.133)</td>
+                          </tr>
+                        </tbody>
+                      </table>
+                      <nav aria-label="...">
+                        <ul class="pagination">
+                          <li class="page-item disabled">
+                            <a class="page-link" href="#" tabindex="-1">上一页</a>
+                          </li>
+                          <li class="page-item active"><a class="page-link" href="#">1</a></li>
+                          <li class="page-item"><a class="page-link" href="#">2</a></li>
+                          <li class="page-item"><a class="page-link" href="#">3</a></li>
+                          <li class="page-item">
+                            <a class="page-link" href="#">下一页</a>
+                          </li>
+                        </ul>
+                      </nav>
+                    </div>
+                </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>

+ 137 - 0
user-set.html

@@ -0,0 +1,137 @@
+<!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">
+</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 p-0 d-flex">
+         <div class="header-logo">
+                <div class="v-title">重庆2018定额</div>
+                <div class="p-title">纵横建筑云计价(免费版)</div>
+            </div>
+          <div class="navbar-text navbar-crumb p-0">
+              <span class=""><a href="project-management.html">项目管理</a></span>
+          </div>
+          <div class="ml-auto navbar-text p-0">
+            <ul class="nav navbar-nav">
+                  <li class="nav-item dropdown">
+                    <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">陈特</a>
+                    <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 class="dropdown-divider"></div>
+                        <a class="dropdown-item" href="#" target="_blank">退出登录</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-wrench"></i> 工具</a>
+                      <div class="dropdown-menu dropdown-menu-right">
+                          <a class="dropdown-item" href="#" aria-expanded="false">选项</a>
+                          <a class="dropdown-item" href="#">定额库编辑器</a>
+                          <a class="dropdown-item" href="tools-gongliaoji.html">工料机库编辑器</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 dropdown-menu-right">
+                          <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>
+                  <li class="nav-item">
+                    <a class="nav-link new-msg" data-toggle="modal" data-target="#msg" href="javacript:void(0);">
+                      <i class="fa fa-envelope-o" aria-hidden="true"></i>&nbsp;2
+                    </a>
+                  </li>
+                </ul>
+          </div>
+      </nav>
+  </div>
+    <div class="main">
+        <div class="poj-manage container-fluid">
+            <div class="row">
+                <div class="col-2">
+                    <div class="mt-3">
+                        <ul class="nav nav-pills flex-column">
+                            <li class="nav-item">
+                                <a class="nav-link" href="user-info.html">账号资料</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link" href="user-safe.html">账号安全</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link" href="user-buy.html">产品升级</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link active" href="user-set.html">登录设置</a>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+                <div class="col-10">
+                    <div class="col-4">
+                        <legend class="my-3">登录设置</legend>
+                        <from>
+                            <div class="form-group">
+                                <label class="form-control-label">登录时选择版本</label>
+                                <div class="form-control">
+                                <div class="form-check form-check-inline">
+                                  <input class="form-check-input" type="radio" id="inlineCheckbox1" value="option1">
+                                  <label class="form-check-label" for="inlineCheckbox1">每次询问</label>
+                                </div>
+                                <div class="form-check form-check-inline">
+                                  <input class="form-check-input" type="radio" id="inlineCheckbox2" value="option2">
+                                  <label class="form-check-label" for="inlineCheckbox2">指定版本</label>
+                                </div>
+                              </div>
+                              </div>
+                            <div class="form-group">
+                                <label class="form-control-label">指定版本</label>
+                                <select class="form-control">
+                                  <option>广东版(专业版)</option>
+                                  <option>重庆版(免费版)</option>
+                                </select>
+                            </div>
+                            <div class="form-group mt-3">
+                                <button class="btn btn-primary">确认</button>
+                            </div>
+                        </from>
+                    </div>
+                </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>

Rozdílová data souboru nebyla zobrazena, protože soubor je příliš velký
+ 2898 - 0
zaojiashu.html


+ 142 - 0
zhibiao.html

@@ -0,0 +1,142 @@
+<!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">
+</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 p-0 d-flex">
+            <div class="header-logo">
+                <div class="v-title">重庆2018定额</div>
+                <div class="p-title">纵横建筑云计价(免费版)</div>
+            </div>
+            <div class="navbar-text navbar-crumb px-1">
+                <span><i class="fa fa-sticky-note-o"></i></span>
+                <span class="" data-toggle="tooltip" data-placement="bottom" title="乌恰县S309线K72+100-开普太西水库-苏约克村公路建设工程"> <span class="text-truncate float-right">&nbsp;乌恰县S309线K72+100-开普太西水库-苏约克村公路建设工程</span></span>
+            </div>
+            <ul class="nav navbar-nav">
+                    <li class="nav-item">
+                        <a class="nav-link" href="#" aria-expanded="false" data-toggle="modal" data-target="#poj-set"><i class="fa fa-cube"></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-cloud-upload"></i> 导入</a>
+                        <div class="dropdown-menu">
+                            <a class="dropdown-item" href="#import" data-toggle="modal" data-target="#import">导入09表Excel清单</a>
+                            <a class="dropdown-item" href="#">导入广联达算量Excel清单</a>
+                        </div>
+                    </li>
+            </ul>
+            <div class="ml-auto navbar-text p-0">
+              <ul class="nav navbar-nav">
+                    <li class="nav-item dropdown">
+                      <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">陈特</a>
+                      <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 class="dropdown-divider"></div>
+                          <a class="dropdown-item" href="#" target="_blank">退出登录</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-wrench"></i> 工具</a>
+                        <div class="dropdown-menu dropdown-menu-right">
+                            <a class="dropdown-item" href="#" aria-expanded="false">选项</a>
+                            <a class="dropdown-item" href="#">定额库编辑器</a>
+                            <a class="dropdown-item" href="tools-gongliaoji.html">工料机库编辑器</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 dropdown-menu-right">
+                            <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>
+                    <li class="nav-item">
+                      <a class="nav-link new-msg" data-toggle="modal" data-target="#msg" href="javacript:void(0);">
+                        <i class="fa fa-envelope-o" aria-hidden="true"></i>&nbsp;2
+                      </a>
+                    </li>
+                  </ul>
+            </div>
+        </nav>
+  </div>
+    <div class="main">
+        <div class="main-nav">
+            <ul class="nav flex-column">
+              <li><a href="zaojiashu.html">造价书</a></li>
+              <li><a href="gongliaoji.html">人材机汇总</a></li>
+              <li><a href="feilv.html">费率</a></li>
+              <li><a href="jisuanchengxu.html">计算程序</a></li>
+              <li><a href="tiaojia.html">调价</a></li>
+              <li><a href="baobiao.html">报表</a></li>
+            </ul>
+        </div>
+        <div class="content">
+            <div class="toolsbar px-1">
+              <div class="form-inline py-1">
+                <label class="mx-2"><i class="fa fa-database mr-1" aria-hidden="true"></i>指标信息</label>
+              </div>
+            </div>
+            <div class="container-fluid">
+                <div class="row">
+                    <div class="gl-side gl-side-lg">
+                      <ul class="nav flex-column nav-side mt-2 mb-2">
+                        <li class="nav-item"><a href="#" class="nav-link">工程信息指标</a></li>
+                        <li class="nav-item"><a href="#" class="nav-link">工程特征指标</a></li>
+                        <li class="nav-item"><a href="#" class="nav-link">工程造价指标</a></li>
+                        <li class="nav-item"><a href="#" class="nav-link active">主要工料指标</a></li>
+                        <li class="nav-item"><a href="#" class="nav-link">主要经济指标</a></li>
+                        <li class="nav-item"><a href="#" class="nav-link">主要工程量指标</a></li>
+                        <li class="nav-item"><a href="#" class="nav-link">设置主要经济、工程量指标</a></li>
+                        <li class="nav-item"><a href="#" class="nav-link">设置主要工料指标</a></li>
+                      </ul>
+                    </div>
+                    <div class="main-content col p-0">
+                      <div class="main-data-full"><!--spread js-->
+                        <table class="table table-sm table-bordered m-0">
+                          <thead>
+                            <tr>
+                              <th>编码</th><th>名称</th><th>内容</th>
+                            </tr>
+                          </thead>
+                        </table>
+                      </div>
+                    </div>
+                </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>

+ 145 - 0
zongjisuan.html

@@ -0,0 +1,145 @@
+<!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">
+</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 p-0 d-flex">
+            <div class="header-logo">
+                <!-- <div class="v-title">重庆2018定额</div>
+                <div class="p-title">纵横建筑云计价(免费版)</div> -->
+                <h4 class="mt-1">单价文件编辑器</h4>
+            </div>
+            <div class="navbar-text navbar-crumb px-1">
+                <span class="text-truncate" data-toggle="tooltip" data-placement="bottom" title="建设项目名称"><i class="fa fa-cubes"></i>...</span>
+                <span><i class="fa fa-puzzle-piece"></i></span>
+                <span class="" data-toggle="tooltip" data-placement="bottom" title="单价文件"> <span class="text-truncate float-right">&nbsp;单价文件</span></span>
+            </div>
+            <ul class="nav navbar-nav">
+                    <li class="nav-item">
+                        <a class="nav-link" href="#" aria-expanded="false" data-toggle="modal" data-target="#poj-set"><i class="fa fa-cube"></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-cloud-upload"></i> 导入</a>
+                        <div class="dropdown-menu">
+                            <a class="dropdown-item" href="#import" data-toggle="modal" data-target="#import">导入09表Excel清单</a>
+                            <a class="dropdown-item" href="#">导入广联达算量Excel清单</a>
+                        </div>
+                    </li>
+            </ul>
+            <div class="ml-auto navbar-text p-0">
+              <ul class="nav navbar-nav">
+                    <li class="nav-item dropdown">
+                      <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">陈特</a>
+                      <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 class="dropdown-divider"></div>
+                          <a class="dropdown-item" href="#" target="_blank">退出登录</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-wrench"></i> 工具</a>
+                        <div class="dropdown-menu dropdown-menu-right">
+                            <a class="dropdown-item" href="#" aria-expanded="false">选项</a>
+                            <a class="dropdown-item" href="#">定额库编辑器</a>
+                            <a class="dropdown-item" href="tools-gongliaoji.html">工料机库编辑器</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 dropdown-menu-right">
+                            <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>
+                    <li class="nav-item">
+                      <a class="nav-link new-msg" data-toggle="modal" data-target="#msg" href="javacript:void(0);">
+                        <i class="fa fa-envelope-o" aria-hidden="true"></i>&nbsp;2
+                      </a>
+                    </li>
+                  </ul>
+            </div>
+        </nav>
+  </div>
+    <div class="main">
+        <div class="main-nav">
+            <ul class="nav flex-column">
+              <li><a href="zaojiashu.html">造价书</a></li>
+              <li><a href="gongliaoji.html">人材机汇总</a></li>
+              <li><a href="feilv.html">费率</a></li>
+              <li><a href="jisuanchengxu.html">计算程序</a></li>
+              <li><a href="tiaojia.html">调价</a></li>
+              <li><a href="baobiao.html">报表</a></li>
+            </ul>
+        </div>
+        <div class="content">
+            <div class="toolsbar px-1">
+              <div class="form-inline py-1">
+                <label class="mx-2"><i class="fa fa-calculator mr-1" aria-hidden="true"></i>总计算程序</label>
+              </div>
+            </div>
+            <div class="container-fluid">
+                <div class="row">
+                    <div class="col-2 p-0">
+                      <div class="main-data-full"><!--spread js-->
+                        <table class="table table-sm table-bordered m-0">
+                          <thead>
+                            <tr>
+                              <th> </th><th>名称</th>
+                            </tr>
+                            <tr><td>1</td><td>建筑工程</td></tr>
+                            <tr><td>1</td><td>建筑工程大型机械土石方及</td></tr>
+                          </thead>
+                        </table>
+                      </div>
+                    </div>
+                    <div class="main-content col-10 p-0">
+                      <div class="main-data-full"><!--spread js-->
+                        <table class="table table-sm table-bordered m-0">
+                          <thead>
+                            <tr>
+                              <th> </th><th>费用代号</th><th>费用名称</th><th>计算基数</th><th>费率</th><th>费率类别</th><th>基数说明</th><th>备注</th>
+                            </tr>
+                          </thead>
+                        </table>
+                      </div>
+                    </div>
+                </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>