S.H.I.E.L.D.
/
measureSAAS


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510
							<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>期计量-计量支付</title>
    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
    <script src=js/echarts/echarts.min.js></script>
    <!--zTree-->
  	<link rel="stylesheet" href="css/ztree/zTreeStyle.css" type="text/css">
</head>
<body>
  <div class="header">
		<h1 class="logo"><a>计量管理-纵横变更管理系统</a></h1>
    <div class="poj-name">
      <span class="name">项目A</span>
      <div class="btn-group">
        <a class=" btn" data-toggle="dropdown" >
          <span class="fa fa-caret-down" data-toggle="tooltip" data-placement="bottom" title="切换项目"></span>
        </a>
        <div class="dropdown-menu">
         <a href="#" class="dropdown-item">项目B</a>
         <a href="#" class="dropdown-item">项目C</a>
         <a href="#" class="dropdown-item">项目D</a>
       </div>
     </div><a href="settings-poj.html" class="btn" data-toggle="tooltip" data-placement="bottom" title="项目设置"><i class="fa fa-cogs"></i></a>
    </div>
    <div class="poj-name">
      <span class="name">WWUJ-1</span>
      <div class="btn-group">
        <a class=" btn" data-toggle="dropdown" >
          <span class="fa fa-caret-down" data-toggle="tooltip" data-placement="bottom" title="切换项目"></span>
        </a>
        <div class="dropdown-menu">
         <a href="#" class="dropdown-item">WWUJ-2</a>
         <a href="#" class="dropdown-item">WWUJ-3</a>
         <a href="#" class="dropdown-item">WWUJ-4</a>
       </div>
     </div>
    </div>
    <div class="poj-name">
      <span class="name">期计量</span>
    </div>
		<div class="header-box">
			<div class="header-nav"></div>
			<div class="header-user pull-right">
				<div class="avatar btn-group">
					<a class="dropdown-toggle" data-toggle="dropdown">
						<span class="pic"><img src="img/avatar.png"></span>
						<span>张三</span>
						<span class="caret"></span>
					</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>
					 <a href="#" class="dropdown-item">退出登录</a>
				 </div>
				</div>
				<div class="msg">
					<a>
					<i class="fa fa-bell"></i><sup >0</sup>
					</a>
				</div>
			</div>
		</div>
	</div>
	<div class="main">
		<div class="main-nav">
			<div class="nav-top">
				<ul class="nav nav-pills flex-column bg-nav">
					<li class="nav-item"><a href="dashboard.html"title="代办事项"><i class="fa fa-dashboard"></i> 代办事项</a></li>
					<li class="nav-item"><a href="biaoduan.html"title="标段管理"><i class="fa fa-list-ul"></i> 标段管理</a></li>
					<li class="nav-item"><a href="javascript:void(0);"title="台帐管理"><i class="fa fa-list-alt"></i> 台帐管理 <i class="fa fa-angle-down pull-right menu-arrow"></i></a>
            <ul class="sub-menu">
              <li><a href="taizhang.html">台帐分解</a></li>
            </ul>
            <ul class="sub-menu">
              <li><a href="taizhang-bg.html">台帐修订</a></li>
            </ul>
            <ul class="sub-menu">
              <li><a href="taizhang-jl.html">计量台帐</a></li>
            </ul>
          </li>
          <li class="nav-item"><a href="javascript:void(0);"title="计量管理"><i class="fa fa-calendar-check-o"></i> 中间计量  <i class="fa fa-angle-down pull-right menu-arrow"></i></a>
            <ul class="sub-menu">
              <li><a href="jiliang.html">计量编制</a></li>
            </ul>
            <ul class="sub-menu">
              <li><a href="jiliang-list.html">计量审批</a></li>
            </ul>
          </li>
          <li class="nav-item active"><a href="jiliang-qi.html"title="期计量"><i class="fa fa-calendar-check-o"></i> 期计量</a></li>
          <li class="nav-item"><a href="biangeng.html"title="变更管理"><i class="fa fa-retweet"></i> 变更管理</a></li>
					<li class="nav-item"><a href="hetong.html"title="合同管理"><i class="fa fa-handshake-o"></i> 合同管理</a></li>
        </ul>
			</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">
                    <ul class="nav nav-pills m-0">
  										<li class="nav-item">
  											<a class="nav-link" href="jiliang-qi.html">返回</a>
  										</li>
  										<li class="nav-item">
  											<a class="nav-link" href="jiliang-qi-detail.html">中间计量</a>
  										</li>
  										<li class="nav-item"><a class="nav-link" href="jiliang-qi-detail2.html">本期计量台帐</a></li>
                      <li class="nav-item"><a class="nav-link" href="jiliang-qi-detail3.html">合同支付</a></li>
                      <li class="nav-item"><a class="nav-link active" href="jiliang-qi-detail4.html">报表</a></li>
                    </ul>
                  </div>
                </div>
                <div>
                  <a href="#sub-sp" data-toggle="modal" data-target="#sub-sp" class="btn btn-primary btn-sm pull-right">上报审批</a>
                    <a href="#sub-sp2" data-toggle="modal" data-target="#sub-sp2" class="btn btn-primary btn-sm pull-right">重新上报</a>
                  <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-secondary btn-sm pull-right">审批中</a>
                  <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-warning btn-sm pull-right text-muted">审批退回</a>
                  <!--审批-->
                  <a href="#sp-done" data-toggle="modal" data-target="#sp-done" class="btn btn-success btn-sm pull-right">审批通过</a>
                  <a href="#sp-back" data-toggle="modal" data-target="#sp-back" class="btn btn-warning btn-sm pull-right">审批退回</a>
                  <a href="#" class="btn btn-outline-danger btn-sm pull-right text-truncate" style="max-width: 100px;">删除 第5期</a>
                </div>
      				</div>
            </div>
    				<div class="content-wrap">
              <div class="c-header p-0"></div>
    					<div class="c-body">
                <div class="row">
                  <div class="col-2">
                    <div class="sjs-height-1">
                      <div class="text-center"><a href="#add-c" data-toggle="modal" data-target="#add-c" class=" btn btn-outline-primary btn-sm">添加定制报表</a></div>
                      <ul id="treeDemo2" class="ztree"></ul>
                    </div>
                  </div>
                  <div class="col-10">
                    <div class="toolsbar-f d-flex justify-content-between">
                      <div class="print-toolsbar">
                        <div class="panel">
                          <div class="panel-body">
                            <button class="btn btn-secondary btn-sm" type="button">
                              <i class="fa fa-print"></i><br>
                              打印 <span id="checkCount" class="badge badge-light">5</span>
                            </button>
                            <button class="btn btn-secondary btn-sm" type="button" href="#export" data-toggle="modal" data-target="#export">
                              <i class="fa fa-share-square-o"></i><br>
                              导出 <span id="checkCount" class="badge badge-light">5</span>
                            </button>
                          </div>
                        </div>
                        <div class="panel">
                            <div class="panel-body">
                              <div class="btn-group" role="group" aria-label="Button group with nested dropdown">
                                <div class="btn-group" role="group">
                                  <button id="btnGroupDrop1" type="button" class="btn btn-secondary btn-sm dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    纵向
                                  </button>
                                  <div class="dropdown-menu" aria-labelledby="btnGroupDrop1">
                                    <a class="dropdown-item" href="#">横向</a>
                                  </div>
                                </div>
                                <div class="btn-group" role="group">
                                  <button id="btnGroupDrop1" type="button" class="btn btn-secondary btn-sm dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    A4
                                  </button>
                                  <div class="dropdown-menu" aria-labelledby="btnGroupDrop1">
                                    <a class="dropdown-item" href="#">A3</a>
                                  </div>
                                </div>
                              </div>
                            </div>
                            <div class="panel-foot text-muted">
                              预览设置
                            </div>
                        </div>
                        <div class="panel">
                            <div class="panel-body">
                              <div class="btn-group" role="group">
                                <button type="button" class="btn btn-secondary btn-sm" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="缩小">-</button>
                                <button class="btn btn-secondary btn-sm" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="重置默认大小">1000%</button>
                                <button type="button" class="btn btn-secondary btn-sm" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="放大">+</button>
                              </div>
                            </div>
                            <div class="panel-foot text-muted">
                              缩放
                            </div>
                        </div>
                        <div class="panel">
                            <div class="panel-body">
                              <div class="btn-group" role="group" aria-label="Button group with nested dropdown">
                                <button type="button" class="btn btn-secondary btn-sm" data-toggle="modal" data-target="#paper"><i class="fa fa-file-o"></i> 纸张</button>
                                <button type="button" class="btn btn-secondary btn-sm" data-toggle="modal" data-target="#format"><i class="fa fa-bold"></i> 格式</button>
                                <button type="button" class="btn btn-secondary btn-sm" data-toggle="modal" data-target="#content"><i class="fa fa-file-text-o"></i> 内容</button>
                              </div>
                            </div>
                            <div class="panel-foot text-muted">
                              报表设置
                            </div>
                        </div>
                        <div class="panel">
                          <div class="panel-body">
                            <div class="input-group input-group-sm">
                              <div class="input-group-prepend">
                                <button type="button" class="btn btn-secondary btn-sm" disabled="" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="上一页"><i class="fa fa-chevron-left"></i></button>
                              </div>
                              <input class="form-control" value="1/10" style="width:60px" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="输入页码按回车键，快速跳转">
                              <div class="input-group-append">
                                <button type="button" class="btn btn-secondary btn-sm" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="下一页"><i class="fa fa-chevron-right"></i></button>
                              </div>
                            </div>
                          </div>
                          <div class="panel-foot text-muted">
                            翻页
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="sjs-height-4">
                      <div class="print-view form-view">
                      <div class="pageContainer">
                        <div class="page">
                          <img src="img/baobiao.png">
                        </div>
                      </div>
                    </div>
                    </div>
                  </div>
                </div>
    					</div>
    				</div>
    			</div>
    		</div>
      </div>
      <!--上报审批-->
      <div class="modal fade" id="sub-sp" 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>
                      <div class="input-group">
                        <input class="form-control" placeholder="请输入姓名进行检索" type="text">
                        <div class="input-group-append">
                          <button class="btn btn-outline-secondary" type="button"><i class="fa fa-search"></i></button>
                        </div>
                      </div>
                    </div>
                    <div class="card border-primary">
                      <div class="card-body">
                        <h5 class="card-title">
                          <a href="#" class="btn btn-primary btn-sm pull-right">添加</a>张三
                        </h5>
                        <h6 class="card-subtitle mb-2 text-muted">监理</h6>
                        <p class="card-text">XXXXX公司</p>
                      </div>
                    </div>
                    <div class="card mt-3">
                      <div class="card-header">
                        审批流程
                      </div>
                      <ul class="list-group list-group-flush">
                        <li class="list-group-item"><a href="" class="text-danger pull-right">移除</a>1 张三  <small class="text-muted">监理</small></li>
                        <li class="list-group-item"><a href="" class="text-danger pull-right">移除</a>2 王五 <small class="text-muted">监理</small></li>
                        <li class="list-group-item"><a href="" class="text-danger pull-right">移除</a>3 李四 <small class="text-muted">监理</small></li>
                      </ul>
                    </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="sp-list" 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="card mt-3">
                      <ul class="list-group list-group-flush">
                        <li class="list-group-item">
                          <span class="text-success pull-right">审批通过</span>
                           <h5 class="card-title">1 张三 <small class="text-muted">监理</small></h5>
                           <p class="card-text">审批意见。2018-01-01</p>
                        </li>
                        <li class="list-group-item">
                          <span class="text-warning pull-right">审批中</span>
                           <h5 class="card-title">2 王五 <small class="text-muted">监理</small></h5>
                           <p class="card-text"></p>
                        </li>
                        <li class="list-group-item">
                           <h5 class="card-title">3 李四 <small class="text-muted">监理</small></h5>
                        </li>
                      </ul>
                    </div>
                  </div>
                  <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                  </div>
              </div>
          </div>
      </div>
      <!--审批通过-->
      <div class="modal fade" id="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="card mt-3">
                      <ul class="list-group list-group-flush">
                        <li class="list-group-item">
                          <span class="text-success pull-right">审批通过</span>
                           <h5 class="card-title">1 张三 <small class="text-muted">监理</small></h5>
                           <p class="card-text">审批意见。2018-01-01</p>
                        </li>
                        <li class="list-group-item">
                          <span class="text-warning pull-right">审批中</span>
                           <h5 class="card-title">2 王五 <small class="text-muted">监理</small></h5>
                           <div class="form-group">
                             <label>审批意见<b class="text-danger">*</b></label>
                             <textarea class="form-control" ></textarea>
                           </div>
                        </li>
                        <li class="list-group-item">
                           <h5 class="card-title">3 李四 <small class="text-muted">监理</small></h5>
                        </li>
                      </ul>
                    </div>
                  </div>
                  <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-success" >确认通过</button>
                  </div>
              </div>
          </div>
      </div>
      <!--审批退回-->
      <div class="modal fade" id="sp-back" 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="card mt-3">
                      <ul class="list-group list-group-flush">
                        <li class="list-group-item">
                          <span class="text-success pull-right">审批通过</span>
                           <h5 class="card-title">1 张三 <small class="text-muted">监理</small></h5>
                           <p class="card-text">审批意见。2018-01-01</p>
                        </li>
                        <li class="list-group-item">
                          <span class="text-warning pull-right">审批中</span>
                           <h5 class="card-title">2 王五 <small class="text-muted">监理</small></h5>
                           <div class="form-group">
                             <label>审批意见<b class="text-danger">*</b></label>
                             <textarea class="form-control" ></textarea>
                           </div>
                           <div class="alert alert-warning">审批退回，将直接退回给上报人。</data-min-view>
                        </li>
                        <li class="list-group-item">
                           <h5 class="card-title">3 李四 <small class="text-muted">监理</small></h5>
                        </li>
                      </ul>
                    </div>
                  </div>
                  <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-warning" >确认退回</button>
                  </div>
              </div>
          </div>
      </div>
      <!--添加定制报表-->
      <div class="modal fade" id="add-c" 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>
                      <div class="input-group">
                        <input class="form-control" placeholder="请输入6位提取码" type="text">
                        <div class="input-group-append">
                          <button class="btn btn-outline-secondary" type="button"><i class="fa fa-search"></i></button>
                        </div>
                      </div>
                    </div>
                    <div class="card mt-3">
                      <ul class="list-group list-group-flush">
                        <li class="list-group-item">
                           <h5 class="card-title text-danger">提取码不存在</h5>
                        </li>
                      </ul>
                    </div>
                    <div class="card mt-3">
                      <ul class="list-group list-group-flush">
                        <li class="list-group-item">
                           <h5 class="card-title">XXX项目</h5>
                           <p class="card-text">包含报表 14 张</p>
                        </li>
                      </ul>
                    </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 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:"通用报表", open:true},
        			{ id:11, pId:1, name:"XXX表 1-1"},
        			{ id:122, pId:11, name:"报表 1-2-2"},
        			{ id:123, pId:11, name:"报表 1-2-3"},
        			{ id:12, pId:1, name:"YYY表", open:true},
        			{ id:124, pId:12, name:"报表 1-2-1"},
        			{ id:125, pId:12, name:"报表 1-2-2"},
        			{ id:126, pId:12, name:"报表 1-2-3"},
        			{ id:2, pId:0, name:"定制报表", open:true},
        			{ id:21, pId:2, name:"AA报表 2-1"},
        			{ id:221, pId:21, name:"报表 2-2-1"},
        			{ id:222, pId:21, name:"报表 2-2-2"},
        			{ id:223, pId:21, name:"报表 2-2-3"},
        			{ id:22, pId:2, name:"BB报表 2-2", open:true},
        			{ id:224, pId:22, name:"报表 2-2-1"},
        			{ id:225, pId:22, name:"报表 2-2-2"},
        			{ id:226, pId:22, name:"报表 2-2-3"}
        		];

        		var clearFlag = false;
        		function onCheck(e, treeId, treeNode) {
        			count();
        			if (clearFlag) {
        				clearCheckedOldNodes();
        			}
        		}
        		function clearCheckedOldNodes() {
        			var zTree = $.fn.zTree.getZTreeObj("treeDemo2"),
        			nodes = zTree.getChangeCheckedNodes();
        			for (var i=0, l=nodes.length; i<l; i++) {
        				nodes[i].checkedOld = nodes[i].checked;
        			}
        		}
        		function count() {
        			var zTree = $.fn.zTree.getZTreeObj("treeDemo2"),
        			checkCount = zTree.getCheckedNodes(true).length;
        			$("#checkCount2").text(checkCount);

        		}
        		function createTree() {
        			$.fn.zTree.init($("#treeDemo2"), setting, zNodes);
        			count();
        		}
        		$(document).ready(function(){
        			createTree();
        		});
        		//-->
        </script>
    </body>

</html>