<!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>
	<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/jl.js></script>
    </head>
    <body>
	<!-- include "top" -->
	<div class="wrapContent">
	    <!-- include "left" -->
	    <div class="mainContainer">
		<!--内容-->
		<div class="mainContent">
		    <div class="title clearfix">
			<div class="fR">
			    <!--			    <div class="btn-group">
							    <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
								排序
								<span class="caret"></span>
							    </a>
							    <ul class="dropdown-menu">
								<li><a href="">创建时间</a></li>
								<li><a href="">最近审批</a></li>
								<li><a href="">进度完成度</a></li>
							    </ul>
							</div>-->
			    <a class="btn btn-primary"  href="#addpoj" data-toggle="modal" ><i class="icon-plus icon-white"></i>&nbsp;添加项目</a>
			</div>
			<h1>这些是您创建的项目</h1>
		    </div>
		    <div class="project">
			<!-- loop pros -->
			<div class="projectEntry odd clearfix">
			    <div class="pojIcon fL c8"><div data-icon="I" aria-hidden="true"></div></div>
			    <div class="pojDetail fL">
				<div class="title fL"><h5><a href="{{rootUrl}}project/{{pros' value.pid}}/overview">{{pros' value.pname}}</a></h5><a id="idt_{{pros' value.pid}}" pid="{{pros' value.pid}}" pname="{{pros' value.pname}}" href="#editpoj" data-toggle="modal"><span data-icon="S" aria-hidden="true" class="closePanel" data-placement="bottom" data-toggle="tooltip" data-original-title="修改项目名称"></span></a>{{formatDate(pros' value.intime,'Y-m-d')}}</div>
				<div class="detail fR"><p data-original-title="总价：￥{{pros' value.bcontracttotal}} 变更：+￥{{pros' value.bchangTotal}}" data-placement="bottom" data-toggle="tooltip">总价：￥{{pros' value.bcontracttotal}}元 (<span class="colRed">+￥{{pros' value.bchangTotal}}</span>)</p>
				    <div class="progress">
					<div class="bar bar-success" style="width: {{pros' value.pcurrdone}};">{{pros' value.pcurrdone}}</div>
				    </div></div>
				<div class="detail2 fR"><p>标段总计：{{pros' value.numMeasure}}</p></div>
			    </div>
			</div>
			<!-- endloop -->
		    </div>
		</div>
		<!--内容-->
	    </div>
	</div>
	<!-- 添加项目弹出 -->
	<div id="addpoj" 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" name="proform">
		    <div class="form">
			<form class="form-horizontal">
			    <div class="control-group">
				<label class="control-label" for="inputEmail">项目名称</label>
				<div class="controls">
				    <input name="pname" id="pname" type="text" placeholder="输入项目名称">
				</div>
			    </div>
		    </div>
	    </div>
	    <div class="modal-footer">
		<button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
		<input type="submit" class="btn btn-primary" id="pform" name="pform" value="保存" />
	    </div>
	</form>
    </div>
    <!-- 添加项目弹出 -->
    <!-- 编辑项目弹出 -->
    <div id="editpoj" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<form class="form-horizontal" method="post">
	    <input type="hidden" id="ppid" name="ppid" value="0" />
	    <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" id="target_pname" name="target_pname" placeholder="输入项目名称" value="黄金大桥项目">
			</div>
		    </div>
		</div>
	    </div>
	    <div class="modal-footer">
		<button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
		<input type="submit" class="btn btn-primary" value="保存" />
	    </div>
	</form>
    </div>
    <!-- 编辑项目弹出 -->

    <script type="text/javascript">autoFlashHeight();</script>
    <script type="text/javascript">
	$(function () {
	    $("#pname").keydown(function (event) {
		if (event.which == 13) {
		    document.proform.submit();
		}
	    });
	    $("[id^='idt_']").click(function (e) {
		var pid = $(this).attr('pid');
		var pname = $(this).attr('pname');
		$("#target_pname").val(pname);
		$("#ppid").val(pid);
	    });
	})
    </script>
</body>