形象进度修改，二级菜单修改

biaoduan-panel.html

@@ -64,8 +64,9 @@
           <div class="nav-box">
             <h3><i class="fa fa-list-alt"></i> 0号台账</h3>
             <ul class="nav-list list-unstyled sub-list">
+              <li><a href="taizhang-qianyue.html"><span>签约清单</span></a></li>
               <li><a href="taizhang.html"><span>台账分解</span></a></li>
-              <li><a href="taizhang-shenpi.html"><span>台账审批</span></a></li>
+              <li><a href="taizhang-shenpi.html"><span>台账分解</span></a></li>
               <li><a href="taizhang-duibi.html"><span>清单对比</span></a></li>
               <li><a href="taizhang-bg.html"><span>台账修订</span></a></li>
             </ul>
@@ -189,10 +190,10 @@
                       <a href="#bd-set-7" data-toggle="modal" data-target="#bd-set-7" class="btn btn-sm btn-outline-primary">付款账号</a>
                       <a class="btn btn-sm btn-outline-primary" href="#batch" data-toggle="modal" data-target="#batch"><i class="fa fa-clipboard "></i> 拷贝设置</a>
                       <i class="mx-2">|</i>
-                      <a href="biaoduan-liucheng.html" class="btn btn-sm btn-outline-primary">审批流程</a>
-                      <a href="#bd-set-8" data-toggle="modal" data-target="#bd-set-8" class="btn btn-sm btn-outline-primary">形象进度 <span class="badge badge-secondary">1</span></a>
-                      <a href="#bd-set-9" data-toggle="modal" data-target="#bd-set-9"  class="btn btn-sm btn-outline-primary">游客账号 <span class="badge badge-secondary">4</span></a>
-                      <!-- <a href="biaoduan-xiezuo.html" class="btn btn-sm btn-outline-primary"><i class="fa fa-users"></i> 协作办公</a> -->
+                      查阅人
+                      <a><span class="avatar bg-2 s-1x" data-toggle="tooltip" data-placement="bottom" data-original-title="刘德华">德华</span></a>
+                      <a><span class="avatar bg-4 s-1x" data-toggle="tooltip" data-placement="bottom" data-original-title="王五">王五</span></a>
+                      <a><span class="avatar bg-9 s-1x" data-toggle="tooltip" data-placement="bottom" data-original-title="王安然">安然</span></a>
                     </div>
                   </div>
                 </div>
@@ -946,144 +947,7 @@
           </div>
       </div>
   </div>
-  <!--标段设置-形象进度-->
-  <div class="modal fade" id="bd-set-8" 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="alert alert-warning">设置可使用「形象进度」用户</div>
-                <div class="dropdown">
-                  <button class="btn btn-outline-primary btn-sm dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                    添加用户
-                  </button>
-                  <div class="dropdown-menu" aria-labelledby="dropdownMenuButton" style="width:220px">
-                      <div class="mb-2 p-2"><input class="form-control form-control-sm" placeholder="姓名/手机 检索"></div>
-                      <dl class="list-unstyled book-list">
-                        <dt><a href=""><i class="fa fa-minus-square-o"></i></a> 建设单位</dt>
-                        <dd class="border-bottom p-2 mb-0">
-                          <p class="mb-0 d-flex"><span class="text-primary">李旭</span><span class="ml-auto">15800000003</span></p>
-                           <span class="text-muted">中交第一公路工程局有限公司国道311线满别公路施工一分部</span>
-                        </dd>
-                        <dd class="border-bottom p-2 mb-0">
-                          <p class="mb-0 d-flex"><span class="text-primary">李旭</span><span class="ml-auto">15800000003</span></p>
-                           <span class="text-muted">中交第一公路工程局有限公司国道311线满别公路施工一分部</span>
-                        </dd>
-                        <dd class="border-bottom p-2 mb-0">
-                          <p class="mb-0 d-flex"><span class="text-primary">李旭</span><span class="ml-auto">15800000003</span></p>
-                           <span class="text-muted">中交第一公路工程局有限公司国道311线满别公路施工一分部</span>
-                        </dd>
-                        <dd class="border-bottom p-2 mb-0">
-                          <p class="mb-0 d-flex"><span class="text-primary">李旭</span><span class="ml-auto">15800000003</span></p>
-                           <span class="text-muted">中交第一公路工程局有限公司国道311线满别公路施工一分部</span>
-                        </dd>
-                        <dt><a href=""><i class="fa fa-minus-square-o"></i></a> 监理单位</dt>
-                        <dd class="border-bottom p-2 mb-0">
-                          <p class="mb-0 d-flex"><span class="text-primary">李旭</span><span class="ml-auto">15800000003</span></p>
-                           <span class="text-muted">中交第一公路工程局有限公司国道311线满别公路施工一分部</span>
-                        </dd>
-                        <dd class="border-bottom p-2 mb-0">
-                          <p class="mb-0 d-flex"><span class="text-primary">李旭</span><span class="ml-auto">15800000003</span></p>
-                           <span class="text-muted">中交第一公路工程局有限公司国道311线满别公路施工一分部</span>
-                        </dd>
-                        <dt><a href=""><i class="fa fa-plus-square"></i></a> 施工单位</dt>
-                        <dt><a href=""><i class="fa fa-plus-square"></i></a> 设计单位</dt>
-                      </dl>
-                  </div>
-                </div>
-                <div class="mt-1">
-                  <table class="table table-bordered">
-                    <tr><th>用户</th><th>查看</th><th>修改</th><th>移除</th></tr>
-                    <tr><td><p class="mb-0 d-flex"><b class="col-3 pl-0">张三</b> <span class="text-muted">15812341234</span><p class="text-muted mb-0">副经理</p></td><td>
-                      <div class="custom-control custom-checkbox mb-2">
-                      <input type="checkbox" id="customRadio41" name="customCheckbox" class="custom-control-input">
-                      <label class="custom-control-label" for="customRadio41"></label>
-                    </div>
-                      </td><td>
-                        <div class="custom-control custom-checkbox mb-2">
-                          <input type="checkbox" id="customRadio42" name="customCheckbox" class="custom-control-input">
-                          <label class="custom-control-label" for="customRadio42"></label>
-                        </div>
-                      </td>
-                      <td><a href="" class="text-danger">移除</a></td>
-                    </tr>
-                  </table>
-                </div>
-              </div>
-              <div class="modal-footer">
-                <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
-                <button type="button" class="btn btn-sm btn-primary" >确认修改</button>
-              </div>
-          </div>
-      </div>
-  </div>
-  <!--游客账号-->
-  <div class="modal fade" id="bd-set-9" 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="dropdown text-right">
-                        <button class="btn btn-outline-primary btn-sm dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                          添加游客
-                        </button>
-                        <div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuButton" style="width:220px">
-                            <div class="mb-2 p-2"><input class="form-control form-control-sm" placeholder="姓名/手机 检索"></div>
-                            <dl class="list-unstyled book-list">
-                              <dt><a href=""><i class="fa fa-minus-square-o"></i></a> 建设单位</dt>
-                              <dd class="border-bottom p-2 mb-0">
-                                <p class="mb-0 d-flex"><span class="text-primary">李旭</span><span class="ml-auto">15800000003</span></p>
-                                 <span class="text-muted">职称</span>
-                              </dd>
-                              <dd class="border-bottom p-2 mb-0">
-                                <p class="mb-0 d-flex"><span class="text-primary">李旭</span><span class="ml-auto">15800000003</span></p>
-                                 <span class="text-muted">职称</span>
-                              </dd>
-                              <dd class="border-bottom p-2 mb-0">
-                                <p class="mb-0 d-flex"><span class="text-primary">李旭</span><span class="ml-auto">15800000003</span></p>
-                                 <span class="text-muted">职称</span>
-                              </dd>
-                              <dd class="border-bottom p-2 mb-0">
-                                <p class="mb-0 d-flex"><span class="text-primary">李旭</span><span class="ml-auto">15800000003</span></p>
-                                 <span class="text-muted">职称</span>
-                              </dd>
-                              <dt><a href=""><i class="fa fa-minus-square-o"></i></a> 监理单位</dt>
-                              <dd class="border-bottom p-2 mb-0">
-                                <p class="mb-0 d-flex"><span class="text-primary">李旭</span><span class="ml-auto">15800000003</span></p>
-                                 <span class="text-muted">职称</span>
-                              </dd>
-                              <dd class="border-bottom p-2 mb-0">
-                                <p class="mb-0 d-flex"><span class="text-primary">李旭</span><span class="ml-auto">15800000003</span></p>
-                                 <span class="text-muted">职称</span>
-                              </dd>
-                              <dt><a href=""><i class="fa fa-plus-square"></i></a> 施工单位</dt>
-                              <dt><a href=""><i class="fa fa-plus-square"></i></a> 设计单位</dt>
-                            </dl>
-                        </div>
-                      </div>
-                <div class="card mt-3">
-                  <div class="card-header">
-                    游客列表
-                  </div>
-                  <div class="modal-height-300">
-                    <ul class="list-group list-group-flush">
-                      <li class="list-group-item"><a href="" class="text-danger pull-right">移除</a>张三  <small class="text-muted">监理</small><p class="m-0 ml-2"><small class="text-muted">中交第一公路工程局有限公司国道311线满别公路施工一分部</small></p></li>
-                      <li class="list-group-item"><a href="" class="text-danger pull-right">移除</a>王五 <small class="text-muted">监理</small><p class="m-0 ml-2"><small class="text-muted">XXX单位</small></p></li>
-                      <li class="list-group-item"><a href="" class="text-danger pull-right">移除</a>李四 <small class="text-muted">监理</small><p class="m-0 ml-2"><small class="text-muted">XXX单位</small></p></li>
-                    </ul>
-                  </div>
-                </div>
-              </div>
-              <div class="modal-footer">
-                <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">关闭</button>
-              </div>
-          </div>
-      </div>
-  </div>
+
   <!--批量设置-->
   <div class="modal fade" id="batch" data-backdrop="static">
       <div class="modal-dialog" role="document">

