增加质量巡检页面/优化合同管理

anquan-detail1.html

@@ -51,12 +51,12 @@
         <div class="scrollbar-auto">
           <div class="nav-box">
             <ul class="nav-list list-unstyled">
-              <li><a href="anquan-panel.html"><i class="fas fa-chart-pie"></i> <span>巡检概况</span></a></li>
+              <li class=""><a href="anquan-panel.html"><i class="fas fa-chart-pie"></i> <span>巡检概况</span></a></li>
             </ul>
           </div>
           <div class="nav-box">
             <ul class="nav-list list-unstyled">
-              <li class="active"><a href="anquan.html"><span>安全巡检</span></a></li>
+              <li class="active"><a href="anquan-list.html"><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>
@@ -89,7 +89,7 @@
                     <tr><th width="150">检查项</th><td><textarea class="form-control form-control-sm">检查项目</textarea></td></tr>
                     <tr><th width="150">现场检查情况</th><td><textarea class="form-control form-control-sm">临时用电存在安全隐患</textarea></td></tr>
                     <tr><th width="150">处理要求及措施</th><td><textarea class="form-control form-control-sm">立即整改</textarea></td></tr>
-                    <tr><th width="150">检查日期</th><td><input class="form-control form-control-sm col-2" type="date"></td></tr>
+                    <tr><th width="150">检查日期</th><td><input class="form-control form-control-sm col-3" type="date"></td></tr>
                     <tr><th width="150">检查人</th><td>布尔</td></tr>
                   </tbody>
                 </table>
@@ -114,99 +114,144 @@
                   </thead>
                   <tbody>
                     <tr>
-                      <td>
-                        <div class="row">
-                          <div class="col-3">
-                            <table class="table table-bordered">
-                              <tr><td rowspan="2" class="text-center">审批</td><td><i class="fas fa fa-play-circle fa-rotate-90"></i> 布尔  <small class="text-muted">职称</small></td></tr>
-                              <tr><td><i class="fas fa-chevron-circle-down"></i> 张三  <small class="text-muted">职称</small></td></tr>
-                              <tr><td class="text-center">整改</td><td><i class="fas fa-chevron-circle-down"></i> 王五 <small class="text-muted">职称</small></td></tr>
+                      <td width="30%">
+                        <table class="table table-bordered">
+                              <tr><td class="text-center">检查人</td><td><i class="fas fa fa-stop-circle"></i> 布尔 <small class="text-muted">职称</small></td></tr>
+                              <tr><td rowspan="2" class="text-center">审批</td><td><i class="fas fa fa-play-circle fa-rotate-90"></i> 张三  <small class="text-muted">职称</small></td></tr>
+                              <tr><td><i class="fas fa-chevron-circle-down"></i> 李四  <small class="text-muted">职称</small></td></tr>
+                              <tr><td class="text-center">整改</td><td><i class="fas fa-chevron-circle-down"></i> 由 张三 指派</td></tr>
                               <tr><td class="text-center">复查</td><td><i class="fas fa fa-stop-circle"></i> 李四 <small class="text-muted">职称</small></td></tr>
                             </table>
+                      </td>
+                      <td width="70%">
+                        <!--审批流程-->
+                        <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-1 mb-3">
+                          <div class="card-header">
+                            审批流程
+                          </div>
+                          <ul class="list-group list-group-flush">
+                            <li class="list-group-item d-flex">
+                              <div>
+                                <p class="m-0 ">1 张三  <small class="text-muted">监理</small></p>
+                                <p class="m-0 ml-2 d-inline"><small class="text-muted">XXX单位</small></p>
+                              </div>
+                              <a href="" class="text-danger ml-auto">移除</a>
+                            </li>
+                            <li class="list-group-item d-flex">
+                              <div>
+                                <p class="m-0 ">2 李四  <small class="text-muted">监理</small></p>
+                                <p class="m-0 ml-2 d-inline"><small class="text-muted">XXX单位</small></p>
+                              </div>
+                              <a href="" class="text-danger ml-auto">移除</a>
+                            </li>
+                          </ul>
+                        </div>
+                        <!--整改流程-->
+                        <div class="card mt-1 mb-3">
+                          <div class="card-header">
+                            整改流程
+                          </div>
+                          <ul class="list-group list-group-flush">
+                            <li class="list-group-item d-flex">
+                              <div>
+                                整改人由最后一位审批人指派
+                              </div>
+                            </li>
+                          </ul>
+                        </div>
+                        <!--复查流程-->
+                        <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 class="col-9">
-                            <ul class="timeline-list list-unstyled mt-2">
-                              <li class="timeline-list-item pb-2">
-                                  <div class="timeline-item-date"><!-- 2020<span>06-01</span><span>13:22:01</span> --></div>
-                                  <div class="timeline-item-tail"></div>
-                                  <div class="timeline-item-icon bg-warning text-light">
-                                    <i class="fas fa-caret-down"></i>
-                                  </div>
-                                  <div class="timeline-item-content">
-                                    <div class="card">
-                                      <div class="card-body p-3">
-                                        <div class="card-text">
-                                          <p class="mb-1 d-flex"><span class="h5">布尔</span><span class="ml-auto">未提交</span></p>
-                                          <p class="text-muted mb-0">职称</p>
-                                        </div>
-                                      </div>
-                                    </div>
-                                  </div>
-                              </li>
-                              <li class="timeline-list-item pb-2">
-                                  <div class="timeline-item-date"><!-- 2020<span>06-01</span><span>13:20:01</span --></div>
-                                  <div class="timeline-item-tail"></div>
-                                  <div class="timeline-item-icon bg-secondary text-light">
-                                    <!-- <i class="far fa-ellipsis-h"></i> -->
-                                  </div>
-                                  <div class="timeline-item-content">
-                                    <div class="card">
-                                      <div class="card-body p-3">
-                                        <div class="card-text">
-                                          <p class="mb-1 d-flex"><span class="h5">张三</span><!-- <span class="ml-auto text-warning">审批中</span> --></p>
-                                          <p class="text-muted mb-0">职称</p>
-                                        </div>
-                                      </div>
-                                      <!--审批意见-->
-                                      <!-- <div class="card-body p-3 border-top">
-                                        <div class="">
-                                          这是审批意见文本，内容不算很长。
-                                        </div>
-                                      </div> -->
-                                    </div>
-                                  </div>
-                              </li>
-                              <li class="timeline-list-item pb-2">
-                                  <div class="timeline-item-date"></div>
-                                  <div class="timeline-item-tail"></div>
-                                  <div class="timeline-item-icon bg-secondary text-light">
-                                  </div>
-                                  <div class="timeline-item-content">
-                                    <div id="" class="card">
-                                      <div class="card-body p-3">
-                                        <div class="card-text">
-                                          <p class="mb-1 d-flex"><span class="h5">王五</span><span class="ml-auto text-warning"> </span></p>
-                                          <p class="text-muted mb-0">职称</p>
-                                        </div>
-                                      </div>
-                                      <!--审批意见-->
-                                      <!-- <div class="card-body p-3 border-top">
-                                        <div class="">
-                                          这是审批意见文本，内容不算很长。
-                                        </div>
-                                      </div> -->
-                                    </div>
-                                  </div>
-                              </li>
-                              <li class="timeline-list-item pb-2">
-                                  <!-- <div class="timeline-item-tail"></div> -->
-                                  <div class="timeline-item-icon bg-secondary text-light">
-                                  </div>
-                                  <div class="timeline-item-content">
-                                    <div id="" class="card">
-                                      <div class="card-body p-3">
-                                        <div class="card-text">
-                                          <p class="mb-1 d-flex"><span class="h5">李四</span><span class="ml-auto text-warning"></span></p>
-                                          <p class="text-muted mb-0">职称</p>
-                                        </div>
-                                      </div>
-                                    </div>
-                                  </div>
-                              </li>
-                            </ul>
+                        </div>
+                        <div class="card mt-1">
+                          <div class="card-header">
+                            复查流程
                           </div>
+                          <ul class="list-group list-group-flush">
+                            <li class="list-group-item d-flex">
+                              <div>
+                                <p class="m-0 ">1 李四  <small class="text-muted">监理</small></p>
+                                <p class="m-0 ml-2 d-inline"><small class="text-muted">XXX单位</small></p>
+                              </div>
+                              <a href="" class="text-danger ml-auto">移除</a>
+                            </li>
+                          </ul>
                         </div>
                       </td>
+                    </tr>
                   </tbody>
                 </table>
               </div>
@@ -216,126 +261,6 @@
 			</div>
 		</div>
 	</div>
-  <!--设置-->
-  <div class="modal fade" id="ht-setting" 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">
-          <ul class="nav nav-tabs mb-3" role="tablist">
-            <li class="nav-item">
-              <a class="nav-link active" data-toggle="tab" href="#bianhao" role="tab" aria-controls="home" aria-selected="true">安全编号规则</a>
-            </li>
-          </ul>
-          <div class="tab-content">
-            <div class="tab-pane active" id="bianhao">
-              <h5>当前规则：WWUJ-1-201803-001</h5>
-              <h5>
-                <span class="badge badge-light" title="标段名">WWUJ-1 <a href="#" class="text-danger" title="移除"><i class="fas fa-times"></i></a></span>
-                <span class="badge badge-light" title="连接符">-<a href="#" class="text-danger" title="移除"><i class="fas fa-times"></i></a></span>
-                <span class="badge badge-light" title="当前年月">201803 <a href="#" class="text-danger" title="移除"><i class="fas fa-times"></i></a></span>
-                <span class="badge badge-light" title="连接符">-<a href="#" class="text-danger" title="移除"><i class="fas fa-times"></i></a></span>
-                <span class="badge badge-light" title="自动编号">0000 <a href="#" class="text-danger" title="移除"><i class="fas fa-times"></i></a></span>
-              </h5>
-              <h5 class="my-3">添加新规则组件</h5>
-              <div class="form-group">
-                <select class="form-control form-control-sm">
-                  <option>请选择组件</option>
-                  <option>连接符</option>
-                  <option>标段名</option>
-                  <option>文本</option>
-                  <option>当前年月</option>
-                  <option>自增编号</option>
-                </select>
-              </div>
-              <!-- <div class="form-group">
-                <select class="form-control form-control-sm">
-                  <option>请选择</option>
-                  <option>-</option>
-                  <option>_</option>
-                  <option>无</option>
-                </select>
-              </div> -->
-              <div class="form-group">
-                <label>自动编号位数</label>
-                <input min="3" class="form-control form-control-sm" step="1" max="6" value="3" type="number">
-              </div>
-              <div class="form-group">
-                <label>起始编号</label>
-                <input class="form-control form-control-sm" value="001" type="text">
-              </div>
-              <button class="btn btn-sm btn-outline-primary">添加组件</button>
-            </div>
-          </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="add-ht" 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>安全编号<b class="text-danger">*</b></label>
-                  <div class="input-group input-group-sm">
-                    <input type="text" class="form-control" value="CD03-CL-2015-121" placeholder="请输入合同编号">
-                    <div class="input-group-append">
-                      <button class="btn btn-outline-secondary" type="button" >自动编号</button>
-                    </div>
-                  </div>
-                </div>
-                <div class="form-group">
-                  <label>检查项<b class="text-danger">*</b></label>
-                  <input class="form-control form-control-sm"  placeholder="请填写巡检项" type="text">
-                </div>
-                <div class="form-group">
-                  <label>日期<b class="text-danger">*</b></label>
-                  <input class="form-control form-control-sm"  placeholder="选择巡检日期" type="date">
-                </div>
-                <div class="alert alert-warning p-2">添加后再补充完善其余信息</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="file" 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="modal-height-500">
-                  <table class="table table-sm table-bordered">
-                    <thead>
-                      <tr><th>文件名</th><th>上传人</th><th>上传时间</th><th>操作</th></tr>
-                    </thead>
-                    <tr><td><a href="#">安全检查附件.pdf</a></td><td>张三</td><td>2018-01-01</td><td><a href="#" target="_blank" title="下载"><i class="fa fa-download "></i></a></td></tr>
-                    <tr><td><a href="#">安全整改现场拍照.pdf</a></td><td>李四</td><td>2018-01-01</td><td><a href="#" target="_blank" title="下载"><i class="fa fa-download "></i></a></td></tr>
-                  </table>
-                </div>
-              </div>
-              <div class="modal-footer">
-                <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
-                <button type="button" class="btn btn-primary" >确定</button>
-              </div>
-          </div>
-      </div>
-  </div>
   <!--添加附件-->
   <div class="modal fade" id="addfujian">
     <div class="modal-dialog" role="document">
@@ -357,43 +282,19 @@
       </div>
     </div>
   </div>
-  <!--审批通过-->
+  <!--提交审批-->
   <div class="modal fade" id="sp-done" data-backdrop="static">
       <div class="modal-dialog" role="document">
           <div class="modal-content">
               <div class="modal-header">
-                  <h5 class="modal-title">审批通过</h5>
-              </div>
-              <div class="modal-body">
-                <div class="form-group">
-                  <label>审批意见</label>
-                  <textarea class="form-control" rows="5"></textarea>
-                </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-success">确认通过</button>
-              </div>
-          </div>
-      </div>
-  </div>
-  <!--审批关闭-->
-  <div class="modal fade" id="sp-close" data-backdrop="static">
-      <div class="modal-dialog" role="document">
-          <div class="modal-content">
-              <div class="modal-header">
-                  <h5 class="modal-title">审批关闭</h5>
+                  <h5 class="modal-title">提交审批</h5>
               </div>
               <div class="modal-body">
-                <div class="form-group">
-                  <label>审批意见</label>
-                  <textarea class="form-control" rows="5"></textarea>
-                  <div class="alert alert-warning mt-2">审批关闭，将直接停止该巡检流程。</div>
-                </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-danger">确认关闭</button>
+                <button type="button" class="btn btn-sm btn-success">确认提交</button>
               </div>
           </div>
       </div>

anquan-detail2.html

@@ -51,12 +51,12 @@
         <div class="scrollbar-auto">
           <div class="nav-box">
             <ul class="nav-list list-unstyled">
-              <li><a href="anquan-panel.html"><i class="fas fa-chart-pie"></i> <span>巡检概况</span></a></li>
+              <li class=""><a href="anquan-panel.html"><i class="fas fa-chart-pie"></i> <span>巡检概况</span></a></li>
             </ul>
           </div>
           <div class="nav-box">
             <ul class="nav-list list-unstyled">
-              <li class="active"><a href="anquan.html"><span>安全巡检</span></a></li>
+              <li class="active"><a href="anquan-list.html"><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>
@@ -120,13 +120,15 @@
                         <div class="row">
                           <div class="col-3">
                             <table class="table table-bordered">
-                              <tr><td rowspan="2" class="text-center">审批</td><td><i class="fas fa fa-play-circle fa-rotate-90"></i> 布尔  <small class="text-muted">职称</small></td></tr>
-                              <tr><td><i class="fas fa-chevron-circle-down"></i> 张三  <small class="text-muted">职称</small></td></tr>
-                              <tr><td class="text-center">整改</td><td><i class="fas fa-chevron-circle-down"></i> 王五 <small class="text-muted">职称</small></td></tr>
+                              <tr><td class="text-center">检查人</td><td><i class="fas fa fa-stop-circle"></i> 布尔 <small class="text-muted">职称</small></td></tr>
+                              <tr><td rowspan="2" class="text-center">审批</td><td><i class="fas fa fa-play-circle fa-rotate-90"></i> 张三  <small class="text-muted">职称</small></td></tr>
+                              <tr><td><i class="fas fa-chevron-circle-down"></i> 李四  <small class="text-muted">职称</small></td></tr>
+                              <tr><td class="text-center">整改</td><td><i class="fas fa-chevron-circle-down"></i> 由 李四 指派</td></tr>
                               <tr><td class="text-center">复查</td><td><i class="fas fa fa-stop-circle"></i> 李四 <small class="text-muted">职称</small></td></tr>
                             </table>
                           </div>
                           <div class="col-9">
