<!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>
	<script src={{rootUrl}}global/js/echarts.min.js></script>
</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 title="返回" href="{{rootUrl}}sproject/index"><span class="closePanel" aria-hidden="true" data-icon="Z"></span></a></li>
					<li class="dropdown">
						<a href="{{rootUrl}}sproject/{{currproArray.pid}}/section" data-toggle="dropdown" class="dropdown-toggle">
							{{currproArray.pname}}<b class="caret"></b>
						</a>
						<ul class="dropdown-menu">
							<!-- loop allproArray -->
							<li><a href="{{rootUrl}}sproject/{{allproArray' value.pid}}/section">{{allproArray' value.pname}}</a></li>
							<!-- endloop -->
						</ul>
					</li>
				</ul>
			</div>
			<div class="project">
				<div class="proSection clearfix">
					<!--图表5-->
					<div class="fL" style="width:30%">
						<div id="chartContainer6" style="height: 300px; width: 100%;">
						</div>
					</div>
					<!--图表5-->
					<!--表-->
					<div class="fL" style="width:70%;height:300px;overflow:hide">
						<table class="table table-striped">
							<thead>
							<tr>
								<th width="15%">标段名</th><th width="16%" class="taC">总价/期数</th><th width="40%" class="taC">截止上期完成/本期完成/未完成</th>
							</tr>
							</thead>
						</table>
						<div style="height:264px;overflow-y:auto">
							<table class="table table-striped">
								<!-- loop MyMeasureArray -->
								<tr>
									<td width="15%"><a href="{{rootUrl}}sproject/{{MyMeasureArray' value.pid}}/section/{{MyMeasureArray' value.pmid}}/detail">{{MyMeasureArray' value.pmname}}</a><br>{{MyMeasureArray' value.type}}</td><td width="16%" class="taR">￥<b>{{MyMeasureArray' value.totalplus}}</b><br>第 {{MyMeasureArray' value.totalnum}} 期（<span class="colOrange">{{MyMeasureArray' value.ownstatus}}</span>）</td><td width="40%" class="taR"><div class="progress">
									<div data-original-title="截止上期完成：￥{{MyMeasureArray' value.nstopnow}}" data-toggle="tooltip" data-placement="bottom" style="width: {{MyMeasureArray' value.dispstopnow}};" class="progress-bar progress-bar-success">{{MyMeasureArray' value.dispstopnow}}</div>
									<div data-original-title="本期完成：￥{{MyMeasureArray' value.ncurrdone}}" data-toggle="tooltip" data-placement="bottom" style="width:{{MyMeasureArray' value.dispcurrdone}}" class="progress-bar">{{MyMeasureArray' value.dispcurrdone}}</div>
									<div data-original-title="未完成：￥{{MyMeasureArray' value.nless}}" data-toggle="tooltip" data-placement="bottom" style="width:{{MyMeasureArray' value.pless}}" class="progress-bar progress-bar-gary">{{MyMeasureArray' value.pless}}</div>
								</div></td>
								</tr>
								<!-- endloop -->
							</table>
						</div>
					</div>
					<!--表-->
				</div>
				<div class="proSection clearfix">
					<div id="chartContainer7" style="height: 300px; width: 100%;">
					</div>
				</div>
			</div>
		</div>
		<!--内容-->
	</div>
</div>
<script type="text/javascript">autoFlashHeight();</script>
<script type="text/javascript">
// 路径配置
$(function () {
	//5 期数组成//
	// 基于准备好的dom，初始化echarts图表
	var myChart = echarts.init(document.getElementById('chartContainer6'));
	var option = {
		color: ['#e9af68', '#57b7b6', '#e4575a', '#959eac', '#6699FF',
			'#d38b70', '#8fb7cf', '#cd5c5c', '#ffa500', '#40e0d0',
			'#1e90ff', '#ff6347', '#7b68ee', '#00fa9a', '#ffd700',
			'#5c616b', '#ff6666', '#3cb371', '#b8860b', '#30e0e0'],
		title: {
			text: '',
			x: 'left'
		},
		tooltip: {
			trigger: 'item',
			formatter: "{a} <br/>{b}：<br>{c} 元<br>占标段：{d} %"
		},
		calculable: true,
		series: [
			{
				name: '标段计量分布',
				type: 'pie',
				radius: '40%',
				center: ['50%', 155],
				data: [
					<!-- loop MeasureArray -->
					{value: {{MeasureArray' value.contracttotal}}, name: '{{MeasureArray' value.pmname}}'},
					<!-- endloop -->
				]
			}
		]
	};
	// 为echarts对象加载数据
	myChart.setOption(option);
	//5 期数组成//
	//6 标段计量分布//
	// 基于准备好的dom，初始化echarts图表
	var myChart2 = echarts.init(document.getElementById('chartContainer7'));
	var option = {
		color: ['#e9af68', '#57b7b6', '#e4575a', '#959eac', '#6699FF',
			'#d38b70', '#8fb7cf', '#cd5c5c', '#ffa500', '#40e0d0',
			'#1e90ff', '#ff6347', '#7b68ee', '#00fa9a', '#ffd700',
			'#5c616b', '#ff6666', '#3cb371', '#b8860b', '#30e0e0'],
		title: {
			text: '标段按月进度'
		},
		tooltip: {
			trigger: 'axis',
			formatter: "{b} <br/>{a}：{c} %<br/>{a1}：{c1} %"
		},
		legend: {
			data:['累计完成','本月完成']
		},
		toolbox: {
			show: true,
			feature: {
				magicType: {show: true, type: ['line', 'bar']}
			}
		},
		dataZoom : {
			show : true,
			start :0,
			end : 100
		},
		xAxis: [
			{
				type: 'category',
				boundaryGap: true,
				data: [{{projectDate}}]
			}
		],
		yAxis: [
			{
				type: 'value',
				axisLabel: {
					formatter: '{value} %'
				},
				splitArea : {show : true}
			}
		],
		series: [
			{
				name: '累计完成',
				type: 'line',
				itemStyle: {
					normal: {
						lineStyle: {
							shadowColor: 'rgba(0,0,0,0.4)',
							shadowBlur: 5,
							shadowOffsetX: 3,
							shadowOffsetY: 3
						}
					}
				},
				data: [{{t1}}]
			},
			{
				name: '本月完成',
				type: 'line',
				itemStyle: {
					normal: {
						lineStyle: {
							shadowColor: 'rgba(0,0,0,0.4)',
							shadowBlur: 5,
							shadowOffsetX: 3,
							shadowOffsetY: 3
						}
					}
				},
				data: [{{t2}}]
			},
		]
	};
	// 为echarts对象加载数据
	myChart2.setOption(option);
	//3 标段计量分布//
});
</script>
</body>
</html>