biaoduan.html

@@ -23,7 +23,7 @@
           <li class="bg-danger"><a class="text-white maintain-icon"><i class="fa fa-wrench "></i><span class="bg-danger maintain-info">系统将于 2019年3月10日 14:09 开始停机维护，持续30分钟。</span></a></li>
           <!--系统维护信息 end-->
           <li><a href="dashboard.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="代办事项"><i class="fa fa-check-square-o"></i><span>待办</span></a></li>
-          <li class="active"><a href="biaoduan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目"><i class="fa fa-list-ul"></i><span>项目</span></a></li>
+          <li class="active"><a href="xiangmu.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目"><i class="fa fa-list-ul"></i><span>项目</span></a></li>
           <li><a href="fenbao.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="总分包"><i class="fa fa-sitemap"></i></a></li>
         </ul>
       </div>
@@ -50,10 +50,6 @@
           <div class="title-main  d-flex justify-content-between">
             <div>
               <div class="d-inline-block mr-2">
-                <!--自定义类别-->
-                <div class="btn-group">
-                  <button href="#cate-set" class="btn btn-sm btn-light text-primary" data-toggle="modal" data-target="#cate-set"><i class="fa fa-sitemap fa-rotate-270"></i> 自定义类别</button>
-                </div>
                 <!--展开/收起-->
                 <div class="btn-group">
                   <button type="button" class="btn btn-sm btn-light text-primary dropdown-toggle" data-toggle="dropdown" id="zhankai">展开/收起</button>
@@ -66,34 +62,27 @@
                 <div class="btn-group">
                   <button type="button" class="btn btn-sm btn-light text-primary dropdown-toggle" data-toggle="dropdown" id="bpaixu">排序：名称</button>
                   <div class="dropdown-menu" aria-labelledby="bpaixu">
-                    <ul class="list-unstyled px-3 mb-0">
-                      <li class="mb-2">
+                      <div class="mx-3">
                         <div class="custom-control custom-radio">
-                          <input type="radio" class="custom-control-input" id="pai1" name="paizhi" checked="">
-                          <label class="custom-control-label" for="pai1">创建时间</label>
+                          <input type="radio" id="customRadio1" name="customRadio" class="custom-control-input">
+                          <label class="custom-control-label" for="customRadio1">创建时间</label>
                         </div>
-                      </li>
-                      <li class="mb-2">
                         <div class="custom-control custom-radio">
-                          <input type="radio" class="custom-control-input" id="pai3" name="paizhi">
-                          <label class="custom-control-label" for="pai3">名称</label>
+                          <input type="radio" id="customRadio2" name="customRadio" class="custom-control-input">
+                          <label class="custom-control-label" for="customRadio2">名称</label>
                         </div>
-                      </li>
-                    </ul>
-                    <ul class="list-unstyled px-3 pt-2 mb-0 border-top">
-                      <li class="mb-2">
+                      </div>
+                      <div class="dropdown-divider"></div>
+                      <div class="mx-3">
                         <div class="custom-control custom-radio">
-                          <input type="radio" class="custom-control-input" id="pdown" name="paixu" checked="">
-                          <label class="custom-control-label" for="pdown">降序</label>
+                          <input type="radio" id="customRadio3" name="customRadio" class="custom-control-input">
+                          <label class="custom-control-label" for="customRadio3">降序</label>
                         </div>
-                      </li>
-                      <li class="mb-2">
                         <div class="custom-control custom-radio">
-                          <input type="radio" class="custom-control-input" id="pup" name="paixu">
-                          <label class="custom-control-label" for="pup">升序</label>
+                          <input type="radio" id="customRadio4" name="customRadio" class="custom-control-input">
+                          <label class="custom-control-label" for="customRadio4">升序</label>
                         </div>
-                      </li>
-                    </ul>
+                      </div>
                   </div>
                 </div>
               </div>

css/main.css

@@ -51,13 +51,18 @@ font-size: .875rem;
 .input-group-text .group-checkbox[type="checkbox"],.input-group-text .group-checkbox[type="radio"]{
   margin-top: .3rem;
 }
-
 .custom-control-label::before {
   top:.1rem;
 }
 .custom-control-label::after{
   top:.1rem;
 }
+.dropdown-menu .custom-control-label::before {
+  top:.5rem;
+}
+.dropdown-menu .custom-control-label::after{
+  top:.5rem;
+}
 .custom-switch .custom-control-label::after{
   top:.25rem;
 }
@@ -108,6 +113,14 @@ font-size: .875rem;
 .group-tab .btn-light.active{
   cursor: default;
 }
+.group-tab .btn-light.active a{
+  text-decoration: none;
+  color:#212529;
+  cursor: default;
+}
+.group-tab .btn-light a:hover{
+text-decoration: none;
+}
 .text-info-50{
   color: #bee5eb;
 }

schedule-actual1.html

@@ -140,7 +140,7 @@
               <table class="table table-bordered table-sm">
                 <thead>
                   <tr class="text-center"><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="2">本年计划完成</th><th colspan="2">本年累计完成</th><th colspan="2">本月计划完成</th><th colspan="2">本期完成计量</th><th colspan="2">下月计划</th></tr>
-                  <tr class="text-center"><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>
+                  <tr class="text-center"><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>
                 <tr><td>1-2</td><td>路基工程</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
                 <tr><td>1-2-2</td><td>挖方</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>

schedule-actual2.html

@@ -127,7 +127,7 @@
               <table class="table table-bordered table-sm">
                 <thead>
                   <tr class="text-center"><th rowspan="2">项目节编号</th><th rowspan="2">名称</th><th rowspan="2">单位</th><th rowspan="2">经济指标</th><th colspan="2">总设计</th><th colspan="4">2020年1月</th><th colspan="4">2020年2月</th><th colspan="4">2020年3月</th></tr>
-                  <tr class="text-center"><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>
+                  <tr class="text-center"><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>
                 <tr><td>1-2</td><td>路基工程</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
                 <tr><td>1-2-2</td><td>挖方</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>

schedule-panel.html

@@ -142,14 +142,6 @@
                       </div>
                     </div>
                   </div>
-                  <div class="col-auto pr-0">
-                    <div class="card text-center">
-                      <div class="card-body">
-                        <h5 class="card-title">50,000.00 <small class="text-danger"  data-toggle="tooltip" data-placement="bottom" title="" data-original-title="占设计比例">15%</small></h5>
-                        <p class="card-text text-muted">实际完成金额</p>
-                      </div>
-                    </div>
-                  </div>
                 </div>
                 <!--进度条-->
                 <div class="mb-3">
@@ -158,7 +150,7 @@
                     <div class="progress-bar bg-info" style="width:24%;" data-placement="bottom" data-toggle="tooltip" data-original-title="计划完成工程量：30,000.00">24%</div>
                     <div class="progress-bar bg-gray" style="width:76%;" data-placement="bottom" data-toggle="tooltip" data-original-title="合同未计划：930,00.00">66%</div>
                   </div>
-                  <p class="mt-2 mb-0">实际工程量进度</p>
+                  <p class="mt-2 mb-0">计量工程量进度</p>
                   <div class="progress">
                     <div class="progress-bar bg-info" style="width: 18%;" data-placement="bottom" data-toggle="tooltip" data-original-title="实际完成工程量：40,000.00">18%</div>
                     <div class="progress-bar bg-gray" style="width:82%;" data-placement="bottom" data-toggle="tooltip" data-original-title="合同未完成：930,00.00">72%</div>