+                            <!--审批流程审批中-->
                             <ul class="timeline-list list-unstyled mt-2">
                               <li class="timeline-list-item pb-2">
                                   <div class="timeline-item-date">2020<span>06-01</span><span>13:22:01</span></div>
@@ -146,7 +148,7 @@
                                   </div>
                               </li>
                               <li class="timeline-list-item pb-2">
-                                  <div class="timeline-item-date"><!-- 2020<span>06-01</span><span>13:20:01</span -->></div>
+                                  <div class="timeline-item-date"><!-- 2020<span>06-01</span><span>13:20:01</span --></div>
                                   <div class="timeline-item-tail"></div>
                                   <div class="timeline-item-icon bg-warning text-light">
                                     <i class="far fa-ellipsis-h"></i>
@@ -177,6 +179,28 @@
                                     <div id="" class="card">
                                       <div class="card-body p-3">
                                         <div class="card-text">
+                                          <p class="mb-1 d-flex"><span class="h5">李四</span><span class="ml-auto text-warning"> </span></p>
+                                          <p class="text-muted mb-0">职称</p>
+                                        </div>
+                                      </div>
+                                      <!--审批意见-->
+                                      <!-- <div class="card-body p-3 border-top">
+                                        <div class="">
+                                          这是审批意见文本，内容不算很长。
+                                        </div>
+                                      </div> -->
+                                    </div>
+                                  </div>
+                              </li>
+                              <li class="timeline-list-item pb-2">
+                                  <div class="timeline-item-date"></div>
+                                  <div class="timeline-item-tail"></div>
+                                  <div class="timeline-item-icon bg-secondary text-light">
+                                  </div>
+                                  <div class="timeline-item-content">
+                                    <div id="" class="card">
+                                      <div class="card-body p-3">
+                                        <div class="card-text">
                                           <p class="mb-1 d-flex"><span class="h5">王五</span><span class="ml-auto text-warning"> </span></p>
                                           <p class="text-muted mb-0">职称</p>
                                         </div>
@@ -206,6 +230,112 @@
                                   </div>
                               </li>
                             </ul>
+                            <!--审批流程复查中-->
+                            <ul class="timeline-list list-unstyled mt-2">
+                              <li class="timeline-list-item pb-2">
+                                  <div class="timeline-item-date">2020<span>06-01</span><span>13:22:01</span></div>
+                                  <div class="timeline-item-tail"></div>
+                                  <div class="timeline-item-icon bg-success text-light">
+                                    <i class="fas fa-caret-down"></i>
+                                  </div>
+                                  <div class="timeline-item-content">
+                                    <div class="card">
+                                      <div class="card-body p-3">
+                                        <div class="card-text">
+                                          <p class="mb-1 d-flex"><span class="h5">布尔</span><span class="ml-auto text-success">上报审批</span></p>
+                                          <p class="text-muted mb-0">职称</p>
+                                        </div>
+                                      </div>
+                                    </div>
+                                  </div>
+                              </li>
+                              <li class="timeline-list-item pb-2">
+                                  <div class="timeline-item-date">2020<span>06-01</span><span>13:20:01</span></div>
+                                  <div class="timeline-item-tail"></div>
+                                  <div class="timeline-item-icon bg-success text-light">
+                                    <i class="far fa-check"></i>
+                                  </div>
+                                  <div class="timeline-item-content">
+                                    <div class="card">
+                                      <div class="card-body p-3">
+                                        <div class="card-text">
+                                          <p class="mb-1 d-flex"><span class="h5">张三</span><span class="ml-auto text-success">审批通过</span></p>
+                                          <p class="text-muted mb-0">职称</p>
+                                        </div>
+                                      </div>
+                                      <!--审批意见-->
+                                      <div class="card-body p-3 border-top">
+                                        <div class="">
+                                          这是审批意见文本，内容不算很长。
+                                        </div>
+                                      </div>
+                                    </div>
+                                  </div>
+                              </li>
+                              <li class="timeline-list-item pb-2">
+                                  <div class="timeline-item-date">2020<span>06-01</span><span>13:20:01</span></div>
+                                  <div class="timeline-item-tail"></div>
+                                  <div class="timeline-item-icon bg-success text-light">
+                                    <i class="far fa-check"></i>
+                                  </div>
+                                  <div class="timeline-item-content">
+                                    <div id="" class="card">
+                                      <div class="card-body p-3">
+                                        <div class="card-text">
+                                          <p class="mb-1 d-flex"><span class="h5">李四</span><span class="ml-auto text-success">审批通过</span></p>
+                                          <p class="text-muted mb-0">职称</p>
+                                        </div>
+                                      </div>
+                                      <!--审批意见-->
+                                      <div class="card-body p-3 border-top">
+                                        <div class="">
+                                          这是审批意见文本，内容不算很长。
+                                        </div>
+                                      </div>
+                                    </div>
+                                  </div>
+                              </li>
+                              <li class="timeline-list-item pb-2">
+                                  <div class="timeline-item-date">2020<span>06-01</span><span>13:20:01</span></div>
+                                  <div class="timeline-item-tail"></div>
+                                  <div class="timeline-item-icon bg-success text-light">
+                                    <i class="far fa-check"></i>
+                                  </div>
+                                  <div class="timeline-item-content">
+                                    <div id="" class="card">
+                                      <div class="card-body p-3">
+                                        <div class="card-text">
+                                          <p class="mb-1 d-flex"><span class="h5">王五</span><span class="ml-auto text-success">整改完成</span></p>
+                                          <p class="text-muted mb-0">职称</p>
+                                        </div>
+                                      </div>
+                                      <!--审批意见-->
+                                      <div class="card-body p-3 border-top">
+                                        <div class="">
+                                          这是审批意见文本，内容不算很长。
+                                        </div>
+                                      </div>
+                                    </div>
+                                  </div>
+                              </li>
+                              <li class="timeline-list-item pb-2">
+                                  <div class="timeline-item-date"><!-- 2020<span>06-01</span><span>13:20:01</span> --></div>
+                                  <!-- <div class="timeline-item-tail"></div> -->
+                                  <div class="timeline-item-icon bg-warning text-light">
+                                    <i class="far fa-ellipsis-h"></i>
+                                  </div>
+                                  <div class="timeline-item-content">
+                                    <div id="" class="card">
+                                      <div class="card-body p-3">
+                                        <div class="card-text">
+                                          <p class="mb-1 d-flex"><span class="h5">李四</span><span class="ml-auto text-warning">复查中</span></p>
+                                          <p class="text-muted mb-0">职称</p>
+                                        </div>
+                                      </div>
+                                    </div>
+                                  </div>
+                              </li>
+                            </ul>
                           </div>
                         </div>
                       </td>
@@ -371,6 +501,54 @@
                   <label>审批意见</label>
                   <textarea class="form-control" rows="5"></textarea>
                 </div>
+                <!--最后一个审批人指派整改-->
+                <div class="form-group">
+                  <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="form-group">
+                  <div class="card">
+                    <div class="card-body p-2">
+                      <div class="d-flex justify-content-between">
+                        <span>已指派整改人：王五 <small>职称</small> XXXX单位</span>
+                      </div>
+                    </div>
+                  </div>
+                </div>
               </div>
               <div class="modal-footer">
                 <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">关闭</button>

anquan-detail3.html

@@ -51,12 +51,12 @@
         <div class="scrollbar-auto">
           <div class="nav-box">
             <ul class="nav-list list-unstyled">
-              <li><a href="anquan-panel.html"><i class="fas fa-chart-pie"></i> <span>巡检概况</span></a></li>
+              <li class=""><a href="anquan-panel.html"><i class="fas fa-chart-pie"></i> <span>巡检概况</span></a></li>
             </ul>
           </div>
           <div class="nav-box">
             <ul class="nav-list list-unstyled">
-              <li class="active"><a href="anquan.html"><span>安全巡检</span></a></li>
+              <li class="active"><a href="anquan-list.html"><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>
@@ -101,7 +101,7 @@
                   </thead>
                   <tbody>
                     <tr><th width="150">整改情况</th><td><textarea class="form-control form-control-sm">整改情况内容</textarea></td></tr>
-                    <tr><th width="150">整改日期</th><td><input class="form-control form-control-sm col-2" type="date"></td></tr>
+                    <tr><th width="150">整改日期</th><td><input class="form-control form-control-sm col-3" type="date"></td></tr>
                     <tr><th width="150">整改人</th><td>王五</td></tr>
                   </tbody>
                 </table>
@@ -131,9 +131,10 @@
                         <div class="row">
                           <div class="col-3">
                             <table class="table table-bordered">
-                              <tr><td rowspan="2" class="text-center">审批</td><td><i class="fas fa fa-play-circle fa-rotate-90"></i> 布尔  <small class="text-muted">职称</small></td></tr>
-                              <tr><td><i class="fas fa-chevron-circle-down"></i> 张三  <small class="text-muted">职称</small></td></tr>
-                              <tr><td class="text-center">整改</td><td><i class="fas fa-chevron-circle-down"></i> 王五 <small class="text-muted">职称</small></td></tr>
+                              <tr><td class="text-center">检查人</td><td><i class="fas fa fa-stop-circle"></i> 布尔 <small class="text-muted">职称</small></td></tr>
+                              <tr><td rowspan="2" class="text-center">审批</td><td><i class="fas fa fa-play-circle fa-rotate-90"></i> 张三  <small class="text-muted">职称</small></td></tr>
+                              <tr><td><i class="fas fa-chevron-circle-down"></i> 李四  <small class="text-muted">职称</small></td></tr>
+                              <tr><td class="text-center">整改</td><td><i class="fas fa-chevron-circle-down"></i> 由 李四 指派</td></tr>
                               <tr><td class="text-center">复查</td><td><i class="fas fa fa-stop-circle"></i> 李四 <small class="text-muted">职称</small></td></tr>
                             </table>
                           </div>
@@ -166,16 +167,39 @@
                                     <div class="card">
                                       <div class="card-body p-3">
                                         <div class="card-text">
-                                          <p class="mb-1 d-flex"><span class="h5">张三</span><span class="ml-auto text-warning">审批中</span></p>
+                                          <p class="mb-1 d-flex"><span class="h5">张三</span><span class="ml-auto text-success">审批通过</span></p>
                                           <p class="text-muted mb-0">职称</p>
                                         </div>
                                       </div>
                                       <!--审批意见-->
-                                      <!-- <div class="card-body p-3 border-top">
+                                      <div class="card-body p-3 border-top">
                                         <div class="">
                                           这是审批意见文本，内容不算很长。
                                         </div>
-                                      </div> -->
+                                      </div>
+                                    </div>
+                                  </div>
+                              </li>
+                              <li class="timeline-list-item pb-2">
+                                  <div class="timeline-item-date">2020<span>06-01</span><span>13:20:01</span></div>
+                                  <div class="timeline-item-tail"></div>
+                                  <div class="timeline-item-icon bg-success text-light">
+                                    <i class="far fa-check"></i>
+                                  </div>
+                                  <div class="timeline-item-content">
+                                    <div class="card">
+                                      <div class="card-body p-3">
+                                        <div class="card-text">
+                                          <p class="mb-1 d-flex"><span class="h5">李四</span><span class="ml-auto text-success">审批通过</span></p>
+                                          <p class="text-muted mb-0">职称</p>
+                                        </div>
+                                      </div>
+                                      <!--审批意见-->
+                                      <div class="card-body p-3 border-top">
+                                        <div class="">
+                                          这是审批意见文本，内容不算很长。
+                                        </div>
+                                      </div>
                                     </div>
                                   </div>
                               </li>
@@ -189,7 +213,7 @@
                                     <div id="" class="card">
                                       <div class="card-body p-3">
                                         <div class="card-text">
-                                          <p class="mb-1 d-flex"><span class="h5">王五</span><span class="ml-auto text-warning"> </span></p>
+                                          <p class="mb-1 d-flex"><span class="h5">王五</span><span class="ml-auto text-warning">整改中</span></p>
                                           <p class="text-muted mb-0">职称</p>
                                         </div>
                                       </div>

anquan-list.html

@@ -79,14 +79,14 @@
             <div class="sjs-height-0">
               <table class="table table-bordered">
                 <thead>
-                  <tr><th>序号</th><th>编号</th><th>检查项</th><th>现场检查情况</th><th>处理要求及措施</th><th>检查日期</th><th>检查人</th><th>附件</th><th>状态</th></tr>
+                  <tr><th>序号</th><th>编号</th><th>检查项目</th><th>现场检查情况</th><th>处理要求及措施</th><th>检查日期</th><th>检查人</th><th>附件</th><th>状态</th></tr>
                 </thead>
