<!DOCTYPE html>
<html lang=zh-cn>
    <head>
	<meta charset="utf-8">
	<title>纵横计量支付系统</title>
	<meta name="description" content="计量支付">
	<meta name="copyright" content="smartcost.com.cn">
		<meta name="viewport" content="width=device-width,initial-scale=1.0">
	<link rel="stylesheet" href="{{rootUrl}}global/css/bootstrap.css">
	<link rel="stylesheet" href="{{rootUrl}}global/css/style.css">
    </head>
    <body>
	<!-- include "top" -->
	<div class="wrapContent">
	    <!-- include "left" -->
	    <div class="mainContainer">
		<!--内容-->
		<div class="mainContent">
		    <div class="title clearfix">
			<ul class="nav nav-pills">
			    <li class="dropdown"><a href="{{rootUrl}}project/index" title="返回"><span class="closePanel" aria-hidden="true" data-icon="Z"></span></a></li>
			    <li class="dropdown">
				<a href="{{rootUrl}}project/{{currProID}}/section" data-toggle="dropdown" class="dropdown-toggle">
				    {{currProName}}<b class="caret"></b>
				</a>
				<ul class="dropdown-menu">
				    <!-- loop othrPro -->
				    <li><a href="{{rootUrl}}project/{{othrPro' value.pid}}/section">{{othrPro' value.pname}}</a></li>
				    <!-- endloop -->
				</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="{{rootUrl}}project/{{pid}}/overview">项目汇总</a>
			</li>
			<li class="active"><a href="{{rootUrl}}project/{{pid}}/section">标段列表</a></li>
		    </ul>
		    <!--导航-->
		    {{htmlstr}}
		</div>
		<!--内容-->
	    </div>
	</div>
	<!-- 添加标段类型弹出 -->
	<div id="addsection" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	    <form class="form-horizontal" method="post" name="tenderform">
		<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">
			<div class="control-group">
			    <label class="control-label" for="inputEmail">标段类型名称</label>
			    <div class="controls">
				<input type="text" placeholder="输入标段类型名称" id="secname" name="secname" />
			    </div>
			</div>
		    </div>
		</div>
		<div class="modal-footer">
		    <button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
		    <input type="submit" name="secsub" id="secsub" class="btn btn-primary" value="保存" />
		</div>
	    </form>
	</div>
	<!-- 添加标段类型弹出 -->
	<!-- 项目设置弹出 -->
	<div id="pojoption" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	    <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">
			    </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 id="secoption" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	    <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">
		<form class="form-horizontal" method="post">
		    <input id="stid" name="stid" type="hidden" value="0" />
		    <div class="form">
			<div class="control-group">
			    <label class="control-label" for="inputEmail">标段类型名称</label>
			    <div class="controls">
				<input id="proname" name="proname" type="text" placeholder="输入类型类型名称">
			    </div>
			</div>
			<div class="control-group">
			    <label class="control-label" for="inputPassword">KEY</label>
			    <div class="controls">
				<input id="key" type="text" placeholder="这是该项目的KEY" value="QWESD134SD123"  class="span2"  onfocus="this.select()" onmouseover="this.focus()">
			    </div>
			</div>
		    </div>
	    </div>
	    <div class="modal-footer">
		<button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
		<button class="btn btn-primary">保存</button>
	    </div>
	</form>
    </div>
    <!-- 标段类型设置弹出 -->
    <script src={{rootUrl}}global/js/jquery-1.9.1.min.js></script>
    <script src={{rootUrl}}global/js/bootstrap.js></script>
    <script src={{rootUrl}}global/js/jquery.tablesorter.js></script>
    <script src={{rootUrl}}global/js/jl.js></script>
    <script src={{rootUrl}}global/js/zeroclipboard/dist/ZeroClipboard.js></script>
    <script type="text/javascript">autoFlashHeight();</script>
    <script type="text/javascript">
	$(document).ready(function () {
	    $("#secname").keydown(function (event) {
		if (event.which == 13) {
		    document.tenderform.submit();
		}
	    });
	    $("[id^='idt_']").click(function (e) {
		var proname = $(this).attr('proname');
		var key = $(this).attr('key');
		var stid = $(this).attr('stid');
		$("#proname").val(proname);
		$("#key").val(key);
		$("#stid").val(stid);
	    })
	})
    </script>
</body>