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


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373
							<!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">
    <link rel="stylesheet" href="css/spreadjs/sheets/gc.spread.sheets.excelsmartcost.css">
    <link rel="stylesheet" href="css/ztree/zTreeStyle.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="fa fa-check-square-o"></i><span>待办</span></a></li>
          <li class="active"><a href="biaoduan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目"><i class="fa fa-list-ul"></i><span>项目</span></a></li>
          <li><a href="fenbao.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="总分包"><i class="fa fa-sitemap"></i><span>总分包</span></a></li>
        </ul>
      </div>
      <div class="nav-bottom mt-auto">
        <ul class="nav nav-pills nav-stacked bg-nav">
          <li><a href="settings-poj.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目设置"><i class="fa fa-cogs"></i><span>项目设置</span></a></li>
        </ul>
        <div class="dropright my-1 ml-1">
          <a href="" class="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="biaoduan-panel.html"><i class="fa fa-pie-chart"></i> <span>标段概况</span></a></li>
            </ul>
          </div>
          <div class="nav-box">
            <h3><i class="fa fa-list-alt"></i> 0号台帐</h3>
            <ul class="nav-list list-unstyled sub-list">
              <li class="active"><a href="taizhang.html"><span>台帐分解</span></a></li>
              <li><a href="taizhang-shenpi.html"><span>台帐审批</span></a></li>
              <li><a href=""><span>部位台帐</span></a></li>
              <li><a href="taizhang-duibi.html"><span>台帐对比</span></a></li>
              <li><a href="taizhang-bg.html"><span>台帐修订</span></a></li>
            </ul>
          </div>
          <div class="nav-box">
            <h3><i class="fa fa-calendar-check-o"></i> 计量台帐</h3>
            <ul class="nav-list list-unstyled sub-list">
              <li><a href="jiliang-qi.html"><span>期列表</span></a></li>
              <li><a href="jiliang-bj.html"><span>多期比较</span></a></li>
            </ul>
          </div>
          <div class="nav-box">
            <ul class="nav-list list-unstyled">
              <li><a href="biangeng.html"><i class="fa fa-retweet"></i> <span>工程变更</span></a></li>
            </ul>
          </div>
          <div class="nav-box">
            <ul class="nav-list list-unstyled">
              <li><a href="baobiao.html"><i class="fa fa-file-text-o"></i> <span>报表</span></a></li>
            </ul>
          </div>
          <div class="side-fold"><a href="javascript: void(0)" data-toggle="tooltip" data-placement="top" data-original-title="折叠侧栏" id="to-mini-menu"><i class="fa fa-upload fa-rotate-270"></i></a></div>
        </div>
      </div>
			<div class="panel-content">
				<div class="panel-title fluid"><!--收起详解目录添加类名 fluid -->
					<div class="title-main d-flex">
            <!--折起的菜单-->
            <!-- <div class="min-side d-flex">
              <div class="side-switch" data-container="body" data-toggle="popover" data-placement="bottom" data-content="点击这里打开收起的菜单栏">
                <i class="fa fa-bars"></i>
              </div>
              <div class="side-menu" style="display:none">
                <div class="nav-box">
                  <ul class="nav-list list-unstyled">
                    <li><a href="biaoduan-panel.html"><i class="fa fa-pie-chart"></i> <span>标段概况</span></a></li>
                  </ul>
                </div>
                <div class="nav-box">
                  <ul class="nav-list list-unstyled">
                    <li><a href="yufukuan-qi.html"><i class="fa fa-handshake-o"></i> <span>预付款</span></a></li>
                  </ul>
                </div>
                <div class="nav-box">
                  <h3><i class="fa fa-list-alt"></i> 0号台帐</h3>
                  <ul class="nav-list list-unstyled sub-list">
                    <li class="active"><a href="taizhang.html"><span>台帐分解</span></a></li>
                    <li><a href="taizhang-shenpi.html"><span>台帐审批</span></a></li>
                    <li><a href="taizhang-duibi.html"><span>清单对比</span></a></li>
                    <li><a href="taizhang-bg.html"><span>台帐修订</span></a></li>
                  </ul>
                </div>
                <div class="nav-box">
                  <h3><i class="fa fa-calendar-check-o"></i> 计量台帐</h3>
                  <ul class="nav-list list-unstyled sub-list">
                    <li><a href="jiliang-qi.html"><span>期列表</span></a></li>
                    <li><a href="jiliang-bj.html"><span>多期比较</span></a></li>
                  </ul>
                </div>
                <div class="nav-box">
                  <ul class="nav-list list-unstyled">
                    <li><a href="biangeng.html"><i class="fa fa-retweet"></i> <span>工程变更</span></a></li>
                  </ul>
                </div>
                <div class="nav-box">
                  <ul class="nav-list list-unstyled">
                    <li><a href="baobiao.html"><i class="fa fa-file-text-o"></i> <span>报表</span></a></li>
                  </ul>
                </div>
                <div class="side-fold"><a href="#" data-toggle="tooltip" data-placement="top" data-original-title="展开侧栏"><i class="fa fa-upload fa-rotate-90"></i></a></div>
              </div>
            </div> -->
            <div>
            <!--显示层级-->
              <div class="d-inline-block">
                <div class="dropdown">
                  <button class="btn btn-sm btn-light dropdown-toggle text-primary" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    <i class="fa fa-list-ol"></i> 显示层级
                  </button>
                  <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                    <a class="dropdown-item" href="#">第一层</a>
                    <a class="dropdown-item" href="#">第二层</a>
                    <a class="dropdown-item" href="#">第三层</a>
                    <a class="dropdown-item" href="#">第四层</a>
                    <a class="dropdown-item" href="#">第五层</a>
                    <a class="dropdown-item" href="#">最底层</a>
                    <a class="dropdown-item" href="#">只显示项目节</a>
                  </div>
                </div>
              </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-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-files-o" 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-scissors" 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-clipboard" 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 disabled" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="升级"><i class="fa fa-arrow-left" aria-hidden="true"></i></a>
                <a href="" class="btn btn-sm btn-light text-primary disabled" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="降级"><i class="fa fa-arrow-right" 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>
              </div>
              <div class="d-inline-block">
                <div class="input-group input-group-sm ml-2">
                  <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 class="d-inline-block ml-3">
                <a class="btn btn-sm btn-primary" href="#import" data-toggle="modal" data-target="#import" >导入</a>
                <a class="btn btn-sm btn-primary" href="#checking" data-toggle="modal" data-target="#checking" >数据检查</a>
              </div>
              <a href="#batch" data-toggle="modal" data-target="#batch" >批量添加子项弹窗</a>
              <a href="#del-node" data-toggle="modal" data-target="#del-node" >删除节点提示弹窗</a>
              <a href="#tips" data-toggle="modal" data-target="#tips" >粘贴数据弹窗</a>
              <!--
              <div class="d-inline-block">
                <div class="form-check-inline">
                  <label class="form-check-label">
                    <input type="checkbox" class="form-check-input">
                    审批过程
                  </label>
                </div>
                <div class="form-check-inline">
                  <label class="form-check-label">
                    <input type="checkbox" class="form-check-input">
                    台帐修订
                  </label>
                </div>
              </div> -->
            </div>
            <!--右侧操作-->
            <div class="ml-auto">
              <!--原报首次上报-->
			        <a href="#sub-sp" data-toggle="modal" data-target="#sub-sp" class="btn btn-primary btn-sm pull-right">上报审批</a>
              <!--被退回后，原报再次上报-->
              <!-- <a href="#sub-sp" 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-warning btn-sm pull-right text-dark">退回意见</a> -->
              <!--审批完成-->
				      <!-- <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-success 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-dark">审批中</a> -->
            </div>
					</div>
				</div>
				<div class="content-wrap row pr-46">
          <div class="c-header p-0 col-12"></div>
          <!--核心内容（两栏）-->
          <div class="row w-100 sub-content">
            <!--左栏-->
            <div class="c-body resize-left col-8">
              <!--0号台帐模式-->
              <div class="sjs-height-1" style="overflow-y: scroll;">
                <table class="table table-sm table-bordered">
                  <thead>
                    <tr>
                      <th rowspan="2">项目节编号</th><th rowspan="2">名称</th><th rowspan="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>数量1</th><th>数量2</th>
                    </tr>
                  </thead>
                  <tr><td>1</td><td>第一部分 建筑安装工程费</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
                  <tr><td>1-1</td><td>临时工程</td><td></td><td></td></td><td></td><td></td><td></td><td></td><td></td></tr>
                  <tr><td>1-1-6</td><td>临时道路修建、养护与拆除（包括原道路的养护费）</td><td></td><td></td></td><td></td><td></td><td></td><td></td></td><td></td></tr>
                  <tr><td>1-1-8</td><td>临时占地</td><td></td><td></td></td><td></td><td></td><td></td><td></td><td></td></tr>
                  <tr><td>1-1-9</td><td>临时供电设施</td><td></td><td></td></td><td></td><td></td><td></td><td></td><td></td></tr>
                  <tr><td>1-1-10</td><td>电讯设施的提供、维修与拆除</td><td></td><td></td></td><td></td><td></td><td></td><td></td><td></td></tr>
                  <tr><td>1-1-11</td><td>承包人驻地建设</td><td></td><td></td></td><td></td><td></td><td></td><td></td><td></td></tr>
                  <tr><td>1-2</td><td>路基工程</td><td></td><td></td></td><td></td><td></td><td></td><td></td><td></td></tr>
                  <tr><td>1-2-2</td><td>挖方</td><td></td><td></td></td><td></td><td></td><td></td><td></td><td></td></tr>
                  <tr><td>1-2-2-1</td><td>挖土方</td><td></td><td></td></td><td></td><td></td><td></td><td></td><td></td></tr>
                  <tr><td>1-2-2-1-1</td><td>挖路基土方</td><td></td><td></td></td><td></td><td></td><td></td><td></td><td></td></tr>
                  <tr><td>1-4-5</td><td>特、大桥工程（100≤L,40≤Lk）</td><td></td><td></td></td><td></td><td></td><td></td><td></td><td></td></tr>
                  <tr><td>1-4-5-1</td><td>×××（特）大桥（××结构类型）</td><td></td><td></td></td><td></td><td></td><td></td><td></td><td></td></tr>
                  <tr><td>1-4-5-1-1</td><td>桥台（台高××m）</td><td></td><td></td></td><td></td><td></td><td></td><td></td><td></td></tr>
                  <tr><td>1-4-5-1-1-1</td><td>桥台基础</td><td></td><td></td></td><td></td><td></td><td></td><td></td><td></td></tr>
                  <tr><td>1-4-5-1-1-1-1</td><td>桥台桩基础</td><td></td><td></td></td><td></td><td></td><td></td><td></td><td></td></tr>
                  <tr><td>1-4-5-1-1-1-2</td><td>桥台承台</td><td></td><td></td></td><td></td><td></td><td></td><td></td><td></td></tr>
                  <tr><td>1-4-5-1-2</td><td>桥台台身</td><td></td><td></td></td><td></td><td></td><td></td><td></td><td></td></tr>
                  <tr><td>1-4-5-1-3</td><td>桥台耳背墙</td><td></td><td></td></td><td></td><td></td><td></td><td></td><td></td></tr>
                  <tr><td>1-4-5-1-4</td><td>桥台台帽</td><td></td><td></td></td><td></td><td></td><td></td><td></td><td></td></tr>
                </table>
              </div>
              <div class="bcontent-wrap">
                <div class="resize-y" id="top-spr" r-Type="height" div1=".sjs-height-1" div2=".bc-bar" title="调整大小"><!--调整上下高度条--></div>
                <div class="bc-bar mb-1">
                  <ul class="nav nav-tabs">
                    <li class="nav-item">
                      <a class="nav-link active" href="#">计量单元</a>
                    </li>
                    <li class="nav-item">
                      <div class="ml-2">
                        <div class="d-inline-flex">
                          <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>
                        </div>
                        <div class="d-inline-flex">
                          <div class="input-group input-group-sm">
                            <input type="text" class="form-control" placeholder="输入名称查找">
                            <div class="input-group-append" >
                              <span class="input-group-text" id="basic-addon1">结果：20</span>
                            </div>
                            <div class="input-group-append" >
                              <button class="btn btn-outline-secondary" type="button" title="上一个"><i class="fa fa-angle-double-left"></i></button>
                              <button class="btn btn-outline-secondary" type="button" title="下一个"><i class="fa fa-angle-double-right"></i></button>
                            </div>
                          </div>
                        </div>
                      </div>
                    </li>
                  </ul>
                </div>
                <!--右键菜单-->