-                <tr><td>1</td><td><a href="anquan-detail1.html">WC-202008-0001（待提交）</a></td><td>检查项目</td><td>临时用电存在安全隐患</td><td>立即整改</td><td>2021-10-25</td><td>张三</td><td><a class="btn btn-sm" href="#file" data-toggle="modal" data-target="#file"><i class="fa fa-paperclip "></i> 0</a></td><td>未提交</td></tr>
-                <tr><td>2</td><td><a href="anquan-detail2.html">WC-202008-0001（审批/复查）</a></td><td>检查项目</td><td>临时用电存在安全隐患</td><td>立即整改</td><td>2021-10-25</td><td>张三</td><td><a class="btn btn-sm" href="#file" data-toggle="modal" data-target="#file"><i class="fa fa-paperclip "></i> 0</a></td><td><i class="fas fa-circle text-warning"></i> 审批中</td></tr>
-                <tr><td>2</td><td><a href="anquan-detail3.html">WC-202008-0001（整改）</a></td><td>检查项目</td><td>临时用电存在安全隐患</td><td>立即整改</td><td>2021-10-25</td><td>张三</td><td><a class="btn btn-sm" href="#file" data-toggle="modal" data-target="#file"><i class="fa fa-paperclip "></i> 0</a></td><td><i class="fas fa-circle text-warning"></i> 待整改</td></tr>
-                <tr><td>1</td><td><a href="anquan-detail.html">WC-202008-0001</a></td><td>检查项目</td><td>临时用电存在安全隐患</td><td>立即整改</td><td>2021-10-25</td><td>张三</td><td><a class="btn btn-sm" href="#file" data-toggle="modal" data-target="#file"><i class="fa fa-paperclip "></i> 0</a></td><td><i class="fas fa-circle text-warning"></i> 待复查</td></tr>
-                <tr><td>1</td><td><a href="anquan-detail.html">WC-202008-0001（信息页）</a></td><td>检查项目</td><td>临时用电存在安全隐患</td><td>立即整改</td><td>2021-10-25</td><td>张三</td><td><a class="btn btn-sm" href="#file" data-toggle="modal" data-target="#file"><i class="fa fa-paperclip "></i> 0</a></td><td><i class="fas fa-circle text-success"></i> 完成</td></tr>
-                <tr><td>1</td><td><a href="anquan-detail.html">WC-202008-0001</a></td><td>检查项目</td><td>临时用电存在安全隐患</td><td>立即整改</td><td>2021-10-25</td><td>张三</td><td><a class="btn btn-sm" href="#file" data-toggle="modal" data-target="#file"><i class="fa fa-paperclip "></i> 0</a></td><td><i class="fas fa-circle text-danger"></i> 关闭</td></tr>
+                <tr><td>1</td><td><a href="anquan-detail1.html">WC-202008-0001（待提交）</a></td><td>检查路面清洗，路面污染严重</td><td>详细现场检查情况</td><td>立即整改</td><td>2021-10-25</td><td>张三</td><td><a class="btn btn-sm" href="#file" data-toggle="modal" data-target="#file"><i class="fa fa-paperclip "></i> 0</a></td><td>未提交</td></tr>
+                <tr><td>2</td><td><a href="anquan-detail2.html">WC-202008-0001（审批/复查）</a></td><td>检查发现有乱堆放材料问题</td><td>详细现场检查情况</td><td>立即整改</td><td>2021-10-25</td><td>张三</td><td><a class="btn btn-sm" href="#file" data-toggle="modal" data-target="#file"><i class="fa fa-paperclip "></i> 0</a></td><td><i class="fas fa-circle text-warning"></i> 审批中</td></tr>
+                <tr><td>3</td><td><a href="anquan-detail3.html">WC-202008-0001（整改）</a></td><td>现场用电混乱，钢筋机械处积水未清理</td><td>详细现场检查情况</td><td>立即整改</td><td>2021-10-25</td><td>张三</td><td><a class="btn btn-sm" href="#file" data-toggle="modal" data-target="#file"><i class="fa fa-paperclip "></i> 0</a></td><td><i class="fas fa-circle text-warning"></i> 待整改</td></tr>
+                <tr><td>4</td><td><a href="anquan-detail2.html">WC-202008-0001</a></td><td>检查发现有乱堆放材料问题</td><td>详细现场检查情况</td><td>立即整改</td><td>2021-10-25</td><td>张三</td><td><a class="btn btn-sm" href="#file" data-toggle="modal" data-target="#file"><i class="fa fa-paperclip "></i> 0</a></td><td><i class="fas fa-circle text-warning"></i> 待复查</td></tr>
+                <tr><td>5</td><td><a href="anquan-detail2.html">WC-202008-0001</a></td><td>检查路面清洗，路面污染严重</td><td>详细现场检查情况</td><td>立即整改</td><td>2021-10-25</td><td>张三</td><td><a class="btn btn-sm" href="#file" data-toggle="modal" data-target="#file"><i class="fa fa-paperclip "></i> 0</a></td><td><i class="fas fa-circle text-success"></i> 完成</td></tr>
+                <tr><td>6</td><td><a href="anquan-detail2.html">WC-202008-0001</a></td><td>检查发现起重小物件未采用料斗装载</td><td>详细现场检查情况</td><td>立即整改</td><td>2021-10-25</td><td>张三</td><td><a class="btn btn-sm" href="#file" data-toggle="modal" data-target="#file"><i class="fa fa-paperclip "></i> 0</a></td><td><i class="fas fa-circle text-danger"></i> 关闭</td></tr>
               </table>
             </div>
           </div>

anquan-panel.html

@@ -0,0 +1,347 @@
+<!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/all.min.css">
+    <script src=js/echarts/echarts.min.js></script>
+    <link rel="stylesheet" href="css/spreadjs/sheets/gc.spread.sheets.excelsmartcost.css">
+    <!--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><a href="dashboard.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="代办事项"><i class="fas fa-chalkboard"></i><span>待办</span></a></li>
+          <li class=""><a href="hetong.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="合同管理"><i class="fas fa-book-open"></i><span>合同管理</span></a></li>
+          <li class="active"><a href="anquan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="安全巡检"><i class="fas fa-users-cog"></i><span>安全巡检</span></a></li>
+          <li class=""><a href="zhiliang.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="质量巡检"><i class="fas fa-toolbox"></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="dropup my-1 ml-1">
+          <a href="" class="btn btn-sm btn-light" 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 class="active"><a href="anquan-panel.html"><i class="fas fa-chart-pie"></i> <span>巡检概况</span></a></li>
+            </ul>
+          </div>
+          <div class="nav-box">
+            <ul class="nav-list list-unstyled">
+              <li class=""><a href="anquan-list.html"><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">
+            <h2>巡检概况</h2>
+            <div class="ml-auto">
+              
+            </div>
+          </div>
+				</div>
+				<div class="content-wrap">
+					<div class="c-body">
+            <div class="sjs-height-0">
+              <div class="m-3">
+                <!--概况-->
+                <div class="row mx-0 mb-3">
+                  <div class="col-8 pl-0 pr-5">
+                    <div class="row">
+                      <div class="col-5">
+                        <div class="card">
+                          <div class="card-body p-2">
+                            <h6 class="card-title">整改中（23）</h6>
+                            <ul class="list-unstyled">
+                              <li class="mb-2 d-flex justify-content-between"><a href="anquan-detail2.html" class="text-truncate">检查路面清洗，路面污染严重</a><span class="col-auto">张三 <span class="badge badge-pill badge-danger" title="停留整改时间">4天</span></span></li>
+                              <li class="mb-2 d-flex justify-content-between"><a href="anquan-detail2.html" class="text-truncate">临时用电存在安全隐患</a><span class="col-auto">张三 <span class="badge badge-pill badge-danger" title="停留整改时间">2天</span></span></li>
+                              <li class="mb-2 d-flex justify-content-between"><a href="anquan-detail2.html" class="text-truncate">现场用电混乱，钢筋机械处积水未清理</a><span class="col-auto">张三 <span class="badge badge-pill badge-danger" title="停留整改时间">2天</span></span></li>
+                              <li class="mb-2 d-flex justify-content-between"><a href="anquan-detail2.html" class="text-truncate">检查发现有乱堆放材料问题</a><span class="col-auto">张三 <span class="badge badge-pill badge-danger" title="停留整改时间">2天</span></span></li>
+                              <li class="mb-2 d-flex justify-content-between"><a href="anquan-detail2.html" class="text-truncate">检查发现起重小物件未采用料斗装载直接起吊</a><span class="col-auto">张学友 <span class="badge badge-pill badge-danger" title="停留整改时间">1天</span></span></li>
+                              <li class="mb-2 d-flex justify-content-between"><a href="anquan-detail2.html" class="text-truncate">检查路面清洗，路面污染严重</a><span class="col-auto">张三 <span class="badge badge-pill badge-danger" title="停留整改时间">1天</span></span></li>
+                              <li class="mb-2 d-flex justify-content-between"><a href="anquan-detail2.html" class="text-truncate">临时用电存在安全隐患</a><span class="col-auto">张三 <span class="badge badge-pill badge-danger" title="停留整改时间">1天</span></span></li>
+                              <li class="mb-2 d-flex justify-content-between"><a href="anquan-detail2.html" class="text-truncate">现场用电混乱，钢筋机械处积水未清理</a><span class="col-auto">张三 <span class="badge badge-pill badge-danger" title="停留整改时间">1天</span></span></li>
+                              <li class="mb-2 d-flex justify-content-between"><a href="anquan-detail2.html" class="text-truncate">检查发现有乱堆放材料问题</a><span class="col-auto">张三 <span class="badge badge-pill badge-danger" title="停留整改时间">1天</span></span></li>
+                              <li class="mb-2 d-flex justify-content-between"><a href="anquan-detail2.html" class="text-truncate">临时用电存在安全隐患</a><span class="col-auto">张三 <span class="badge badge-pill badge-danger" title="停留整改时间">1天</span></span></li>
+                            </ul>
+                          </div>
+                        </div>
+                      </div>
+                      <div class="col-7">
+                        <div class="card">
+                          <div class="mt-3" id="htchart3" style="height: 300px; width: 100%;"></div>
+                        </div>
+                      </div>
+                    </div>
+                    <div class="col-12 px-0 mt-3">
+                      <div class="card">
+                        <div class="mt-3" id="htchart1" style="height: 400px; width: 100%;"></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/popper/popper.min.js"></script>
+    <script src="js/bootstrap/bootstrap.min.js"></script>
+    <script src="js/global.js"></script>
+    <script src="js/spreadjs/sheets/gc.spread.sheets.all.10.0.1.min.js"></script>
+        <!-- zTree -->
+    <script type="text/javascript" src="js/ztree/jquery.ztree.core.js"></script>
+    <script type="text/javascript" src="js/ztree/jquery.ztree.excheck.js"></script>
+    <script type="text/javascript">  autoFlashHeight();</script>
+    <script type="text/javascript">
+                    //htchart1 收入合同结算趋势//
+    // 基于准备好的dom，初始化echarts图表
+                    var myChart = echarts.init(document.getElementById('htchart1'));
+                    var option = {
+                      color: ['#b5c4b1','#d8caaf','#965454','#9ca8b8'],
+                              title : {
+                                  text: '整改趋势'
+                              },
+        tooltip : {
+            trigger: 'axis'
+        },
+        calculable : true,
+        legend: {
+            data:['提交巡检','完成整改','整改占总数比例']
+        },
+        dataZoom: [
+               {show: true,start: 0, end: 100}
+          ],
+        xAxis : [
+            {
+                type : 'category',
+                splitLine : {show : true},
+                data : ['2020年1月','2020年2月','2020年3月','2020年4月','2020年5月','2020年6月','2020年7月']
+            }
+        ],
+        yAxis : [
+            {
+               type : 'value',
+                name : '数量',
+                position:'left',
+                axisLabel : {
+                    formatter: '{value} '
+                },
+                splitArea : {show : true}
+            },
+            {
+                type : 'value',
+                name:'整改占总数比例',
+                axisLabel : {
+                    formatter: '{value} %'
+                },
+                position: 'right',
+                splitArea : {show : true}
+            }
+        ],
+        series : [
+            {
+                name:'提交巡检',
+                type:'bar',
+                tooltip : {formatter: "{b}<br/>{a}：{c} %"},
+                stack: '提交巡检',
+                label: {
+                    show: true,
+                    position: 'top',
+                    color:'#000'
+                },
+                data:[2, 1, 3, 5, 2, 1, 1]
+            },
+            {
+                name:'完成整改',
+                type:'bar',
+                tooltip : {formatter: "{b}<br/>{a}：{c} %"},
+                stack: '完成整改',
+                label: {
+                    show: true,
+                    position: 'top',
+                    color:'#000'
+                },
+                data:[0, 2, 2, 1, 4, 2, 1]
+            },
+            {
+                name:'整改占总数比例',
+                type:'line',
+                tooltip : {trigger: 'axis',formatter: "{b}<br/>{a}：{c} %"},
+                yAxisIndex: 1,
+                data:[10, 15, 20, 13, 11, 9, 10]
+            },
+        ]
+    };
+                    // 为echarts对象加载数据 
+                    myChart.setOption(option); 
+                    //END htchart1 收入合同结算趋势//
+                    //htchart3 收入合同数量组成//
+    // 基于准备好的dom，初始化echarts图表
+                    var myChart = echarts.init(document.getElementById('htchart3'));
+                    var option = {
+                      color: ['#c7b8a1','#9ca8b8','#7b8b6f','#d8caaf'],
+    tooltip: {
+        trigger: 'item',
+        formatter: '{a} <br/>{b}: {c} ({d}%)'
+    },
+    legend: {
+        orient: 'horizontal',
+        left: 0,
+        data: ['审批中', '整改中', '已整改']
+    },
+    series: [
+        {
+            name: '安全巡检',
+            type: 'pie',
+            radius: ['50%', '70%'],
+            avoidLabelOverlap: false,
+            label: {
+                formatter: '{a|{a}}{abg|}\n{hr|}\n  {b|{b}：}{c}  {per|{d}%}  ',
+                backgroundColor: '#eee',
+                borderColor: '#aaa',
+                borderWidth: 1,
+                borderRadius: 4,
+                // shadowBlur:3,
+                // shadowOffsetX: 2,
+                // shadowOffsetY: 2,
+                // shadowColor: '#999',
+                // padding: [0, 7],
+                rich: {
+                    a: {
+                        color: '#999',
+                        lineHeight: 20,
+                        align: 'center'
+                    },
+                    // abg: {
+                    //     backgroundColor: '#333',
+                    //     width: '100%',
+                    //     align: 'right',
+                    //     height: 22,
+                    //     borderRadius: [4, 4, 0, 0]
+                    // },
+                    hr: {
+                        borderColor: '#aaa',
+                        width: '100%',
+                        borderWidth: 0.5,
+                        height: 0
+                    },
+                    b: {
+                        fontSize: 12,
+                        lineHeight: 20
+                    },
+                    per: {
+                        color: '#eee',
+                        backgroundColor: '#334455',
+                        padding: [2, 4],
+                        borderRadius: 2
+                    }
+                }
+            },
+            emphasis: {
+                label: {
+                    show: true,
+                    fontSize: '20',
+                    fontWeight: 'bold'
+                }
+            },
+            labelLine: {
+                show: true
+            },
+            data: [
+                {value: 13, name: '审批中'},
+                {value: 3, name: '整改中'},
+                {value: 4, name: '已整改'}
+            ]
+        }
+    ]
+};
+                    // 为echarts对象加载数据
+                    myChart.setOption(option);
+                    //END htchart3 收入合同数量组成//
+                   //htchart4 收入合同数量组成//
+    // 基于准备好的dom，初始化echarts图表
+                    var myChart = echarts.init(document.getElementById('htchart4'));
+                    var option = {
+                      color: ['#c7b8a1','#9ca8b8','#7b8b6f','#d8caaf'],
+    tooltip: {
+        trigger: 'item',
+        formatter: '{a} <br/>{b}: {c} ({d}%)'
+    },
+    legend: {
+        orient: 'horizontal',
+        left: 0,
+        data: ['履行中', '待关闭', '正常关闭']
+    },
+    series: [
+        {
+            name: '合同',
+            type: 'pie',
+            radius: ['50%', '70%'],
+            avoidLabelOverlap: false,
+            label: {
+                show: false,
+                position: 'center'
+            },
+            emphasis: {
+                label: {
+                    show: true,
+                    fontSize: '20',
+                    fontWeight: 'bold'
+                }
+            },
+            labelLine: {
+                show: false
+            },
+            data: [
+                {value: 13, name: '履行中'},
+                {value: 3, name: '待关闭'},
+                {value: 4, name: '正常关闭'}
+            ]
+        }
+    ]
+};
+                    // 为echarts对象加载数据
+                    myChart.setOption(option);
+                    //END htchart4 收入合同数量组成//
+        </script>
+
+</body>
+
+</html>

anquan.html

@@ -105,14 +105,14 @@
                   <td class="text-center">0</td>
                 </tr>
                 <tr>
-                  <td class="in-3"><span class="text-muted mr-2">├</span><a href="anquan-list.html">WWUJ-1</a></td>
+                  <td class="in-3"><span class="text-muted mr-2">├</span><a href="anquan-panel.html">WWUJ-1</a></td>
                   <td class="text-center">0</td>
                   <td class="text-center">0</td>
                   <td class="text-center">0</td>
                   <td class="text-center">0</td>
                 </tr>
                 <tr>
-                  <td class="in-3"><span class="text-muted mr-2">└</span><a href="anquan-list.html">WWUJ-4</a></td>
+                  <td class="in-3"><span class="text-muted mr-2">└</span><a href="anquan-panel.html">WWUJ-4</a></td>
                   <td class="text-center">0</td>
                   <td class="text-center">0</td>
                   <td class="text-center">0</td>
