measureSAAS/biaoduan.html

<!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">
</head>

<body>
  <div class="header">
		<h1 class="logo"><a>主页-纵横变更管理系统</a></h1>
    <div class="poj-name">
      <span class="name">项目A</span>
      <div class="btn-group">
        <a class=" btn" data-toggle="dropdown" >
          <span class="fa fa-caret-down" data-toggle="tooltip" data-placement="bottom" title="切换项目"></span>
        </a>
        <div class="dropdown-menu">
         <a href="#" class="dropdown-item">项目B</a>
         <a href="#" class="dropdown-item">项目C</a>
         <a href="#" class="dropdown-item">项目D</a>
       </div>
     </div><a href="settings-poj.html" class="btn" data-toggle="tooltip" data-placement="bottom" title="项目设置"><i class="fa fa-cogs"></i></a>
    </div>
		<div class="header-box">
			<div class="header-nav"></div>
			<div class="header-user pull-right">
				<div class="avatar btn-group">
					<a class="dropdown-toggle" data-toggle="dropdown">
						<span class="pic"><img src="img/avatar.png"></span>
						<span>张三</span>
						<span class="caret"></span>
					</a>
					<div class="dropdown-menu">
					 <a href="#"  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 class="msg">
					<a>
					<i class="fa fa-bell"></i><sup >0</sup>
					</a>
				</div>
			</div>
		</div>
	</div>
	<div class="main">
		<div class="main-nav">
			<div class="nav-top">
				<ul class="nav nav-pills flex-column nav-fill bg-nav">
					<li class="nav-item"><a href="dashboard.html" data-toggle="tooltip" data-placement="right" title="主页"><i class="fa fa-dashboard"></i></a></li>
          <li class="nav-item active"><a href="biaoduan.html" data-toggle="tooltip" data-placement="right" title="标段管理"><i class="fa fa-list-ul"></i></a></li>
					<li class="nav-item"><a href="taizhang.html" data-toggle="tooltip" data-placement="right" title="台帐管理"><i class="fa fa-list-alt"></i></a></li>
					<li class="nav-item"><a href="jiliang.html" data-toggle="tooltip" data-placement="right" title="计量管理"><i class="fa fa-calendar-check-o"></i></a></li>
					<li class="nav-item"><a href="biangeng.html" data-toggle="tooltip" data-placement="right" title="变更管理"><i class="fa fa-retweet"></i></a></li>
					<li class="nav-item"><a href="hetong.html" data-toggle="tooltip" data-placement="right" title="合同管理"><i class="fa fa-handshake-o"></i></a></li>
				</ul>
			</div>
		</div>
		<div class="main-panel">
			<div class="panel-content">
				<div class="panel-title fluid">
					<div class="title-main"><h2>标段管理<a href="#add-bd" data-toggle="modal" data-target="#add-bd" class="btn btn-sm btn-primary pull-right">新建标段</a></h2></div>
				</div>
				<div class="content-wrap">
					<div class="c-header">
            <div>
              <div class="form-check-inline">
                <label class="form-check-label">
                  <input class="form-check-input" type="checkbox">
                  查看计量概况
                </label>
              </div>
              <div class="form-check-inline">
                <select class="form-control form-control-sm">
                  <option>标段类型筛选</option>
                  <option>土建标</option>
                </select>
              </div>
            </div>
					</div>
					<div class="c-body">
            <table class="table table-bordered table-sm">
              <thead><th>名称</th><th>标段类型</th><th>计量期数</th><th>创建时间</th><th width="150">管理</th></thead>
              <tr><td><a href="jiliang.html">WWUJ-2</a></td><td>土建标</td><td>15</td><td>2017-12-1</td><td><a  href="#add-bd" data-toggle="modal" data-target="#add-bd" class="btn btn-outline-primary btn-sm">编辑</a> <a href="#del-bd" data-toggle="modal" data-target="#del-bd" class="btn btn-outline-danger btn-sm">删除</a></td></tr>
            </table>
            <!--包含计量概况-->
            <table class="table table-bordered table-sm">
              <thead>
                <th>名称</th>
                <th>标段类型</th>
                <th>计量期数</th>
                <th>审批状态</th>
                <th>0号台帐合同</th>
                <th>本期完成</th>
                <th>截止本期合同</th>
                <th>截止本期变更</th>
                <th>接着本期完成</th>
                <th>截止上期完成</th>
                <th>本期应付</th>
              </thead>
              <tr>
                <td><a href="jiliang.html">WWUJ-2</a></td>
                <td>土建标</td>
                <td>15</td>
                <td>审批中</td>
                <td>0</td>
                <td>0</td>
                <td>0</td>
                <td>0</td>
                <td>0</td>
                <td>0</td>
                <td>0</td>
              </tr>
            </table>
					</div>
				</div>
			</div>
		</div>
	</div>
  <!--弹出添加标段-->
  <div class="modal fade" id="add-bd" data-backdrop="static">
      <div class="modal-dialog" role="document">
          <div class="modal-content">
              <div class="modal-header">
                  <h5 class="modal-title">添加新标段</h5>
              </div>
              <div class="modal-body">
                <div class="form-group">
                  <label>标段名称<b class="text-danger">*</b></label>
                  <input class="form-control"  placeholder="输入标段名称" type="text">
                </div>
                <div class="form-group">
                  <label>标段类型</label>
                  <select class="form-control">
                    <option>土建标</option>
                    <option>XX标</option>
                    <option>YY标</option>
                  </select>
                </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="del-bd" 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">
                <h5>删除后，数据无法恢复，请谨慎操作。</h5>
              </div>
              <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-danger">确定删除</button>
              </div>
          </div>
      </div>
  </div>
    <!-- JS. -->
    <script src="js/jquery/jquery-3.2.1.min.js"></script>
    <script src="js/popper/popper.min.js"></script>
    <script src="js/bootstrap/bootstrap.min.js"></script>
    <script src="js/global.js"></script>
</body>

</html>