Browse Source

更新内页的侧栏菜单样式;增加 指标信息 及 总计算程序

Chente 6 năm trước cách đây
mục cha
commit
2687d63ab6
6 tập tin đã thay đổi với 395 bổ sung29 xóa
  1. 11 1
      css/main.css
  2. 14 14
      gongliaoji.html
  3. 5 5
      gongliaoji2.html
  4. 79 9
      zaojiashu.html
  5. 143 0
      zhibiao.html
  6. 143 0
      zongjisuan.html

+ 11 - 1
css/main.css

@@ -176,6 +176,16 @@ font-size: .875rem;
   background-color: #6c757d;
   color:#fff
 }
+.gl-side.gl-side-lg{
+  width:150px;
+}
+.nav-side .nav-link{
+  padding:.5rem;
+}
+.nav-side .nav-link.active{
+  background:#ddd;
+  color:#333;
+}
 .pm-side{
   position: fixed;
   left:0;
@@ -375,7 +385,7 @@ font-size: .875rem;
 }
 .gl-side{
   border-right:1px solid #ccc;
-  width:150px
+  width:120px
 }
 .bottom-content .tab-content .main-data-bottom{
     height: 300px;

+ 14 - 14
gongliaoji.html

@@ -111,22 +111,22 @@
             <div class="container-fluid">
                 <div class="row">
                     <div class="gl-side">
-                      <ul class="nav flex-column nav-pills mt-2 mb-2">
-                        <li class="nav-item px-2"><a href="#" class="nav-link">所有工料机</a>
-                          <ul class="nav flex-column nav-pills ml-3">
-                            <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 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 px-2"><a href="#" class="nav-link">分部分项工料机</a></li>
-                        <li class="nav-item px-2"><a href="#" class="nav-link">措施分项工料机</a></li>
-                        <li class="nav-item px-2"><a href="#" class="nav-link active">甲供材料</a></li>
-                        <li class="nav-item px-2"><a href="#" class="nav-link">暂估材料</a></li>
-                        <li class="nav-item px-2"><a href="#" class="nav-link">三材汇总</a></li>
-                        <li class="nav-item px-2"><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>
                       </ul>
                     </div>
                     <div class="main-content col p-0">

+ 5 - 5
gongliaoji2.html

@@ -115,11 +115,11 @@
                       <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-pills pt-2">
-                              <li class="nav-item px-2"><a href="#" class="nav-link active">所有</a>
-                              <li class="nav-item px-2"><a href="#" class="nav-link">人工</a></li>
-                              <li class="nav-item px-2"><a href="#" class="nav-link">材料</a></li>
-                              <li class="nav-item px-2"><a href="#" class="nav-link">机械</a></li>
+                            <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>

+ 79 - 9
zaojiashu.html

@@ -155,6 +155,13 @@
                         <a class="dropdown-item" href="#">导入广联达算量Excel清单</a>
                     </div>
                 </span>
+                <span class="btn btn-sm">
+                    <a class="dropdown-toggle" href="#" data-toggle="dropdown"><i class="fa  fa-code-fork" data-toggle="tooltip" data-placement="bottom" title="数据接口"></i></a>
+                    <div class="dropdown-menu">
+                        <a class="dropdown-item" href="#export" data-toggle="modal" data-target="#export">重庆市电子招投标数据接口</a>
+                        <a class="dropdown-item" href="#">重庆其他电子招投标数据接口</a>
+                    </div>
+                </span>
                 <a href="" class="btn btn-light btn-sm" data-toggle="tooltip" data-placement="bottom" title="插入"><i class="fa fa-plus-square" aria-hidden="true"></i></a>
                 <a href="" class="btn btn-light btn-sm" data-toggle="tooltip" data-placement="bottom" title="删除"><i class="fa fa-remove" aria-hidden="true"></i></a>
                 <a href="" class="btn btn-light btn-sm disabled" data-toggle="tooltip" data-placement="bottom" title="升级"><i class="fa fa-arrow-left" aria-hidden="true"></i></a>
@@ -311,6 +318,8 @@
                         <!-- <a href="" class="dropdown-item"><i class="fa fa-lock" aria-hidden="true"></i> 解锁清单</a> -->
                         <a href="" class="dropdown-item"><i class="fa fa-eye" aria-hidden="true"></i> 显示特征内容</a>
                         <!-- <a href="" class="dropdown-item" data-toggle="tooltip" data-placement="bottom" title="隐藏特征内容"><i class="fa fa-eye-slash" aria-hidden="true"></i> 隐藏特征内容</a> -->
+                        <a href="zongjisuan.html" class="dropdown-item"><i class="fa fa-calculator" aria-hidden="true"></i> 总计算程序</a>
+                        <a href="zhibiao.html" class="dropdown-item"><i class="fa fa-database" aria-hidden="true"></i> 指标信息</a>
                     </div>
                 </div>
             </div>
@@ -2183,19 +2192,19 @@
                         勾选“需要专业分部标题”,表示分部整理时需要添加清单专业标题;</br>
                     勾选“需要章分部标题”,表示分部整理时需要添加章标题;</br>
                 勾选“需要节分部标题”,表示分部整理时需要添加节标题;</br>
-            勾选“删除自定义分部标题”,将首先删除已有自定义分部标题,然后再执行分部整理;</br>
-        勾选“清单排序”,表示分部整理后对每个分部下的清单进行排序;</br>
-        勾选“清单重新编码”,表示分部整理后对每个分部下的清单重新生成水流号;
-    </p>
-</div>
-</div>
+                勾选“删除自定义分部标题”,将首先删除已有自定义分部标题,然后再执行分部整理;</br>
+            勾选“清单排序”,表示分部整理后对每个分部下的清单进行排序;</br>
+            勾选“清单重新编码”,表示分部整理后对每个分部下的清单重新生成水流号;
+        </p>
+    </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>
+    </div>
 </div>
 <!--弹出 计取安装费用-->
 <div class="modal fade" id="jqaz" data-backdrop="static">
@@ -2413,6 +2422,67 @@
         </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">重庆市电子招投标数据接口<!-- 重庆其他电子招投标数据接口 --></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">
+                        <h5 class="card-title">Card title</h5>
+                        <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
+                        <a href="#" class="btn btn-primary">Go somewhere</a>
+                      </div>
+                </div>
+                <!--招标-->
+                <div class="form-group">
+                    <label class="mb-0">招标接口文件导出</label>
+                    <small id="emailHelp" class="form-text text-muted">招标接口文件由以下2个文件组成,其内容必须保持一致,因此建议一次性全部导出。</small>
+                </div>
+                <div class="form-group">
+                    <div class="form-check ml-4">
+                      <input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
+                      <label class="form-check-label" for="defaultCheck1">
+                        招标工程量清单
+                      </label>
+                        <small id="emailHelp" class="form-text text-muted">招标工程量清单数据文件,用于投标人投标报价</small>
+                    </div>
+                    <div class="form-check ml-4">
+                      <input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
+                      <label class="form-check-label" for="defaultCheck1">
+                        招标控制价
+                      </label>
+                        <small id="emailHelp" class="form-text text-muted">包含完整组价数据的招标控制价文件</small>
+                    </div>
+                </div>
+                <!--投标-->
+                <div class="form-group">
+                    <label class="mb-0">投标接口文件导出</label>
+                </div>
+                <div class="form-group">
+                    <div class="form-check ml-4">
+                      <input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
+                      <label class="form-check-label" for="defaultCheck1">
+                        投标文件
+                      </label>
+                        <small id="emailHelp" class="form-text text-muted">投标工程数据文件</small>
+                    </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="ntwz" data-backdrop="static">
     <div class="modal-dialog" role="document">

+ 143 - 0
zhibiao.html

@@ -0,0 +1,143 @@
+<!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>
+                        <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>

+ 143 - 0
zongjisuan.html

@@ -0,0 +1,143 @@
+<!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-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>