@@ -126,14 +126,14 @@
                   <td class="text-center">0</td>
                 </tr>
                 <tr>
-                  <td class="in-3"><span class="text-muted mr-2">├</span><a href="anquan-list.html">WWUJ-2</a></td>
+                  <td class="in-3"><span class="text-muted mr-2">├</span><a href="anquan-panel.html">WWUJ-2</a></td>
                   <td class="text-center">0</td>
                   <td class="text-center">0</td>
                   <td class="text-center">0</td>
                   <td class="text-center">0</td>
                 </tr>
                 <tr>
-                  <td class="in-3"><span class="text-muted mr-2">└</span><a href="anquan-list.html">WWUJ-3</a></td>
+                  <td class="in-3"><span class="text-muted mr-2">└</span><a href="anquan-panel.html">WWUJ-3</a></td>
                   <td class="text-center">0</td>
                   <td class="text-center">0</td>
                   <td class="text-center">0</td>

hetong-list.html

@@ -88,7 +88,7 @@
                   </thead>
                     <tr><td><span class="mr-1" title="收起"><i class="fal fa-minus-square"></i></span>1</td><td>第一部分 建筑安装工程费</td><td></td><td></td><td></td><td></td><td></td></tr>
                     <tr><td class="pl-2">1.1</td><td>劳务</td><td></td><td></td><td></td><td></td><td></td></tr>
-                    <tr><td class="pl-2">1.2</td><td>材料</td><td></td><td></td><td></td><td></td><td></td></tr>
+                    <tr><td class="pl-2">1.2</td><td>材料</td><td></td><td></td><td class="text-right">140472827.00</td><td class="text-right">74852127.07</td><td></td></tr>
                     <tr><td class="pl-3">1.2.1</td><td>钢筋、工字钢、型钢、角钢、钢板</td><td>台州湾大桥及接线工程TS15标钢筋及型钢供应合同</td><td>CD03-CL-2015-117</td><td class="text-right">62851000.00</td><td class="text-right">0.00</td><td><i class="fas fa-circle text-warning"></i> 履行中</td></tr>
                     <tr><td class="pl-3">1.2.2</td><td>碎石</td><td>台州湾大桥及接线工程TS15标碎石供应合同</td><td>CD03-CL-2015-118</td><td class="text-right">6557000.00</td><td class="text-right">3787300.07</td><td><i class="fas fa-circle text-warning"></i> 履行中</td></tr>
                     <tr><td class="pl-3">1.2.3</td><td>水泥</td><td>台州湾大桥及接线工程TS15标水泥供应合同</td><td>CD03-CL-2015-119</td><td class="text-right">43064827.00</td><td class="text-right">43064827.00</td><td><i class="fas fa-circle text-secondary"></i> 待关闭</td></tr>
@@ -191,7 +191,7 @@
             <div class="modal-body">
               <div class="modal-height-500">
               <div class="form-group">
-                <label>合同分类</label>
+                <label>合同项目</label>
                 <select class="form-control form-control-sm">
                   <optgroup label="1 第一部分 建筑安装工程费">
                     <option>1.1 劳务</option>
@@ -420,7 +420,7 @@
               </div>
               <div class="modal-body">
                 <div class="form-group">
-                  <label>合同分类</label>
+                  <label>合同项目</label>
                   <select class="form-control form-control-sm">
                     <optgroup label="1 第一部分 建筑安装工程费">
                       <option>1.1 劳务</option>

hetong-list2.html

@@ -89,8 +89,8 @@
                     <tr><td><span class="mr-1" title="收起"><i class="fal fa-minus-square"></i></span>1</td><td>第一部分 建筑安装工程费</td><td></td><td></td><td></td><td></td><td></td></tr>
                     <tr><td class="pl-2">1.1</td><td>劳务</td><td></td><td></td><td></td><td></td><td></td></tr>
                     <tr><td class="pl-2">1.2</td><td>材料</td><td></td><td></td><td></td><td></td><td></td></tr>
-                    <tr><td class="pl-2">1.3</td><td>机械</td><td></td><td></td><td></td><td></td><td></td></tr>
-                    <tr><td class="pl-3">1.3.1</td><td>租赁费</td><td>广东省长大公路工程有限公司第三分公司设备租赁合同</td><td>CD03-SB-2015-210</td><td class="text-right">90,000.00</td><td class="text-right">30,000.00</td><td><i class="fas fa-circle text-warning"></i> 履行中</td></tr>
+                    <tr><td class="pl-2">1.3</td><td>机械</td><td></td><td></td><td class="text-right">90000.00</td><td class="text-right">30000.00</td><td></td></tr>
+                    <tr><td class="pl-3">1.3.1</td><td>租赁费</td><td>广东省长大公路工程有限公司第三分公司设备租赁合同</td><td>CD03-SB-2015-210</td><td class="text-right">90000.00</td><td class="text-right">30000.00</td><td><i class="fas fa-circle text-warning"></i> 履行中</td></tr>
                     <tr><td class="pl-2">1.4</td><td>临时工程</td><td></td><td></td><td></td><td></td><td></td></tr>
                     <tr><td class="pl-2">1.5</td><td>施工测量、检测及试验</td><td></td><td></td><td></td><td></td><td></td></tr>
                     <tr><td class="pl-2">1.6</td><td>其他直接费</td><td></td><td></td><td></td><td></td><td></td></tr>
@@ -188,7 +188,7 @@
             <div class="modal-body">
               <div class="modal-height-500" style="overflow: auto">
               <div class="form-group">
-                <label>合同分类</label>
+                <label>合同项目</label>
                 <select class="form-control form-control-sm">
                   <optgroup label="1 第一部分 建筑安装工程费">
                     <option>1.1 劳务</option>
@@ -417,7 +417,7 @@
               </div>
               <div class="modal-body">
                 <div class="form-group">
-                  <label>合同分类</label>
+                  <label>合同项目</label>
                   <select class="form-control form-control-sm">
                     <optgroup label="1 第一部分 建筑安装工程费">
                       <option>1.1 劳务</option>

hetong-panel.html

@@ -68,7 +68,7 @@
 			<div class="panel-content">
 				<div class="panel-title">
 					<div class="title-main d-flex">
-            <h2>标段概况</h2>
+            <h2>合同概况</h2>
             <div class="ml-auto">
               
             </div>

settings-data.html

@@ -95,7 +95,7 @@
                         <a class="dropdown-item text-muted" href="#" data-toggle="tooltip" data-placement="left" title="请先移除所有数据"><i class="fas fa-times"></i> 删除</a>
                         <div class="dropdown-divider"></div>
                         <a class="dropdown-item text-primary" href="#add-bd" data-toggle="modal" data-target="#add-bd"><i class="fas fa-plus"></i> 新建标段</a>
-                        <a class="dropdown-item text-muted" href="#" data-toggle="tooltip" data-placement="left" title="文件夹无法与标段同层"><i class="fas fa-folder"></i> 新建文件夹</a>
+                        <a class="dropdown-item text-muted" href="#" data-toggle="tooltip" data-placement="left" title="文件夹无法与标段同层"><i class="fas fa-folder"></i> 新建子文件夹</a>
                       </div>
                     </div>
                   </td>
@@ -130,7 +130,7 @@
                         <a class="dropdown-item text-muted" href="#" data-toggle="tooltip" data-placement="left" title="请先移除所有数据"><i class="fas fa-times"></i> 删除</a>
                         <div class="dropdown-divider"></div>
                         <a class="dropdown-item text-muted" href="#" data-toggle="tooltip" data-placement="left" title="标段无法与文件夹同层"><i class="fas fa-plus"></i> 新建标段</a>
-                        <a class="dropdown-item text-primary" href="#add-folder" data-toggle="modal" data-target="#add-folder"><i class="fas fa-folder"></i> 新建文件夹</a>
+                        <a class="dropdown-item text-primary" href="#add-folder" data-toggle="modal" data-target="#add-folder"><i class="fas fa-folder"></i> 新建子文件夹</a>
                       </div>
                     </div>
                   </td>
@@ -149,6 +149,7 @@
                         <a class="dropdown-item text-muted" href="#" data-toggle="tooltip" data-placement="bottom" title="请先移除所有数据"><i class="fas fa-times"></i> 删除</a>
                         <div class="dropdown-divider"></div>
                         <a class="dropdown-item text-primary" href="#add-bd" data-toggle="modal" data-target="#add-bd"><i class="fas fa-plus"></i> 新建标段</a>
+                        <a class="dropdown-item text-muted" href="#" data-toggle="tooltip" data-placement="left" title="文件夹无法与标段同层"><i class="fas fa-folder"></i> 新建子文件夹</a>
                       </div>
                     </div>
                   </td>
@@ -199,6 +200,7 @@
                         <a class="dropdown-item text-muted" href="#" data-toggle="tooltip" data-placement="left" title="请先移除所有数据"><i class="fas fa-times"></i> 删除</a>
                         <div class="dropdown-divider"></div>
                         <a class="dropdown-item text-primary" href="#add-bd" data-toggle="modal" data-target="#add-bd"><i class="fas fa-plus"></i> 新建标段</a>
+                        <a class="dropdown-item text-muted" href="#" data-toggle="tooltip" data-placement="left" title="文件夹无法与标段同层"><i class="fas fa-folder"></i> 新建子文件夹</a>
                       </div>
                     </div>
                   </td>

settings-user.html

@@ -17,7 +17,9 @@
       <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="fas fa-chalkboard"></i><span>待办</span></a></li>
-          <li class=""><a href="biaoduan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目"><i class="fas fa-list-ul"></i><span>项目</span></a></li>
+          <li class=""><a href="hetong.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="合同管理"><i class="fas fa-book-open"></i><span>合同管理</span></a></li>
+          <li class=""><a href="anquan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="安全巡检"><i class="fas fa-users-cog"></i><span>安全巡检</span></a></li>
+          <li class=""><a href="zhiliang.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="质量巡检"><i class="fas fa-toolbox"></i><span>质量巡检</span></a></li>
         </ul>
       </div>
       <div class="nav-bottom mt-auto">

zhiliang-detail1.html

@@ -0,0 +1,336 @@
+<!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/all.min.css">
+    <script src=js/echarts/echarts.min.js></script>
+    <link rel="stylesheet" href="css/spreadjs/sheets/gc.spread.sheets.excelsmartcost.css">
+    <!--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><a href="dashboard.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="代办事项"><i class="fas fa-chalkboard"></i><span>待办</span></a></li>
+          <li class=""><a href="hetong.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="合同管理"><i class="fas fa-book-open"></i><span>合同管理</span></a></li>
+          <li class=""><a href="anquan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="安全巡检"><i class="fas fa-users-cog"></i><span>安全巡检</span></a></li>
+          <li class="active"><a href="zhiliang.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="质量巡检"><i class="fas fa-toolbox"></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="dropup my-1 ml-1">
+          <a href="" class="btn btn-sm btn-light" 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 class=""><a href="zhiliang-panel.html"><i class="fas fa-chart-pie"></i> <span>巡检概况</span></a></li>
+            </ul>
+          </div>
+          <div class="nav-box">
+            <ul class="nav-list list-unstyled">
+              <li class="active"><a href="zhiliang-list.html"><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>
+                <a href="#sp-done" data-toggle="modal" data-target="#sp-done" class="btn btn-success btn-sm">提交审批</a>
+              </div>
+            </div>
+				</div>
+				<div class="content-wrap">
+					<div class="c-body">
+            <div class="sjs-height-0">
+              <div class="col-xl-8 mx-auto">
+                <h4 class="mt-3 text-center mb-3">WC-202008-0001</h4>
+                <!--巡检单信息-->
+                <table class="table table-bordered">
+                  <thead>
+                    <tr>
+                      <th colspan="2" class="text-center">质量巡检单</th>
+                    </tr>
+                  </thead>
+                  <tbody>
+                    <tr><th width="150">检查部位</th><td><textarea class="form-control form-control-sm">施工质量事故</textarea></td></tr>
+                    <tr><th width="150">现场检查情况</th><td><textarea class="form-control form-control-sm">  水泥砼灌注的时候，出现离析现象</textarea></td></tr>
+                    <tr><th width="150">处理要求及措施</th><td><textarea class="form-control form-control-sm">立即整改</textarea></td></tr>
+                    <tr><th width="150">检查日期</th><td><input class="form-control form-control-sm col-3" type="date"></td></tr>
+                    <tr><th width="150">质检员</th><td>布尔</td></tr>
+                  </tbody>
+                </table>
+                <table class="table table-bordered mt-3">
+                  <thead>
+                    <tr>
+                      <th></th><th class="text-center">附件</th><th class="text-center">上传者</th><th class="text-center" width="200">上传时间</th><th class="text-center">下载</th>
+                    </tr>
+                  </thead>
+                  <tbody>
+                    <tr><td colspan="4"><a href="#addfujian" data-toggle="modal" class="btn btn-sm btn-light text-primary" data-placement="bottom" title="" data-original-title="添加清单"><i class="fa fa-cloud-upload" aria-hidden="true"></i> 上传附件</a></td></tr>
+                    <tr><td width="70">1</td><td><a href="">安全检查附件.pdf</a></td><td class="text-center">布尔</td><td class="text-center">2020-08-01 13:21:33</td><td width="90" class="text-center"><a href="#" target="_blank" class="text-danger" title="移除"><i class="fas fa-times-circle "></i></a></td></tr>
+                    <tr><td width="70">2</td><td><a href="">安全整改现场拍照.pdf</a></td><td class="text-center">布尔</td><td class="text-center">2020-08-01 13:21:33</td><td width="90" class="text-center"><a href="#" target="_blank" class="text-danger" title="移除"><i class="fas fa-times-circle "></i></a></td></tr>
+                  </tbody>
+                </table>
+                <!--审批流程-->
+                <table class="table table-bordered mt-3">
+                  <thead>
+                    <tr>
+                      <th colspan="2" class="text-center">审批流程</th>
+                    </tr>
+                  </thead>
+                  <tbody>
+                    <tr>
+                      <td width="30%">
+                        <table class="table table-bordered">
+                              <tr><td class="text-center">质检员</td><td><i class="fas fa fa-stop-circle"></i> 布尔 <small class="text-muted">职称</small></td></tr>
+                              <tr><td rowspan="2" class="text-center">审批</td><td><i class="fas fa fa-play-circle fa-rotate-90"></i> 张三  <small class="text-muted">职称</small></td></tr>
+                              <tr><td><i class="fas fa-chevron-circle-down"></i> 李四  <small class="text-muted">职称</small></td></tr>
+                              <tr><td class="text-center">整改</td><td><i class="fas fa-chevron-circle-down"></i> 由 李四 指派</td></tr>
+                              <tr><td class="text-center">复查</td><td><i class="fas fa fa-stop-circle"></i> 李四 <small class="text-muted">职称</small></td></tr>
+                            </table>
+                      </td>
+                      <td width="70%">
+                        <!--审批流程-->
+                        <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-1 mb-3">
+                          <div class="card-header">
+                            审批流程
+                          </div>
+                          <ul class="list-group list-group-flush">
+                            <li class="list-group-item d-flex">
+                              <div>
+                                <p class="m-0 ">1 张三  <small class="text-muted">监理</small></p>
+                                <p class="m-0 ml-2 d-inline"><small class="text-muted">XXX单位</small></p>
+                              </div>
+                              <a href="" class="text-danger ml-auto">移除</a>
+                            </li>
+                            <li class="list-group-item d-flex">
+                              <div>
+                                <p class="m-0 ">2 李四  <small class="text-muted">监理</small></p>
+                                <p class="m-0 ml-2 d-inline"><small class="text-muted">XXX单位</small></p>
+                              </div>
+                              <a href="" class="text-danger ml-auto">移除</a>
+                            </li>
+                          </ul>
+                        </div>
+                        <!--整改流程-->
+                        <div class="card mt-1 mb-3">
+                          <div class="card-header">
+                            整改流程
+                          </div>
+                          <ul class="list-group list-group-flush">
+                            <li class="list-group-item d-flex">
+                              <div>
+                                整改人由最后一位审批人指派
+                              </div>
+                            </li>
+                          </ul>
+                        </div>
+                        <!--复查流程-->
+                        <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-1">
+                          <div class="card-header">
+                            复查流程
+                          </div>
+                          <ul class="list-group list-group-flush">
+                            <li class="list-group-item d-flex">
+                              <div>
+                                <p class="m-0 ">1 李四  <small class="text-muted">监理</small></p>
+                                <p class="m-0 ml-2 d-inline"><small class="text-muted">XXX单位</small></p>
+                              </div>
+                              <a href="" class="text-danger ml-auto">移除</a>
+                            </li>
+                          </ul>
+                        </div>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+            </div>
+          </div>
+				</div>
+			</div>
+		</div>
+	</div>
+  <!--添加附件-->
+  <div class="modal fade" id="addfujian">
+    <div class="modal-dialog" role="document">
+      <div class="modal-content">
+        <div class="modal-header">
+          <h5 class="modal-title" id="myModalLabel">上传附件</h5>
+          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+            <span aria-hidden="true">&times;</span>
+          </button>
+        </div>
+        <div class="modal-body">
+          <p>大小限制：30MB，支持office等文档格式、图片格式、压缩包格式</p>
+          <p><a href="" class="btn btn-sm btn-primary">选择文件</a></p>
+        </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="sp-done" 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>
+              <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-success">确认提交</button>
+              </div>
+          </div>
+      </div>
+  </div>
+  <!--审批关闭-->
+  <div class="modal fade" id="sp-close" data-backdrop="static">
+      <div class="modal-dialog" role="document">
+          <div class="modal-content">
+              <div class="modal-header">
+                  <h5 class="modal-title">审批关闭</h5>
+              </div>
+              <div class="modal-body">
+                <div class="form-group">
+                  <label>审批意见</label>
+                  <textarea class="form-control" rows="5"></textarea>
+                  <div class="alert alert-warning mt-2">审批关闭，将直接停止该巡检流程。</div>
+                </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-danger">确认关闭</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 src="js/spreadjs/sheets/gc.spread.sheets.all.10.0.1.min.js"></script>
+        <!-- zTree -->
+    <script type="text/javascript" src="js/ztree/jquery.ztree.core.js"></script>
+    <script type="text/javascript" src="js/ztree/jquery.ztree.excheck.js"></script>
+    <script type="text/javascript">  autoFlashHeight();</script>
+
+</body>
+
+</html>

