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


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

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>期计量-计量支付</title>
    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
    <script src=js/echarts/echarts.min.js></script>
</head>
<body>
	<div class="main">
    <div class="main-nav d-flex align-items-start flex-column">
      <div class="logo"><img src="img/logo.png"></div>
      <div class="nav-top">
        <ul class="nav nav-pills nav-stacked bg-nav">
          <li><a href="dashboard.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="代办事项"><i class="fa fa-check-square-o"></i><span>待办</span></a></li>
          <li class="active"><a href="biaoduan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目"><i class="fa fa-list-ul"></i><span>项目</span></a></li>
          <li><a href="fenbao.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="总分包"><i class="fa fa-sitemap"></i><span>总分包</span></a></li>
        </ul>
      </div>
      <div class="nav-bottom mt-auto">
        <ul class="nav nav-pills nav-stacked bg-nav">
          <li><a href="settings-system.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="平台设置"><i class="fa fa-cogs"></i><span>平台设置</span></a></li>
        </ul>
        <div class="dropright my-1 ml-1">
          <a href="" class="avatar bg-1" data-toggle="dropdown" aria-haspopup="false" aria-expanded="false">张匡胤</a>
          <div class="dropdown-menu">
           <a href="account-info.html" class="dropdown-item">账号资料</a>
           <a href="#" class="dropdown-item">账号安全</a>
           <div class="dropdown-divider"></div>
           <a href="#" class="dropdown-item">帮助中心</a>
           <a href="#" class="dropdown-item">退出登录</a>
          </div>
        </div>
      </div>
    </div>
    <div class="main-panel">
      <div class="panel-sidebar">
        <div class="panel-title">
          <div class="title-bar">
            <h2 class="text-truncate">第5期&nbsp;-&nbsp;WWUJ-1</h2>
          </div>
        </div>
        <div class="scrollbar-auto">
          <div class="nav-box">
            <ul class="nav-list list-unstyled">
              <li class=""><a href="jiliang-qi.html"><i class="fa fa-chevron-left "></i> <span>返回</span></a></li>
            </ul>
          </div>
          <div class="nav-box">
            <ul class="nav-list list-unstyled">
              <li class=""><a href="jiliang-qi-detail-1.html"><span class="ml-3">计量台帐</span></a></li>
            </ul>
          </div>
          <div class="nav-box">
            <ul class="nav-list list-unstyled">
              <li><a href="jiliang-qi-detail-2.html"><span class="ml-3">其他台帐</span></a></li>
            </ul>
          </div>
          <div class="nav-box">
            <ul class="nav-list list-unstyled">
              <li class="active"><a href="jiliang-qi-detail-4.html"><span class="ml-3">合同支付</span></a></li>
            </ul>
          </div>
          <div class="nav-box">
            <ul class="nav-list list-unstyled">
              <li class=""><a href="jiliang-qi-detail-5.html"><span class="ml-3">部位台帐</span></a></li>
            </ul>
          </div>
          <div class="nav-box">
            <ul class="nav-list list-unstyled">
              <li class=""><a href="jiliang-qi-detail-6.html"><span class="ml-3">变更概况</span></a></li>
            </ul>
          </div>
          <div class="nav-box">
            <ul class="nav-list list-unstyled">
              <li class=""><a href="jiliang-qi-detail-7.html"><span class="ml-3">清单汇总</span></a></li>
            </ul>
          </div>
          <div class="nav-box">
            <ul class="nav-list list-unstyled">
              <li class=""><a href="jiliang-qi-detail-8.html"><span class="ml-3">审核比较</span></a></li>
            </ul>
          </div>
          <div class="nav-box">
            <ul class="nav-list list-unstyled">
              <li class=""><a href="jiliang-qi-baobiao.html"><span class="ml-3">报表</span></a></li>
            </ul>
          </div>
          <div class="nav-box">
            <ul class="nav-list list-unstyled">
              <li class=""><a href="jiliang-qi-detail-9.html"><span class="ml-3">审批管理</span></a></li>
            </ul>
          </div>
          <div class="contarl-box">
            <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-success btn-sm btn-block">审批完成</a>
          </div>
          <!-- <div class="nav-box">
            <ul class="nav-list list-unstyled">
              <li><a href="jiliang-qi-baobiao.html"><i class="fa fa-file-text-o"></i> <span>本期报表</span></a></li>
            </ul>
          </div> -->
        </div>
      </div>
			<div class="panel-content">
				<div class="panel-title">
					<div class="title-main d-flex justify-content-between">
            <div>
              <div class="d-inline-block">
                <a href="#" class="btn btn-sm btn-light text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="插入"><i class="fa fa-sign-in" aria-hidden="true"></i></a>
                <a href="#" class="btn btn-sm btn-light text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="添加"><i class="fa fa-plus" aria-hidden="true"></i></a>
                <a href="#" class="btn btn-sm btn-light text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="删除"><i class="fa fa-remove" aria-hidden="true"></i></a>
                <a href="#" class="btn btn-sm btn-light text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="下移"><i class="fa fa-arrow-down" aria-hidden="true"></i></a>
                <a href="#" class="btn btn-sm btn-light text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="上移"><i class="fa fa-arrow-up" aria-hidden="true"></i></a>
                <a href="#" class="btn btn-sm btn-light text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="上移"><i class="fa fa-unlock" aria-hidden="true"></i> 解锁</a>
              </div>
              <div class="d-inline-block">
                <div class="input-group input-group-sm ml-2 mt-1">
                  <div class="input-group-prepend">
                    <span class="input-group-text" id="basic-addon1">表达式</span>
                  </div>
                  <input type="text" class="form-control m-0">
                </div>
              </div>
            </div>
            <div class="ml-auto">
              <!--上报-->
            </div>
          </div>
        </div>
				<div class="content-wrap">
          <div class="c-header p-0"></div>
          <div class="w-100 sub-content row">
            <div class="c-body col-8">
              <!--上半部分-->
              <div class="sjs-height-1" style="overflow: auto;">
                <table class="table table-bordered">
                        <tr><th></th><th>名称</th><th>扣款</th><th>本期金额（表达式）</th><th>累计金额</th><th>起扣金额</th><th>付（扣）款限额</th><th>附件</th><th>操作</th><th>类型</th><th>状态</th></tr>
                        <tr><td>1</td><td>本期应付</td><td><input type="checkbox"></td><td></td><td></td><td></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>
                          <td>
                            </td>
                          <td>
                            </td>
                        </tr>
                        <tr><td>2</td><td>本期实付</td><td><input type="checkbox"></td><td></td><td></td><td></td><td></td><td><a class="btn btn-sm" href="#file" data-toggle="modal" data-target="#file"><i class="fa fa-paperclip "></i> 3</a></td>
                          <td>
                            </td>
                          <td>
                            </td>
                          <td>
                            </td>
                        </tr>
                        <tr><td>3</td><td>本期完成计量 <!--<a href="#detail" data-toggle="modal" data-target="#detail">明细</a>--></td><td><input type="checkbox"></td><td></td><td></td><td></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>
                          <td>
                            </td>
                          <td>
                            </td>
                        </tr>
                        <!--被停用了-->
                        <tr class="table-secondary"><td>4</td><td>质量保证金</td><td><input type="checkbox"></td><td></td><td></td><td></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>
                            <a class="btn btn-sm btn-success" href="#">启用</a>
                            </td>
                          <td>
                            <select><option></option></select>
                            </td>
                          <td>
                            </td>
                        </tr>
                        <tr><td>5</td><td>扣回开工预付款</td><td><input type="checkbox"></td><td></td><td></td><td></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>
                            <div class="dropdown dropleft">
                              <button class="btn btn-sm btn-primary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                操作
                              </button>
                              <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                <a class="dropdown-item" href="#op2" data-toggle="modal" data-target="#op2">设置计提期限</a>
                                <a class="dropdown-item" href="#op3">不参与本期应付计算</a>
                                <a class="dropdown-item" href="#op4">停用</a>
                              </div>
                            </div>
                            </td>
                          <td>
                            <select><option></option></select>
                            </td>
                          <td>
                            </td>
                        </tr>
                        <!--不参与本期应付计算-->
                        <tr class="table-secondary"><td>6</td><td>扣回材料预付款</td><td><input type="checkbox"></td><td></td><td></td><td></td><td></td><td><a class="btn btn-sm" href="#file" data-toggle="modal" data-target="#file"><i class="fa fa-paperclip "></i> 1</a></td>
                          <td>
                            <div class="dropdown dropleft">
                              <button class="btn btn-sm btn-primary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                操作
                              </button>
                              <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                <a class="dropdown-item" href="#op2" data-toggle="modal" data-target="#op2">设置计提期限</a>
                                <a class="dropdown-item" href="#op4">停用</a>
                              </div>
                            </div>
                            </td>
                          <td>
                            <select><option></option></select>
                            </td>
                          <td>
                            </td>
                        </tr>
                        <!--新增-->
                        <tr class="table-warning"><td>7</td><td>审核人新增数据</td><td><input type="checkbox"></td><td></td><td></td><td></td><td></td><td><a class="btn btn-sm" href="#file" data-toggle="modal" data-target="#file"><i class="fa fa-paperclip "></i> 1</a></td>
                          <td>
                            <div class="dropdown dropleft">
                              <button class="btn btn-sm btn-primary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                操作
                              </button>
                              <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                <a class="dropdown-item" href="#op2" data-toggle="modal" data-target="#op2">设置计提期限</a>
                                <a class="dropdown-item" href="#op3">不参与本期应付计算</a>
                              </div>
                            </div>
                            </td>
                          <td>
                            <select><option></option></select>
                            </td>
                          <td>
                            </td>
                        </tr>
                        <tr><td>6</td><td>奖罚金</td><td><input type="checkbox"></td><td>1000</td><td></td><td></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>
                            <div class="dropdown dropleft">
                              <button class="btn btn-sm btn-primary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                操作
                              </button>
                              <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                <a class="dropdown-item" href="#op2" data-toggle="modal" data-target="#op2">设置计提期限</a>
                                <a class="dropdown-item" href="#op3">不参与本期应付计算</a>
                                <a class="dropdown-item" href="#op4">停用</a>
                              </div>
                            </div>
                            </td>
                          <td>
                            <select><option></option></select>
                            </td>
                          <td>
                            </td>
                        </tr>
                        <tr><td>7</td><td>扣甲供材料</td><td></td><td>2000</td><td></td><td></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>
                            <div class="dropdown dropleft">
                              <button class="btn btn-sm btn-primary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                操作
                              </button>
                              <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                <a class="dropdown-item" href="#op2" data-toggle="modal" data-target="#op2">设置计提期限</a>
                                <a class="dropdown-item" href="#">添加子项</a>
                              </div>
                            </div>
                            </td>
                          <td>
                            <select><option></option></select>
                            </td>
                          <td>
                            </td>
                        </tr>
                </table>
              </div>
              <!--下半部分-->
              <div class="bcontent-wrap">
                <div class="bc-bar mb-1">
                  <ul class="nav nav-lists">
                    <li class="nav-item">
                      <a class="nav-link active" data-toggle="tab" href="#jiagong" role="tab">甲供材料</a>
                    </li>
                    <li class="nav-item">
                      <a class="nav-link" data-toggle="tab" href="#jiangfajin" role="tab">奖罚金</a>
                    </li>
                    <li class="nav-item">
                      <a class="nav-link " data-toggle="tab" href="#changgui" role="tab">常规</a>
                    </li>
                  </ul>
                </div>
                <div class="tab-content">
                  <div class="tab-pane active" id="jiagong">
                    <!--甲供材料-->
                    <table class="table table-bordered table-sm">
                        <tbody>
                          <thead>
                            <tr><th rowspan="2">序号</th><th rowspan="2">名称</th><th rowspan="2">单位</th><th rowspan="2">单价</th><th colspan="2">本期到场</th><th colspan="2">截止本期到场</th><th colspan="2">本期扣回</th><th colspan="2">截止本期扣回</th><th rowspan="2">材料来源</th><th rowspan="2">单据号</th><th rowspan="2">检验单编号</th><th rowspan="2">备注</th></tr>
                            <tr><th>数量</th><th>金额</th><th>数量</th><th>金额</th><th>数量</th><th>金额</th><th>数量</th><th>金额</th></tr>
                          </thead>
                        </tbody>
                    </table>
                  </div>
                  <div class="tab-pane" id="jiangfajin">
                    <!--奖罚金-->
                    <table class="table table-bordered table-sm">
                        <tbody>
                          <thead>
                            <tr><th>序号</th><th>名称</th><th>金额</th><th>本期金额</th><th>截止本期金额</th><th>时间</th><th>编号</th><th>依据材料证明</th><th>备注</th></tr>
                          </thead>
                        </tbody>
                      </table>
                  </div>
                  <div class="tab-pane" id="changgui">
                    <!--常规-->
                    <table class="table table-bordered table-sm">
                        <tbody>
                          <thead>
                            <tr><th>序号</th><th>名称</th><th>金额</th><th>本期金额</th><th>截止本期金额</th><th>时间</th><th>备注</th></tr>
                          </thead>
                        </tbody>
                      </table>
                  </div>
                </div>
              </div>
            </div>
            <div class="c-body col-4">
              <div class="side-bar-1"></div>
              <div class="sjs-sh-1">
                <table class="table table-bordered">
                      <tr><th></th><th>可选基数</th><th>计算代号</th><th>值</th></tr>
                      <tr><td>1</td><td>签约合同价修正</td><td>htj</td><td>0</td></tr>
                      <tr><td>2</td><td>暂列金额</td><td>htj</td><td>0</td></tr>
                      <tr><td>3</td><td>签约合同价修正(不含暂列金)</td><td>htjszl</td><td>0</td></tr>
                      <tr><td>4</td><td>签约开工预付款</td><td>kgyfk</td><td>0</td></tr>
                      <tr><td>5</td><td>签约材料预付款</td><td>clyfk</td><td>0</td></tr>
                      <tr><td>6</td><td>本期完成计量</td><td>bqwc</td><td>0</td></tr>
                      <tr><td>7</td><td>本期合同计量</td><td>bqht</td><td>0</td></tr>
                      <tr><td>8</td><td>本期变更计量</td><td>bqbg</td><td>0</td></tr>
                      <tr><td>9</td><td>100章本期完成计量</td><td>ybbqwc</td><td>0</td></tr>
                      <tr><td>10</td><td>本期应付</td><td>bqyf</td><td>--</td></tr>
                  </table>
              </div>
            </div>
          </div>
				</div>
			</div>
		</div>
  </div>
    <!--章节设置-->
    <div class="modal fade" id="zjset" 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">
                   <table class="table table-sm table-bordered">
                      <tr><th width="200">章节</th><th>名称</th></tr>
                      <tr><td>100</td><td><input type="text" class="form-control form-control-sm" value="总则"></td></tr>
                      <tr><td>200</td><td><input type="text" class="form-control form-control-sm" value="路基"></td></tr>
                      <tr><td>300</td><td><input type="text" class="form-control form-control-sm" value="路面"></td></tr>
                      <tr><td>400</td><td><input type="text" class="form-control form-control-sm" value="桥梁、涵洞"></td></tr>
                      <tr><td>500</td><td><input type="text" class="form-control form-control-sm" value="隧道"></td></tr>
                      <tr><td>600</td><td><input type="text" class="form-control form-control-sm" value="安全设施及预埋管线"></td></tr>
                      <tr><td>700</td><td><input type="text" class="form-control form-control-sm" value="绿化及环境保护"></td></tr>
                      <tr><td>800</td><td><input type="text" class="form-control form-control-sm" value="公路沿线管理用房设施"></td></tr>
                      <tr><td>900</td><td><input type="text" class="form-control form-control-sm" value="监控系统"></td></tr>
                      <tr><td>1000</td><td><input type="text" class="form-control form-control-sm" value="收费系统"></td></tr>
                      <tr><td>1100</td><td><input type="text" class="form-control form-control-sm" value="通信系统"></td></tr>
                      <tr><td>1200</td><td><input type="text" class="form-control form-control-sm" value="消防系统"></td></tr>
                      <tr><td>1300</td><td><input type="text" class="form-control form-control-sm" value="供配电及照明系统"></td></tr>
                   </table>
                </div>
                <div class="modal-footer">
                  <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                  <button type="button" class="btn btn-primary">确定修改</button>
                </div>
            </div>
        </div>
    </div>
    <!--设置计提期限-->
    <div class="modal fade" id="op2" 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">
                  <p>请设置付（扣）款项 <b>本期应付</b> 的计提期限</p>
                  <div class="form-group">
                    <label for="formGroupExampleInput">限制模式为：</label>
                    <div>
                      <div class="form-check form-check-inline">
                        <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1">
                        <label class="form-check-label" for="inlineRadio1">无</label>
                      </div>
                      <div class="form-check form-check-inline">
                        <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2">
                        <label class="form-check-label" for="inlineRadio2">计量期数</label>
                      </div>
                      <div class="form-check form-check-inline">
                        <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio3" value="option3">
                        <label class="form-check-label" for="inlineRadio3">计量金额</label>
                      </div>
                    </div>
                  </div>
                  <!--计量期数模式-->
                  <div class="form-group">
                    <label>限制期数</label>
                    <input class="form-control" type="number">
                  </div>
                  <!--计量金额模式-->
                  <div class="form-group">
                    <label for="formGroupExampleInput"></label>
                    <div>
                      <div class="form-check form-check-inline">
                        <input class="form-check-input" type="radio" name="iROptions" id="ilRadio1" value="option1">
                        <label class="form-check-label" for="ilRadio1">累计完成计量金额</label>
                      </div>
                      <div class="form-check form-check-inline">
                        <input class="form-check-input" type="radio" name="iROptions" id="ilRadio2" value="option2">
                        <label class="form-check-label" for="ilRadio2">累计合同计量金额</label>
                      </div>
                      <div class="form-check form-check-inline">
                        <input class="form-check-input" type="radio" name="iROptions" id="ilRadio3" value="option3">
                        <label class="form-check-label" for="ilRadio3">累计变更计量金额</label>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label>限制金额</label>
                    <input class="form-control" type="number">
                  </div>
                  <!--公用提示-->
                  <p>设置为：</p>
                  <p class="pl-3 text-danger">当 累计完成计量金额 >= 50000.00 时</p>
                  <p class="pl-3">当期金额直接计量至（扣款限额 - 截止上期金额）</p>
                </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="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="form-group">
                    <label for="formGroupExampleInput">大小限制：10MB，支持<span data-toggle="tooltip" data-placement="bottom" title="doc,docx,xls,xlsx,ppt,pptx,pdf">office等文档格式</span>、<span data-toggle="tooltip" data-placement="bottom" title="jpg,png,bmp">图片格式</span>、<span data-toggle="tooltip" data-placement="bottom" title="rar,zip">压缩包格式</span></label>
                    <input type="file" class="form-control">
                  </div>
                  <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>XXXX.jpg</td><td>张三</td><td>2018-01-01</td><td><a href="#" target="_blank" title="下载"><i class="fa fa-download "></i></a> <a class="text-danger" href="#" target="_blank" title="删除"><i class="fa fa-remove "></i></a></td></tr>
                      <tr><td>YYYY.jpg</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="detail" data-backdrop="static">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">章节明细</h5>
                </div>
                <div class="modal-body">
                  <table class="table table-sm table-bordered">
                    <tr class="text-center"><th>章节名称</th><th>本期合同计量金额</th><th>本期变更计量金额</th><th>本期完成计量基金</th><th>累计完成计量金额</th></tr>
                    <tr>
                      <td>清单 第100章 总则</td>
                      <td class="text-right">1000</td>
                      <td class="text-right">1000</td>
                      <td class="text-right">2000</td>
                      <td class="text-right">2000</td>
                    </tr>
                    <tr>
                      <td>清单 第200章 路基</td>
                      <td class="text-right"></td>
                      <td class="text-right"></td>
                      <td class="text-right"></td>
                      <td class="text-right"></td>
                    </tr>
                    <tr>
                      <td>清单 第300章 路面</td>
                      <td class="text-right"></td>
                      <td class="text-right"></td>
                      <td class="text-right"></td>
                      <td class="text-right"></td>
                    </tr>
                    <tr>
                      <td>清单 第400章 桥梁、涵洞</td>
                      <td class="text-right"></td>
                      <td class="text-right"></td>
                      <td class="text-right"></td>
                      <td class="text-right"></td>
                    </tr>
                    <tr>
                      <td>清单 第500章 隧道</td>
                      <td class="text-right"></td>
                      <td class="text-right"></td>
                      <td class="text-right"></td>
                      <td class="text-right"></td>
                    </tr>
                    <tr>
                      <td>清单 第600章 安全设施及预埋管线</td>
                      <td class="text-right"></td>
                      <td class="text-right"></td>
                      <td class="text-right"></td>
                      <td class="text-right"></td>
                    </tr>
                    <tr>
                      <td>清单 第700章 绿化及环境保护</td>
                      <td class="text-right"></td>
                      <td class="text-right"></td>
                      <td class="text-right"></td>
                      <td class="text-right"></td>
                    </tr>
                    <tr>
                      <td>未计入章节清单合计</td>
                      <td class="text-right"></td>
                      <td class="text-right"></td>
                      <td class="text-right"></td>
                      <td class="text-right"></td>
                    </tr>
                    <tr>
                      <td>清单小计(A)</td>
                      <td class="text-right">1000</td>
                      <td class="text-right">1000</td>
                      <td class="text-right">2000</td>
                      <td class="text-right">2000</td>
                    </tr>
                    <tr>
                      <td>非清单项费用(B)</td>
                      <td class="text-right">500</td>
                      <td class="text-right"></td>
                      <td class="text-right">500</td>
                      <td class="text-right">500</td>
                    </tr>
                    <tr>
                      <td>合计(C=A+B)</td>
                      <td class="text-right">1500</td>
                      <td class="text-right">1000</td>
                      <td class="text-right">2500</td>
                      <td class="text-right">2500</td>
                    </tr>
                  </table>
                </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="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">
                      <div class="input-group-prepend">
                        <select class="form-control"><option>所有分组</option><option>建设单位</option><option>监理单位</option><option>施工单位</option><option>设计单位</option></select>
                      </div>
                      <select class="form-control"><option>选择审批人</option><option>张三（监理）-中交第一公路工程局有限公司国道311线满别公路施工一分部</option></select>
                    </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><p class="m-0 ml-2"><small class="text-muted">中交第一公路工程局有限公司国道311线满别公路施工一分部</small></p></li>
                      <li class="list-group-item"><a href="" class="text-danger pull-right">移除</a>2 王五 <small class="text-muted">监理</small><p class="m-0 ml-2"><small class="text-muted">XXX单位</small></p></li>
                      <li class="list-group-item"><a href="" class="text-danger pull-right">移除</a>3 李四 <small class="text-muted">监理</small><p class="m-0 ml-2"><small class="text-muted">XXX单位</small></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/bootstrap/bootstrap.bundle.min.js"></script>
    <script src="js/global.js"></script>
    <script type="text/javascript">  autoFlashHeight();</script>
</body>

</html>