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


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255
							<!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}}project/{{currproArray.pid}}/section"><span class="closePanel" aria-hidden="true" data-icon="Z"></span></a></li>
					<li class="dropdown">

					</li>
					<li class="dropdown">
						<a href="{{rootUrl}}project/{{currproArray.pid}}/section" data-toggle="dropdown" class="dropdown-toggle">
							{{currconArray.stname}}<b class="caret"></b>
						</a>
						<ul class="dropdown-menu">
							<!-- loop allconArray -->
							<li><a href="{{rootUrl}}project/{{currproArray.pid}}/section">{{allconArray' value.stname}}</a></li>
							<!-- endloop -->
						</ul>
					</li>
					<li class="dropdown">
						<a href="{{rootUrl}}project/{{currproArray.pid}}/section" data-toggle="dropdown" class="dropdown-toggle">
							{{curractmeasureArray.pmname}}<b class="caret"></b>
						</a>
						<ul class="dropdown-menu">
							<!-- loop allactmeasureArray -->
							<li><a href="{{rootUrl}}project/{{currproArray.pid}}/section/{{allactmeasureArray' value.pmid}}/detail">{{allactmeasureArray' value.pmname}}</a></li>
							<!-- endloop -->
							<!--				    <li class="divider"></li>
                                                <li><a href="#">共18标段，查看更多</a></li>-->
						</ul>
					</li>
				</ul>
			</div>
			<!--导航-->
			<ul class="nav nav-tabs">
				<li class="active">
					<a href="{{rootUrl}}project/{{pid}}/section/{{pmid}}/detail">标段概况</a>
				</li>
				<li>
					<a href="{{rootUrl}}project/{{pid}}/section/{{pmid}}/files">附件</a>
				</li>
				<!--			<li><a href="/project/{{pid}}/section/{{pmid}}/measure">计量台帐</a></li>-->
			</ul>
			<!--导航-->
			<div class="project">
				<div class="proSection clearfix">
					<!--图表4-->
					<div id="chartContainer4" style="height: 300px; width: 100%;">
					</div>
					<!--图表4-->
				</div>
				<div class="proSection clearfix">
					<!--图表5-->
					<div class="fL" style="width:30%">
						<div id="chartContainer5" 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="8%">期数</th><th width="16%" class="taC">本期合同计量</th><th width="16%" class="taC">本期数量变更计量</th><th width="16%" class="taC">截止上期完成</th><th width="16%" class="taC">本期完成计量</th><th width="16%" class="taC">截止本期完成</th>
							</tr>
							</thead>
						</table>
						<div style="height:264px;overflow-y:auto">
							<table class="table table-striped">
								<!-- loop MeasureArray -->
								<tr>
									<td width="8%">第{{ToChinaseNum(MeasureArray' value.numpname)}}期&nbsp;<span data-toggle="tooltip" data-placement="bottom" title="上报：{{formatDate(MeasureArray' value.intime,'Y-m-d')}} <!-- if {{MeasureArray' value.audittime}}!='0' --> ；通过：{{formatDate(MeasureArray' value.audittime,'Y-m-d')}} <!-- endif -->" class="icon-time"></span></td><td width="16%" class="taR">{{MeasureArray' value.currcontractval}}</td><td width="16%" class="taR">{{MeasureArray' value.currchangeval}}</td><td width="16%" class="taR">{{MeasureArray' value.stopnowtotal}}</td><td width="16%" class="taR">{{MeasureArray' value.currdone}}</td><td width="16%" class="taR">{{MeasureArray' value.curralltotal}}</td>
								</tr>
								<!-- endloop -->
							</table>
						</div>
					</div>
					<!--表-->
				</div>
			</div>
		</div>
		<!--内容-->
	</div>
</div>
<script type="text/javascript">autoFlashHeight();</script>
<script type="text/javascript">
// 路径配置
$(function() {
	//4 标段期数计量进度//
	var myChart = echarts.init(document.getElementById('chartContainer4'));
	var option = {
		color: ['#e9af68', '#57b7b6', '#e4575a', '#959eac', '#6699FF',
			'#d38b70', '#8fb7cf', '#cd5c5c', '#ffa500', '#40e0d0',
			'#1e90ff', '#ff6347', '#7b68ee', '#00fa9a', '#ffd700',
			'#5c616b', '#ff6666', '#3cb371', '#b8860b', '#30e0e0'],
		tooltip: {
			trigger: 'axis'
		},
		calculable: true,
		legend: {
			data: ['本期合同计量', '本期数量变更计量', '截止上期完成', '本期完成计量', '完成度']
		},
		dataZoom: [
			{show: true,start: 0, end: 100}
		],
		xAxis: [
			{
				type: 'category',
				splitLine: {show: true},
				data: [
					<!-- loop MeasureArray -->
					'第{{ToChinaseNum(MeasureArray' value.numpname)}}期',
					<!-- endloop -->
				]
			}
		],
		yAxis: [
			{
				type: 'value',
				name : '金额',
				position: 'left',
				axisLabel : {
					formatter: '{value} 元'
				},
				splitArea: {show: true}
			},
			{
				type: 'value',
				name: '完成度',
				axisLabel: {
					formatter: '{value} %'
				},
				position: 'right',
				splitArea: {show: false},
				splitLine: {show: false}
			}
		],
		series: [
			{
				name: '本期合同计量',
				type: 'bar',
				tooltip: {trigger: 'item', formatter: "{b}  <br/>{a}：{c}元"},
				stack: '合同',
				data: [
					<!-- loop MeasureArray -->
					{{MeasureArray' value.currcontractval}},
					<!-- endloop -->
				]
			},
			{
				name: '本期数量变更计量',
				type: 'bar',
				tooltip: {trigger: 'item', formatter: "{b}  <br/>{a}：{c}元"},
				stack: '合同',
				data: [
					<!-- loop MeasureArray -->
					{{MeasureArray' value.currchangeval}},
					<!-- endloop -->
				]
			},
			{
				name: '截止上期完成',
				type: 'bar',
				tooltip: {trigger: 'item', formatter: "{b}  <br/>{a}：{c}元"},
				stack: '完成',
				data: [
					<!-- loop MeasureArray -->
					{{MeasureArray' value.stopnowtotal}},
					<!-- endloop -->
				]
			},
			{
				name: '本期完成计量',
				type: 'bar',
				tooltip: {trigger: 'item', formatter: "{b}  <br/>{a}：{c}元"},
				stack: '完成',
				data: [
					<!-- loop MeasureArray -->
					{{MeasureArray' value.currdone}},
					<!-- endloop -->
				]
			},
			{
				name: '完成度',
				type: 'line',
				tooltip: {trigger: 'axis', formatter: "{b}占总标段<br/>{a}：{c} %"},
				yAxisIndex: 1,
				data: [
					<!-- loop MeasureArray -->
					{{MeasureArray' value.lessTotal}},
					<!-- endloop -->
				]
			},
		]
	};
	// 为echarts对象加载数据
	myChart.setOption(option);
	//4 标段期数计量进度//
	//5 期数组成//
	// 基于准备好的dom，初始化echarts图表
	var myChart2 = echarts.init(document.getElementById('chartContainer5'));
	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}：{c} 元<br>占标段：{d} %"
		},
		calculable: true,
		series: [
			{
				name: '标段计量分布',
				type: 'pie',
				radius: '40%',
				center: ['45%', 155],
				data: [
					<!-- loop MeasureArray -->
					{value: {{MeasureArray' value.currdone}}, name: '第{{ToChinaseNum(MeasureArray' value.numpname)}}期'},
					<!-- endloop -->
				]
			}
		]
	};
	// 为echarts对象加载数据
	myChart2.setOption(option);
	//5 期数组成//
});
</script>
</body>
</html>