zhiliang-detail2.html

@@ -0,0 +1,595 @@
+<!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/all.min.css">
+    <script src=js/echarts/echarts.min.js></script>
+    <link rel="stylesheet" href="css/spreadjs/sheets/gc.spread.sheets.excelsmartcost.css">
+    <!--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><a href="dashboard.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="代办事项"><i class="fas fa-chalkboard"></i><span>待办</span></a></li>
+          <li class=""><a href="hetong.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="合同管理"><i class="fas fa-book-open"></i><span>合同管理</span></a></li>
+          <li class=""><a href="anquan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="安全巡检"><i class="fas fa-users-cog"></i><span>安全巡检</span></a></li>
+          <li class="active"><a href="zhiliang.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="质量巡检"><i class="fas fa-toolbox"></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="dropup my-1 ml-1">
+          <a href="" class="btn btn-sm btn-light" 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 class=""><a href="zhiliang-panel.html"><i class="fas fa-chart-pie"></i> <span>巡检概况</span></a></li>
+            </ul>
+          </div>
+          <div class="nav-box">
+            <ul class="nav-list list-unstyled">
+              <li class="active"><a href="zhiliang-list.html"><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>
+                <a href="#sp-close" data-toggle="modal" data-target="#sp-close" class="btn btn-danger btn-sm">关闭</a> 
+                <a href="#sp-done" data-toggle="modal" data-target="#sp-done" class="btn btn-success btn-sm">审批通过</a>
+              </div>
+            </div>
+				</div>
+				<div class="content-wrap">
+					<div class="c-body">
+            <div class="sjs-height-0">
+              <div class="col-xl-8 mx-auto">
+                <h4 class="mt-3 text-center mb-3">WC-202008-0001</h4>
+                <!--巡检单信息-->
+                <table class="table table-bordered">
+                  <thead>
+                    <tr>
+                      <th colspan="2" class="text-center">安全巡检单</th>
+                    </tr>
+                  </thead>
+                  <tbody>
+                    <tr><th width="150">检查部位</th><td></td></tr>
+                    <tr><th width="150">现场检查情况</th><td>临时用电存在安全隐患</td></tr>
+                    <tr><th width="150">处理要求及措施</th><td>立即整改</td></tr>
+                    <tr><th width="150">检查日期</th><td>2021-10-25</td></tr>
+                    <tr><th width="150">质检员</th><td>布尔</td></tr>
+                  </tbody>
+                </table>
+                <table class="table table-bordered mt-3">
+                  <thead>
+                    <tr>
+                      <th></th><th class="text-center">附件</th><th class="text-center">上传者</th><th class="text-center" width="200">上传时间</th><th class="text-center">下载</th>
+                    </tr>
+                  </thead>
+                  <tbody>
+                    <tr><td colspan="4"><a href="#addfujian" data-toggle="modal" class="btn btn-sm btn-light text-primary" data-placement="bottom" title="" data-original-title="添加清单"><i class="fa fa-cloud-upload" aria-hidden="true"></i> 上传附件</a></td></tr>
+                    <tr><td width="70">1</td><td><a href="">安全检查附件.pdf</a></td><td class="text-center">布尔</td><td class="text-center">2020-08-01 13:21:33</td><td width="90" class="text-center"><a href="#" target="_blank" title="下载"><i class="fas fa-download "></i></a></td></tr>
+                    <tr><td width="70">2</td><td><a href="">安全整改现场拍照.pdf</a></td><td class="text-center">布尔</td><td class="text-center">2020-08-01 13:21:33</td><td width="90" class="text-center"><a href="#" target="_blank" title="下载"><i class="fas fa-download "></i></a></td></tr>
+                    <tr><td width="70">2</td><td><a href="">安全检查附件2.pdf</a></td><td class="text-center">张三</td><td class="text-center">2020-08-01 13:21:33</td><td width="90" class="text-center"><a href="#" target="_blank" class="text-danger" title="移除"><i class="fas fa-times-circle "></i></a></td></tr>
+                  </tbody>
+                </table>
+                <!--审批流程-->
+                <table class="table table-bordered mt-3">
+                  <thead>
+                    <tr>
+                      <th colspan="2" class="text-center">审批流程</th>
+                    </tr>
+                  </thead>
+                  <tbody>
+                    <tr>
+                      <td>
+                        <div class="row">
+                          <div class="col-3">
+                            <table class="table table-bordered">
+                              <tr><td class="text-center">质检员</td><td><i class="fas fa fa-stop-circle"></i> 布尔 <small class="text-muted">职称</small></td></tr>
+                              <tr><td rowspan="2" class="text-center">审批</td><td><i class="fas fa fa-play-circle fa-rotate-90"></i> 张三  <small class="text-muted">职称</small></td></tr>
+                              <tr><td><i class="fas fa-chevron-circle-down"></i> 李四  <small class="text-muted">职称</small></td></tr>
+                              <tr><td class="text-center">整改</td><td><i class="fas fa-chevron-circle-down"></i> 由 李四 指派</td></tr>
+                              <tr><td class="text-center">复查</td><td><i class="fas fa fa-stop-circle"></i> 李四 <small class="text-muted">职称</small></td></tr>
+                            </table>
+                          </div>
+                          <div class="col-9">
+                            <!--审批流程审批中-->
+                            <ul class="timeline-list list-unstyled mt-2">
+                              <li class="timeline-list-item pb-2">
+                                  <div class="timeline-item-date">2020<span>06-01</span><span>13:22:01</span></div>
+                                  <div class="timeline-item-tail"></div>
+                                  <div class="timeline-item-icon bg-success text-light">
+                                    <i class="fas fa-caret-down"></i>
+                                  </div>
+                                  <div class="timeline-item-content">
+                                    <div class="card">
+                                      <div class="card-body p-3">
+                                        <div class="card-text">
+                                          <p class="mb-1 d-flex"><span class="h5">布尔</span><span class="ml-auto text-success">上报审批</span></p>
+                                          <p class="text-muted mb-0">职称</p>
+                                        </div>
+                                      </div>
+                                    </div>
+                                  </div>
+                              </li>
+                              <li class="timeline-list-item pb-2">
+                                  <div class="timeline-item-date">2020<span>06-01</span><span>13:20:01</span></div>
+                                  <div class="timeline-item-tail"></div>
+                                  <div class="timeline-item-icon bg-success text-light">
+                                    <i class="far fa-check"></i>
+                                  </div>
+                                  <div class="timeline-item-content">
+                                    <div class="card">
+                                      <div class="card-body p-3">
+                                        <div class="card-text">
+                                          <p class="mb-1 d-flex"><span class="h5">张三</span><span class="ml-auto text-success">审批完成</span></p>
+                                          <p class="text-muted mb-0">职称</p>
+                                        </div>
+                                      </div>
+                                      <!--审批意见-->
+                                      <div class="card-body p-3 border-top">
+                                        <div class="">
+                                          这是审批意见文本，内容不算很长。
+                                        </div>
+                                      </div>
+                                    </div>
+                                  </div>
+                              </li>
+                              <li class="timeline-list-item pb-2">
+                                  <div class="timeline-item-date"></div>
+                                  <div class="timeline-item-tail"></div>
+                                  <div class="timeline-item-icon bg-warning text-light">
+                                    <i class="far fa-ellipsis-h"></i>
+                                  </div>
+                                  <div class="timeline-item-content">
+                                    <div id="" class="card">
+                                      <div class="card-body p-3">
+                                        <div class="card-text">
+                                          <p class="mb-1 d-flex"><span class="h5">李四</span><span class="ml-auto text-warning">审批中</span></p>
+                                          <p class="text-muted mb-0">职称</p>
+                                        </div>
+                                      </div>
+                                      <!--审批意见-->
+                                      <!-- <div class="card-body p-3 border-top">
+                                        <div class="">
+                                          这是审批意见文本，内容不算很长。
+                                        </div>
+                                      </div> -->
+                                    </div>
+                                  </div>
+                              </li>
+                              <li class="timeline-list-item pb-2">
+                                  <div class="timeline-item-date"></div>
+                                  <div class="timeline-item-tail"></div>
+                                  <div class="timeline-item-icon bg-secondary text-light">
+                                  </div>
+                                  <div class="timeline-item-content">
+                                    <div id="" class="card">
+                                      <div class="card-body p-3">
+                                        <div class="card-text">
+                                          <p class="mb-1 d-flex"><span class="h5">待指派</span><span class="ml-auto text-warning"> </span></p>
+                                          <p class="text-muted mb-0"></p>
+                                        </div>
+                                      </div>
+                                      <!--审批意见-->
+                                      <!-- <div class="card-body p-3 border-top">
+                                        <div class="">
+                                          这是审批意见文本，内容不算很长。
+                                        </div>
+                                      </div> -->
+                                    </div>
+                                  </div>
+                              </li>
+                              <li class="timeline-list-item pb-2">
+                                  <!-- <div class="timeline-item-tail"></div> -->
+                                  <div class="timeline-item-icon bg-secondary text-light">
+                                  </div>
+                                  <div class="timeline-item-content">
+                                    <div id="" class="card">
+                                      <div class="card-body p-3">
+                                        <div class="card-text">
+                                          <p class="mb-1 d-flex"><span class="h5">李四</span><span class="ml-auto text-warning"></span></p>
+                                          <p class="text-muted mb-0">职称</p>
+                                        </div>
+                                      </div>
+                                    </div>
+                                  </div>
+                              </li>
+                            </ul>
+                            <!--审批流程复查中-->
+                            <ul class="timeline-list list-unstyled mt-2">
+                              <li class="timeline-list-item pb-2">
+                                  <div class="timeline-item-date">2020<span>06-01</span><span>13:22:01</span></div>
+                                  <div class="timeline-item-tail"></div>
+                                  <div class="timeline-item-icon bg-success text-light">
+                                    <i class="fas fa-caret-down"></i>
+                                  </div>
+                                  <div class="timeline-item-content">
+                                    <div class="card">
+                                      <div class="card-body p-3">
+                                        <div class="card-text">
+                                          <p class="mb-1 d-flex"><span class="h5">布尔</span><span class="ml-auto text-success">上报审批</span></p>
+                                          <p class="text-muted mb-0">职称</p>
+                                        </div>
+                                      </div>
+                                    </div>
+                                  </div>
+                              </li>
+                              <li class="timeline-list-item pb-2">
+                                  <div class="timeline-item-date">2020<span>06-01</span><span>13:20:01</span></div>
+                                  <div class="timeline-item-tail"></div>
+                                  <div class="timeline-item-icon bg-success text-light">
+                                    <i class="far fa-check"></i>
+                                  </div>
+                                  <div class="timeline-item-content">
+                                    <div class="card">
+                                      <div class="card-body p-3">
+                                        <div class="card-text">
+                                          <p class="mb-1 d-flex"><span class="h5">张三</span><span class="ml-auto text-success">审批通过</span></p>
+                                          <p class="text-muted mb-0">职称</p>
+                                        </div>
+                                      </div>
+                                      <!--审批意见-->
+                                      <div class="card-body p-3 border-top">
+                                        <div class="">
+                                          这是审批意见文本，内容不算很长。
+                                        </div>
+                                      </div>
+                                    </div>
+                                  </div>
+                              </li>
+                              <li class="timeline-list-item pb-2">
+                                  <div class="timeline-item-date">2020<span>06-01</span><span>13:20:01</span></div>
+                                  <div class="timeline-item-tail"></div>
+                                  <div class="timeline-item-icon bg-success text-light">
+                                    <i class="far fa-check"></i>
+                                  </div>
+                                  <div class="timeline-item-content">
+                                    <div id="" class="card">
+                                      <div class="card-body p-3">
+                                        <div class="card-text">
+                                          <p class="mb-1 d-flex"><span class="h5">李四</span><span class="ml-auto text-success">审批通过</span></p>
+                                          <p class="text-muted mb-0">职称</p>
+                                        </div>
+                                      </div>
+                                      <!--审批意见-->
+                                      <div class="card-body p-3 border-top">
+                                        <div class="">
+                                          这是审批意见文本，内容不算很长。
+                                        </div>
+                                      </div>
+                                    </div>
+                                  </div>
+                              </li>
+                              <li class="timeline-list-item pb-2">
+                                  <div class="timeline-item-date">2020<span>06-01</span><span>13:20:01</span></div>
+                                  <div class="timeline-item-tail"></div>
+                                  <div class="timeline-item-icon bg-success text-light">
+                                    <i class="far fa-check"></i>
+                                  </div>
+                                  <div class="timeline-item-content">
+                                    <div id="" class="card">
+                                      <div class="card-body p-3">
+                                        <div class="card-text">
+                                          <p class="mb-1 d-flex"><span class="h5">王五</span><span class="ml-auto text-success">整改完成</span></p>
+                                          <p class="text-muted mb-0">职称</p>
+                                        </div>
+                                      </div>
+                                      <!--审批意见-->
+                                      <div class="card-body p-3 border-top">
+                                        <div class="">
+                                          这是审批意见文本，内容不算很长。
+                                        </div>
+                                      </div>
+                                    </div>
+                                  </div>
+                              </li>
+                              <li class="timeline-list-item pb-2">
+                                  <div class="timeline-item-date"><!-- 2020<span>06-01</span><span>13:20:01</span> --></div>
+                                  <!-- <div class="timeline-item-tail"></div> -->
+                                  <div class="timeline-item-icon bg-warning text-light">
+                                    <i class="far fa-ellipsis-h"></i>
+                                  </div>
+                                  <div class="timeline-item-content">
+                                    <div id="" class="card">
+                                      <div class="card-body p-3">
+                                        <div class="card-text">
+                                          <p class="mb-1 d-flex"><span class="h5">李四</span><span class="ml-auto text-warning">复查中</span></p>
+                                          <p class="text-muted mb-0">职称</p>
+                                        </div>
+                                      </div>
+                                    </div>
+                                  </div>
+                              </li>
+                            </ul>
+                          </div>
+                        </div>
+                      </td>
+                  </tbody>
+                </table>
+              </div>
+            </div>
+          </div>
+				</div>
+			</div>
+		</div>
+	</div>
+  <!--设置-->
+  <div class="modal fade" id="ht-setting" 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">
+          <ul class="nav nav-tabs mb-3" role="tablist">
+            <li class="nav-item">
+              <a class="nav-link active" data-toggle="tab" href="#bianhao" role="tab" aria-controls="home" aria-selected="true">安全编号规则</a>
+            </li>
+          </ul>
+          <div class="tab-content">
+            <div class="tab-pane active" id="bianhao">
+              <h5>当前规则：WWUJ-1-201803-001</h5>
+              <h5>
+                <span class="badge badge-light" title="标段名">WWUJ-1 <a href="#" class="text-danger" title="移除"><i class="fas fa-times"></i></a></span>
+                <span class="badge badge-light" title="连接符">-<a href="#" class="text-danger" title="移除"><i class="fas fa-times"></i></a></span>
+                <span class="badge badge-light" title="当前年月">201803 <a href="#" class="text-danger" title="移除"><i class="fas fa-times"></i></a></span>
+                <span class="badge badge-light" title="连接符">-<a href="#" class="text-danger" title="移除"><i class="fas fa-times"></i></a></span>
+                <span class="badge badge-light" title="自动编号">0000 <a href="#" class="text-danger" title="移除"><i class="fas fa-times"></i></a></span>
+              </h5>
+              <h5 class="my-3">添加新规则组件</h5>
+              <div class="form-group">
+                <select class="form-control form-control-sm">
+                  <option>请选择组件</option>
+                  <option>连接符</option>
+                  <option>标段名</option>
+                  <option>文本</option>
+                  <option>当前年月</option>
+                  <option>自增编号</option>
+                </select>
+              </div>
+              <!-- <div class="form-group">
+                <select class="form-control form-control-sm">
+                  <option>请选择</option>
+                  <option>-</option>
+                  <option>_</option>
+                  <option>无</option>
+                </select>
+              </div> -->
+              <div class="form-group">
+                <label>自动编号位数</label>
+                <input min="3" class="form-control form-control-sm" step="1" max="6" value="3" type="number">
+              </div>
+              <div class="form-group">
+                <label>起始编号</label>
+                <input class="form-control form-control-sm" value="001" type="text">
+              </div>
+              <button class="btn btn-sm btn-outline-primary">添加组件</button>
+            </div>
+          </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="add-ht" 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>安全编号<b class="text-danger">*</b></label>
+                  <div class="input-group input-group-sm">
+                    <input type="text" class="form-control" value="CD03-CL-2015-121" placeholder="请输入合同编号">
+                    <div class="input-group-append">
+                      <button class="btn btn-outline-secondary" type="button" >自动编号</button>
+                    </div>
+                  </div>
+                </div>
+                <div class="form-group">
+                  <label>检查项<b class="text-danger">*</b></label>
+                  <input class="form-control form-control-sm"  placeholder="请填写巡检项" type="text">
+                </div>
+                <div class="form-group">
+                  <label>日期<b class="text-danger">*</b></label>
+                  <input class="form-control form-control-sm"  placeholder="选择巡检日期" type="date">
+                </div>
+                <div class="alert alert-warning p-2">添加后再补充完善其余信息</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="file" 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="modal-height-500">
+                  <table class="table table-sm table-bordered">
+                    <thead>
+                      <tr><th>文件名</th><th>上传人</th><th>上传时间</th><th>操作</th></tr>
+                    </thead>
+                    <tr><td><a href="#">安全检查附件.pdf</a></td><td>张三</td><td>2018-01-01</td><td><a href="#" target="_blank" title="下载"><i class="fa fa-download "></i></a></td></tr>
+                    <tr><td><a href="#">安全整改现场拍照.pdf</a></td><td>李四</td><td>2018-01-01</td><td><a href="#" target="_blank" title="下载"><i class="fa fa-download "></i></a></td></tr>
+                  </table>
+                </div>
+              </div>
+              <div class="modal-footer">
+                <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
+                <button type="button" class="btn btn-primary" >确定</button>
+              </div>
+          </div>
+      </div>
+  </div>
+  <!--添加附件-->
+  <div class="modal fade" id="addfujian">
+    <div class="modal-dialog" role="document">
+      <div class="modal-content">
+        <div class="modal-header">
+          <h5 class="modal-title" id="myModalLabel">上传附件</h5>
+          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+            <span aria-hidden="true">&times;</span>
+          </button>
+        </div>
+        <div class="modal-body">
+          <p>大小限制：30MB，支持office等文档格式、图片格式、压缩包格式</p>
+          <p><a href="" class="btn btn-sm btn-primary">选择文件</a></p>
+        </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="sp-done" data-backdrop="static">
+      <div class="modal-dialog" role="document">
+          <div class="modal-content">
+              <div class="modal-header">
+                  <h5 class="modal-title">审批通过</h5>
+              </div>
+              <div class="modal-body">
+                <div class="form-group">
+                  <label>审批意见</label>
+                  <textarea class="form-control form-control-sm" rows="5"></textarea>
+                </div>
+                <!--最后一个审批人指派整改-->
+                <div class="form-group">
+                  <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="form-group">
+                  <div class="card">
+                    <div class="card-body p-2">
+                      <div class="d-flex justify-content-between">
+                        <span>已指派整改人：王五 <small>职称</small> XXXX单位</span>
+                      </div>
+                    </div>
+                  </div>
+                </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-success">确认通过</button>
+              </div>
+          </div>
+      </div>
+  </div>
+  <!--审批关闭-->
+  <div class="modal fade" id="sp-close" data-backdrop="static">
+      <div class="modal-dialog" role="document">
+          <div class="modal-content">
+              <div class="modal-header">
+                  <h5 class="modal-title">审批关闭</h5>
+              </div>
+              <div class="modal-body">
+                <div class="form-group">
+                  <label>审批意见</label>
+                  <textarea class="form-control" rows="5"></textarea>
+                  <div class="alert alert-warning mt-2">审批关闭，将直接停止该巡检流程。</div>
+                </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-danger">确认关闭</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 src="js/spreadjs/sheets/gc.spread.sheets.all.10.0.1.min.js"></script>
+        <!-- zTree -->
+    <script type="text/javascript" src="js/ztree/jquery.ztree.core.js"></script>
+    <script type="text/javascript" src="js/ztree/jquery.ztree.excheck.js"></script>
+    <script type="text/javascript">  autoFlashHeight();</script>
+
+</body>
+
+</html>