<!--                 <a href="#hebingzhuanghao" data-toggle="modal" data-target="#hebingzhuanghao" >合并起讫桩号</a>
 -->                <!--右键菜单-->
                <div class="sp-wrap" style="overflow-y: scroll;">
                  <table class="table table-sm table-bordered">
                    <thead>
                      <tr>
                        <th rowspan="2">计量单元</th><th rowspan="2">清单编号</th><th rowspan="2">名称</th><th rowspan="2">单位</th><th rowspan="2">单价</th><th colspan="2">台帐</th><th rowspan="2">图册号</th><th rowspan="2">备注</th>
                      </tr>
                      <tr>
                        <th>数量</th><th>金额</th>
                      </tr>
                    </thead>
                    <tr><td>1-4-5-1-1-1-1-1</td><td></td><td>0#桥台1#桩</td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
                    <tr><td></td><td>403-1-a</td><td>光圆钢筋(HPB235、HPB300)</td><td>kg</td><td></td><td></td><td></td><td></td><td></td></tr>
                    <tr><td></td><td>403-1-b</td><td>带肋钢筋(HRB335、HRB400))</td><td>kg</td><td></td><td></td><td></td><td></td><td></td></tr>
                    <tr><td></td><td>405-1-a</td><td>桩径150cm</td><td>kg</td><td></td><td></td><td></td><td></td><td></td></tr>
                    <tr><td>1-4-5-1-1-1-1-2</td><td></td><td>0#桥台2#桩</td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
                    <tr><td></td><td>403-1-a</td><td>光圆钢筋(HPB235、HPB300)</td><td>kg</td><td></td><td></td><td></td><td></td><td></td></tr>
                    <tr><td></td><td>403-1-b</td><td>带肋钢筋(HRB335、HRB400))</td><td>kg</td><td></td><td></td><td></td><td></td><td></td></tr>
                    <tr><td></td><td>405-1-a</td><td>桩径150cm</td><td>kg</td><td></td><td></td><td></td><td></td><td></td></tr>
                    <tr><td>1-4-5-1-1-1-1-3</td><td></td><td>0#桥台2#桩</td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
                    <tr><td></td><td>403-1-a</td><td>光圆钢筋(HPB235、HPB300)</td><td>kg</td><td></td><td></td><td></td><td></td><td></td></tr>
                    <tr><td></td><td>403-1-b</td><td>带肋钢筋(HRB335、HRB400))</td><td>kg</td><td></td><td></td><td></td><td></td><td></td></tr>
                    <tr><td></td><td>405-1-a</td><td>桩径150cm</td><td>kg</td><td></td><td></td><td></td><td></td><td></td></tr>
                  </table>
                </div>
              </div>
           </div>
             <!--右栏-->
            <div class="c-body resize-right col " style="">
              <div class="resize-x" id="top-spr2" r-Type="width" div1=".resize-left" div2=".resize-right" title="调整大小"><!--调整上下高度条--></div>
              <div class="tab-content">
                <!--查找定位-->
                <div id="search" class="tab-pane active">
                  <div class="sjs-bar-1">
                    <div class="input-group input-group-sm pb-1">
                      <input type="text" class="form-control" placeholder="可查找 项目节编号 / 清单编号 /名称" >
                      <div class="input-group-append">
                        <button class="btn btn-outline-secondary" type="button">搜索</button>
                      </div>
                    </div>
                  </div>
                  <div class="sjs-sh-1">
                    <table class="table table-sm table-bordered">
                      <tr><th>项目节编号</th><th>清单编号</th><th>名称</th><th>单位</th><th>单价</th><th>数量</th><th>完成率(%)</th></tr>
                    </table>
                  </div>
                </div>
                <!--项目节-->
                <div id="xiangmujie" class="tab-pane">
                  <div class="sjs-bar-2">
                    <div class="pb-1"><select class="form-control form-control-sm"><option>0号计量台帐部位参考(项目节)</option></select></div>
                  </div>
                  <div class="sjs-sh-2">
                    <table class="table table-bordered">
                      <tr><th></th><th>项目节编号</th><th>名称</th><th>单位</th></tr>
                    </table>
                  </div>
                </div>
                <!--清单-->
                <div id="qingdan" class="tab-pane">
                  <div class="sjs-bar-3">
                    <div class="pb-1"><select class="form-control form-control-sm"><option>0号计量台帐部位参考(项目节)</option></select></div>
                  </div>
                  <div class="sjs-sh-3">
                    <table class="table table-bordered">
                      <tr><th></th><th>清单编号</th><th>名称</th><th>单位</th></tr>
                    </table>
                  </div>
                </div>
                <!--签约清单-->
                <div id="qianyue" class="tab-pane">
                  <div class="sjs-bar-4">
                    <div class="pb-1"><a href="#upload-qianyue" data-toggle="modal" data-target="#upload-qianyue"  class="btn btn-sm btn-primary">上传签约清单</a></div>
                  </div>
                  <div class="sjs-sh-4">
                    <table class="table table-bordered">
                      <tr><th></th><th>清单编号</th><th>清单名称</th><th>单位</th><th>单价</th><th>数量</th><th>金额</th></tr>
                    </table>
                  </div>
                </div>
                <!--书签1-->
                <!-- <div id="shuqian" class="tab-pane">
                  <div class="sjs-bar"></div>
                  <div class="sjs-height-3">
                    <table class="table table-bordered">
                      <tr><th></th><th>项目节编号</th><th>清单编号</th><th>名称</th><th>单位</th></tr>
                      <tr><td></td><td>1-2-2-1-1-4</td><td></td><td>K3+004-K4+040</td><td></td></tr>
                      <tr><td></td><td></td><td>203-1-a</td><td>挖土方</td><td>m3</td></tr>
                    </table>
                  </div>
                  <div class="sjs-bottom">
                    <div class="form-group">
                      <label class="d-flex justify-content-between">书签批注<button type="button" class="btn btn-sm btn-outline-primary">编辑</button></label>
                      <p>这是批注详细内容。</p>
                      <textarea name="" class="form-control" placeholder="请输入书签批注" rows="9">这是批注详细内容。</textarea>
                      <div class="d-flex justify-content-end mt-3"><button type="button" class="btn btn-sm btn-outline-success"><i class="fa fa-check"></i> 提交</button>&nbsp;<button type="button" class="btn btn-sm btn-outline-danger"><i class="fa fa-close"></i>  取消</button></div>
                    </div>
                  </div>
                </div> -->
                <!--书签2-->
                <div id="shuqian" class="tab-pane">
                  <div class="sjs-bar-5 d-flex justify-content-between">
                    <div class="dropdown mr-2">
                      <a class="btn btn-sm btn-outline-secondary" id="dropdownMenuButton1" data-toggle="dropdown" title="优先显示"><i class="fa fa-list-ol"></i></a>
                      <div class="dropdown-menu" aria-labelledby="dropdownMenuButton1" style="min-width:60px">
                        <a class="dropdown-item" href="#"><i class="fa fa-list-ol"></i></a>
                        <a class="dropdown-item text-primary" href="#"><i class="fa fa-tag"></i></a>
                        <a class="dropdown-item text-success " href="#"><i class="fa fa-tag"></i></a>
                        <a class="dropdown-item text-danger " href="#"><i class="fa fa-tag"></i></a>
                        <a class="dropdown-item text-warning " href="#"><i class="fa fa-tag"></i></a>
                        <a class="dropdown-item text-info " href="#"><i class="fa fa-tag"></i></a>
                      </div>
                    </div>
                    <div class="input-group input-group-sm">
                      <input type="text" class="form-control" placeholder="可查找 项目节编号 / 清单编号 /名称">
                      <div class="input-group-append">
                        <button class="btn btn-outline-secondary" type="button">搜索</button>
                      </div>
                    </div>
                  </div>
                  <div class="sjs-sh-5" style="overflow: auto;">
                    <!--添加/编辑 新书签-->
                    <div class="card border-primary my-2">
                      <div class="card-header p-2">
                        <div class="dropdown">
                          <a class="pull-left mr-2" href="" id="dropdownMenuButton" data-toggle="dropdown"><i class="fa fa-tag text-primary" title="修改书签颜色"></i></a>
                          <div class="dropdown-menu" aria-labelledby="dropdownMenuButton" style="min-width:60px">
                            <a class="dropdown-item text-primary" href="#"><i class="fa fa-tint"></i></a>
                            <a class="dropdown-item text-success " href="#"><i class="fa fa-tint"></i></a>
                            <a class="dropdown-item text-danger " href="#"><i class="fa fa-tint"></i></a>
                            <a class="dropdown-item text-warning " href="#"><i class="fa fa-tint"></i></a>
                            <a class="dropdown-item text-info " href="#"><i class="fa fa-tint"></i></a>
                          </div>
                        </div>1-2-2-1-1-1 / K3+005-K4+021 &copy;
                      </div>
                      <div class="card-body p-2">
                        <p class="card-text">
                          <textarea name="" class="form-control"></textarea>
                        </p>
                          <div class="d-flex justify-content-between">
                      <!-- <div class="custom-control custom-switch mr-2">
                              <input type="checkbox" class="custom-control-input" id="customSwitch1">
                              <label class="custom-control-label" for="customSwitch1" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="这条书签近自己（添加人）可见"><i class="fa fa-users"></i> 仅自己可见</label>
                            </div> --><div class="custom-control custom-switch mr-2">
                              <input type="checkbox" class="custom-control-input custom-control-warning-input" id="customSwitch1">
                              <label class="custom-control-label custom-control-warning-label" for="customSwitch1" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="所有参与台帐审批管理的用户都可以看到这条书签"><i class="fa fa-users"></i> 参与者可见</label>
                              </div>
                            <div>
                            <button type="button" class="btn btn-sm btn-outline-danger mr-3"><i class="fa fa-close"></i>  删除书签</button><button type="button" class="btn btn-sm btn-outline-success"><i class="fa fa-check"></i> 确定</button>&nbsp;<button type="button" class="btn btn-sm btn-outline-secondary">取消</button></div></div>
                      </div>
                    </div>
                    <div class="card border-primary my-2 tag-item">
                      <div class="card-header p-2">
                        <div class="dropdown">
                          <a class="pull-left mr-2" href="" id="dropdownMenuButton" data-toggle="dropdown"><i class="fa fa-tag text-primary" title="修改书签颜色"></i></a>
                          <div class="dropdown-menu" aria-labelledby="dropdownMenuButton" style="min-width:60px">
                            <a class="dropdown-item text-primary" href="#"><i class="fa fa-tint"></i></a>
                            <a class="dropdown-item text-success " href="#"><i class="fa fa-tint"></i></a>
                            <a class="dropdown-item text-danger " href="#"><i class="fa fa-tint"></i></a>
                            <a class="dropdown-item text-warning " href="#"><i class="fa fa-tint"></i></a>
                            <a class="dropdown-item text-info " href="#"><i class="fa fa-tint"></i></a>
                          </div>
                        </div>1-2-2-1-1-1 / K3+005-K4+021<i class="fa fa-users pull-right text-warning"data-toggle="tooltip" data-placement="bottom" title="" data-original-title="所有参与台帐审批管理的用户都可以看到这条书签"></i>
                        <div class="pull-right edit-tag-btn"><a class="mr-1" href="#"><i class="fa fa-crosshairs"></i> 定位</a><a class="" href="#"><i class="fa fa-edit"></i> 编辑</a></div>
                      </div>
                      <div class="card-body p-2">
                        <p class="card-text">这是批注内容。</p>
                      </div>
                    </div>
                    <div class="card border-primary my-2 tag-item">
                      <div class="card-header p-2">
                        <div class="dropdown">
                          <a class="pull-left mr-2" href="" id="dropdownMenuButton" data-toggle="dropdown"><i class="fa fa-tag text-primary" title="修改书签颜色"></i></a>
                          <div class="dropdown-menu" aria-labelledby="dropdownMenuButton" style="min-width:60px">
                            <a class="dropdown-item text-primary" href="#"><i class="fa fa-tint"></i></a>
                            <a class="dropdown-item text-success " href="#"><i class="fa fa-tint"></i></a>
                            <a class="dropdown-item text-danger " href="#"><i class="fa fa-tint"></i></a>
                            <a class="dropdown-item text-warning " href="#"><i class="fa fa-tint"></i></a>
                            <a class="dropdown-item text-info " href="#"><i class="fa fa-tint"></i></a>
                          </div>
                        </div>1-2-2-1-1-4 / K3+004-K4+040
                        <div class="pull-right edit-tag-btn"><a class="mr-1" href="#"><i class="fa fa-crosshairs"></i> 定位</a><a class="" href="#"><i class="fa fa-edit"></i> 编辑</a></div>
                      </div>
                      <div class="card-body p-2">
                        <p class="card-text">这是批注内容这是批注内容这是批注内容这是批注内容这是批注内容这是批注内容这是批注内容这是批注内容</p>
                      </div>
                    </div>
                    <div class="card border-success my-2 tag-item">
                      <div class="card-header p-2">
                        <div class="dropdown">
                          <a class="pull-left mr-2" href="" id="dropdownMenuButton" data-toggle="dropdown"><i class="fa fa-tag text-success" title="修改书签颜色"></i></a>
                          <div class="dropdown-menu" aria-labelledby="dropdownMenuButton" style="min-width:60px">
                            <a class="dropdown-item text-primary" href="#"><i class="fa fa-tint"></i></a>
                            <a class="dropdown-item text-success " href="#"><i class="fa fa-tint"></i></a>
                            <a class="dropdown-item text-danger " href="#"><i class="fa fa-tint"></i></a>
                            <a class="dropdown-item text-warning " href="#"><i class="fa fa-tint"></i></a>
                            <a class="dropdown-item text-info " href="#"><i class="fa fa-tint"></i></a>
                          </div>
                        </div>203-1-a / 挖土方
                        <div class="pull-right edit-tag-btn"><a class="mr-1" href="#"><i class="fa fa-crosshairs"></i> 定位</a><a class="" href="#"><i class="fa fa-edit"></i> 编辑</a></div>
                      </div>
                      <div class="card-body p-2">
                        <p class="card-text">这是批注内容</p>
                      </div>
                    </div>
                    <div class="card border-danger my-2 tag-item">
                      <div class="card-header p-2">
                        <div class="dropdown">
                          <a class="pull-left mr-2" href="" id="dropdownMenuButton" data-toggle="dropdown"><i class="fa fa-tag text-danger" title="修改书签颜色"></i></a>
                          <div class="dropdown-menu" aria-labelledby="dropdownMenuButton" style="min-width:60px">
                            <a class="dropdown-item text-primary" href="#"><i class="fa fa-tint"></i></a>
                            <a class="dropdown-item text-success " href="#"><i class="fa fa-tint"></i></a>
                            <a class="dropdown-item text-danger " href="#"><i class="fa fa-tint"></i></a>
                            <a class="dropdown-item text-warning " href="#"><i class="fa fa-tint"></i></a>
                            <a class="dropdown-item text-info " href="#"><i class="fa fa-tint"></i></a>
                          </div>
                        </div>203-1-a / 挖土方
                        <div class="pull-right edit-tag-btn"><a class="mr-1" href="#"><i class="fa fa-crosshairs"></i> 定位</a><a class="" href="#"><i class="fa fa-edit"></i> 编辑</a></div>
                      </div>
                      <div class="card-body p-2">
                        <p class="card-text">这是批注内容。这是批注内容。这是批注内容。这是批注内容。这是批注内容。这是批注内容。这是批注内容。这是批注内容。这是批注内容。这是批注内容。这是批注内容。这是批注内容。这是批注内容。这是批注内容。这是批注内容。这是批注内容。这是批注内容。这是批注内容。这是批注内容。这是批注内容。这是批注内容。这是批注内容。这是批注内容。这是批注内容。这是批注内容。这是批注内容。这是批注内容。这是批注内容。</p>
                      </div>
                    </div>
                    <div class="card border-warning my-2 tag-item">
                      <div class="card-header p-2">
                        <div class="dropdown">
                          <a class="pull-left mr-2" href="" id="dropdownMenuButton" data-toggle="dropdown"><i class="fa fa-tag text-warning" title="修改书签颜色"></i></a>
                          <div class="dropdown-menu" aria-labelledby="dropdownMenuButton" style="min-width:60px">
                            <a class="dropdown-item text-primary" href="#"><i class="fa fa-tint"></i></a>
                            <a class="dropdown-item text-success " href="#"><i class="fa fa-tint"></i></a>
                            <a class="dropdown-item text-danger " href="#"><i class="fa fa-tint"></i></a>
                            <a class="dropdown-item text-warning " href="#"><i class="fa fa-tint"></i></a>
                            <a class="dropdown-item text-info " href="#"><i class="fa fa-tint"></i></a>
                          </div>
                        </div>203-1-a / 挖土方
                        <div class="pull-right edit-tag-btn"><a class="mr-1" href="#"><i class="fa fa-crosshairs"></i> 定位</a><a class="" href="#"><i class="fa fa-edit"></i> 编辑</a></div>
                      </div>
                      <div class="card-body p-2">
                        <p class="card-text">这是批注内容</p>
                      </div>
                    </div>
                    <div class="card border-info my-2 tag-item">
                      <div class="card-header p-2">
                        <div class="dropdown">
                          <a class="pull-left mr-2" href="" id="dropdownMenuButton" data-toggle="dropdown"><i class="fa fa-tag text-info" title="修改书签颜色"></i></a>
                          <div class="dropdown-menu" aria-labelledby="dropdownMenuButton" style="min-width:60px">
                            <a class="dropdown-item text-primary" href="#"><i class="fa fa-tint"></i></a>
                            <a class="dropdown-item text-success " href="#"><i class="fa fa-tint"></i></a>
                            <a class="dropdown-item text-danger " href="#"><i class="fa fa-tint"></i></a>
                            <a class="dropdown-item text-warning " href="#"><i class="fa fa-tint"></i></a>
                            <a class="dropdown-item text-info " href="#"><i class="fa fa-tint"></i></a>
                          </div>
                        </div>203-1-a / 挖土方
                        <div class="pull-right edit-tag-btn"><a class="mr-1" href="#"><i class="fa fa-crosshairs"></i> 定位</a><a class="" href="#"><i class="fa fa-edit"></i> 编辑</a></div>
                      </div>
                      <div class="card-body p-2">
                        <p class="card-text">这是批注内容</p>
                      </div>
                    </div>
                  </div>
                </div>
                <!--同层检查-->
                <div id="tongceng" class="tab-pane">
                  <div class="sjs-bar-6">
                    <div class="pb-1 d-flex">
                      <div class="dropdown">
                          <button class="btn btn-sm btn-outline-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="#">项目节、清单同层</a>
                            <a class="dropdown-item" href="#">项目节、清单编号同时为空</a>
                            <a class="dropdown-item" href="#">清单数量不等于计量单元之和</a>
                            <a class="dropdown-item" href="#">清单数量或单价为0</a>
                          </div>
                        </div>
                        <span class="ml-auto pr-2">检查时间：2020-08-01 13:20:25</span>
                    </div>
                  </div>
                  <div class="sjs-sh-6">
                    <table class="table table-bordered">
                      <tr><th>类型</th><th>清单编号</th><th>清单名称</th></tr>
                      <tr><td>项目节、清单同层</td><td></td><td></td></tr>
                      <tr><td>项目节、清单同层</td><td></td><td></td></tr>
                      <tr><td>项目节、清单编号同时为空</td><td></td><td></td></tr>
                      <tr><td>项目节、清单编号同时为空</td><td></td><td></td></tr>
                      <tr><td>项目节、清单编号同时为空</td><td></td><td></td></tr>
                      <tr><td>清单数量不等于计量单元之和</td><td></td><td></td></tr>
                      <tr><td>清单数量或单价为0</td><td></td><td></td></tr>
                      <tr><td>清单数量或单价为0</td><td></td><td></td></tr>
                    </table>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <!--右侧菜单-->
          <div class="side-menu">
            <!--右侧菜单-->
            <ul class="nav flex-column right-nav">
              <li class="nav-item">
                <a class="nav-link " data-toggle="tab" href="#search" role="tab">查找定位</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" data-toggle="tab" href="#xiangmujie" role="tab">项目节</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" data-toggle="tab" href="#qingdan" role="tab">工程量清单</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" data-toggle="tab" href="#qianyue" role="tab">签约清单</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" data-toggle="tab" href="#shuqian" role="tab">书签</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" data-toggle="tab" href="#tongceng" role="tab">数据检查</a>
              </li>
              <!-- <li class="nav-item">
                <a class="nav-link" data-toggle="tab" href="#qdshenpi" role="tab">台帐审批意见</a>
              </li> -->
            </ul>
          </div>
        </div>
			</div>
		</div>
  </div>
      <!--台帐变更-->
      <div class="modal fade" id="tz-bg" 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-bordered table-sm">
                      <tr>
                        <th>编号</th><td>tzbg-0001</td>
                        <th>名称</th><td>编写错漏1</td>
                        <th>创建时间</th><td>2017-11-23</td>
                        <th>完成时间</th><td>2017-12-06</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" data-toggle="modal" data-target="#loading" >确认上报</button>
                  </div>
              </div>
          </div>
      </div>
      <!--重新上报-->
      <div class="modal fade" id="sub-sp2" 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">
                    <div class="row">
                      <div class="col-4">
                        <a href="#sub-sp" data-toggle="modal" data-target="#sub-sp">修改审批流程</a>
                        <div class="card mt-3">
                          <ul class="list-group list-group-flush">
                            <li class="list-group-item"><i class="fa fa fa-play-circle fa-rotate-90"></i> 布尔  <small class="text-muted">施工</small></li>
                            <li class="list-group-item"><i class="fa fa-chevron-circle-down"></i> 张三  <small class="text-muted">监理</small></li>
                            <li class="list-group-item"><i class="fa fa-chevron-circle-down"></i> 王五 <small class="text-muted">监理</small></li>
                            <li class="list-group-item"><i class="fa fa fa-stop-circle"></i> 李四 <small class="text-muted">监理</small></li>
                          </ul>
                        </div>
                      </div>
                      <div class="col-8 modal-height-500" style="overflow: auto">
                        <!--显示上次退回意见-->
                        <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"><i class="fa fa-play-circle fa-rotate-90 text-success"></i> 布尔 <small class="text-muted">施工</small></h5>
                                 <p class="card-text"><small class="text-muted">2017-11-25</small></p>
                            </li>
                            <li class="list-group-item">
                              <span class="text-success pull-right">审批通过</span>
                               <h5 class="card-title"><i class="fa fa-chevron-circle-down text-success"></i> 张三 <small class="text-muted">监理</small></h5>
                                 <p class="card-text mb-1">审批意见</p>
                                 <p class="card-text"><small class="text-muted">2017-11-25</small></p>
                            </li>
                            <li class="list-group-item">
                              <span class="text-success pull-right">审批通过</span>
                               <h5 class="card-title"><i class="fa fa-chevron-circle-down text-success"></i> 王五 <small class="text-muted">监理</small></h5>
                                 <p class="card-text mb-1">审批意见</p>
                                 <p class="card-text"><small class="text-muted">2017-11-25</small></p>
                            </li>
                            <li class="list-group-item">
                              <span class="text-warning pull-right">审批退回 布尔</span>
                               <h5 class="card-title"><i class="fa fa-stop-circle text-warning"></i> 李四 <small class="text-muted">监理</small></h5>
                                 <p class="card-text mb-1">审批意见</p>
                                 <p class="card-text"><small class="text-muted">2017-11-25</small></p>
                            </li>
                          </ul>
                        </div>
                      </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="sp-list" 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">
                    <div class="row">
                      <div class="col-4">
                        <div class="card mt-3">
                          <ul class="list-group list-group-flush">
                            <li class="list-group-item"><i class="fa fa fa-play-circle fa-rotate-90"></i> 布尔  <small class="text-muted">施工</small></li>
                            <li class="list-group-item"><i class="fa fa-chevron-circle-down"></i> 张三  <small class="text-muted">监理</small></li>
                            <li class="list-group-item"><i class="fa fa-chevron-circle-down"></i> 王五 <small class="text-muted">监理</small></li>
                            <li class="list-group-item"><i class="fa fa fa-stop-circle"></i> 李四 <small class="text-muted">监理</small></li>
                          </ul>
                        </div>
                      </div>
                      <div class="col-8 modal-height-500" style="overflow: auto">
                        <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"><i class="fa fa-play-circle fa-rotate-90 text-success"></i> 布尔 <small class="text-muted">施工</small></h5>
                               <p class="card-text mb-1">审批意见</p>
                               <p class="card-text"><small class="text-muted">2017-11-25</small></p>
                            </li>
                            <li class="list-group-item">
                              <span class="text-success pull-right">审批通过</span>
                               <h5 class="card-title"><i class="fa fa-chevron-circle-down text-success"></i> 张三 <small class="text-muted">监理</small></h5>
                               <p class="card-text mb-1">审批意见</p>
                               <p class="card-text"><small class="text-muted">2017-11-25</small></p>
                            </li>
                            <li class="list-group-item">
                              <span class="text-success pull-right">审批通过</span>
                               <h5 class="card-title"><i class="fa fa-chevron-circle-down text-success"></i> 王五 <small class="text-muted">监理</small></h5>
                               <p class="card-text mb-1">审批意见</p>
                               <p class="card-text"><small class="text-muted">2017-11-25</small></p>
                            </li>
                            <li class="list-group-item">
                              <span class="text-warning pull-right">审批退回 布尔</span>
                               <h5 class="card-title"><i class="fa fa-stop-circle text-warning"></i> 李四 <small class="text-muted">监理</small></h5>
                               <p class="card-text mb-1">审批意见</p>
                               <p class="card-text"><small class="text-muted">2017-11-25</small></p>
                            </li>
                          </ul>
                        </div>
                        <!--退回原报重新上报-->
                        <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"><i class="fa fa-play-circle fa-rotate-90 text-success"></i> 布尔 <small class="text-muted">施工</small></h5>
                               <p class="card-text mb-1">审批意见</p>
                               <p class="card-text"><small class="text-muted">2017-11-25</small></p>
                            </li>
                            <li class="list-group-item">
                              <span class="text-success pull-right">审批通过</span>
                               <h5 class="card-title"><i class="fa fa-chevron-circle-down text-success"></i> 张三 <small class="text-muted">监理</small></h5>
                               <p class="card-text mb-1">审批意见</p>
                               <p class="card-text"><small class="text-muted">2017-11-25</small></p>
                            </li>
                            <li class="list-group-item">
                              <span class="text-warning pull-right">审批退回 张三</span>
                               <h5 class="card-title"><i class="fa fa-chevron-circle-down text-warning"></i> 王五 <small class="text-muted">监理</small></h5>
                               <p class="card-text mb-1">审批意见</p>
                               <p class="card-text"><small class="text-muted">2017-11-25</small></p>
                            </li>
                            <!--王五退回上一审批人 张三，张三重新审批-->
                            <li class="list-group-item">
                              <span class="pull-right">审批中</span>
                               <h5 class="card-title"><i class="fa fa-chevron-circle-down"></i> 张三 <small class="text-muted">监理</small></h5>
                            </li>
                            <li class="list-group-item">
                               <h5 class="card-title"><i class="fa fa-stop-circle"></i> 李四 <small class="text-muted">监理</small></h5>
                            </li>
                          </ul>
                        </div>
                      </div>
                    </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="upload-qianyue" data-backdrop="static">
          <div class="modal-dialog" role="document">
              <div class="modal-content">
                  <div class="modal-header">
                      <h5 class="modal-title">上传签约清单</h5>
                  </div>
                  <div class="modal-body">
                    <div class="form-group">
                      <label for="exampleFormControlFile1">Excel模板</label>
                      <div class="form-control form-control-plaintext"><a href="" class="btn btn-sm btn-link">下载模板</a></div>
                    </div>
                    <div class="form-group">
                      <label for="exampleFormControlFile1">选择文件</label>
                      <input type="file" class="form-control-file" id="exampleFormControlFile1">
                    </div>
                  </div>
                  <div class="modal-footer">
                    <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-sm btn-primary" >确认上传</button>
                  </div>
              </div>
          </div>
      </div>
      <!--批量添加子项弹窗-->
      <div class="modal fade" id="batch" data-backdrop="static">
          <div class="modal-dialog modal-xl" role="document">
              <div class="modal-content">
                  <div class="modal-header">
                      <h5 class="modal-title">批量插入部位</h5>
                  </div>
                  <div class="modal-body">
                    <div class="row">
                      <div class="col-6">
                        <h6>清单编号</h6>
                        <div class="batch-l-t">
                          <table class="table table-bordered">
                            <tr><th></th><th>编号</th><th>名称</th><th>单位</th><th>单价</th><th>图（册）号</th></tr>
                            <tr><th>清单1</th><td></td><td></td><td></td><td></td><td></td></tr>
                            <tr><th>清单2</th><td></td><td></td><td></td><td></td><td></td></tr>
                            <tr><th>清单3</th><td></td><td></td><td></td><td></td><td></td></tr>
                            <tr><th>清单4</th><td></td><td></td><td></td><td></td><td></td></tr>
                            <tr><th>清单5</th><td></td><td></td><td></td><td></td><td></td></tr>
                            <tr><th>清单6</th><td></td><td></td><td></td><td></td><td></td></tr>
                          </table>
                        </div>
                        <h6>部位数量复核表</h6>
                        <div class="batch-l-b">
                          <table class="table table-bordered">
                            <tr><th></th><th>部位</th><th>图（册）号</th><th>清单1</th><th>清单2</th><th>清单3</th><th>清单4</th></tr>
                          </table>
                        </div>
                      </div>
                      <div class="col-6">
                        <h6>签约清单</h6>
                        <div class="batch-r">
                          <table class="table table-bordered">
                            <tr><th></th><th>清单编号</th><th>清单名称</th><th>单位</th><th>单价</th></tr>
                          </table>
                        </div>
                      </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="import" 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>0号台帐</b> 格式的 .xls和.xlsx 文件，<a href="#">下载示例</a>。</p>
                    <div class="form-group">
                      <label for="exampleFormControlFile1">选择文件</label>
                      <input type="file" class="form-control-file" id="exampleFormControlFile1">
                    </div>
                    <!--导入后选项-->
                    <div>
                      <hr></hr>
                      <h6>选择导入的工作表</h6>
                      <div class="card p-2 mb-2 border-primary">
                        <div class="form-check">
                          <input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios1" value="option1" checked>
                          <label class="form-check-label" for="exampleRadios1">
                            分项清单（含部位明细）缩减版
                          </label>
                        </div>
                      </div>
                      <div class="card p-2 mb-2">
                        <div class="form-check">
                          <input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios2" value="option2" checked>
                          <label class="form-check-label" for="exampleRadios2">
                            分项清单（含部位明细）
                          </label>
                        </div>
                      </div>
                      <div class="card p-2 mb-2">
                        <div class="form-check">
                          <input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios3" value="option3" checked>
                          <label class="form-check-label" for="exampleRadios3">
                            项目清单
                          </label>
                        </div>
                      </div>
                      <div class="card p-2 mb-2">
                        <div class="form-check">
                          <input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios4" value="option4" checked>
                          <label class="form-check-label" for="exampleRadios4">
                            分项清单（只有项目节）
                          </label>
                        </div>
                      </div>
                      <div class="card p-2 mb-2">
                        <div class="form-check">
                          <input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios5" value="option5" checked>
                          <label class="form-check-label" for="exampleRadios5">
                            分项清单
                          </label>
                        </div>
                      </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="hebingzhuanghao" 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="mb-2" style="height:25px;line-height: 25px">
                      <div class="d-inline-block mr-3">
                        <div class="form-check">
                          <input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
                          <label class="form-check-label" for="defaultCheck1">
                            合并位置
                          </label>
                        </div>
                      </div>
                      <div class="d-inline-block">
                        <div class="form-check">
                          <input class="form-check-input" type="checkbox" value="" id="defaultCheck3">
                          <label class="form-check-label" for="defaultCheck3">
                            桩号连接符
                          </label>
                        </div>
                      </div>
                      <!--填写连接符-->
                      <div class="d-inline-block">
                          <select class="form-control form-control-sm m-0" >
                            <option>~（半角）</option>
                            <option>-（半角）</option>
                            <option>～（全角）</option>
                            <option>－（全角）</option>
                          </select>
                      </div>
                    </div>
                    <div class="modal-height-500">
                      <table class="table">
                        <thead><tr><th>起始桩号</th><th>终止桩号</th><th>位置</th><th>合并结果</th></tr></thead>
                      </table>
                    </div>
                  </div>
                  <div class="modal-footer">
                    <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">关闭</button>
                    <a href="jiliang-qi-detail-2.html" class="btn btn-sm btn-primary">确定</a>
                  </div>
              </div>
          </div>
      </div>
      <!--删除节点确认-->
      <div class="modal fade" id="del-node" 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">
                    <h6>确认删除「当前节点及子项」？</h6>
                    <h6>删除后，数据无法恢复，请谨慎操作。</h6>
                  </div>
                  <div class="modal-footer">
                    <button type="button" class="btn btn-sm btn-danger" >确定删除</button>
                    <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
                  </div>
              </div>
          </div>
      </div>
      <!--粘贴数据弹窗-->
      <div class="modal fade" id="tips" 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">
                    <h6>粘贴数据仅支持100行，超出部分请新增行后再进行录入。</h6>
                  </div>
                  <div class="modal-footer">
                    <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">关闭</button>
                  </div>
              </div>
          </div>
      </div>
      <!--数据检查-->
      <div class="modal fade" id="checking" 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="text-center my-3">
                      <button class="btn btn-primary px-5" data-toggle="modal" data-target="#checking2" data-dismiss="modal">开始检查</button>
                      <h6 class="text-center mt-3">数据检查可以为您排查有问题项</h6>
                    </div>
                  </div>
              </div>
          </div>
      </div>
      <!--数据检查-->
      <div class="modal fade" id="checking2" 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>数据检查，将检查罗列台帐中以下内容：</p>
                    <div class="card mb-2 p-2 border-success">
                      <div class="d-flex justify-content-between">
                        项目节、清单同层
                        <!-- <span class="text-muted">待检查</span> -->
                        <!-- <span class="text-muted"  title="检查中"><i class="fa fa-spinner fa-spin"></i></span> -->
                        <span class="text-success" title="完成"><i class="fa fa-check"></i></span>
                      </div>
                    </div>
                    <div class="card mb-2 p-2 border-success">
                      <div class="d-flex justify-content-between">
                        项目节、清单编号同时为空
                        <!-- <span class="text-muted">待检查</span> -->
                        <!-- <span class="text-muted" title="检查中"><i class="fa fa-spinner fa-spin"></i></span> -->
                        <span class="text-success" title="完成"><i class="fa fa-check"></i></span>
                      </div>
                    </div>
                    <div class="card mb-2 p-2 border-warning">
                      <div class="d-flex justify-content-between">
                        清单数量不等于计量单元之和
                        <!-- <span class="text-muted">待检查</span> -->
                        <!-- <span class="text-muted" title="检查中"><i class="fa fa-spinner fa-spin"></i></span> -->
                        <span class="text-warning" title="完成"><i class="fa fa-exclamation-triangle "></i></span>
                      </div>
                    </div>
                    <div class="card mb-2 p-2 border-success">
                      <div class="d-flex justify-content-between">
                        清单数量或单价为0
                        <!-- <span class="text-muted">待检查</span> -->
                        <!-- <span class="text-muted" title="检查中"><i class="fa fa-spinner fa-spin"></i></span> -->
                        <span class="text-success" title="完成"><i class="fa fa-check"></i></span>
                      </div>
                    </div>
                    <div class="card mb-2 p-2 border-success">
                      <div class="d-flex justify-content-between">
                        清单金额≠数量×单价
                        <!-- <span class="text-muted">待检查</span> -->
                        <!-- <span class="text-muted" title="检查中"><i class="fa fa-spinner fa-spin"></i></span> -->
                        <span class="text-success" title="完成"><i class="fa fa-check"></i></span>
                      </div>
                    </div>
                    <!-- <a href="#" class="btn btn-sm btn-block btn-primary">开始检查</a> -->
                    <!-- <a href="#" class="btn btn-sm btn-block btn-primary disabled">检查中,请等待...</a> -->
                    <p class="text-center text-warning">检查完成，发现问题，请查阅检查结果。</p>
                    <!-- <p class="text-center text-success">检查完成，没有任何问题。</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>
    <!-- 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" src="js/jquery.divresizer.js"></script>
    <!--计算高度-->
    <script type="text/javascript">
        autoFlashHeight();
        $('a[data-toggle="tab"]').on('shown.bs.tab', () => {
        autoFlashHeight();
      });
    $.divResizer({
          select: '#top-spr',
      });
    $.divResizer({
          select: '#top-spr2',
      });
      </script>
    <!--sjs-->
    <script>
        $(document).ready(function () {
        const data = [
            {
                名称:'0#桥台1#桩',
                位置:'',
                数量:126,
                图册号: '第四册',
            },{
                名称:'0#桥台2#桩',
                位置:'',
                数量:126,
                图册号: '第四册',
            },{
                名称:'0#桥台3#桩',
                位置:'',
                数量:126,
                图册号: '第四册',
            },{
                名称:'0#桥台4#桩',
                位置:'',
                数量:126,
                图册号: '第四册',
            },{
                名称:'8#桥台1#桩',
                位置:'',
                数量:126,
                图册号: '第四册',
            },{
                名称:'8#桥台2#桩',
                位置:'',
                数量:126,
                图册号: '第四册',
            },{
                名称:'8#桥台3#桩',
                位置:'',
                数量:126,
                图册号: '第四册',
            },{
                名称:'8#桥台4#桩',
                位置:'',
                数量:126,
                图册号: '第四册',
            }
          ];
          const spread = new GC.Spread.Sheets.Workbook($('#bills-spread2')[0], {
              sheetCount: 1
          });
          spread.getActiveSheet().setDataSource(data);
           spread.options.tabStripVisible = false;
        })
    </script>
    <script>
      $(document).ready(function () {
      const data = [
          {
              项目节编号: '1',
              清单编号: '',
              名称:'第一部分 建筑安装工程费',
              单位:'公路公里',
              单价: '',
              第1期数量: '',
              第1期金额: '',
              第2期数量: '',
              第2期金额: '',
          }, {
              项目节编号: '1-2',
              清单编号: '',
              名称:'路基工程',
              单位:'km',
              单价: '',
              第1期数量: '',
              第1期金额: '',
              第2期数量: '',
              第2期金额: '',
          }, {
              项目节编号: '1-2-2',
              清单编号: '',
              名称:'挖方',
              单位:'m3',
              单价: '',
              第1期数量: '',
              第1期金额: '',
              第2期数量: '',
              第2期金额: '',
          }, {
              项目节编号: '1-2-2-1',
              清单编号: '',
              名称:'挖土方',
              单位:'m3',
              单价: '',
              第1期数量: '',
              第1期金额: '',
              第2期数量: '',
              第2期金额: '',
          }, {
              项目节编号: '1-2-2-1-1',
              清单编号: '',
              名称:'挖路基土方',
              单位:'m3',
              单价: '',
              第1期数量: '',
              第1期金额: '',
              第2期数量: '',
              第2期金额: '',
          },{
              项目节编号: '',
              清单编号: '203-1-a',
              名称:'挖土方',
              单位:'m3',
              单价: '7.53',
              第1期数量: '',
              第1期金额: '',
              第2期数量: '',
              第2期金额: '',
          },{
              项目节编号: '1-4',
              清单编号: '',
              名称:'桥梁涵洞工程',
              单位:'km',
              单价: '',
              第1期数量: '',
              第1期金额: '',
              第2期数量: '',
              第2期金额: '',
          },{
              项目节编号: '1-4-5',
              清单编号: '',
              名称:'特、大桥工程（100≤L,40≤Lk）',
              单位:'m/座',
              单价: '',
              第1期数量: '',
              第1期金额: '',
              第2期数量: '',
              第2期金额: '',
          },{
              项目节编号: '1-4-5-1',
              清单编号: '',
              名称:'K66+258马坑渭河大桥',
              单位:'m2/m',
              单价: '',
              第1期数量: '',
              第1期金额: '',
              第2期数量: '',
              第2期金额: '',
          },{
              项目节编号: '1-4-5-1-1',
              清单编号: '',
              名称:'桥台（台高××m）',
              单位:'m2/m',
              单价: '',
              第1期数量: '',
              第1期金额: '',
              第2期数量: '',
              第2期金额: '',
          },{
              项目节编号: '1-4-5-1-1-1',
              清单编号: '',
              名称:'桥台基础',
              单位:'',
              单价: '',
              第1期数量: '',
              第1期金额: '',
              第2期数量: '',
              第2期金额: '',
          },{
              项目节编号: '1-4-5-1-1-1-1',
              清单编号: '',
              名称:'桥台桩基础',
              单位:'m3/处',
              单价: '',
              第1期数量: '',
              第1期金额: '',
              第2期数量: '',
              第2期金额: '',
          },{
              项目节编号: '',
              清单编号: '403-1-a',
              名称:'I级钢筋(包括基础、承台、支撑梁等)',
              单位:'kg',
              单价: '5.18',
              第1期数量: '',
              第1期金额: '',
              第2期数量: '',
              第2期金额: '',
          },{
              项目节编号: '',
              清单编号: '403-1-b',
              名称:'II级钢筋(包括基础、承台、支撑梁等)',
              单位:'kg',
              单价: '5.18',
              第1期数量: '',
              第1期金额: '',
              第2期数量: '',
              第2期金额: '',
          },{
              项目节编号: '',
              清单编号: '403-1-c',
              名称:'桩径1.5m',
              单位:'m',
              单价: '2983.69',
              第1期数量: '',
              第1期金额: '',
              第2期数量: '',
              第2期金额: '',
          },{
              项目节编号: '1-4-5-1-1-1-2',
              清单编号: '',
              名称:'桥台承台',
              单位:'m3/处',
              单价: '',
              第1期数量: '',
              第1期金额: '',
              第2期数量: '',
              第2期金额: '',
          },{
              项目节编号: '',
              清单编号: '403-1-a',
              名称:'II级钢筋(包括基础、承台、支撑梁等)',
              单位:'kg',
              单价: '5.18',
              第1期数量: '',
              第1期金额: '',
              第2期数量: '',
              第2期金额: '',
          },{
              项目节编号: '',
              清单编号: '410-1-b',
              名称:'C25混凝土',
              单位:'M3',
              单价: '5.18',
              第1期数量: '',
              第1期金额: '',
              第2期数量: '',
              第2期金额: '',
          },
        ];
        const spread = new GC.Spread.Sheets.Workbook($('#bills-spread')[0], {
            sheetCount: 1
        });
        spread.getActiveSheet().setDataSource(data);
         spread.options.tabStripVisible = false;
      })
    </script>
</body>

</html>