@@ -168,7 +160,7 @@
                     <div class="progress-bar bg-success" style="width:24%;" data-placement="bottom" data-toggle="tooltip" data-original-title="计划完成金额：￥300.00">24%</div>
                     <div class="progress-bar bg-gray" style="width:76%;" data-placement="bottom" data-toggle="tooltip" data-original-title="合同未计划：￥930.00">66%</div>
                   </div>
-                  <p class="mt-2 mb-0">实际金额进度（万元）</p>
+                  <p class="mt-2 mb-0">计量金额进度（万元）</p>
                   <div class="progress">
                     <div class="progress-bar bg-success" style="width: 18%;" data-placement="bottom" data-toggle="tooltip" data-original-title="实际完成金额：￥400.00">18%</div>
                     <div class="progress-bar bg-gray" style="width:82%;" data-placement="bottom" data-toggle="tooltip" data-original-title="合同未完成：￥930.00">72%</div>
@@ -222,7 +214,7 @@
         },
         calculable : true,
         legend: {
-            data:['计划完成工程量','实际完成工程量','实际占设计比例']
+            data:['计划完成工程量','计量完成工程量','完成占计划比例']
         },
         dataZoom: [
                {show: true,start: 0, end: 100}
@@ -263,14 +255,14 @@
                 data:[320, 332, 301, 334, 390, 330, 320]
             },
             {
-                name:'实际完成工程量',
+                name:'计量完成工程量',
                 type:'bar',
                 tooltip : {trigger: 'item',formatter: "{b}<br/>{a}：{c}"},
                 stack: '实际',
                 data:[310, 330, 301, 334, 390, 330, 320]
             },
             {
-                name:'实际占设计比例',
+                name:'计量完成占计划比例',
                 type:'line',
                 tooltip : {trigger: 'axis',formatter: "{b}占合同比例<br/>{a}：{c} %"},
                 yAxisIndex: 1,
@@ -295,7 +287,7 @@
         },
         calculable : true,
         legend: {
-            data:['计划完成金额','实际完成金额','实际占设计比例']
+            data:['计划完成金额','计量完成金额','计量完成占计划比例']
         },
         dataZoom: [
                {show: true,start: 0, end: 100}
@@ -336,14 +328,14 @@
                 data:[320, 332, 301, 334, 390, 330, 320]
             },
             {
-                name:'实际完成金额',
+                name:'计量完成金额',
                 type:'bar',
                 tooltip : {trigger: 'item',formatter: "{b}<br/>{a}：{c}万元"},
                 stack: '实际',
                 data:[310, 330, 301, 334, 390, 330, 320]
             },
             {
-                name:'实际占合同比例',
+                name:'计量完成占计划比例',
                 type:'line',
                 tooltip : {trigger: 'axis',formatter: "{b}占合同比例<br/>{a}：{c} %"},
                 yAxisIndex: 1,

schedule-plan.html

@@ -121,7 +121,7 @@
               <table class="table table-bordered table-sm">
                 <thead>
                   <tr class="text-center"><th rowspan="2">项目节编号</th><th rowspan="2">名称</th><th rowspan="2">单位</th><th rowspan="2">经济指标</th><th colspan="2">总设计</th><th colspan="2">2020年1月</th><th colspan="2">2020年2月</th><th colspan="2">2020年3月</th></tr>
-                  <tr class="text-center"><th>工程量</th><th>金额（万元）</th><th>计划工程量</th><th>计划金额（万元）</th><th>计划工程量</th><th>计划金额（万元）</th><th>计划工程量</th><th>计划金额（万元）</th></tr>
+                  <tr class="text-center"><th>工程量</th><th>金额</th><th>计划工程量</th><th>计划金额</th><th>计划工程量</th><th>计划金额</th><th>计划工程量</th><th>计划金额</th></tr>
                 </thead>
                 <tr><td>1-2</td><td>路基工程</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
                 <tr><td>1-2-2</td><td>挖方</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>

settings-poj-bd-template.html

@@ -64,9 +64,6 @@
                         <a href="settings-poj-info.html"> 项目信息</a>
                       </label>
                       <label class="btn btn-sm btn-light">
-                        <a href="settings-poj-category.html"> 自定义类别</a>
-                      </label>
-                      <label class="btn btn-sm btn-light">
                         <a href="settings-poj-member.html"> 成员管理</a>
                       </label>
                       <label class="btn btn-sm btn-light">
@@ -75,6 +72,9 @@
                       <label class="btn btn-sm btn-light active">
                         <a href="settings-poj-bd.html"> 项目标段</a>
                       </label>
+                      <label class="btn btn-sm btn-light">
+                        <a href="settings-poj-category.html"> 自定义类别</a>
+                      </label>
                     </div>
                   </div>
                 </div>
@@ -100,6 +100,9 @@
                         <li class="nav-item">
                           <a class="nav-link" href="#cyr" data-toggle="tab">查阅人</a>
                         </li>
+                        <li class="nav-item">
+                          <a class="nav-link" href="#ptadmin" data-toggle="tab">平台管理员</a>
+                        </li>
                       </ul>
                     </div>
                     <div class="tab-content">
@@ -934,6 +937,8 @@
                           </tr>
                         </table>
                       </div>
+                      <div class="tab-panel" id="ptadmin">
+                      </div>
                     </div>
                   </div>
                 </div>

settings-poj-bd.html

@@ -64,9 +64,6 @@
                         <a href="settings-poj-info.html"> 项目信息</a>
                       </label>
                       <label class="btn btn-sm btn-light">
-                        <a href="settings-poj-category.html"> 自定义类别</a>
-                      </label>
-                      <label class="btn btn-sm btn-light">
                         <a href="settings-poj-member.html"> 成员管理</a>
                       </label>
                       <label class="btn btn-sm btn-light">
@@ -75,6 +72,9 @@
                       <label class="btn btn-sm btn-light active">
                         <a href="settings-poj-bd.html"> 项目标段</a>
                       </label>
+                      <label class="btn btn-sm btn-light">
+                        <a href="settings-poj-category.html"> 自定义类别</a>
+                      </label>
                     </div>
                   </div>
                 </div>

settings-poj-category.html

@@ -63,9 +63,6 @@
                       <label class="btn btn-sm btn-light">
                         <a href="settings-poj-info.html"> 项目信息</a>
                       </label>
-                      <label class="btn btn-sm btn-light active">
-                        <a href="settings-poj-category.html"> 自定义类别</a>
-                      </label>
                       <label class="btn btn-sm btn-light">
                         <a href="settings-poj-member.html"> 成员管理</a>
                       </label>
@@ -75,6 +72,9 @@
                       <label class="btn btn-sm btn-light">
                         <a href="settings-poj-bd.html"> 项目标段</a>
                       </label>
+                      <label class="btn btn-sm btn-light active">
+                        <a href="settings-poj-category.html"> 自定义类别</a>
+                      </label>
                     </div>
                   </div>
                 </div>

settings-poj-info.html

@@ -64,9 +64,6 @@
                         <a href="settings-poj-info.html"> 项目信息</a>
                       </label>
                       <label class="btn btn-sm btn-light">
-                        <a href="settings-poj-category.html"> 自定义类别</a>
-                      </label>
-                      <label class="btn btn-sm btn-light">
                         <a href="settings-poj-member.html"> 成员管理</a>
                       </label>
                       <label class="btn btn-sm btn-light">
@@ -75,6 +72,9 @@
                       <label class="btn btn-sm btn-light">
                         <a href="settings-poj-bd.html"> 项目标段</a>
                       </label>
+                      <label class="btn btn-sm btn-light">
+                        <a href="settings-poj-category.html"> 自定义类别</a>
+                      </label>
                     </div>
                   </div>
                 </div>

settings-poj-member.html

@@ -63,9 +63,6 @@
                       <label class="btn btn-sm btn-light">
                         <a href="settings-poj-info.html"> 项目信息</a>
                       </label>
-                      <label class="btn btn-sm btn-light">
-                        <a href="settings-poj-category.html"> 自定义类别</a>
-                      </label>
                       <label class="btn btn-sm btn-light active">
                         <a href="settings-poj-member.html"> 成员管理</a>
                       </label>
@@ -75,6 +72,9 @@
                       <label class="btn btn-sm btn-light">
                         <a href="settings-poj-bd.html"> 项目标段</a>
                       </label>
+                      <label class="btn btn-sm btn-light">
+                        <a href="settings-poj-category.html"> 自定义类别</a>
+                      </label>
                     </div>
                   </div>
                 </div>
@@ -87,101 +87,101 @@
     					<div class="c-body">
                 <div class="sjs-height-0">
                   <div class="row m-0 mt-3">
-                  <div class="col-auto">
-                    <ul class="nav nav-pills flex-column" style="width:200px">
-                      <li class="nav-item">
-                        <a class="nav-link active" href="#"><span class="d-flex justify-content-between">全部成员 <span class="badge badge-pill badge-primary">4</span></span></a>
-                      </li>
-                      <li class="nav-item">
-                        <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">账号分组模式</a>
-                      </li>
-                      <li class="nav-item">
-                        <a class="nav-link" href="#">建设单位</a>
-                      </li>
-                      <li class="nav-item">
-                        <a class="nav-link" href="#">监理单位</a>
-                      </li>
-                      <li class="nav-item">
-                        <a class="nav-link" href="#">施工单位</a>
-                      </li>
-                      <li class="nav-item">
-                        <a class="nav-link" href="#">设计单位</a>
-                      </li>
-                      <li class="nav-item">
-                        <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">项目角色模式</a>
-                      </li>
-                      <li class="nav-item">
-                        <a class="nav-link" href="#">业主</a>
-                      </li>
-                      <li class="nav-item">
-                        <a class="nav-link" href="#">总工程师</a>
-                      </li>
-                      <li class="nav-item">
-                        <a class="nav-link" href="#">监理工程师</a>
-                      </li>
-                    </ul>
-                  </div>
-                  <div class="col">
-                    <table class="table table-hover table-bordered">
-                        <thead>
-                          <tr>
-                            <th>账号</th>
-                            <th>角色</th>
-                            <th>姓名</th>
-                            <th>单位</th>
-                            <th>职位</th>
-                            <th>手机</th>
-                            <th>电话</th>
-                            <th class="text-center">操作</th></tr>
-                        </thead>
-                        <tbody>
-                          <!--管理员-->
-                          <tr>
-                            <td>chente</td>
-                            <td>业主</td>
-                            <td><a><span class="avatar bg-2 s-1x" data-toggle="tooltip" data-placement="bottom" data-original-title="刘德华（角色：业主）">德华</span> 刘德华</a></td>
-                            <td>珠海纵横创新软件有限公司</td>
-                            <td>产品经理</td>
-                            <td>15810000007</td>
-                            <td>0765-3850891</td>
-                            <td class="text-center"><a href="#edit-user" data-toggle="modal" data-target="#edit-user" class="btn btn-sm btn-outline-primary">编辑</a></td>
-                          </tr>
-                          <!--管理员-->
-                          <tr>
-                            <td>chente2</td>
-                            <td>业主</td>
-                            <td><a><span class="avatar bg-4 s-1x" data-toggle="tooltip" data-placement="bottom" data-original-title="王五（标段）">王五</span> 王五</a></td>
-                            <td>珠海纵横创新软件有限公司</td>
-                            <td>产品经理</td>
-                            <td>15810000007</td>
-                            <td>0765-3850891</td>
-                            <td class="text-center"><a href="#edit-user" data-toggle="modal" data-target="#edit-user" class="btn btn-sm btn-outline-primary">编辑</a></td>
-                          </tr>
-                          <tr>
-                            <td>chente3</td>
-                            <td>业主</td>
-                            <td><a><span class="avatar bg-9 s-1x" data-toggle="tooltip" data-placement="bottom" data-original-title="王安然">安然</span> 王安然</a></td>
-                            <td>珠海纵横创新软件有限公司</td>
-                            <td>产品经理</td>
-                            <td>15810000007</td>
-                            <td>0765-3850891</td>
-                            <td class="text-center"><a href="#edit-user" data-toggle="modal" data-target="#edit-user" class="btn btn-sm btn-outline-primary">编辑</a></td>
-                          </tr>
-                          <tr>
-                            <td>chente3</td>
-                            <td>业主</td>
-                            <td><a><span class="avatar bg-5 s-1x" data-toggle="tooltip" data-placement="bottom" data-original-title="李四华">四华</span> 李四华</a></td>
-                            <td>珠海纵横创新软件有限公司</td>
-                            <td>产品经理</td>
-                            <td>15810000007</td>
-                            <td>0765-3850891</td>
-                            <td class="text-center"><a href="#edit-user" data-toggle="modal" data-target="#edit-user" class="btn btn-sm btn-outline-primary">编辑</a></td>
-                          </tr>
-                        </tbody>
-                    </table>
+                    <div class="col-auto">
+                      <ul class="nav nav-pills flex-column" style="width:200px">
+                        <li class="nav-item">
+                          <a class="nav-link active" href="#"><span class="d-flex justify-content-between">全部成员 <span class="badge badge-pill badge-primary">4</span></span></a>
+                        </li>
+                        <li class="nav-item">
+                          <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">账号分组模式</a>
+                        </li>
+                        <li class="nav-item">
+                          <a class="nav-link" href="#">建设单位</a>
+                        </li>
+                        <li class="nav-item">
+                          <a class="nav-link" href="#">监理单位</a>
+                        </li>
+                        <li class="nav-item">
+                          <a class="nav-link" href="#">施工单位</a>
+                        </li>
+                        <li class="nav-item">
+                          <a class="nav-link" href="#">设计单位</a>
+                        </li>
+                        <li class="nav-item">
+                          <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">项目角色模式</a>
+                        </li>
+                        <li class="nav-item">
+                          <a class="nav-link" href="#">业主</a>
+                        </li>
+                        <li class="nav-item">
+                          <a class="nav-link" href="#">总工程师</a>
+                        </li>
+                        <li class="nav-item">
+                          <a class="nav-link" href="#">监理工程师</a>
+                        </li>
+                      </ul>
+                    </div>
+                    <div class="col">
+                      <table class="table table-hover table-bordered">
+                          <thead>
+                            <tr>
+                              <th>账号</th>
+                              <th>角色</th>
+                              <th>姓名</th>
+                              <th>单位</th>
+                              <th>职位</th>
+                              <th>手机</th>
+                              <th>电话</th>
+                              <th class="text-center">操作</th></tr>
+                          </thead>
+                          <tbody>
+                            <!--管理员-->
+                            <tr>
+                              <td>chente</td>
+                              <td>业主</td>
+                              <td><a><span class="avatar bg-2 s-1x" data-toggle="tooltip" data-placement="bottom" data-original-title="刘德华">德华</span> 刘德华</a></td>
+                              <td>珠海纵横创新软件有限公司</td>
+                              <td>产品经理</td>
+                              <td>15810000007</td>
+                              <td>0765-3850891</td>
+                              <td class="text-center"><a href="#edit-user" data-toggle="modal" data-target="#edit-user" class="btn btn-sm btn-outline-primary">编辑</a></td>
+                            </tr>
+                            <!--管理员-->
+                            <tr>
+                              <td>chente2</td>
+                              <td>业主</td>
+                              <td><a><span class="avatar bg-4 s-1x" data-toggle="tooltip" data-placement="bottom" data-original-title="王五">王五</span> 王五</a></td>
+                              <td>珠海纵横创新软件有限公司</td>
+                              <td>产品经理</td>
+                              <td>15810000007</td>
+                              <td>0765-3850891</td>
+                              <td class="text-center"><a href="#edit-user" data-toggle="modal" data-target="#edit-user" class="btn btn-sm btn-outline-primary">编辑</a></td>
+                            </tr>
+                            <tr>
+                              <td>chente3</td>
+                              <td>业主</td>
+                              <td><a><span class="avatar bg-9 s-1x" data-toggle="tooltip" data-placement="bottom" data-original-title="王安然">安然</span> 王安然</a></td>
+                              <td>珠海纵横创新软件有限公司</td>
+                              <td>产品经理</td>
+                              <td>15810000007</td>
+                              <td>0765-3850891</td>
+                              <td class="text-center"><a href="#edit-user" data-toggle="modal" data-target="#edit-user" class="btn btn-sm btn-outline-primary">编辑</a></td>
+                            </tr>
+                            <tr>
+                              <td>chente3</td>
+                              <td>业主</td>
+                              <td><a><span class="avatar bg-5 s-1x" data-toggle="tooltip" data-placement="bottom" data-original-title="李四华">四华</span> 李四华</a></td>
+                              <td>珠海纵横创新软件有限公司</td>
+                              <td>产品经理</td>
+                              <td>15810000007</td>
+                              <td>0765-3850891</td>
+                              <td class="text-center"><a href="#edit-user" data-toggle="modal" data-target="#edit-user" class="btn btn-sm btn-outline-primary">编辑</a></td>
+                            </tr>
+                          </tbody>
+                      </table>
+                    </div>
                   </div>
                 </div>
-                </div>
     					</div>
     				</div>
     			</div>

settings-poj-roles.html

@@ -64,9 +64,6 @@
                         <a href="settings-poj-info.html"> 项目信息</a>
                       </label>
                       <label class="btn btn-sm btn-light">
-                        <a href="settings-poj-category.html"> 自定义类别</a>
-                      </label>
-                      <label class="btn btn-sm btn-light">
                         <a href="settings-poj-member.html"> 成员管理</a>
                       </label>
                       <label class="btn btn-sm btn-light active">
@@ -75,6 +72,9 @@
                       <label class="btn btn-sm btn-light">
                         <a href="settings-poj-bd.html"> 项目标段</a>
                       </label>
+                      <label class="btn btn-sm btn-light">
+                        <a href="settings-poj-category.html"> 自定义类别</a>
+                      </label>
                     </div>
                   </div>
                 </div>

settings-poj.html

@@ -79,9 +79,9 @@
                       <h5 class="card-title">XXX大桥项目</h5>
                       <h6 class="card-subtitle mb-2 text-muted">中铁XXX局</h6>
                       <a class="btn btn-outline-primary btn-sm" href="settings-poj-info.html">项目信息</a>
-                      <a class="btn btn-outline-primary btn-sm" href="settings-poj-category.html">自定义类别 <span class="badge badge-pill badge-primary">3</span></a>
                       <a class="btn btn-outline-primary btn-sm" href="settings-poj-member.html">成员 <span class="badge badge-pill badge-primary">3</span></a>
                       <a class="btn btn-outline-primary btn-sm" href="settings-poj-bd.html">标段 <span class="badge badge-pill badge-primary">12</span></a>
+                      <a class="btn btn-outline-primary btn-sm" href="settings-poj-category.html">自定义类别 <span class="badge badge-pill badge-primary">3</span></a>
                       <button class="btn btn-outline-secondary btn-sm ml-3" data-toggle="tooltip" data-placement="top" title="" data-original-title="请先删除所有标段">删除</button>
                     </div>
                   </div>
@@ -92,10 +92,10 @@
                       <h5 class="card-title">YYY高速公路</h5>
                       <h6 class="card-subtitle mb-2 text-muted">中铁XXX局</h6>
                       <a class="btn btn-outline-primary btn-sm" href="settings-poj-info.html">项目信息</a>
-                      <a class="btn btn-outline-primary btn-sm" href="settings-poj-category.html">自定义类别 <span class="badge badge-pill badge-primary">2</span></a>
                       <button class="btn btn-outline-primary btn-sm">成员 <span class="badge badge-pill badge-primary">3</span></button>
                       <button class="btn btn-outline-primary btn-sm">标段 <span class="badge badge-pill badge-secondary">0</span></button>
-                      <a href="#del-qi" data-toggle="modal" data-target="#del-qi" class="btn btn-outline-danger btn-sm ml-3">删除</a>
+                      <a class="btn btn-outline-primary btn-sm" href="settings-poj-category.html">自定义类别 <span class="badge badge-pill badge-primary">2</span></a>
+                      <a href="#del-poj" data-toggle="modal" data-target="#del-poj" class="btn btn-outline-danger btn-sm ml-3">删除</a>
                     </div>
                   </div>
                 </div>
@@ -105,10 +105,10 @@
                       <h5 class="card-title">YYY高速公路</h5>
                       <h6 class="card-subtitle mb-2 text-muted">中铁XXX局</h6>
                       <a class="btn btn-outline-primary btn-sm" href="settings-poj-info.html">项目信息</a>
-                      <a class="btn btn-outline-primary btn-sm" href="settings-poj-category.html">自定义类别 <span class="badge badge-pill badge-primary">2</span></a>
                       <button class="btn btn-outline-primary btn-sm">成员 <span class="badge badge-pill badge-primary">3</span></button>
                       <button class="btn btn-outline-primary btn-sm">标段 <span class="badge badge-pill badge-secondary">0</span></button>
-                      <a href="#del-qi" data-toggle="modal" data-target="#del-qi" class="btn btn-outline-danger btn-sm ml-3">删除</a>
+                      <a class="btn btn-outline-primary btn-sm" href="settings-poj-category.html">自定义类别 <span class="badge badge-pill badge-primary">2</span></a>
+                      <a href="#del-poj" data-toggle="modal" data-target="#del-poj" class="btn btn-outline-danger btn-sm ml-3">删除</a>
                     </div>
                   </div>
                 </div>
@@ -176,7 +176,7 @@
       </div>
   </div>
   <!--删除项目-->
-  <div class="modal fade" id="del-pj" data-backdrop="static">
+  <div class="modal fade" id="del-poj" data-backdrop="static">
       <div class="modal-dialog" role="document">
           <div class="modal-content">
               <div class="modal-header">
@@ -186,7 +186,7 @@
                 <h5>确认删除「XXX大桥项目」？</h5>
                 <h5>删除后，数据无法恢复，请谨慎操作。</h5>
                 <div class="alert alert-danger" role="alert">
-                  <p class="mb-1">请在框中输入 “ <b>删除标段</b> ” 来确认删除。</p>
+                  <p class="mb-1">请在框中输入 “ <b>删除项目</b> ” 来确认删除。</p>
                   <input class="form-control form-control-sm" placeholder="">
                 </div>
               </div>

settings-user.html

@@ -77,105 +77,147 @@
                   </nav>
                   <div class="tab-content m-3">
                     <div id="user-list" class="tab-pane active">
-                      <p class="text-center text-danger h5">搜索“张三”结果 0</p>
-                      <table class="table table-hover table-bordered table-sm">
-                        <thead>
-                          <tr>
-                            <th>账号</th>
-                            <th>姓名</th>
-                            <th>单位</th>
-                            <th>职位</th>
-                            <th width="300">手机</th>
-                            <th>电话</th>
-                            <th class="text-center">操作</th></tr>
-                        </thead>
-                        <tbody>
-                          <!--管理员-->
-                          <tr>
-                            <td>chente <span data-toggle="tooltip" data-placement="bottom" title="" data-original-title="管理员"><i class="fa fa-user-circle-o"></i></span></td>
-                            <td>陈特</td>
-                            <td>珠海纵横创新软件有限公司</td>
-                            <td>产品经理</td>
-                            <td>15810000007（已绑定第三方平台）</td>
-                            <td>0765-3850891</td>
-                            <td class="text-center"><a href="#edit-user" data-toggle="modal" data-target="#edit-user" class="btn btn-sm btn-outline-primary">编辑</a>
-                            <a href="#edit-user" data-toggle="modal" data-target="#stop-user" class="btn btn-sm btn-outline-danger">停用</a>
-                            <a href="#edit-user" data-toggle="modal" data-target="#unlink-user" class="btn btn-sm btn-outline-dark">解绑</a></td>
-                          </tr>
-                          <!--管理员-->
-                          <tr class="text-danger" title="账号被停用">
-                            <td>chente2</td>
-                            <td>陈特2</td>
-                            <td>珠海纵横创新软件有限公司</td>
-                            <td>产品经理</td>
-                            <td>15810000007</td>
-                            <td>0765-3850891</td>
-                            <td class="text-center"><a href="#edit-user" data-toggle="modal" data-target="#edit-user" class="btn btn-sm btn-outline-primary">编辑</a>
-                            <a href="#edit-user" data-toggle="modal" data-target="#open-user" class="btn btn-sm btn-outline-success">启用</a></td>
-                          </tr>
-                          <tr>
-                            <td>chente3</td>
-                            <td>陈特3</td>
-                            <td>珠海纵横创新软件有限公司</td>
-                            <td>产品经理</td>
-                            <td>15810000007</td>
-                            <td>0765-3850891</td>
-                            <td class="text-center"><a href="#edit-user" data-toggle="modal" data-target="#edit-user" class="btn btn-sm btn-outline-primary">编辑</a>
-                            <a href="#edit-user" data-toggle="modal" data-target="#edit-user" class="btn btn-sm btn-outline-danger">停用</a></td>
-                          </tr>
-                          <tr>
-                            <td>chente4</td>
-                            <td>陈特4</td>
-                            <td>珠海纵横创新软件有限公司</td>
-                            <td>产品经理</td>
-                            <td>15810000007</td>
-                            <td>0765-3850891</td>
-                            <td class="text-center"><a href="#edit-user" data-toggle="modal" data-target="#edit-user" class="btn btn-sm btn-outline-primary">编辑</a>
-                            <a href="#edit-user" data-toggle="modal" data-target="#stop-user" class="btn btn-sm btn-outline-danger">停用</a></td>
-                          </tr>
-                        </tbody>
-                      </table>
+                      <div class="row m-0 mt-3">
+                        <div class="col-auto">
+                          <ul class="nav nav-pills flex-column" style="width:200px">
+                            <li class="nav-item">
+                              <a class="nav-link active" href="#"><span class="d-flex justify-content-between">全部账号 <span class="badge badge-pill badge-primary">4</span></span></a>
+                            </li>
+                            <li class="nav-item">
+                              <a class="nav-link d-flex justify-content-between" href="#">建设单位 <span class="badge badge-pill badge-primary">4</span></a>
+                            </li>
+                            <li class="nav-item">
+                              <a class="nav-link d-flex justify-content-between" href="#">监理单位 <span class="badge badge-pill badge-primary">4</span></a>
+                            </li>
+                            <li class="nav-item">
+                              <a class="nav-link d-flex justify-content-between" href="#">施工单位 <span class="badge badge-pill badge-primary">4</span></a>
+                            </li>
+                            <li class="nav-item">
+                              <a class="nav-link d-flex justify-content-between" href="#">设计单位 <span class="badge badge-pill badge-primary">4</span></a>
+                            </li>
+                          </ul>
+                        </div>
+                        <div class="col">
+                          <p class="text-center text-danger h5">搜索“张三”结果 0</p>
+                          <table class="table table-hover table-bordered table-sm">
+                            <thead>
+                              <tr>
+                                <th>账号</th>
+                                <th>姓名</th>
+                                <th>单位</th>
+                                <th>职位</th>
+                                <th width="300">手机</th>
+                                <th>电话</th>
+                                <th class="text-center">操作</th></tr>
+                            </thead>
+                            <tbody>
+                              <!--管理员-->
+                              <tr>
+                                <td>chente <span data-toggle="tooltip" data-placement="bottom" title="" data-original-title="管理员"><i class="fa fa-user-circle-o"></i></span></td>
+                                <td><a><span class="avatar bg-2 s-1x" data-toggle="tooltip" data-placement="bottom" data-original-title="陈特">陈特</span> 陈特</a></td>
+                                <td>珠海纵横创新软件有限公司</td>
+                                <td>产品经理</td>
+                                <td>15810000007（已绑定第三方平台）</td>
+                                <td>0765-3850891</td>
+                                <td class="text-center"><a href="#edit-user" data-toggle="modal" data-target="#edit-user" class="btn btn-sm btn-outline-primary">编辑</a>
+                                <a href="#edit-user" data-toggle="modal" data-target="#stop-user" class="btn btn-sm btn-outline-danger">停用</a>
+                                <a href="#edit-user" data-toggle="modal" data-target="#unlink-user" class="btn btn-sm btn-outline-dark">解绑</a></td>
+                              </tr>
+                              <!--管理员-->
+                              <tr class="text-danger" title="账号被停用">
+                                <td>chente2</td>
+                                <td><a><span class="avatar bg-2 s-1x" data-toggle="tooltip" data-placement="bottom" data-original-title="陈特">陈特</span> 陈特</a></td>
+                                <td>珠海纵横创新软件有限公司</td>
+                                <td>产品经理</td>
+                                <td>15810000007</td>
+                                <td>0765-3850891</td>
+                                <td class="text-center"><a href="#edit-user" data-toggle="modal" data-target="#edit-user" class="btn btn-sm btn-outline-primary">编辑</a>
+                                <a href="#edit-user" data-toggle="modal" data-target="#open-user" class="btn btn-sm btn-outline-success">启用</a></td>
+                              </tr>
+                              <tr>
+                                <td>chente3</td>
+                                <td><a><span class="avatar bg-2 s-1x" data-toggle="tooltip" data-placement="bottom" data-original-title="陈特">陈特</span> 陈特</a></td>
+                                <td>珠海纵横创新软件有限公司</td>
+                                <td>产品经理</td>
+                                <td>15810000007</td>
+                                <td>0765-3850891</td>
+                                <td class="text-center"><a href="#edit-user" data-toggle="modal" data-target="#edit-user" class="btn btn-sm btn-outline-primary">编辑</a>
+                                <a href="#edit-user" data-toggle="modal" data-target="#edit-user" class="btn btn-sm btn-outline-danger">停用</a></td>
+                              </tr>
+                              <tr>
+                                <td>chente4</td>
+                                <td><a><span class="avatar bg-2 s-1x" data-toggle="tooltip" data-placement="bottom" data-original-title="陈特">陈特</span> 陈特</a></td>
+                                <td>珠海纵横创新软件有限公司</td>
+                                <td>产品经理</td>
+                                <td>15810000007</td>
+                                <td>0765-3850891</td>
+                                <td class="text-center"><a href="#edit-user" data-toggle="modal" data-target="#edit-user" class="btn btn-sm btn-outline-primary">编辑</a>
+                                <a href="#edit-user" data-toggle="modal" data-target="#stop-user" class="btn btn-sm btn-outline-danger">停用</a></td>
+                              </tr>
+                            </tbody>
+                          </table>
+                        </div>
+                      </div>
                     </div>
                     <div id="user-purview" class="tab-pane">
-                        <table class="table table-hover table-bordered table-sm">
-                          <thead>
-                            <tr>
-                              <th>账号</th>
-                              <th>姓名</th>
-                              <th>单位</th>
-                              <th>职位</th>
-                              <th>协作办公</th>
-                              <th>权限</th>
-                            </tr>
-                          </thead>
-                          <tbody>
-                            <tr>
-                              <td>chente <span data-toggle="tooltip" data-placement="bottom" title="" data-original-title="管理员"><i class="fa fa-user-circle-o"></i></span></td>
-                              <td>陈特</td>
-                              <td>珠海纵横创新软件有限公司</td>
-                              <td>产品经理</td>
-                              <td>启用</td>
-                              <td>创建标段、协同办公 <a href="#edit-user2" data-toggle="modal" data-target="#edit-user2" class="btn btn-sm btn-outline-primary pull-right">编辑</a></td>
-                            </tr>
-                            <tr>
-                              <td>chente3</td>
-                              <td>陈特</td>
-                              <td>珠海纵横创新软件有限公司</td>
-                              <td>产品经理</td>
-                              <td></td>
-                              <td><a href="#edit-user2" data-toggle="modal" data-target="#edit-user2" class="btn btn-sm btn-outline-primary pull-right">编辑</a></td>
-                            </tr>
-                            <tr>
-                              <td>chente4</td>
-                              <td>陈特</td>
-                              <td>珠海纵横创新软件有限公司</td>
-                              <td>产品经理</td>
-                              <td></td>
-                              <td><a href="#edit-user2" data-toggle="modal" data-target="#edit-user2" class="btn btn-sm btn-outline-primary pull-right">编辑</a></td>
-                            </tr>
-                          </tbody>
-                        </table>
+                      <div class="row m-0 mt-3">
+                        <div class="col-auto">
+                          <ul class="nav nav-pills flex-column" style="width:200px">
+                            <li class="nav-item">
+                              <a class="nav-link active" href="#"><span class="d-flex justify-content-between">全部账号 <span class="badge badge-pill badge-primary">4</span></span></a>
+                            </li>
+                            <li class="nav-item">
+                              <a class="nav-link d-flex justify-content-between" href="#">建设单位 <span class="badge badge-pill badge-primary">4</span></a>
+                            </li>
+                            <li class="nav-item">
+                              <a class="nav-link d-flex justify-content-between" href="#">监理单位 <span class="badge badge-pill badge-primary">4</span></a>
+                            </li>
+                            <li class="nav-item">
+                              <a class="nav-link d-flex justify-content-between" href="#">施工单位 <span class="badge badge-pill badge-primary">4</span></a>
+                            </li>
+                            <li class="nav-item">
+                              <a class="nav-link d-flex justify-content-between" href="#">设计单位 <span class="badge badge-pill badge-primary">4</span></a>
+                            </li>
+                          </ul>
+                        </div>
+                        <div class="col">
+                          <table class="table table-hover table-bordered table-sm">
+                            <thead>
+                              <tr>
+                                <th>账号</th>
+                                <th>姓名</th>
+                                <th>单位</th>
+                                <th>职位</th>
+                                <th>权限</th>
+                              </tr>
+                            </thead>
+                            <tbody>
+                              <tr>
+                                <td>chente <span data-toggle="tooltip" data-placement="bottom" title="" data-original-title="管理员"><i class="fa fa-user-circle-o"></i></span></td>
+                                <td><a><span class="avatar bg-2 s-1x" data-toggle="tooltip" data-placement="bottom" data-original-title="陈特">陈特</span> 陈特</a></td>
+                                <td>珠海纵横创新软件有限公司</td>
+                                <td>产品经理</td>
+                                <td>发布平台通知<a href="#edit-user2" data-toggle="modal" data-target="#edit-user2" class="btn btn-sm btn-outline-primary pull-right">编辑</a></td>
+                              </tr>
+                              <tr>
+                                <td>chente3</td>
+                                <td><a><span class="avatar bg-2 s-1x" data-toggle="tooltip" data-placement="bottom" data-original-title="陈特">陈特</span> 陈特</a></td>
+                                <td>珠海纵横创新软件有限公司</td>
+                                <td>产品经理</td>
+                                <td><a href="#edit-user2" data-toggle="modal" data-target="#edit-user2" class="btn btn-sm btn-outline-primary pull-right">编辑</a></td>
+                              </tr>
+                              <tr>
+                                <td>chente4</td>
+                                <td><a><span class="avatar bg-2 s-1x" data-toggle="tooltip" data-placement="bottom" data-original-title="陈特">陈特</span> 陈特</a></td>
+                                <td>珠海纵横创新软件有限公司</td>
+                                <td>产品经理</td>
+                                <td><a href="#edit-user2" data-toggle="modal" data-target="#edit-user2" class="btn btn-sm btn-outline-primary pull-right">编辑</a></td>
+                              </tr>
+                            </tbody>
+                          </table>
+                        </div>
                       </div>
+                    </div>
                   </div>
                 </div>
     					</div>
@@ -251,6 +293,19 @@
   							    <label>电话</label>
   							    <input class="form-control form-control-sm" placeholder="格式000-0000000" type="">
   							  </div>
+                  <div class="form-group">
+                    <label>发布平台通知功能</label>
+                    <div>
+                      <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>
                 <div class="modal-footer">
                   <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">关闭</button>
@@ -313,6 +368,19 @@
                       <label>电话</label>
                       <input class="form-control form-control-sm" value="0756-3850891" placeholder="格式000-0000000" type="">
                     </div>
+                    <div class="form-group">
+                      <label>发布平台通知功能</label>
+                      <div>
+                        <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>
                   </div>
                 </div>
@@ -334,20 +402,7 @@
                 </div>
                 <div class="modal-body">
                   <div class="form-group">
-                    <label><i class="fa fa-list-ul"></i> 标段管理 <sup>1</sup></label>
-                    <div>
-                      <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="inlineCheckbox3" value="option2">
-                        <label class="form-check-label" for="inlineCheckbox3">维护签约清单 <a href=""  data-toggle="tooltip" data-placement="bottom" title="" data-original-title="开启该选项，台账审批通过后，可上传签约清单"><i class="fa fa-question-circle "></i></a></label>
-                      </div>
-                    </div>
-                  </div>
-                  <div class="form-group">
-                    <label>发布项目通知</label>
+                    <label>发布平台通知</label>
                     <div>
                       <div class="form-check form-check-inline">
                         <input class="form-check-input" type="checkbox" id="inlineCheckbox6" value="option1">
@@ -359,9 +414,6 @@
                       </div>
                     </div>
                   </div>
-                  <div class="alert alert-secondary">
-                    <p>1.勾选「创建标段」该用户默认具有「新建标段」及标段内「台账分解」「创建台账修订」「创建计量期」「创建工程变更」的权限。</p>
-                  </div>
                 </div>
                 <div class="modal-footer">
                   <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">关闭</button>

taizhang-qianyue.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>期计量-计量支付</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">
+    <script src=js/echarts/echarts.min.js></script>
+</head>
+<body>
+	<div class="main">
+    <div class="main-nav d-flex align-items-start flex-column">
+      <div class="logo"><img src="img/logo.png"></div>
+      <div class="nav-top">
+        <ul class="nav nav-pills nav-stacked bg-nav">
+          <li><a href="dashboard.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="代办事项"><i class="fa fa-check-square-o"></i><span>待办</span></a></li>
+          <li class="active"><a href="biaoduan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目"><i class="fa fa-list-ul"></i><span>项目</span></a></li>
+          <li><a href="fenbao.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="总分包"><i class="fa fa-sitemap"></i><span>总分包</span></a></li>
+        </ul>
+      </div>
+      <div class="nav-bottom mt-auto">
+        <ul class="nav nav-pills nav-stacked bg-nav">
+          <li><a href="settings-poj.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目设置"><i class="fa fa-cogs"></i><span>项目设置</span></a></li>
+        </ul>
+        <div class="dropright my-1 ml-1">
+          <a href="" class="avatar bg-1" data-toggle="dropdown" aria-haspopup="false" aria-expanded="false">张匡胤</a>
+          <div class="dropdown-menu">
+           <a href="account-info.html" class="dropdown-item">账号资料</a>
+           <a href="#" class="dropdown-item">账号安全</a>
+           <div class="dropdown-divider"></div>
+           <a href="#" class="dropdown-item">帮助中心</a>
+           <a href="#" class="dropdown-item">退出登录</a>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="main-panel">
+      <div class="panel-sidebar">
+        <div class="sidebar-title" data-toggle="tooltip" data-placement="right" data-original-title="中交第一公路工程局有限公司国道311线满别公路施工一分部">中交第一公路工程局有限公司国道...</div>
+        <div class="scrollbar-auto">
+          <div class="nav-box">
+            <ul class="nav-list list-unstyled">
+              <li><a href="biaoduan-panel.html"><i class="fa fa-pie-chart"></i> <span>标段概况</span></a></li>
+            </ul>
+          </div>
+          <div class="nav-box">
+            <ul class="nav-list list-unstyled">
+              <li><a href="yufukuan-qi.html"><i class="fa fa-handshake-o"></i> <span>预付款</span></a></li>
+            </ul>
+          </div>
+          <div class="nav-box">
+            <h3><i class="fa fa-list-alt"></i> 0号台账</h3>
+            <ul class="nav-list list-unstyled sub-list">
+              <li class="active"><a href="taizhang-qianyue.html"><span>签约清单</span></a></li>
+              <li><a href="taizhang.html"><span>台账分解</span></a></li>
+              <li><a href="taizhang-shenpi.html"><span>台账分解</span></a></li>
+              <li><a href="taizhang-duibi.html"><span>清单对比</span></a></li>
+              <li><a href="taizhang-bg.html"><span>台账修订</span></a></li>
+            </ul>
+          </div>
+          <div class="nav-box">
+            <h3><i class="fa fa-calendar-check-o"></i> 计量台账</h3>
+            <ul class="nav-list list-unstyled sub-list">
+              <li><a href="jiliang-qi.html"><span>计量期</span></a></li>
+              <li><a href="jiliang-bj.html"><span>多期比较</span></a></li>
+            </ul>
+          </div>
+          <div class="nav-box">
+            <ul class="nav-list list-unstyled">
+              <li><a href="biangeng.html"><i class="fa fa-retweet"></i> <span>工程变更</span></a></li>
+            </ul>
+          </div>
+          <div class="nav-box">
+            <ul class="nav-list list-unstyled">
+              <li><a href="tiaocha-qi.html"><i class="fa fa-line-chart"></i> <span>材料调差</span></a></li>
+            </ul>
+          </div>
+          <div class="nav-box">
+            <h3><i class="fa fa-bar-chart "></i> 形象进度</h3>
+            <ul class="nav-list list-unstyled sub-list">
+              <li><a href="schedule-panel.html"><span>进度概况</span></a></li>
+              <li><a href="schedule-plan.html"><span>计划进度</span></a></li>
+              <li><a href="schedule-actual1.html"><span>计量进度</span></a></li>
+            </ul>
+          </div>
+          <div class="nav-box">
+            <ul class="nav-list list-unstyled">
+              <li><a href="baobiao.html"><i class="fa fa-file-text-o"></i> <span>报表</span></a></li>
+            </ul>
+          </div>
+          <div class="side-fold"><a href="#" data-toggle="tooltip" data-placement="top" data-original-title="折叠侧栏"><i class="fa fa-sign-out fa-flip-horizontal"></i></a></div>
+        </div>
+      </div>
+			<div class="panel-content">
+				<div class="panel-title">
+					<div class="title-main d-flex justify-content-between">
+            <div>
+              签约清单
+            </div>
+            <div class="ml-auto">
+              <a href="#upload-qianyue" data-toggle="modal" data-target="#upload-qianyue"  class="btn btn-sm btn-primary">上传签约清单</a>
+            </div>
+          </div>
+        </div>
+				<div class="content-wrap">
+          <div class="c-header p-0"></div>
+          <div class="w-100 sub-content row">
+            <div class="c-body col-12">
+              <div class="sjs-height-0" style="overflow: auto;">
+                <!--甲供材料-->
+                <table class="table table-bordered table-sm">
+                    <tbody>
+                      <thead>
+                        <tr><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></tr>
+                      </thead>
+                    </tbody>
+                </table>
+              </div>
+            </div>
+          </div>
+				</div>
+			</div>
+		</div>
+  </div>
+        <!--上传签约清单-->
+      <div class="modal fade" id="upload-qianyue" 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 for="exampleFormControlFile1">Excel模板</label>
+                      <div class="form-control form-control-plaintext"><a href="" class="btn btn-sm btn-link">下载模板</a></div>
+                    </div>
+                    <div class="form-group">
+                      <label for="exampleFormControlFile1">选择文件</label>
+                      <input type="file" class="form-control-file" id="exampleFormControlFile1">
+                    </div>
+                  </div>
+                  <div class="modal-footer">
+                    <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">关闭</button>
+                    <button type="button" class="btn btn-sm btn-primary" >确认上传</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>
+    <script type="text/javascript">  autoFlashHeight();</script>
+</body>
+
+</html>

xiangmu.html

@@ -0,0 +1,217 @@
+<!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>项目-计量支付</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">
+    <script src=js/echarts/echarts.min.js></script>
+    <!--zTree-->
+    <link rel="stylesheet" href="css/ztree/zTreeStyle.css" type="text/css">
+</head>
+<body>
+  <div class="main">
+    <div class="main-nav d-flex align-items-start flex-column">
+      <div class="logo"><img src="img/logo.png"></div>
+      <div class="nav-top">
+        <ul class="nav nav-pills nav-stacked bg-nav">
+          <!--系统维护信息-->
+          <!-- <li class="bg-danger"><a class="text-white maintain-icon"><i class="fa fa-wrench "></i><span class="bg-danger maintain-info">系统将于 2019年3月10日 14:09 开始停机维护，持续30分钟。</span></a></li> -->
+          <!--系统维护信息 end-->
+          <li><a href="dashboard.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="代办事项"><i class="fa fa-check-square-o"></i><span>待办</span></a></li>
+          <li class="active"><a href="biaoduan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目"><i class="fa fa-list-ul"></i><span>项目</span></a></li>
+          <li><a href="fenbao.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="总分包"><i class="fa fa-sitemap"></i></a></li>
+        </ul>
+      </div>
+      <div class="nav-bottom mt-auto">
+        <ul class="nav nav-pills nav-stacked bg-nav">
+          <li><a href="settings-system.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="平台设置"><i class="fa fa-cogs"></i><span>平台设置</span></a></li>
+
+        </ul>
+        <div class="dropright my-1 ml-1">
+          <a href="" class="avatar bg-1" data-toggle="dropdown" aria-haspopup="false" aria-expanded="false">张匡胤</a>
+          <div class="dropdown-menu">
+           <a href="account-info.html" class="dropdown-item">账号资料</a>
+           <a href="#" class="dropdown-item">账号安全</a>
+           <div class="dropdown-divider"></div>
+           <a href="#" class="dropdown-item">帮助中心</a>
+           <a href="#" class="dropdown-item">退出登录</a>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="main-panel">
+      <div class="panel-content">
+        <div class="panel-title fluid">
+          <div class="title-main  d-flex justify-content-between">
+            <div>
+              <div class="d-inline-block">
+                <div class="btn-group btn-group-toggle group-tab" data-toggle="buttons">
+                  <label class="btn btn-sm btn-light active">
+                    <a href="xiangmu.html"><i class="fa fa-th-list"></i> 列表显示</a>
+                  </label>
+                  <label class="btn btn-sm btn-light">
+                    <a href="xiangmu2.html"><i class="fa fa-table"></i> 表格显示</a>
+                  </label>
+                </div>
+              </div>
+            </div>
+            <div>
+              
+            </div>
+          </div>
+        </div>
+        <div class="content-wrap">
+            <div class="c-body bg-transparent">
+              <div class="sjs-height-0">
+                  <!--没有标段数据-->
+                  <!-- <div class="jumbotron">
+                    <h3 class="display-6">还没有项目数据</h3>
+                  </div> -->
+                  <!--列表显示项目-->
+                  <div class="p-3">
+                    <div class="card mb-3 shadow-sm">
+                      <div class="card-body">
+                        <h5 class="card-title">
+                          <a href="biaoduan.html">XXXX大桥</a>
+                        </h5>
+
+                          <div class="row mx-0">
+                            <div class="col-auto p-0">
+                              <div class="card text-center border-0 bg-light mx-1">
+                                <div class="card-body p-2">
+                                  <h5 class="card-title">4</h5>
+                                  <p class="card-text text-muted">成员</p>
+                                </div>
+                              </div>
+                            </div>
+                            <div class="col-auto p-0">
+                              <div class="card text-center border-0 bg-light mx-1">
+                                <div class="card-body p-2">
+                                  <h5 class="card-title">11</h5>
+                                  <p class="card-text text-muted">标段</p>
+                                </div>
+                              </div>
+                            </div>
+                            <div class="col-auto p-0">
+                              <div class="card text-center border-0 bg-light mx-1">
+                                <div class="card-body p-2">
+                                  <h5 class="card-title">￥31,102,121.00</h5>
+                                  <p class="card-text text-muted">合同金额</p>
+                                </div>
+                              </div>
+                            </div>
+                            <div class="col-auto p-0">
+                              <div class="card text-center border-0 bg-light mx-1">
+                                <div class="card-body p-2">
+                                  <h5 class="card-title">￥50,000.00 <small class="text-danger" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="占合同比例">1%</small></h5>
+                                  <p class="card-text text-muted">累计变更</p>
+                                </div>
+                              </div>
+                            </div>
+                            <div class="col-auto p-0">
+                              <div class="card text-center border-0 bg-light mx-1">
+                                <div class="card-body p-2">
+                                  <h5 class="card-title">￥6,102,121.00</h5>
+                                  <p class="card-text text-muted">完成金额</p>
+                                </div>
+                              </div>
+                            </div>
+                            <div class="col p-0">
+                              <div class="card text-center border-0 bg-light mx-1">
+                                <div class="card-body p-2">
+                                  <h5 class="card-title">
+                                    <div class="progress mt-2">
+                                      <div class="progress-bar bg-success" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100" data-placement="bottom" data-toggle="tooltip" data-original-title="完成金额：￥6,102,121.00"></div>
+                                    </div>
+                                  </h5>
+                                  <p class="card-text text-muted">完成进度 19.6%</p>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                      </div>
+                    </div>
+                    <div class="card mb-3 shadow-sm">
+                      <div class="card-body">
+                        <h5 class="card-title">
+                          <a href="biaoduan.html">XXXX大桥</a>
+                        </h5>
+
+                          <div class="row mx-0">
+                            <div class="col-auto p-0">
+                              <div class="card text-center border-0 bg-light mx-1">
+                                <div class="card-body p-2">
+                                  <h5 class="card-title">4</h5>
+                                  <p class="card-text text-muted">成员</p>
+                                </div>
+                              </div>
+                            </div>
+                            <div class="col-auto p-0">
+                              <div class="card text-center border-0 bg-light mx-1">
+                                <div class="card-body p-2">
+                                  <h5 class="card-title">11</h5>
+                                  <p class="card-text text-muted">标段</p>
+                                </div>
+                              </div>
+                            </div>
+                            <div class="col-auto p-0">
+                              <div class="card text-center border-0 bg-light mx-1">
+                                <div class="card-body p-2">
+                                  <h5 class="card-title">￥31,102,121.00</h5>
+                                  <p class="card-text text-muted">合同金额</p>
+                                </div>
+                              </div>
+                            </div>
+                            <div class="col-auto p-0">
+                              <div class="card text-center border-0 bg-light mx-1">
+                                <div class="card-body p-2">
+                                  <h5 class="card-title">￥50,000.00 <small class="text-danger" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="占合同比例">1%</small></h5>
+                                  <p class="card-text text-muted">累计变更</p>
+                                </div>
+                              </div>
+                            </div>
+                            <div class="col-auto p-0">
+                              <div class="card text-center border-0 bg-light mx-1">
+                                <div class="card-body p-2">
+                                  <h5 class="card-title">￥6,102,121.00</h5>
+                                  <p class="card-text text-muted">完成金额</p>
+                                </div>
+                              </div>
+                            </div>
+                            <div class="col p-0">
+                              <div class="card text-center border-0 bg-light mx-1">
+                                <div class="card-body p-2">
+                                  <h5 class="card-title">
+                                    <div class="progress mt-2">
+                                      <div class="progress-bar bg-success" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100" data-placement="bottom" data-toggle="tooltip" data-original-title="完成金额：￥6,102,121.00"></div>
+                                    </div>
+                                  </h5>
+                                  <p class="card-text text-muted">完成进度 19.6%</p>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                      </div>
+                    </div>
+                  </div>
+              </div>
+            </div>
+        </div>
+      </div>
+    </div>
+  </div>
+    <!-- JS. -->
+    <script src="js/jquery/jquery-3.2.1.min.js"></script>
+    <script src="js/bootstrap/bootstrap.bundle.min.js"></script>
+    <script src="js/global.js"></script>
+    <script type="text/javascript">  autoFlashHeight();</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>
+
+</body>
+</html>