anquan-detail.html

@@ -5,7 +5,7 @@
     <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>
+    <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/all.min.css">
@@ -22,7 +22,9 @@
 			<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="fas fa-chalkboard"></i><span>待办</span></a></li>
-          <li class="active"><a href="biaoduan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目"><i class="fas fa-list-ul"></i><span>项目</span></a></li>
+          <li class=""><a href="hetong.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="合同管理"><i class="fas fa-book-open"></i><span>合同管理</span></a></li>
+          <li class=""><a href="anquan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="安全巡检"><i class="fas fa-users-cog"></i><span>安全巡检</span></a></li>
+          <li class="active"><a href="zhiliang.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="质量巡检"><i class="fas fa-toolbox"></i><span>质量巡检</span></a></li>
         </ul>
 			</div>
       <div class="nav-bottom mt-auto">
@@ -49,22 +51,12 @@
         <div class="scrollbar-auto">
           <div class="nav-box">
             <ul class="nav-list list-unstyled">
-              <li><a href="biaoduan-panel.html"><i class="fas fa-chart-pie"></i> <span>标段概况</span></a></li>
+              <li class=""><a href="anquan-panel.html"><i class="fas fa-chart-pie"></i> <span>巡检概况</span></a></li>
             </ul>
           </div>
           <div class="nav-box">
             <ul class="nav-list list-unstyled">
-              <li><a href="hetong.html"><i class="fas fa-book-open"></i> <span>合同管理</span></a></li>
-            </ul>
-          </div>
-          <div class="nav-box">
-            <ul class="nav-list list-unstyled">
-              <li class="active"><a href="anquan.html"><i class="fas fa-users-cog"></i> <span>安全巡检</span></a></li>
-            </ul>
-          </div>
-          <div class="nav-box">
-            <ul class="nav-list list-unstyled">
-              <li><a href="zhiliang.html"><i class="fas fa-toolbox"></i> <span>质量巡检</span></a></li>
+              <li class="active"><a href="zhiliang-list.html"><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>
@@ -74,10 +66,10 @@
 				<div class="panel-title">
 					<div class="title-main d-flex justify-content-between">
               <div>
-                安全巡检
+                质量巡检
               </div>
               <div>
-                  
+                <a href="#sp-done" data-toggle="modal" data-target="#sp-done" class="btn btn-success btn-sm">整改完成</a>
               </div>
             </div>
 				</div>
@@ -90,15 +82,27 @@
                 <table class="table table-bordered">
                   <thead>
                     <tr>
-                      <th colspan="2" class="text-center">安全巡检单</th>
+                      <th colspan="2" class="text-center">质量巡检单</th>
                     </tr>
                   </thead>
                   <tbody>
-                    <tr><th width="150">检查项</th><td></td></tr>
+                    <tr><th width="150">检查部位</th><td></td></tr>
                     <tr><th width="150">现场检查情况</th><td>临时用电存在安全隐患</td></tr>
                     <tr><th width="150">处理要求及措施</th><td>立即整改</td></tr>
                     <tr><th width="150">检查日期</th><td>2021-10-25</td></tr>
-                    <tr><th width="150">检查人</th><td>布尔</td></tr>
+                    <tr><th width="150">质检员</th><td>布尔</td></tr>
+                  </tbody>
+                </table>
+                <table class="table table-bordered">
+                  <thead>
+                    <tr>
+                      <th colspan="2" class="text-center">整改单</th>
+                    </tr>
+                  </thead>
+                  <tbody>
+                    <tr><th width="150">整改情况</th><td><textarea class="form-control form-control-sm">整改情况内容</textarea></td></tr>
+                    <tr><th width="150">整改日期</th><td><input class="form-control form-control-sm col-3" type="date"></td></tr>
+                    <tr><th width="150">整改人</th><td>王五</td></tr>
                   </tbody>
                 </table>
                 <table class="table table-bordered mt-3">
@@ -108,8 +112,10 @@
                     </tr>
                   </thead>
                   <tbody>
-                    <tr><td width="70">1</td><td><a href="">11212.jpg</a></td><td class="text-center">布尔</td><td class="text-center">2020-08-01 13:21:33</td><td width="90" class="text-center"><a href="#" target="_blank" title="下载"><i class="fas fa-download "></i></a></td></tr>
-                    <tr><td width="70">2</td><td><a href="">444555.jpg</a></td><td class="text-center">布尔</td><td class="text-center">2020-08-01 13:21:33</td><td width="90" class="text-center"><a href="#" target="_blank" title="下载"><i class="fas fa-download "></i></a></td></tr>
+                    <tr><td colspan="4"><a href="#addfujian" data-toggle="modal" class="btn btn-sm btn-light text-primary" data-placement="bottom" title="" data-original-title="添加清单"><i class="fa fa-cloud-upload" aria-hidden="true"></i> 上传附件</a></td></tr>
+                    <tr><td width="70">1</td><td><a href="">安全检查附件.pdf</a></td><td class="text-center">布尔</td><td class="text-center">2020-08-01 13:21:33</td><td width="90" class="text-center"><a href="#" target="_blank" title="下载"><i class="fas fa-download "></i></a></td></tr>
+                    <tr><td width="70">2</td><td><a href="">安全整改现场拍照.pdf</a></td><td class="text-center">布尔</td><td class="text-center">2020-08-01 13:21:33</td><td width="90" class="text-center"><a href="#" target="_blank" title="下载"><i class="fas fa-download "></i></a></td></tr>
+                    <tr><td width="70">2</td><td><a href="">安全检查附件2.pdf</a></td><td class="text-center">王五</td><td class="text-center">2020-08-01 13:21:33</td><td width="90" class="text-center"><a href="#" target="_blank" class="text-danger" title="移除"><i class="fas fa-times-circle "></i></a></td></tr>
                   </tbody>
                 </table>
                 <!--审批流程-->
@@ -125,9 +131,10 @@
                         <div class="row">
                           <div class="col-3">
                             <table class="table table-bordered">
-                              <tr><td rowspan="2" class="text-center">审批</td><td><i class="fas fa fa-play-circle fa-rotate-90"></i> 布尔  <small class="text-muted">职称</small></td></tr>
-                              <tr><td><i class="fas fa-chevron-circle-down"></i> 张三  <small class="text-muted">职称</small></td></tr>
-                              <tr><td class="text-center">整改</td><td><i class="fas fa-chevron-circle-down"></i> 王五 <small class="text-muted">职称</small></td></tr>
+                              <tr><td class="text-center">质检员</td><td><i class="fas fa fa-stop-circle"></i> 布尔 <small class="text-muted">职称</small></td></tr>
+                              <tr><td rowspan="2" class="text-center">审批</td><td><i class="fas fa fa-play-circle fa-rotate-90"></i> 张三  <small class="text-muted">职称</small></td></tr>
+                              <tr><td><i class="fas fa-chevron-circle-down"></i> 李四  <small class="text-muted">职称</small></td></tr>
+                              <tr><td class="text-center">整改</td><td><i class="fas fa-chevron-circle-down"></i> 由 李四 指派</td></tr>
                               <tr><td class="text-center">复查</td><td><i class="fas fa fa-stop-circle"></i> 李四 <small class="text-muted">职称</small></td></tr>
                             </table>
                           </div>
@@ -176,6 +183,29 @@
                               <li class="timeline-list-item pb-2">
                                   <div class="timeline-item-date">2020<span>06-01</span><span>13:20:01</span></div>
                                   <div class="timeline-item-tail"></div>
