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


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302
							<!DOCTYPE html>
<html lang=zh-cn>
<head>
	<meta charset=utf-8>
	<title>纵横计量支付系统</title>
	<meta name=description content=计量支付>
	<meta name=copyright content=smartcost.com.cn>
	<link rel=stylesheet href=css/bootstrap.css>
	<link rel=stylesheet href=css/style.css>
	<script src=js/jquery-1.9.1.min.js></script>
	<script src=js/bootstrap.js></script>
	<script src=js/jl.js></script>
</head>
<body><div class="wrapHeader"><h1 title="纵横计量支付" class="mainLogo"></h1><div class="userInfo"><img src="images/avtra.png" class="fR">
			<div class="btn-group">
                <button data-toggle="dropdown" class="btn btn-inverse dropdown-toggle">张三&nbsp;<span class="caret"></span></button>
                <ul class="dropdown-menu">
                  <li><a href="#">个人信息</a></li>
                  <li><a href="#"><span data-icon="r" aria-hidden="true"></span>&nbsp;工作组</a></li>
                  <li><a href="#"><span data-icon="B" aria-hidden="true"></span>&nbsp;我的任务</a></li>
                  <li class="divider"></li>
                  <li><a href="#">帮助中心</a></li>
                  <li><a href="#">退出</a></li>
                </ul>
        	</div>
          </div>
    </div>
    <div class="wrapContent">
    	<div class="mainSidebar">
    		<div class="mainNav">
    			<ul>
            <li><a href="w-project.html"  class="focus" title="项目管理"><div data-icon="A" aria-hidden="true" class="navIcon"></div>项目管理</a></li>
            <li><a href="r-project.html" title="需审批项目"><div data-icon="C" aria-hidden="true" class="navIcon"></div>审批项目</a><span class="badge badge-warning">4</span></li>
            <li><a href="s-project.html" title="我编制的项目"><div data-icon="B" aria-hidden="true" class="navIcon"></div>编制项目</a></li>
            <li><a href="" title="生成报表"><div data-icon="D" aria-hidden="true" class="navIcon"></div>报表</a></li>
            <li><a href="" title="数据汇总"><div data-icon="E" aria-hidden="true" class="navIcon"></div>汇总</a></li>
    			</ul>
    		</div>
    	</div>
    	<div class="mainContainer">
    		<!--内容-->
      <div class="mainContent">
      <div class="title clearfix">
        <ul class="nav nav-pills">
          <li class="dropdown"><a href="w-project.html" title="返回"><span class="closePanel" aria-hidden="true" data-icon="Z"></span></a></li>
          <li class="dropdown">
            <a href="#" data-toggle="dropdown" class="dropdown-toggle">
              黄金大桥项目<b class="caret"></b>
            </a>
            <ul class="dropdown-menu">
              <li><a href="#">重庆XX至XX公路</a></li>
              <li><a href="#">重庆XX至XX公路</a></li>
              <li><a href="#">重庆XX至XX公路</a></li>
              <li><a href="#">重庆XX至XX公路</a></li>
            </ul>
          </li>
        </ul>
        <div class="fR">
          <a class="btn btn-primary" href="#addsection" data-toggle="modal"><i class="icon-plus-sign icon-white"></i> 添加标段类型</a> <a href="#pojoption" data-toggle="modal" class="btn"><i class="icon-cog"></i> 项目设置</a>
        </div>
      </div>
      <!--导航-->
      <ul class="nav nav-tabs">
      <li>
      <a href="w-project-detail.html">项目汇总</a>
      </li>
      <li class="active"><a href="w-project-section.html">标段列表</a></li>
      </ul>
      <!--导航-->
    <div class="project">
      <div class="proSection">
          <table class="table">
          <thead>
            <tr>
              <td width="150"><span aria-hidden="true" data-icon="u"></span> 土建合同 <a href="#secoption" data-toggle="modal" title="编辑/查看KEY"><span data-icon="S" aria-hidden="true" class="closePanel" data-placement="bottom" data-toggle="tooltip" data-original-title="查看KEY" style="font-size:18px"></span></a></td>
              <td width="50">总价：</td><td width="165">￥<b style="font-size:16px">123,122,212.00</b></td>
              <td width="60">完成进度：</td><td><div class="progress">
                <div class="progress-bar progress-bar-success" style="width:65%;" data-placement="bottom" data-toggle="tooltip" data-original-title="累计完成：￥731,121,121.00">65%</div>
                <div class="progress-bar progress-bar-danger" style="width:35%;" data-placement="bottom" data-toggle="tooltip" data-original-title="未完成：￥71,121,121.00">35%</div>
              </div></td>
            </tr>
            </thead>
          </table>
          <table class="table table-striped table-hover">
            <thead>
            <tr><th class="taC"  width="225">标段名</th><th class="taC" width="140">计量期数</th><th width="115" class="taC">总价</th><th class="taC" width="">截止上期累计完成/本期完成/未完成</th></tr></thead>
            <tbody>
            <tr>
            <td><a href="w-project-section-detail.html">GZ-HJDQ-JL-001（点我）</a></td>
            <td class="">共 5 期（本期 <span class="colOrange">审批中</span>）</td>
            <td class="taR">￥5,000,000.00</td>
            <td>
              <div class="progress">
                <div class="progress-bar progress-bar-success" style="width: 45%;" data-placement="bottom" data-toggle="tooltip" data-original-title="截止上期累计完成：￥731,121,121.00">45%</div>
                <div class="progress-bar" style="width:25%;" data-placement="bottom" data-toggle="tooltip" data-original-title="本期完成：￥31,121,121.00">25%</div>
                <div class="progress-bar progress-bar-gary" style="width:30%;" data-placement="bottom" data-toggle="tooltip" data-original-title="未完成：￥71,121,121.00">30%</div>
              </div>
            </td>
            </tr>
            <tr>
            <td><a href="w-project-section-detail.html">GZ-HJDQ-JL-002</a></td>
            <td class="">共 2 期（本期 <span class="colGreen">已完成</span>）</td>
            <td class="taR">￥233,453,000.00</td>
            <td>
              <div class="progress">
                <div class="progress-bar progress-bar-success" style="width: 29%;" data-placement="bottom" data-toggle="tooltip" data-original-title="截止上期累计完成：￥731,121,121.00">29%</div>
                <div class="progress-bar" style="width:5%;" data-placement="bottom" data-toggle="tooltip" data-original-title="本期完成：￥31,121,121.00">5%</div>
                 <div class="progress-bar progress-bar-gary" style="width:66%;" data-placement="bottom" data-toggle="tooltip" data-original-title="未完成：￥71,121,121.00">66%</div>
              </div>
            </td>
            </tr>
            <tr>
            <td><a href="w-project-section-detail.html">GZ-HJDQ-JL-003</a></td>
            <td class="">共 0 期（本期 <span class="colGray">未上报</span>）</td>
            <td class="taR">￥0.00</td>
            <td>
              <div class="progress">
                <div class="progress-bar progress-bar-success" style="width:0%;" data-placement="bottom" data-toggle="tooltip" data-original-title="截止上期累计完成：￥0.00">15%</div>
                <div class="progress-bar" style="width:0" data-placement="bottom" data-toggle="tooltip" data-original-title="本期完成：￥0.00">0%</div>
                 <div class="progress-bar progress-bar-gary" style="width:0" data-placement="bottom" data-toggle="tooltip" data-original-title="未完成：￥0.00">0%</div>
              </div>
            </td>
            </tr>
          </tbody></table>
      </div>
      <div class="proSection">
          <table class="table">
          <thead>
            <tr>
              <td width="150"><span aria-hidden="true" data-icon="u"></span> 监理合同 <a href="#secoption" data-toggle="modal" title="编辑/查看KEY"><span data-icon="S" aria-hidden="true" class="closePanel" data-placement="bottom" data-toggle="tooltip" data-original-title="查看KEY" style="font-size:18px"></span></a></td>
              <td width="90">累计合同计量：</td><td width="165">￥<b style="font-size:16px">123,122,212.00</b></td>
              <td width="60">完成进度：</td><td><div class="progress">
                <div class="progress-bar progress-bar-success" style="width:25%;" data-placement="bottom" data-toggle="tooltip" data-original-title="累计完成：￥731,121,121.00">25%</div>
                <div class="progress-bar progress-bar-danger" style="width:75%;" data-placement="bottom" data-toggle="tooltip" data-original-title="未完成：￥71,121,121.00">75%</div>
              </div></td>
            </tr>
            </thead>
          </table>
          <table class="table table-striped table-hover">
            <thead>
            <tr><th class="taC"  width="225">标段名</th><th class="taC" width="140">计量期数</th><th width="115" class="taC">累计合同计量</th><th class="taC" width="">截止上期累计完成/本期完成/未完成</th></tr></thead>
            <tbody>
            <tr>
            <td><a href="w-project-section-detail.html">GZ-HJDQ-JL-001（点我）</a></td>
            <td class="">共 5 期（本期 <span class="colOrange">审批中</span>）</td>
            <td class="taR">￥5,000,000.00</td>
            <td>
              <div class="progress">
                <div class="progress-bar progress-bar-success" style="width: 45%;" data-placement="bottom" data-toggle="tooltip" data-original-title="截止上期累计完成：￥731,121,121.00">45%</div>
                <div class="progress-bar" style="width:25%;" data-placement="bottom" data-toggle="tooltip" data-original-title="本期完成：￥31,121,121.00">25%</div>
                <div class="progress-bar progress-bar-gary" style="width:30%;" data-placement="bottom" data-toggle="tooltip" data-original-title="未完成：￥71,121,121.00">30%</div>
              </div>
            </td>
            </tr>
            <tr>
            <td><a href="w-project-section-detail.html">GZ-HJDQ-JL-002</a></td>
            <td class="">共 2 期（本期 <span class="colGreen">已完成</span>）</td>
            <td class="taR">￥233,453,000.00</td>
            <td>
              <div class="progress">
                <div class="progress-bar progress-bar-success" style="width: 29%;" data-placement="bottom" data-toggle="tooltip" data-original-title="截止上期累计完成：￥731,121,121.00">29%</div>
                <div class="progress-bar" style="width:5%;" data-placement="bottom" data-toggle="tooltip" data-original-title="本期完成：￥31,121,121.00">5%</div>
                 <div class="progress-bar progress-bar-gary" style="width:66%;" data-placement="bottom" data-toggle="tooltip" data-original-title="未完成：￥71,121,121.00">66%</div>
              </div>
            </td>
            </tr>
            <tr>
            <td><a href="w-project-section-detail.html">GZ-HJDQ-JL-003</a></td>
            <td class="">共 3 期（本期 <span class="colOrange">审批中</span>）</td>
            <td class="taR">￥6,453,000.00</td>
            <td>
              <div class="progress">
                <div class="progress-bar progress-bar-success" style="width:15%;" data-placement="bottom" data-toggle="tooltip" data-original-title="截止上期累计完成：￥731,121,121.00">15%</div>
                <div class="progress-bar" style="width:45%;" data-placement="bottom" data-toggle="tooltip" data-original-title="本期完成：￥31,121,121.00">45%</div>
                 <div class="progress-bar progress-bar-gary" style="width:40%;" data-placement="bottom" data-toggle="tooltip" data-original-title="未完成：￥71,121,121.00">40%</div>
              </div>
            </td>
            </tr>
          </tbody></table>
      </div>
    </div>
  </div>
        <!--内容-->
    	</div>
    </div>
    <!-- 添加标段类型弹出 -->
    <div id="addsection" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3 id="myModalLabel">添加标段类型</h3>
      </div>
      <div class="modal-body">

      <div class="form">
        <form class="form-horizontal">
          <div class="form-group">
            <label class="control-label col-sm-3" for="inputEmail">标段类型名称</label>
            <div class="col-sm-8">
              <input type="text" class="form-control" placeholder="输入标段名称" value="">
            </div>
          </div>
        </form>
      </div>
      </div>
      <div class="modal-footer">
        <button class="btn btn-default" data-dismiss="modal" aria-hidden="true">关闭</button>
        <button class="btn btn-primary">保存</button>
      </div>
    </div>
  </div>
    </div>
    <!-- 添加标段类型弹出 -->
    <!-- 项目设置弹出 -->
    <div id="pojoption" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="modal-dialog">
        <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3 id="myModalLabel">项目设置</h3>
      </div>
      <div class="modal-body">

      <div class="form">
        <form class="form-horizontal">
          <div class="control-group">
            <label class="control-label" for="inputEmail">项目名称</label>
            <div class="controls">
              <input type="text" placeholder="输入项目名称" value="黄金大桥项目">
            </div>
          </div>
          <div class="control-group">
            <label class="control-label" for="inputPassword">KEY</label>
            <div class="controls">
              <input type="text" placeholder="这是该项目的KEY" value="QWESD134SD123" readonly class="span2"> <button class="btn" >复制</button>
            </div>
          </div>
          <div class="control-group">
            <label class="control-label" for="inputEmail">颜色标识</label>
            <div class="controls">
              <ul class="pjColorList">
              <li class="pjColor pj-c1 pjSelect"></li>
              <li class="pjColor pj-c2"></li>
              <li class="pjColor pj-c3"></li>
              <li class="pjColor pj-c4"></li>
              <li class="pjColor pj-c5"></li>
              <li class="pjColor pj-c6"></li>
              <li class="pjColor pj-c7"></li>
              <li class="pjColor pj-c8"></li>
              </ul>
            </div>
          </div>
        </form>
      </div>
      </div>
      <div class="modal-footer">
        <button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
        <button class="btn btn-primary">保存</button>
      </div>
    </div>
    </div>
    </div>
    <!-- 项目设置弹出 -->
    <!-- 标段类型设置弹出 -->
    <div id="secoption" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog">
        <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3 id="myModalLabel">标段类型设置</h3>
      </div>
      <div class="modal-body">

      <div class="form">
        <form class="form-horizontal">
          <div class="form-group">
            <label class="control-label col-sm-3" for="inputEmail">标段类型名称</label>
            <div class="col-sm-8">
              <input type="text" class="form-control" placeholder="输入类型类型名称" value="路基工程">
            </div>
          </div>
          <div class="form-group">
            <label class="control-label col-sm-3" for="inputPassword">KEY</label>
            <div class="col-sm-8">
              <input type="text" class="form-control" placeholder="这是该项目的KEY" value="QWESD134SD123" readonly class="span2" onfocus="this.select()" onmouseover="this.focus()"><button class="btn btn-default" >复制</button>
              <p>如果"复制"按钮无法使用，请全选后使用快捷键<b>Ctrl C</b>复制，或者鼠标右键KEY使用复制选项。</p>
            </div>
          </div>
        </form>
      </div>
      </div>
      <div class="modal-footer">
        <button class="btn btn-default" data-dismiss="modal" aria-hidden="true">关闭</button>
        <button class="btn btn-primary">保存</button>
      </div>
    </div>
    </div>
    </div>
    <!-- 标段类型设置弹出 -->
<script type="text/javascript">autoFlashHeight();</script>
</body>