+                                  <div class="timeline-item-icon bg-success text-light">
+                                    <i class="far fa-check"></i>
+                                  </div>
+                                  <div class="timeline-item-content">
+                                    <div class="card">
+                                      <div class="card-body p-3">
+                                        <div class="card-text">
+                                          <p class="mb-1 d-flex"><span class="h5">李四</span><span class="ml-auto text-success">审批通过</span></p>
+                                          <p class="text-muted mb-0">职称</p>
+                                        </div>
+                                      </div>
+                                      <!--审批意见-->
+                                      <div class="card-body p-3 border-top">
+                                        <div class="">
+                                          这是审批意见文本，内容不算很长。
+                                        </div>
+                                      </div>
+                                    </div>
+                                  </div>
+                              </li>
+                              <li class="timeline-list-item pb-2">
+                                  <div class="timeline-item-date"></div>
+                                  <div class="timeline-item-tail"></div>
                                   <div class="timeline-item-icon bg-warning text-light">
                                     <i class="far fa-ellipsis-h"></i>
                                   </div>
@@ -319,31 +349,93 @@
           </div>
       </div>
   </div>
-      <!--附件-->
-    <div class="modal fade" id="file" 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="modal-height-500">
-                    <table class="table table-sm table-bordered">
-                      <thead>
-                        <tr><th>文件名</th><th>上传人</th><th>上传时间</th><th>操作</th></tr>
-                      </thead>
-                      <tr><td><a href="#">安全检查附件.pdf</a></td><td>张三</td><td>2018-01-01</td><td><a href="#" target="_blank" title="下载"><i class="fa fa-download "></i></a></td></tr>
-                      <tr><td><a href="#">安全整改现场拍照.pdf</a></td><td>李四</td><td>2018-01-01</td><td><a href="#" target="_blank" title="下载"><i class="fa fa-download "></i></a></td></tr>
-                    </table>
-                  </div>
-                </div>
-                <div class="modal-footer">
-                  <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
-                  <button type="button" class="btn btn-primary" >确定</button>
+  <!--附件-->
+  <div class="modal fade" id="file" 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="modal-height-500">
+                  <table class="table table-sm table-bordered">
+                    <thead>
+                      <tr><th>文件名</th><th>上传人</th><th>上传时间</th><th>操作</th></tr>
+                    </thead>
+                    <tr><td><a href="#">安全检查附件.pdf</a></td><td>张三</td><td>2018-01-01</td><td><a href="#" target="_blank" title="下载"><i class="fa fa-download "></i></a></td></tr>
+                    <tr><td><a href="#">安全整改现场拍照.pdf</a></td><td>李四</td><td>2018-01-01</td><td><a href="#" target="_blank" title="下载"><i class="fa fa-download "></i></a></td></tr>
+                  </table>
                 </div>
-            </div>
+              </div>
+              <div class="modal-footer">
+                <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
+                <button type="button" class="btn btn-primary" >确定</button>
+              </div>
+          </div>
+      </div>
+  </div>
+  <!--添加附件-->
+  <div class="modal fade" id="addfujian">
+    <div class="modal-dialog" role="document">
+      <div class="modal-content">
+        <div class="modal-header">
+          <h5 class="modal-title" id="myModalLabel">上传附件</h5>
+          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+            <span aria-hidden="true">&times;</span>
+          </button>
         </div>
+        <div class="modal-body">
+          <p>大小限制：30MB，支持office等文档格式、图片格式、压缩包格式</p>
+          <p><a href="" class="btn btn-sm btn-primary">选择文件</a></p>
+        </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="sp-done" data-backdrop="static">
+      <div class="modal-dialog" role="document">
+          <div class="modal-content">
+              <div class="modal-header">
+                  <h5 class="modal-title">审批通过</h5>
+              </div>
+              <div class="modal-body">
+                <div class="form-group">
+                  <label>审批意见</label>
+                  <textarea class="form-control" rows="5"></textarea>
+                </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-success">确认通过</button>
+              </div>
+          </div>
+      </div>
+  </div>
+  <!--审批关闭-->
+  <div class="modal fade" id="sp-close" data-backdrop="static">
+      <div class="modal-dialog" role="document">
+          <div class="modal-content">
+              <div class="modal-header">
+                  <h5 class="modal-title">审批关闭</h5>
+              </div>
+              <div class="modal-body">
+                <div class="form-group">
+                  <label>审批意见</label>
+                  <textarea class="form-control" rows="5"></textarea>
+                  <div class="alert alert-warning mt-2">审批关闭，将直接停止该巡检流程。</div>
+                </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-danger">确认关闭</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>

zhiliang-list.html

@@ -0,0 +1,230 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
+    <title>质量巡检-纵横工程建设项目管理系统</title>
+    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
+    <link rel="stylesheet" href="css/main.css">
+    <link rel="stylesheet" href="css/font-awesome/all.min.css">
+    <script src=js/echarts/echarts.min.js></script>
+    <link rel="stylesheet" href="css/spreadjs/sheets/gc.spread.sheets.excelsmartcost.css">
+    <!--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><a href="dashboard.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="代办事项"><i class="fas fa-chalkboard"></i><span>待办</span></a></li>
+          <li class=""><a href="hetong.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="合同管理"><i class="fas fa-book-open"></i><span>合同管理</span></a></li>
+          <li class=""><a href="anquan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="安全巡检"><i class="fas fa-users-cog"></i><span>安全巡检</span></a></li>
+          <li class="active"><a href="zhiliang.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="质量巡检"><i class="fas fa-toolbox"></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="dropup my-1 ml-1">
+          <a href="" class="btn btn-sm btn-light" 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="zhiliang-panel.html"><i class="fas fa-chart-pie"></i> <span>巡检概况</span></a></li>
+            </ul>
+          </div>
+          <div class="nav-box">
+            <ul class="nav-list list-unstyled">
+              <li class="active"><a href="zhiliang-list.html"><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>
+                  <a href="#ht-setting" data-toggle="modal" data-target="#ht-setting" class="btn btn-sm btn-outline-primary pull-right"><i class="fas fa-cog"></i> 设置</a>
+                  <a href="#add-ht" data-toggle="modal" data-target="#add-ht" class="btn btn-sm btn-primary pull-right">新建巡检</a>
+              </div>
+            </div>
+				</div>
+				<div class="content-wrap">
+					<div class="c-body">
+            <div class="sjs-height-0">
+              <table class="table table-bordered">
+                <thead>
+                  <tr><th>序号</th><th>编号</th><th>检查部位</th><th>检查情况</th><th>处理要求及措施</th><th>检查日期</th><th>质检员</th><th>附件</th><th>状态</th></tr>
+                </thead>
+                <tr><td>1</td><td><a href="zhiliang-detail1.html">WC-202008-0001（待提交）</a></td><td>施工质量事故</td><td>水泥砼灌注的时候，出现离析现象</td><td>立即整改</td><td>2021-10-25</td><td>张三</td><td><a class="btn btn-sm" href="#file" data-toggle="modal" data-target="#file"><i class="fa fa-paperclip "></i> 0</a></td><td>未提交</td></tr>
+                <tr><td>2</td><td><a href="zhiliang-detail2.html">WC-202008-0001（审批/复查）</a></td><td>铁丝网围挡工作检查</td><td>道路两侧铁丝网围挡工作按设计文件要求布置，符合...</td><td>立即整改</td><td>2021-10-25</td><td>张三</td><td><a class="btn btn-sm" href="#file" data-toggle="modal" data-target="#file"><i class="fa fa-paperclip "></i> 0</a></td><td><i class="fas fa-circle text-warning"></i> 审批中</td></tr>
+                <tr><td>3</td><td><a href="zhiliang-detail3.html">WC-202008-0001（整改）</a></td><td>水泥砼运输车检查</td><td>水泥砼运输车司机经过专业培训，从事水泥罐车驾驶5...</td><td>立即整改</td><td>2021-10-25</td><td>张三</td><td><a class="btn btn-sm" href="#file" data-toggle="modal" data-target="#file"><i class="fa fa-paperclip "></i> 0</a></td><td><i class="fas fa-circle text-warning"></i> 待整改</td></tr>
+                <tr><td>4</td><td><a href="zhiliang-detail2.html">WC-202008-0001</a></td><td>防腐管运输、布管</td><td>防腐管运输过程中，未对管进行垫支，导致管摩擦。</td><td>立即整改</td><td>2021-10-25</td><td>张三</td><td><a class="btn btn-sm" href="#file" data-toggle="modal" data-target="#file"><i class="fa fa-paperclip "></i> 0</a></td><td><i class="fas fa-circle text-warning"></i> 待复查</td></tr>
+                <tr><td>5</td><td><a href="zhiliang-detail2.html">WC-202008-0001</a></td><td>施工质量检查</td><td>检查合格</td><td></td><td>2021-10-25</td><td>张三</td><td><a class="btn btn-sm" href="#file" data-toggle="modal" data-target="#file"><i class="fa fa-paperclip "></i> 0</a></td><td><i class="fas fa-circle text-success"></i> 完成</td></tr>
+                <tr><td>6</td><td><a href="zhiliang-detail2.html">WC-202008-0001</a></td><td>混凝土沟渠工程</td><td>沟渠采用混凝土预制，符合设计文件要求</td><td>立即整改</td><td>2021-10-25</td><td>张三</td><td><a class="btn btn-sm" href="#file" data-toggle="modal" data-target="#file"><i class="fa fa-paperclip "></i> 0</a></td><td><i class="fas fa-circle text-danger"></i> 关闭</td></tr>
+              </table>
+            </div>
+          </div>
+				</div>
+			</div>
+		</div>
+	</div>
+  <!--设置-->
+  <div class="modal fade" id="ht-setting" 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">
+          <ul class="nav nav-tabs mb-3" role="tablist">
+            <li class="nav-item">
+              <a class="nav-link active" data-toggle="tab" href="#bianhao" role="tab" aria-controls="home" aria-selected="true">安全编号规则</a>
+            </li>
+          </ul>
+          <div class="tab-content">
+            <div class="tab-pane active" id="bianhao">
+              <h5>当前规则：WWUJ-1-201803-001</h5>
+              <h5>
+                <span class="badge badge-light" title="标段名">WWUJ-1 <a href="#" class="text-danger" title="移除"><i class="fas fa-times"></i></a></span>
+                <span class="badge badge-light" title="连接符">-<a href="#" class="text-danger" title="移除"><i class="fas fa-times"></i></a></span>
+                <span class="badge badge-light" title="当前年月">201803 <a href="#" class="text-danger" title="移除"><i class="fas fa-times"></i></a></span>
+                <span class="badge badge-light" title="连接符">-<a href="#" class="text-danger" title="移除"><i class="fas fa-times"></i></a></span>
+                <span class="badge badge-light" title="自动编号">0000 <a href="#" class="text-danger" title="移除"><i class="fas fa-times"></i></a></span>
+              </h5>
+              <h5 class="my-3">添加新规则组件</h5>
+              <div class="form-group">
+                <select class="form-control form-control-sm">
+                  <option>请选择组件</option>
+                  <option>连接符</option>
+                  <option>标段名</option>
+                  <option>文本</option>
+                  <option>当前年月</option>
+                  <option>自增编号</option>
+                </select>
+              </div>
+              <!-- <div class="form-group">
+                <select class="form-control form-control-sm">
+                  <option>请选择</option>
+                  <option>-</option>
+                  <option>_</option>
+                  <option>无</option>
+                </select>
+              </div> -->
+              <div class="form-group">
+                <label>自动编号位数</label>
+                <input min="3" class="form-control form-control-sm" step="1" max="6" value="3" type="number">
+              </div>
+              <div class="form-group">
+                <label>起始编号</label>
+                <input class="form-control form-control-sm" value="001" type="text">
+              </div>
+              <button class="btn btn-sm btn-outline-primary">添加组件</button>
+            </div>
+          </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="add-ht" 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>安全编号<b class="text-danger">*</b></label>
+                  <div class="input-group input-group-sm">
+                    <input type="text" class="form-control" value="CD03-CL-2015-121" placeholder="请输入合同编号">
+                    <div class="input-group-append">
+                      <button class="btn btn-outline-secondary" type="button" >自动编号</button>
+                    </div>
+                  </div>
+                </div>
+                <div class="form-group">
+                  <label>检查项<b class="text-danger">*</b></label>
+                  <input class="form-control form-control-sm"  placeholder="请填写巡检项" type="text">
+                </div>
+                <div class="form-group">
+                  <label>日期<b class="text-danger">*</b></label>
+                  <input class="form-control form-control-sm"  placeholder="选择巡检日期" type="date">
+                </div>
+                <div class="alert alert-warning p-2">添加后再补充完善其余信息</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="file" 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="modal-height-500">
+                    <table class="table table-sm table-bordered">
+                      <thead>
+                        <tr><th>文件名</th><th>上传人</th><th>上传时间</th><th>操作</th></tr>
+                      </thead>
+                      <tr><td><a href="#">安全检查附件.pdf</a></td><td>张三</td><td>2018-01-01</td><td><a href="#" target="_blank" title="下载"><i class="fa fa-download "></i></a></td></tr>
+                      <tr><td><a href="#">安全整改现场拍照.pdf</a></td><td>李四</td><td>2018-01-01</td><td><a href="#" target="_blank" title="下载"><i class="fa fa-download "></i></a></td></tr>
+                    </table>
+                  </div>
+                </div>
+                <div class="modal-footer">
+                  <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
+                  <button type="button" class="btn 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 src="js/spreadjs/sheets/gc.spread.sheets.all.10.0.1.min.js"></script>
+        <!-- zTree -->
+    <script type="text/javascript" src="js/ztree/jquery.ztree.core.js"></script>
+    <script type="text/javascript" src="js/ztree/jquery.ztree.excheck.js"></script>
+    <script type="text/javascript">  autoFlashHeight();</script>
+
+</body>
+
+</html>

zhiliang-panel.html

@@ -0,0 +1,347 @@
+<!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/all.min.css">
+    <script src=js/echarts/echarts.min.js></script>
+    <link rel="stylesheet" href="css/spreadjs/sheets/gc.spread.sheets.excelsmartcost.css">
+    <!--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><a href="dashboard.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="代办事项"><i class="fas fa-chalkboard"></i><span>待办</span></a></li>
+          <li class=""><a href="hetong.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="合同管理"><i class="fas fa-book-open"></i><span>合同管理</span></a></li>
+          <li class=""><a href="anquan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="安全巡检"><i class="fas fa-users-cog"></i><span>安全巡检</span></a></li>
+          <li class="active"><a href="zhiliang.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="质量巡检"><i class="fas fa-toolbox"></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="dropup my-1 ml-1">
+          <a href="" class="btn btn-sm btn-light" 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 class="active"><a href="zhiliang-panel.html"><i class="fas fa-chart-pie"></i> <span>巡检概况</span></a></li>
+            </ul>
+          </div>
+          <div class="nav-box">
+            <ul class="nav-list list-unstyled">
+              <li class=""><a href="zhiliang-list.html"><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">
+            <h2>巡检概况</h2>
+            <div class="ml-auto">
+              
+            </div>
+          </div>
+				</div>
+				<div class="content-wrap">
+					<div class="c-body">
+            <div class="sjs-height-0">
+              <div class="m-3">
+                <!--概况-->
+                <div class="row mx-0 mb-3">
+                  <div class="col-8 pl-0 pr-5">
+                    <div class="row">
+                      <div class="col-5">
+                        <div class="card">
+                          <div class="card-body p-2">
+                            <h6 class="card-title">整改中（23）</h6>
+                            <ul class="list-unstyled">
+                              <li class="mb-2 d-flex justify-content-between"><a href="zhiliang-detail2.html" class="text-truncate">施工质量事故</a><span class="col-auto">张三 <span class="badge badge-pill badge-danger" title="停留整改时间">4天</span></span></li>
+                              <li class="mb-2 d-flex justify-content-between"><a href="zhiliang-detail2.html" class="text-truncate">铁丝网围挡工作检查</a><span class="col-auto">张三 <span class="badge badge-pill badge-danger" title="停留整改时间">2天</span></span></li>
+                              <li class="mb-2 d-flex justify-content-between"><a href="zhiliang-detail2.html" class="text-truncate">水泥砼运输车检查</a><span class="col-auto">张三 <span class="badge badge-pill badge-danger" title="停留整改时间">2天</span></span></li>
+                              <li class="mb-2 d-flex justify-content-between"><a href="zhiliang-detail2.html" class="text-truncate">防腐管运输、布管</a><span class="col-auto">张三 <span class="badge badge-pill badge-danger" title="停留整改时间">2天</span></span></li>
+                              <li class="mb-2 d-flex justify-content-between"><a href="zhiliang-detail2.html" class="text-truncate">施工质量检查</a><span class="col-auto">张学友 <span class="badge badge-pill badge-danger" title="停留整改时间">1天</span></span></li>
+                              <li class="mb-2 d-flex justify-content-between"><a href="zhiliang-detail2.html" class="text-truncate">施工质量事故</a><span class="col-auto">张三 <span class="badge badge-pill badge-danger" title="停留整改时间">1天</span></span></li>
+                              <li class="mb-2 d-flex justify-content-between"><a href="zhiliang-detail2.html" class="text-truncate">施工质量事故</a><span class="col-auto">张三 <span class="badge badge-pill badge-danger" title="停留整改时间">1天</span></span></li>
+                              <li class="mb-2 d-flex justify-content-between"><a href="zhiliang-detail2.html" class="text-truncate">施工质量事故</a><span class="col-auto">张三 <span class="badge badge-pill badge-danger" title="停留整改时间">1天</span></span></li>
+                              <li class="mb-2 d-flex justify-content-between"><a href="zhiliang-detail2.html" class="text-truncate">施工质量事故</a><span class="col-auto">张三 <span class="badge badge-pill badge-danger" title="停留整改时间">1天</span></span></li>
+                              <li class="mb-2 d-flex justify-content-between"><a href="zhiliang-detail2.html" class="text-truncate">施工质量事故</a><span class="col-auto">张三 <span class="badge badge-pill badge-danger" title="停留整改时间">1天</span></span></li>
+                            </ul>
+                          </div>
+                        </div>
+                      </div>
+                      <div class="col-7">
+                        <div class="card">
+                          <div class="mt-3" id="htchart3" style="height: 300px; width: 100%;"></div>
+                        </div>
+                      </div>
+                    </div>
+                    <div class="col-12 px-0 mt-3">
+                      <div class="card">
+                        <div class="mt-3" id="htchart1" style="height: 400px; width: 100%;"></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/popper/popper.min.js"></script>
+    <script src="js/bootstrap/bootstrap.min.js"></script>
+    <script src="js/global.js"></script>
+    <script src="js/spreadjs/sheets/gc.spread.sheets.all.10.0.1.min.js"></script>
+        <!-- zTree -->
+    <script type="text/javascript" src="js/ztree/jquery.ztree.core.js"></script>
+    <script type="text/javascript" src="js/ztree/jquery.ztree.excheck.js"></script>
+    <script type="text/javascript">  autoFlashHeight();</script>
+    <script type="text/javascript">
+                    //htchart1 收入合同结算趋势//
+    // 基于准备好的dom，初始化echarts图表
+                    var myChart = echarts.init(document.getElementById('htchart1'));
+                    var option = {
+                      color: ['#b5c4b1','#d8caaf','#965454','#9ca8b8'],
+                              title : {
+                                  text: '整改趋势'
+                              },
+        tooltip : {
+            trigger: 'axis'
+        },
+        calculable : true,
+        legend: {
+            data:['提交巡检','完成整改','整改占总数比例']
+        },
+        dataZoom: [
+               {show: true,start: 0, end: 100}
+          ],
+        xAxis : [
+            {
+                type : 'category',
+                splitLine : {show : true},
+                data : ['2020年1月','2020年2月','2020年3月','2020年4月','2020年5月','2020年6月','2020年7月']
+            }
+        ],
+        yAxis : [
+            {
+               type : 'value',
+                name : '数量',
+                position:'left',
+                axisLabel : {
+                    formatter: '{value} '
+                },
+                splitArea : {show : true}
+            },
+            {
+                type : 'value',
+                name:'整改占总数比例',
+                axisLabel : {
+                    formatter: '{value} %'
+                },
+                position: 'right',
+                splitArea : {show : true}
+            }
+        ],
+        series : [
+            {
+                name:'提交巡检',
+                type:'bar',
+                tooltip : {formatter: "{b}<br/>{a}：{c} %"},
+                stack: '提交巡检',
+                label: {
+                    show: true,
+                    position: 'top',
+                    color:'#000'
+                },
+                data:[2, 1, 3, 5, 2, 1, 1]
+            },
+            {
+                name:'完成整改',
+                type:'bar',
+                tooltip : {formatter: "{b}<br/>{a}：{c} %"},
+                stack: '完成整改',
+                label: {
+                    show: true,
+                    position: 'top',
+                    color:'#000'
+                },
+                data:[0, 2, 2, 1, 4, 2, 1]
+            },
+            {
+                name:'整改占总数比例',
+                type:'line',
+                tooltip : {trigger: 'axis',formatter: "{b}<br/>{a}：{c} %"},
+                yAxisIndex: 1,
+                data:[10, 15, 20, 13, 11, 9, 10]
+            },
+        ]
+    };
+                    // 为echarts对象加载数据 
+                    myChart.setOption(option); 
+                    //END htchart1 收入合同结算趋势//
+                    //htchart3 收入合同数量组成//
+    // 基于准备好的dom，初始化echarts图表
+                    var myChart = echarts.init(document.getElementById('htchart3'));
+                    var option = {
+                      color: ['#c7b8a1','#9ca8b8','#7b8b6f','#d8caaf'],
+    tooltip: {
+        trigger: 'item',
+        formatter: '{a} <br/>{b}: {c} ({d}%)'
+    },
+    legend: {
+        orient: 'horizontal',
+        left: 0,
+        data: ['审批中', '整改中', '已整改']
+    },
+    series: [
+        {
+            name: '安全巡检',
+            type: 'pie',
+            radius: ['50%', '70%'],
+            avoidLabelOverlap: false,
+            label: {
+                formatter: '{a|{a}}{abg|}\n{hr|}\n  {b|{b}：}{c}  {per|{d}%}  ',
+                backgroundColor: '#eee',
+                borderColor: '#aaa',
+                borderWidth: 1,
+                borderRadius: 4,
+                // shadowBlur:3,
+                // shadowOffsetX: 2,
+                // shadowOffsetY: 2,
+                // shadowColor: '#999',
+                // padding: [0, 7],
+                rich: {
+                    a: {
+                        color: '#999',
+                        lineHeight: 20,
+                        align: 'center'
+                    },
+                    // abg: {
+                    //     backgroundColor: '#333',
+                    //     width: '100%',
+                    //     align: 'right',
+                    //     height: 22,
+                    //     borderRadius: [4, 4, 0, 0]
+                    // },
+                    hr: {
+                        borderColor: '#aaa',
+                        width: '100%',
+                        borderWidth: 0.5,
+                        height: 0
+                    },
+                    b: {
+                        fontSize: 12,
+                        lineHeight: 20
+                    },
+                    per: {
+                        color: '#eee',
+                        backgroundColor: '#334455',
+                        padding: [2, 4],
+                        borderRadius: 2
+                    }
+                }
+            },
+            emphasis: {
+                label: {
+                    show: true,
+                    fontSize: '20',
+                    fontWeight: 'bold'
+                }
+            },
+            labelLine: {
+                show: true
+            },
+            data: [
+                {value: 13, name: '审批中'},
+                {value: 3, name: '整改中'},
+                {value: 4, name: '已整改'}
+            ]
+        }
+    ]
+};
+                    // 为echarts对象加载数据
+                    myChart.setOption(option);
+                    //END htchart3 收入合同数量组成//
+                   //htchart4 收入合同数量组成//
+    // 基于准备好的dom，初始化echarts图表
+                    var myChart = echarts.init(document.getElementById('htchart4'));
+                    var option = {
+                      color: ['#c7b8a1','#9ca8b8','#7b8b6f','#d8caaf'],
+    tooltip: {
+        trigger: 'item',
+        formatter: '{a} <br/>{b}: {c} ({d}%)'
+    },
+    legend: {
+        orient: 'horizontal',
+        left: 0,
+        data: ['履行中', '待关闭', '正常关闭']
+    },
+    series: [
+        {
+            name: '合同',
+            type: 'pie',
+            radius: ['50%', '70%'],
+            avoidLabelOverlap: false,
+            label: {
+                show: false,
+                position: 'center'
+            },
+            emphasis: {
+                label: {
+                    show: true,
+                    fontSize: '20',
+                    fontWeight: 'bold'
+                }
+            },
+            labelLine: {
+                show: false
+            },
+            data: [
+                {value: 13, name: '履行中'},
+                {value: 3, name: '待关闭'},
+                {value: 4, name: '正常关闭'}
+            ]
+        }
+    ]
+};
+                    // 为echarts对象加载数据
+                    myChart.setOption(option);
+                    //END htchart4 收入合同数量组成//
+        </script>
+
+</body>
+
+</html>

zhiliang.html

@@ -0,0 +1,212 @@
+<!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/all.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="fas fa-chalkboard"></i><span>待办</span></a></li>
+          <li class=""><a href="hetong.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="合同管理"><i class="fas fa-book-open"></i><span>合同管理</span></a></li>
+          <li class=""><a href="anquan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="安全巡检"><i class="fas fa-users-cog"></i><span>安全巡检</span></a></li>
+          <li class="active"><a href="zhiliang.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="质量巡检"><i class="fas fa-toolbox"></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="btn btn-sm btn-light" 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 mr-2">
+                <!--展开/收起-->
+                <div class="btn-group">
+                  <button type="button" class="btn btn-sm btn-light text-primary dropdown-toggle" data-toggle="dropdown" id="zhankai">展开/收起</button>
+                  <div class="dropdown-menu" aria-labelledby="zhankai">
+                    <a class="dropdown-item" href="#">展开所有</a>
+                    <a class="dropdown-item" href="#">收起所有</a>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div>
+
+            </div>
+          </div>
+        </div>
+        <div class="content-wrap">
+            <div class="sjs-height-0">
+          <div class="c-body">
+              <!--没有标段数据-->
+              <!-- <div class="jumbotron">
+                <h3 class="display-6">还没有标段数据</h3>
+              </div> -->
+              <!--标段概况-->
+              <table class="table table-hover table-bordered">
+                <thead class="text-center">
+                  <th>名称</th>
+                  <th>总数</th>
+                  <th>待整改</th>
+                  <th>整改中</th>
+                  <th>已整改</th>
+                </thead>
+                <tr>
+                  <td class="in-1"><span class="fold-switch mr-1" title="展开"><i class="fal fa-plus-square"></i></span><i class="fal fa-folder"></i>&nbsp;文件夹1</td>
+                  <td class="text-center">0</td>
+                  <td class="text-center">0</td>
+                  <td class="text-center">0</td>
+                  <td class="text-center">0</td>
+                </tr>
+                <tr>
+                  <td class="in-1"><span class="fold-switch mr-1" title="收起"><i class="fal fa-minus-square"></i></span><i class="fal fa-folder-open"></i>&nbsp;文件夹2</td>
+                  <td class="text-center">0</td>
+                  <td class="text-center">0</td>
+                  <td class="text-center">0</td>
+                  <td class="text-center">0</td>
+                </tr>
+                <tr>
+                  <td class="in-2"><span class="fold-switch mr-1" title="收起"><i class="fal fa-minus-square"></i></span><i class="fal fa-folder-open"></i>&nbsp;文件夹2.1</td>
+                  <td class="text-center">0</td>
+                  <td class="text-center">0</td>
+                  <td class="text-center">0</td>
+                  <td class="text-center">0</td>
+                </tr>
+                <tr>
+                  <td class="in-3"><span class="text-muted mr-2">├</span><a href="zhiliang-panel.html">WWUJ-1</a></td>
+                  <td class="text-center">0</td>
+                  <td class="text-center">0</td>
+                  <td class="text-center">0</td>
+                  <td class="text-center">0</td>
+                </tr>
+                <tr>
+                  <td class="in-3"><span class="text-muted mr-2">└</span><a href="zhiliang-panel.html">WWUJ-4</a></td>
+                  <td class="text-center">0</td>
+                  <td class="text-center">0</td>
+                  <td class="text-center">0</td>
+                  <td class="text-center">0</td>
+                </tr>
+                <tr>
+                  <td class="in-2"><span class="fold-switch mr-1" title="收起"><i class="fal fa-minus-square"></i></span><i class="fal fa-folder-open"></i>&nbsp;文件夹2.2</td>
+                  <td class="text-center">0</td>
+                  <td class="text-center">0</td>
+                  <td class="text-center">0</td>
+                  <td class="text-center">0</td>
+                </tr>
+                <tr>
+                  <td class="in-3"><span class="text-muted mr-2">├</span><a href="zhiliang-panel.html">WWUJ-2</a></td>
+                  <td class="text-center">0</td>
+                  <td class="text-center">0</td>
+                  <td class="text-center">0</td>
+                  <td class="text-center">0</td>
+                </tr>
+                <tr>
+                  <td class="in-3"><span class="text-muted mr-2">└</span><a href="zhiliang-panel.html">WWUJ-3</a></td>
+                  <td class="text-center">0</td>
+                  <td class="text-center">0</td>
+                  <td class="text-center">0</td>
+                  <td class="text-center">0</td>
+                </tr>
+              </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>
+  <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>
+  <script type="text/javascript">
+          <!--
+          var setting = {
+            view: {
+              selectedMulti: false
+            },
+            data: {
+              simpleData: {
+                enable: true
+              }
+            },
+            callback: {
+              onCheck: onCheck
+            }
+          };
+
+          var zNodes =[
+            { id:1, pId:0, name:"文件夹1", isParent:true, open:true},
+            { id:2, pId:0, name:"文件夹2", isParent:true,open:true},
+            { id:21, pId:2, name:"文件夹2.1", isParent:true,open:true},
+            { id:22, pId:2, name:"文件夹2.2", isParent:true,open:true}
+          ];
+
+          var clearFlag = false;
+          function onCheck(e, treeId, treeNode) {
+            count();
+            if (clearFlag) {
+              clearCheckedOldNodes();
+            }
+          }
+          function clearCheckedOldNodes() {
+            var zTree = $.fn.zTree.getZTreeObj("treeDemo3"),
+            nodes = zTree.getChangeCheckedNodes();
+            for (var i=0, l=nodes.length; i<l; i++) {
+              nodes[i].checkedOld = nodes[i].checked;
+            }
+          }
+          function count() {
+            var zTree = $.fn.zTree.getZTreeObj("treeDemo3"),
+            checkCount = zTree.getCheckedNodes(true).length;
+            $("#checkCount4").text(checkCount);
+
+          }
+          function createTree() {
+            $.fn.zTree.init($("#treeDemo3"), setting, zNodes);
+            count();
+          }
+          $(document).ready(function(){
+            createTree();
+          });
+          //-->
+  </script>
+</body>
+</html>