增加了一个字体图表（分享链接）

增加分享链接相关的页面

css/icomoon/Read Me.txt

@@ -1,5 +1,7 @@
 Open *demo.html* to see a list of all the glyphs in your font along with their codes/ligatures.
 
+To use the generated font in desktop programs, you can install the TTF font. In order to copy the character associated with each icon, refer to the text box at the bottom right corner of each glyph in demo.html. The character inside this text box may be invisible; but it can still be copied. See this guide for more info: https://icomoon.io/#docs/local-fonts
+
 You won't need any of the files located under the *demo-files* directory when including the generated font in your own projects.
 
-You can import *selection.json* back to the IcoMoon app using the *Import Icons* button (or via Main Menu > Manage Projects) to retrieve your icon selection.
+You can import *selection.json* back to the IcoMoon app using the *Import Icons* button (or via Main Menu → Manage Projects) to retrieve your icon selection.

css/icomoon/demo-files/demo.css

@@ -1,157 +1,161 @@
 body {
-	padding: 0;
-	margin: 0;
-	font-family: sans-serif;
-	font-size: 1em;
-	line-height: 1.5;
-	color: #555;
-	background: #fff;
+    padding: 0;
+    margin: 0;
+    font-family: sans-serif;
+    font-size: 1em;
+    line-height: 1.5;
+    color: #555;
+    background: #fff;
 }
 h1 {
-	font-size: 1.5em;
-	font-weight: normal;
+    font-size: 1.5em;
+    font-weight: normal;
 }
 small {
-	font-size: .66666667em;
+    font-size: .66666667em;
 }
 a {
-	color: #e74c3c;
-	text-decoration: none;
+    color: #e74c3c;
+    text-decoration: none;
 }
 a:hover, a:focus {
-	box-shadow: 0 1px #e74c3c;
+    box-shadow: 0 1px #e74c3c;
 }
 .bshadow0, input {
-	box-shadow: inset 0 -2px #e7e7e7;
+    box-shadow: inset 0 -2px #e7e7e7;
 }
 input:hover {
-	box-shadow: inset 0 -2px #ccc;
+    box-shadow: inset 0 -2px #ccc;
 }
 input, fieldset {
-	font-size: 1em;
-	margin: 0;
-	padding: 0;
-	border: 0;
+    font-family: sans-serif;
+    font-size: 1em;
+    margin: 0;
+    padding: 0;
+    border: 0;
 }
 input {
-	color: inherit;
-	line-height: 1.5;
-	height: 1.5em;
-	padding: .25em 0;
+    color: inherit;
+    line-height: 1.5;
+    height: 1.5em;
+    padding: .25em 0;
 }
 input:focus {
-	outline: none;
-	box-shadow: inset 0 -2px #449fdb;
+    outline: none;
+    box-shadow: inset 0 -2px #449fdb;
 }
 .glyph {
-	font-size: 16px;
-	width: 15em;
-	padding-bottom: 1em;
-	margin-right: 4em;
-	margin-bottom: 1em;
-	float: left;
-	overflow: hidden;
+    font-size: 16px;
+    width: 15em;
+    padding-bottom: 1em;
+    margin-right: 4em;
+    margin-bottom: 1em;
+    float: left;
+    overflow: hidden;
 }
 .liga {
-	width: 80%;
-	width: calc(100% - 2.5em);
+    width: 80%;
+    width: calc(100% - 2.5em);
 }
 .talign-right {
-	text-align: right;
+    text-align: right;
 }
 .talign-center {
-	text-align: center;
+    text-align: center;
 }
 .bgc1 {
-	background: #f1f1f1;
+    background: #f1f1f1;
 }
 .fgc1 {
-	color: #999;
+    color: #999;
 }
 .fgc0 {
-	color: #000;
+    color: #000;
 }
 p {
-	margin-top: 1em;
-	margin-bottom: 1em;
+    margin-top: 1em;
+    margin-bottom: 1em;
 }
 .mvm {
-	margin-top: .75em;
-	margin-bottom: .75em;
+    margin-top: .75em;
+    margin-bottom: .75em;
 }
 .mtn {
-	margin-top: 0;
+    margin-top: 0;
 }
 .mtl, .mal {
-	margin-top: 1.5em;
+    margin-top: 1.5em;
 }
 .mbl, .mal {
-	margin-bottom: 1.5em;
+    margin-bottom: 1.5em;
 }
 .mal, .mhl {
-	margin-left: 1.5em;
-	margin-right: 1.5em;
+    margin-left: 1.5em;
+    margin-right: 1.5em;
 }
 .mhmm {
-	margin-left: 1em;
-	margin-right: 1em;
+    margin-left: 1em;
+    margin-right: 1em;
 }
 .mls {
-	margin-left: .25em;
+    margin-left: .25em;
 }
 .ptl {
-	padding-top: 1.5em;
+    padding-top: 1.5em;
 }
 .pbs, .pvs {
-	padding-bottom: .25em;
+    padding-bottom: .25em;
 }
 .pvs, .pts {
-	padding-top: .25em;
-}
-.clearfix {
-	zoom: 1;
+    padding-top: .25em;
 }
 .unit {
-	float: left;
+    float: left;
 }
 .unitRight {
-	float: right;
+    float: right;
 }
 .size1of2 {
-	width: 50%;
+    width: 50%;
 }
 .size1of1 {
-	width: 100%;
+    width: 100%;
 }
 .clearfix:before, .clearfix:after {
-	content: " ";
-	display: table;
+    content: " ";
+    display: table;
 }
 .clearfix:after {
-	clear: both;
+    clear: both;
 }
 .hidden-true {
-	display: none;
+    display: none;
 }
 .textbox0 {
-	width: 3em;
-	background: #f1f1f1;
-	padding: .25em .5em;
-	line-height: 1.5;
-	height: 1.5em;
+    width: 3em;
+    background: #f1f1f1;
+    padding: .25em .5em;
+    line-height: 1.5;
+    height: 1.5em;
 }
 #testDrive {
-	padding-top: 24px;
+    display: block;
+    padding-top: 24px;
+    line-height: 1.5;
 }
 .fs0 {
-	font-size: 16px;
+    font-size: 16px;
 }
 .fs1 {
-	font-size: 32px;
+    font-size: 32px;
 }
 .fs2 {
-	font-size: 32px;
+    font-size: 32px;
 }
 .fs3 {
-	font-size: 32px;
+    font-size: 32px;
+}
+.fs4 {
+    font-size: 28px;
 }
+

css/icomoon/demo-files/demo.js

@@ -1,30 +1,30 @@
 if (!('boxShadow' in document.body.style)) {
-	document.body.setAttribute('class', 'noBoxShadow');
+    document.body.setAttribute('class', 'noBoxShadow');
 }
 
 document.body.addEventListener("click", function(e) {
-	var target = e.target;
-	if (target.tagName === "INPUT" &&
-		target.getAttribute('class').indexOf('liga') === -1) {
-		target.select();
-	}
+    var target = e.target;
+    if (target.tagName === "INPUT" &&
+        target.getAttribute('class').indexOf('liga') === -1) {
+        target.select();
+    }
 });
 
 (function() {
-	var fontSize = document.getElementById('fontSize'),
-		testDrive = document.getElementById('testDrive'),
-		testText = document.getElementById('testText');
-	function updateTest() {
-		testDrive.innerHTML = testText.value || String.fromCharCode(160);
-		if (window.icomoonLiga) {
-			window.icomoonLiga(testDrive);
-		}
-	}
-	function updateSize() {
-		testDrive.style.fontSize = fontSize.value + 'px';
-	}
-	fontSize.addEventListener('change', updateSize, false);
-	testText.addEventListener('input', updateTest, false);
-	testText.addEventListener('change', updateTest, false);
-	updateSize();
+    var fontSize = document.getElementById('fontSize'),
+        testDrive = document.getElementById('testDrive'),
+        testText = document.getElementById('testText');
+    function updateTest() {
+        testDrive.innerHTML = testText.value || String.fromCharCode(160);
+        if (window.icomoonLiga) {
+            window.icomoonLiga(testDrive);
+        }
+    }
+    function updateSize() {
+        testDrive.style.fontSize = fontSize.value + 'px';
+    }
+    fontSize.addEventListener('change', updateSize, false);
+    testText.addEventListener('input', updateTest, false);
+    testText.addEventListener('change', updateTest, false);
+    updateSize();
 }());

css/icomoon/style.css

@@ -1,148 +1,153 @@
 @font-face {
-	font-family: 'icomoon';
-	src:url('fonts/icomoon.eot?miflbf');
-	src:url('fonts/icomoon.eot?#iefixmiflbf') format('embedded-opentype'),
-		url('fonts/icomoon.woff?miflbf') format('woff'),
-		url('fonts/icomoon.ttf?miflbf') format('truetype'),
-		url('fonts/icomoon.svg?miflbf#icomoon') format('svg');
-	font-weight: normal;
-	font-style: normal;
+    font-family: 'icomoon';
+    src:    url('fonts/icomoon.eot?nu0mas');
+    src:    url('fonts/icomoon.eot?nu0mas#iefix') format('embedded-opentype'),
+        url('fonts/icomoon.ttf?nu0mas') format('truetype'),
+        url('fonts/icomoon.woff?nu0mas') format('woff'),
+        url('fonts/icomoon.svg?nu0mas#icomoon') format('svg');
+    font-weight: normal;
+    font-style: normal;
 }
 
 [class^="icon-"], [class*=" icon-"] {
-	font-family: 'icomoon';
-	speak: none;
-	font-style: normal;
-	font-weight: normal;
-	font-variant: normal;
-	text-transform: none;
-	line-height: 1;
+    /* use !important to prevent issues with browser extensions that change fonts */
+    font-family: 'icomoon' !important;
+    speak: none;
+    font-style: normal;
+    font-weight: normal;
+    font-variant: normal;
+    text-transform: none;
+    line-height: 1;
 
-	/* Better Font Rendering =========== */
-	-webkit-font-smoothing: antialiased;
-	-moz-osx-font-smoothing: grayscale;
+    /* Better Font Rendering =========== */
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
 }
 
 .icon-uni42:before {
-	content: "\43";
+    content: "\43";
 }
 .icon-uni43:before {
-	content: "\44";
+    content: "\44";
 }
 .icon-uni47:before {
-	content: "\47";
+    content: "\47";
 }
 .icon-uni4D:before {
-	content: "\4d";
+    content: "\4d";
 }
 .icon-uni4E:before {
-	content: "\4e";
+    content: "\4e";
 }
 .icon-uni4F:before {
-	content: "\4f";
+    content: "\4f";
 }
 .icon-uni50:before {
-	content: "\50";
+    content: "\50";
 }
 .icon-uni52:before {
-	content: "\52";
+    content: "\52";
 }
 .icon-uni53:before {
-	content: "\53";
+    content: "\53";
 }
 .icon-uni54:before {
-	content: "\54";
+    content: "\54";
 }
 .icon-uni55:before {
-	content: "\55";
+    content: "\55";
 }
 .icon-uni56:before {
-	content: "\56";
+    content: "\56";
 }
 .icon-uni57:before {
-	content: "\57";
+    content: "\57";
 }
 .icon-uni58:before {
-	content: "\58";
+    content: "\58";
 }
 .icon-uni59:before {
-	content: "\59";
+    content: "\59";
 }
 .icon-uni5A:before {
-	content: "\5a";
+    content: "\5a";
 }
 .icon-uni61:before {
-	content: "\61";
+    content: "\61";
 }
 .icon-uni62:before {
-	content: "\62";
+    content: "\62";
 }
 .icon-uni63:before {
-	content: "\63";
+    content: "\63";
 }
 .icon-uni64:before {
-	content: "\64";
+    content: "\64";
 }
 .icon-uni65:before {
-	content: "\65";
+    content: "\65";
 }
 .icon-uni66:before {
-	content: "\66";
+    content: "\66";
 }
 .icon-uni67:before {
-	content: "\67";
+    content: "\67";
 }
 .icon-uni68:before {
-	content: "\68";
+    content: "\68";
 }
 .icon-uni69:before {
-	content: "\69";
+    content: "\69";
 }
 .icon-uni6A:before {
-	content: "\6a";
+    content: "\6a";
 }
 .icon-uni6B:before {
-	content: "\6b";
+    content: "\6b";
 }
 .icon-uni6C:before {
-	content: "\6c";
+    content: "\6c";
 }
 .icon-uni6D:before {
-	content: "\6d";
+    content: "\6d";
 }
 .icon-uni6F:before {
-	content: "\6f";
+    content: "\6f";
 }
 .icon-uni70:before {
-	content: "\70";
+    content: "\70";
 }
 .icon-uni71:before {
-	content: "\71";
+    content: "\71";
 }
 .icon-uni72:before {
-	content: "\72";
+    content: "\72";
 }
 .icon-uni73:before {
-	content: "\73";
+    content: "\73";
 }
 .icon-uni74:before {
-	content: "\74";
+    content: "\74";
 }
 .icon-uni75:before {
-	content: "\75";
-}
-.icon-window:before {
-	content: "\49";
-}
-.icon-monitor:before {
-	content: "\48";
+    content: "\75";
 }
 .icon-upload:before {
-	content: "\42";
+    content: "\42";
 }
 .icon-inbox:before {
-	content: "\41";
+    content: "\41";
 }
 .icon-chart:before {
-	content: "\45";
+    content: "\45";
+}
+.icon-monitor:before {
+    content: "\48";
+}
+.icon-window:before {
+    content: "\49";
 }
+.icon-share-alt:before {
+    content: "\6e";
+}
+

w-project-detail.html

@@ -78,14 +78,14 @@
           <!--图表1-->
         <!--图表2-->
         <div class="fR" style="width:59%">
-          <div id="chartContainer3" style="height: 300px; width: 100%;">
+          <div id="chartContainer2" style="height: 300px; width: 100%;">
           </div>
         </div>
         <!--图表2-->
       </div>
       <div class="proSection clearfix">
         <!--图表3-->
-        <div id="chartContainer2" style="height: 300px; width: 100%;">
+        <div id="chartContainer3" style="height: 300px; width: 100%;">
         </div>
         <!--图表3-->
       </div>
@@ -134,7 +134,7 @@
     </div>
     <!-- 项目设置弹出 -->
 <script type="text/javascript">autoFlashHeight();</script>
-          <script type="text/javascript">
+<script type="text/javascript">
                 //1 标段计量分布//
                 // 基于准备好的dom，初始化echarts图表
                 var myChart = echarts.init(document.getElementById('chartContainer'));   
@@ -316,12 +316,11 @@
                                   data:[10, 0, 20, 10, 10, 10, 10, 5, 15]
                               }
                           ]
-};
+  };
                     
                     
                 // 为echarts对象加载数据 
                 myChart.setOption(option); 
                 //3 标段计量分布//
-            
-    </script>
+</script>
 </body>

w-project.html

@@ -62,96 +62,96 @@
       <div class="projectEntry clearfix">
         <div class="pojIcon fL c1"><div data-icon="I" aria-hidden="true"></div></div>
         <div class="pojDetail fL">
-          <div class="title fL"><h5><a href="w-project-detail.html">黄金大桥项目</a></h5><a 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> 2012-07-13</div>
+          <div class="title fL"><h5><a href="w-project-detail.html">黄金大桥项目</a></h5><a href="#editpoj" data-toggle="modal"><span data-icon="S" aria-hidden="true" data-placement="bottom" data-toggle="tooltip" data-original-title="修改项目名称"></span></a>&nbsp;<a href="#share" data-toggle="modal"><span data-icon="n" aria-hidden="true" class="closePanel" data-placement="bottom" data-toggle="tooltip" data-original-title="分享链接"></span></a></div>
           <div class="detail fR"><p data-toggle="tooltip" data-placement="bottom"  data-original-title="0号台帐合同：￥499,500,000.00 变更：+￥500,000.00">总价：￥500,000,000.00元 (<span class="colRed">+￥500,000.00</span>)</p>
             <div class="progress">
               <div class="bar bar-success" style="width: 65%;" data-toggle="tooltip" data-placement="bottom"  data-original-title="累计完成：￥499,500,000.00">65%</div>
             </div></div>
-          <div class="detail2 fR"><p>标段总计：89</p></div>
+          <div class="detail2 fR"><p>标段总计：89</p><p>2012-07-13</p></div>
         </div>
       </div>
 
       <div class="projectEntry odd clearfix">
         <div class="pojIcon fL c2"><div data-icon="I" aria-hidden="true"></div></div>
         <div class="pojDetail fL">
-          <div class="title fL"><h5>重庆XX公路</h5>2012-07-13</div>
+          <div class="title fL"><h5><a href="#">重庆XX公路</a></h5><a 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>&nbsp;<a href="#share" data-toggle="modal"><span data-icon="n" aria-hidden="true" class="closePanel" data-placement="bottom" data-toggle="tooltip" data-original-title="分享链接"></span></a></div>
           <div class="detail  fR"><p>总价：￥500,000,000.00元 (<span class="colGreen">-￥500,000.00</span>)</p>
             <div class="progress">
               <div class="bar bar-success" style="width: 65%;">65%</div>
             </div></div>
-          <div class="detail2 fR"><p>标段总计：89</p></div>
+          <div class="detail2 fR"><p>标段总计：89</p><p>2012-07-13</p></div>
         </div>
       </div>
       
       <div class="projectEntry clearfix">
         <div class="pojIcon fL c3"><div data-icon="I" aria-hidden="true"></div></div>
         <div class="pojDetail fL">
-          <div class="title fL"><h5>黄金大桥项目</h5>2012-07-13</div>
+          <div class="title fL"><h5><a href="#">重庆XX公路</a></h5><a 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>&nbsp;<a href="#share" data-toggle="modal"><span data-icon="n" aria-hidden="true" class="closePanel" data-placement="bottom" data-toggle="tooltip" data-original-title="分享链接"></span></a></div>
           <div class="detail fR"><p>总价：￥500,000,000.00元 (<span class="colGreen">-￥500,000.00</span>)</p>
             <div class="progress">
               <div class="bar bar-success" style="width: 65%;">65%</div>
             </div></div>
-          <div class="detail2 fR"><p>标段总计：89</p></div>
+          <div class="detail2 fR"><p>标段总计：89</p><p>2012-07-13</p></div>
         </div>
       </div>
 
       <div class="projectEntry odd clearfix">
         <div class="pojIcon fL c4"><div data-icon="I" aria-hidden="true"></div></div>
         <div class="pojDetail fL">
-          <div class="title fL"><h5>重庆XX公路</h5>2012-07-13</div>
+          <div class="title fL"><h5><a href="#">重庆XX公路</a></h5><a 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>&nbsp;<a href="#share" data-toggle="modal"><span data-icon="n" aria-hidden="true" class="closePanel" data-placement="bottom" data-toggle="tooltip" data-original-title="分享链接"></span></a></div>
           <div class="detail fR"><p>总价：￥500,000,000.00元 (<span class="colRed">+￥500,000.00</span>)</p>
             <div class="progress">
               <div class="bar bar-success" style="width: 65%;">65%</div>
             </div></div>
-          <div class="detail2 fR"><p>标段总计：89</p></div>
+          <div class="detail2 fR"><p>标段总计：89</p><p>2012-07-13</p></div>
         </div>
       </div>
 
       <div class="projectEntry clearfix">
         <div class="pojIcon fL c5" title="来自您软件的项目"><div data-icon="I" aria-hidden="true"></div></div>
         <div class="pojDetail fL">
-          <div class="title fL"><h5>黄金大桥项目</h5>2012-07-13</div>
+          <div class="title fL"><h5><a href="#">重庆XX公路</a></h5><a 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>&nbsp;<a href="#share" data-toggle="modal"><span data-icon="n" aria-hidden="true" class="closePanel" data-placement="bottom" data-toggle="tooltip" data-original-title="分享链接"></span></a></div>
           <div class="detail fR"><p>总价：￥500,000,000.00元 (<span class="colRed">+￥500,000.00</span>)</p>
             <div class="progress">
               <div class="bar bar-success" style="width: 65%;">65%</div>
             </div></div>
-          <div class="detail2 fR"><p>标段总计：89</p></div>
+          <div class="detail2 fR"><p>标段总计：89</p><p>2012-07-13</p></div>
         </div>
       </div>
 
       <div class="projectEntry odd clearfix">
         <div class="pojIcon fL c6"><div data-icon="I" aria-hidden="true"></div></div>
         <div class="pojDetail fL">
-          <div class="title fL"><h5>黄金大桥项目</h5>2012-07-13</div>
+          <div class="title fL"><h5><a href="#">重庆XX公路</a></h5><a 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>&nbsp;<a href="#share" data-toggle="modal"><span data-icon="n" aria-hidden="true" class="closePanel" data-placement="bottom" data-toggle="tooltip" data-original-title="分享链接"></span></a></div>
           <div class="detail fR"><p>总价：￥500,000,000.00元 (<span class="colRed">+￥500,000.00</span>)</p>
             <div class="progress">
               <div class="bar bar-success" style="width: 65%;">65%</div>
             </div></div>
-          <div class="detail2 fR"><p>标段总计：89</p></div>
+          <div class="detail2 fR"><p>标段总计：89</p><p>2012-07-13</p></div>
         </div>
       </div>
 
       <div class="projectEntry clearfix">
         <div class="pojIcon fL c7"><div data-icon="I" aria-hidden="true"></div></div>
         <div class="pojDetail fL">
-          <div class="title fL"><h5>黄金大桥项目</h5>2012-07-13</div>
+          <div class="title fL"><h5><a href="#">重庆XX公路</a></h5><a 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>&nbsp;<a href="#share" data-toggle="modal"><span data-icon="n" aria-hidden="true" class="closePanel" data-placement="bottom" data-toggle="tooltip" data-original-title="分享链接"></span></a></div>
           <div class="detail fR"><p>总价：￥500,000,000.00元 (<span class="colRed">+￥500,000.00</span>)</p>
             <div class="progress">
               <div class="bar bar-success" style="width: 65%;">65%</div>
             </div></div>
-          <div class="detail2 fR"><p>标段总计：89</p></div>
+          <div class="detail2 fR"><p>标段总计：89</p><p>2012-07-13</p></div>
         </div>
       </div>
 
       <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>黄金大桥项目</h5>2012-07-13</div>
+          <div class="title fL"><h5><a href="#">重庆XX公路</a></h5><a 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>&nbsp;<a href="#share" data-toggle="modal"><span data-icon="n" aria-hidden="true" class="closePanel" data-placement="bottom" data-toggle="tooltip" data-original-title="分享链接"></span></a></div>
           <div class="detail fR"><p>总价：￥500,000,000.00元 (<span class="colRed">+￥500,000.00</span>)</p>
             <div class="progress">
               <div class="bar bar-success" style="width: 65%;">65%</div>
             </div></div>
-          <div class="detail2 fR"><p>标段总计：89</p></div>
+          <div class="detail2 fR"><p>标段总计：89</p><p>2012-07-13</p></div>
         </div>
       </div>
 
@@ -209,6 +209,161 @@
         <button class="btn btn-primary">保存</button>
       </div>
     </div>
-    <!-- 编辑项目弹出 --> 
+    <!-- 编辑项目弹出 -->     
+     <!-- 分享链接弹出 -->
+    <div id="share" 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">
+                <label class="radio inline">
+                  <input type="radio" value="option1" checked> 分享项目
+                </label>
+                <label class="radio inline">
+                  <input type="radio" value="option2"> 分享标段类型
+                </label>
+                <label class="radio inline">
+                  <input type="radio"  value="option3"> 分享标段
+                </label>
+            </div>
+          </div>
+          <div class="control-group">
+            <label class="control-label" for="inputEmail"></label>
+            <div class="controls">
+              <div class="checkbox">
+                <label>
+                  <input type="checkbox" checked> 启用
+                </label>
+              </div>
+            </div>
+            <label class="control-label" for="inputEmail">链接</label>
+            <div class="controls">
+              <input type="text" placeholder="这是该项目的KEY" value="http://g1506.6jlzf.cn/share?pid=1212" readonly class="span4" onfocus="this.select()" onmouseover="this.focus()">
+              <p>分享以上链接即可免登录查阅项目下的汇总信息。</p> 
+            </div>
+          </div>
+        </form> 
+         <!--按标段类型分享-->
+        <form class="form-horizontal">
+          <div class="control-group">
+            <label class="control-label" for="inputEmail">选择分享类型</label>
+            <div class="controls">
+                <label class="radio inline">
+                  <input type="radio" value="option1"> 分享项目
+                </label>
+                <label class="radio inline">
+                  <input type="radio" value="option2" checked> 分享标段类型
+                </label>
+                <label class="radio inline">
+                  <input type="radio"  value="option3"> 分享标段
+                </label>
+            </div>
+          </div>
+          <div class="control-group">
+            <label class="control-label" for="inputEmail">土建合同</label>
+            <div class="controls">
+              <div class="checkbox">
+                <label>
+                  <input type="checkbox" checked> 启用
+                </label>
+              </div>
+            </div>
+            <label class="control-label" for="inputEmail">链接</label>
+            <div class="controls">
+              <input type="text" placeholder="这是该项目的KEY" value="http://g1506.6jlzf.cn/share?pid=1212" readonly class="span4" onfocus="this.select()" onmouseover="this.focus()">
+              <p>分享以上链接即可免登录查阅标段类型下的标段汇总信息。</p> 
+            </div>
+          </div>
+          <div class="control-group">
+            <label class="control-label" for="inputEmail">监理合同</label>
+            <div class="controls">
+              <div class="checkbox">
+                <label>
+                  <input type="checkbox"> 启用
+                </label>
+              </div>
+            </div>
+          </div>
+        </form><!--按标段分享-->
+        <form class="form-horizontal">
+          <div class="control-group">
+            <label class="control-label" for="inputEmail">选择分享类型</label>
+            <div class="controls">
+                <label class="radio inline">
+                  <input type="radio" value="option1"> 分享项目
+                </label>
+                <label class="radio inline">
+                  <input type="radio" value="option2"> 分享标段类型
+                </label>
+                <label class="radio inline">
+                  <input type="radio"  value="option3" checked> 分享标段
+                </label>
+            </div>
+          </div>
+          <div class="control-group">
+            <label class="control-label" for="inputEmail">SA-01</label>
+            <div class="controls">
+              <div class="checkbox">
+                <label>
+                  <input type="checkbox" checked> 启用
+                </label>
+              </div>
+            </div>
+            <label class="control-label" for="inputEmail">链接</label>
+            <div class="controls">
+              <input type="text" placeholder="这是该项目的KEY" value="http://g1506.6jlzf.cn/share?pid=1212" readonly class="span4" onfocus="this.select()" onmouseover="this.focus()">
+              <p>分享以上链接即可免登录查阅标段汇总信息。</p> 
+            </div>
+          </div>
+          <div class="control-group">
+            <label class="control-label" for="inputEmail">SA-02</label>
+            <div class="controls">
+              <div class="checkbox">
+                <label>
+                  <input type="checkbox"> 启用
+                </label>
+              </div>
+            </div>
+          </div>
+          <div class="control-group">
+            <label class="control-label" for="inputEmail">SA-03</label>
+            <div class="controls">
+              <div class="checkbox">
+                <label>
+                  <input type="checkbox" checked> 启用
+                </label>
+              </div>
+            </div>
+            <label class="control-label" for="inputEmail">链接</label>
+            <div class="controls">
+              <input type="text" placeholder="这是该项目的KEY" value="http://g1506.6jlzf.cn/share?pid=1212" readonly class="span4" onfocus="this.select()" onmouseover="this.focus()">
+              <p>分享以上链接即可免登录查阅标段汇总信息。</p> 
+            </div>
+          </div>
+          <div class="control-group">
+            <label class="control-label" for="inputEmail">SA-04</label>
+            <div class="controls">
+              <div class="checkbox">
+                <label>
+                  <input type="checkbox"> 启用
+                </label>
+              </div>
+            </div>
+          </div>
+        </form>   
+      </div>
+      </div>
+      <div class="modal-footer">
+        <button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
+      </div>
+    </div>
+    <!-- 分享链接弹出 --> 
 <script type="text/javascript">autoFlashHeight();</script>
 </body>

w-share-erro.html

@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang=zh-cn> 
+<head>
+	<meta charset=utf-8> 
+	<title>纵横计量支付系统</title> 
+	<meta name=description content=计量支付> 
+	<meta name=copyright content=smartcost.com.cn> 
+	<link rel=stylesheet href=css/bootstrap.css> 
+	<link rel=stylesheet href=css/style.css> 
+	<script src=js/jquery-1.9.1.min.js></script> 
+	<script src=js/bootstrap.js></script> 
+	<script src=js/jl.js></script> 
+  <script src=js/echarts.min.js></script> 
+</head>
+<body style="overflow:auto">
+  <div class="wrapHeader"><h1 title="纵横计量支付" class="mainLogo"></h1></div>
+  <div class="mainContent">
+    <div class="row-fluid" style="margin-top:200px">
+      <div class="span3"></div>
+      <div class="span6">
+            <div class="alert alert-block alert-error fade in">
+      <h3 class="alert-heading">分享链接未启用</h3>
+      <h5>该分享已被项目所有者关闭，暂时无法查阅，请联系相关项目所有者。</h5>
+    </div>
+      </div>
+      <div class="span3"></div>
+    </div>
+
+
+  </div>   
+</body>

w-share-project-section-detail.html

@@ -0,0 +1,219 @@
+<!DOCTYPE html>
+<html lang=zh-cn> 
+<head>
+	<meta charset=utf-8> 
+	<title>纵横计量支付系统</title> 
+	<meta name=description content=计量支付> 
+	<meta name=copyright content=smartcost.com.cn> 
+	<link rel=stylesheet href=css/bootstrap.css> 
+	<link rel=stylesheet href=css/style.css> 
+	<script src=js/jquery-1.9.1.min.js></script> 
+	<script src=js/bootstrap.js></script> 
+	<script src=js/jl.js></script> 
+  <script src=js/echarts.min.js></script> 
+</head>
+<body style="overflow:auto">
+  <div class="wrapHeader"><h1 title="纵横计量支付" class="mainLogo"></h1></div>
+  <div class="mainContent">
+    <div class="row-fluid">
+      <div class="span7"><h2>GZ-HJDQ-JL-001</h2>
+        <p>共 5 期（本期 <span class="colOrange">审批中</span>） | <span data-icon="n"></span> <a href="http://g1506.6jlzf.cn/share?pid=1212">http://g1506.6jlzf.cn/share?pid=1212</a></p>
+      </div>
+      <div class="span5">
+        <div class="detail">
+          <h5>总价：￥500,000,000.00元 (<span class="colRed">+￥500,000.00</span>)</h5>
+          <div class="progress">
+            <div class="bar bar-success" style="width: 65%;">65%</div>
+          </div>
+        </div>
+      </div> 
+    </div> 
+    <!--标段信息-->
+    <ul class="nav nav-tabs">
+        <li class="active">
+        <a href="w-project-detail.html">标段信息</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">
+            <tr>
+              <td width="8%">第七期&nbsp;<span data-toggle="tooltip" data-placement="bottom" title="上报：2015-09-09；通过：2015-09-13" class="icon-time"></span></td><td width="16%" class="taR">0</td><td width="16%" class="taR">0</td><td width="16%" class="taR">0</td><td width="16%" class="taR">0</td><td width="16%" class="taR">0</td>
+            </tr>
+            <tr>
+              <td>第六期&nbsp;<span data-toggle="tooltip" data-placement="bottom" title="上报：2015-09-09；通过：2015-09-13" class="icon-time"></span></td><td></td><td></td><td></td><td></td><td></td>
+            </tr>
+            <tr>
+              <td>第五期&nbsp;<span data-toggle="tooltip" data-placement="bottom" title="上报：2015-09-09；通过：2015-09-13" class="icon-time"></span></td><td></td><td></td><td></td><td></td><td></td>
+            </tr>
+            <tr>
+              <td>第四期&nbsp;<span data-toggle="tooltip" data-placement="bottom" title="上报：2015-09-09；通过：2015-09-13" class="icon-time"></span></td><td></td><td></td><td></td><td></td><td></td>
+            </tr>
+            <tr>
+              <td>第三期&nbsp;<span data-toggle="tooltip" data-placement="bottom" title="上报：2015-09-09；通过：2015-09-13" class="icon-time"></span></td><td></td><td></td><td></td><td></td><td></td>
+            </tr>
+            <tr>
+              <td>第二期&nbsp;<span data-toggle="tooltip" data-placement="bottom" title="上报：2015-09-09；通过：2015-09-13" class="icon-time"></span></td><td></td><td></td><td></td><td></td><td></td>
+            </tr>
+            <tr>
+              <td>第一期&nbsp;<span data-toggle="tooltip" data-placement="bottom" title="上报：2015-09-09；通过：2015-09-13" class="icon-time"></span></td><td></td><td></td><td></td><td></td><td></td>
+            </tr>
+          </table>
+          </div>
+        </div>
+        
+      </div>
+    </div>
+
+  </div>  
+ <script type="text/javascript">
+                //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 : ['第一期','第二期','第三期','第四期','第五期','第六期','第七期']
+        }
+    ],
+    yAxis : [
+        {
+           type : 'value',
+            name : '金额',
+            position:'left',
+            axisLabel : {
+                formatter: '{value} 元'
+            },
+            splitArea : {show : true}
+        },
+        {
+            type : 'value',
+            name:'完成度',
+            axisLabel : {
+                formatter: '{value} %'
+            },
+            position: 'right',
+            splitArea : {show : true}
+        }
+    ],
+    series : [
+        {
+            name:'本期合同计量',
+            type:'bar',
+            tooltip : {trigger: 'item',formatter: "{b}  <br/>{a}：{c}元"},
+            stack: '合同',
+            data:[320, 332, 301, 334, 390, 330, 320]
+        },
+        {
+            name:'本期数量变更计量',
+            type:'bar',
+            tooltip : {trigger: 'item',formatter: "{b}  <br/>{a}：{c}元"},
+            stack: '合同',
+            data:[320, -20, 301, 334, 390, 330, 320]
+        },
+        {
+            name:'截至上期累计完成',
+            type:'bar',
+            tooltip : {trigger: 'item',formatter: "{b}  <br/>{a}：{c}元"},
+            stack: '完成',
+            data:[120, 132, 101, 134, 90, 230, 210]
+        },
+        {
+            name:'本期完成计量',
+            type:'bar',
+            tooltip : {trigger: 'item',formatter: "{b}  <br/>{a}：{c}元"},
+            stack: '完成',
+            data:[220, 182, 191, 234, 290, 330, 310]
+        },
+        {
+            name:'完成度',
+            type:'line',
+            tooltip : {trigger: 'axis',formatter: "{b}占总标段<br/>{a}：{c} %"},
+            yAxisIndex: 1,
+            data:[10, 15, 20, 13, 11, 9, 5]
+        },
+    ]
+};
+                    
+                // 为echarts对象加载数据 
+                myChart.setOption(option); 
+                //4 标段期数计量进度//
+                //5 期数组成//
+                // 基于准备好的dom，初始化echarts图表
+                var myChart = 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',
+                          roseType: 'angle',
+                          radius : '40%',
+                          center: ['45%', 155],
+                          data:[
+                              {value:27814964.00, name:'第一期'},
+                              {value:41043186.10, name:'第二期'},
+                              {value:42917475.00, name:'第三期'},
+                              {value:27634982.00, name:'第四期'},
+                              {value:27634982.00, name:'第五期'},
+                              {value:27634982.00, name:'第六期'},
+                              {value:27634982.00, name:'第七期'}
+                          ]
+                      }
+                  ]
+                };
+                // 为echarts对象加载数据 
+                myChart.setOption(option); 
+                //5 期数组成//
+            
+    </script>
+</body>

w-share-project-section.html

@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang=zh-cn> 
+<head>
+	<meta charset=utf-8> 
+	<title>纵横计量支付系统</title> 
+	<meta name=description content=计量支付> 
+	<meta name=copyright content=smartcost.com.cn> 
+	<link rel=stylesheet href=css/bootstrap.css> 
+	<link rel=stylesheet href=css/style.css> 
+	<script src=js/jquery-1.9.1.min.js></script> 
+	<script src=js/bootstrap.js></script> 
+	<script src=js/jl.js></script> 
+  <script src=js/echarts.min.js></script> 
+</head>
+<body style="overflow:auto">
+  <div class="wrapHeader"><h1 title="纵横计量支付" class="mainLogo"></h1></div>
+  <div class="mainContent">
+    <div class="row-fluid">
+      <div class="span7"><h2>土建标</h2>
+        <p><span data-icon="n"></span> <a href="http://g1506.6jlzf.cn/share?pid=1212">http://g1506.6jlzf.cn/share?pid=1212</a></p>
+      </div>
+      <div class="span5">
+        <div class="detail">
+          <h5>总价：￥500,000,000.00元</h5>
+          <div class="progress">
+                <div class="bar bar-success" style="width:65%;" data-placement="bottom" data-toggle="tooltip" data-original-title="累计完成：￥731,121,121.00">65%</div>
+                <div class="bar bar-danger" style="width:35%;" data-placement="bottom" data-toggle="tooltip" data-original-title="未完成：￥71,121,121.00">35%</div>
+              </div>
+        </div>
+      </div> 
+    </div>
+    <!--标段信息-->
+    <ul class="nav nav-tabs">
+        <li class="active">
+        <a href="w-project-detail.html">标段信息</a>
+        </li>
+    </ul>
+    <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">
+          <div id="chartContainer7" style="height: 300px; width: 100%;">
+          </div>
+        </div>
+      </div> 
+    <div class="proSection clearfix">
+          <table class="table table-striped">
+            <thead>
+              <tr>
+                <th width="15%">标段名</th><th width="16%" class="taC">总价/期数</th><th width="40%" class="taC">截止上期累计完成/本期完成/未完成</th>
+              </tr>
+              <tr>
+                <td width="15%"><a href="w-share-project-section-detail.html" target="_blank">GZ-HJDQ-JL-001(点我)</a><br>土建合同</td><td width="16%" class="taR">￥<b>5,000,000.00</b><br>共 2 期（本期 <span class="colOrange">审批中</span>）</td><td width="40%" class="taR"><div class="progress">
+                  <div data-original-title="截止本期累计完成：￥731,121,121.00" data-toggle="tooltip" data-placement="bottom" style="width: 45%;" class="bar bar-success">45%</div>
+                  <div data-original-title="本期完成：￥31,121,121.00" data-toggle="tooltip" data-placement="bottom" style="width:25%;" class="bar">25%</div>
+                  <div data-original-title="未完成：￥71,121,121.00" data-toggle="tooltip" data-placement="bottom" style="width:30%;" class="bar bar-gary">30%</div>
+                </div></td>
+              </tr>
+              <tr>
+                <td width="15%"><a href="#">GZ-HJDQ-JL-002</a><br>土建合同</td><td width="16%" class="taR">￥<b>5,000,000.00</b><br>共 2 期（本期 <span class="colGreen">已完成</span>）</td><td width="40%" class="taR"><div class="progress">
+                  <div data-original-title="截止本期累计完成：￥731,121,121.00" data-toggle="tooltip" data-placement="bottom" style="width: 29%;" class="bar bar-success">29%</div>
+                  <div data-original-title="本期完成：￥31,121,121.00" data-toggle="tooltip" data-placement="bottom" style="width:5%;" class="bar">5%</div>
+                   <div data-original-title="未完成：￥71,121,121.00" data-toggle="tooltip" data-placement="bottom" style="width:66%;" class="bar bar-gary">66%</div>
+                </div></td>
+              </tr>
+              </tr>
+              <tr>
+                <td width="15%"><a href="#">GZ-HJDQ-JL-003</a><br>监理合同</td><td width="16%" class="taR">￥<b>5,000,000.00</b><br>共 2 期（本期 <span class="colOrange">审批中</span>）</td><td width="40%" class="taR"><div class="progress">
+                  <div data-original-title="截止本期累计完成：￥731,121,121.00" data-toggle="tooltip" data-placement="bottom" style="width:15%;" class="bar bar-success">15%</div>
+                  <div data-original-title="本期完成：￥31,121,121.00" data-toggle="tooltip" data-placement="bottom" style="width:45%;" class="bar">45%</div>
+                   <div data-original-title="未完成：￥71,121,121.00" data-toggle="tooltip" data-placement="bottom" style="width:40%;" class="bar bar-gary">40%</div>
+                </td>
+              </tr>
+            </table>
+          </div>
+    </div>       
+    </div>
+
+  </div>  
+<script type="text/javascript">
+                //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',
+                          roseType: 'angle',
+                          radius : '40%',
+                          center: ['50%', 155],
+                          data:[
+                              {value:27814964.00, name:'GZ-HJDQ-JL-001'},
+                              {value:41043186.10, name:'GZ-HJDQ-JL-002'},
+                              {value:42917475.00, name:'GZ-HJDQ-JL-003'}
+                          ]
+                      }
+                  ]
+                };
+                // 为echarts对象加载数据 
+                myChart.setOption(option); 
+                //5 期数组成//
+                //6 标段计量分布//
+                var myChart = echarts.init(document.getElementById('chartContainer7'));   
+                var option = {
+                          color:['#ff6666','#3cb371'],
+                          title : {
+                              text: '项目按月进度'
+                          },
+                          tooltip : {
+                              trigger: 'axis',
+                              formatter: "{b} <br/>{a}：{c} %<br/>{a1}：{c1} %"
+                          },
+                          legend: {
+                              data:['累计完成','本月完成']
+                          },
+    dataZoom : {
+        show : true,
+        start :50,
+        end : 100
+    },
+    xAxis : [
+        {
+                                  type : 'category',
+                                  boundaryGap : true,
+            data : [
+                '2月','3月','4月','5月','6月','7月','8月','9月','10月'
+            ]
+        }
+    ],
+    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:[10, 10, 30, 40, 50, 60, 80, 85, 100]
+                              },
+                              {
+                                  name:'本月完成',
+                                  type:'line',
+                                  itemStyle: {
+                                      normal: {
+                                          lineStyle: {
+                                              shadowColor : 'rgba(0,0,0,0.4)',
+                                              shadowBlur: 5,
+                                              shadowOffsetX: 3,
+                                              shadowOffsetY: 3
+                                          }
+                                      }
+                                  },
+                                  data:[10, 0, 20, 10, 10, 10, 10, 5, 15]
+                              }
+                          ]
+};
+                    
+                    
+                // 为echarts对象加载数据 
+                myChart.setOption(option); 
+                //6 标段计量分布//                
+                
+    </script>
+
+</body>

w-share-project.html

@@ -0,0 +1,364 @@
+<!DOCTYPE html>
+<html lang=zh-cn> 
+<head>
+	<meta charset=utf-8> 
+	<title>纵横计量支付系统</title> 
+	<meta name=description content=计量支付> 
+	<meta name=copyright content=smartcost.com.cn> 
+	<link rel=stylesheet href=css/bootstrap.css> 
+	<link rel=stylesheet href=css/style.css> 
+	<script src=js/jquery-1.9.1.min.js></script> 
+	<script src=js/bootstrap.js></script> 
+	<script src=js/jl.js></script> 
+  <script src=js/echarts.min.js></script> 
+</head>
+<body style="overflow:auto">
+  <div class="wrapHeader"><h1 title="纵横计量支付" class="mainLogo"></h1></div>
+  <div class="mainContent">
+    <div class="row-fluid">
+      <div class="span7"><h2>黄金大桥项目</h2>
+        <p><span data-icon="n"></span> <a href="http://g1506.6jlzf.cn/share?pid=1212">http://g1506.6jlzf.cn/share?pid=1212</a></p></div>
+      <div class="span5">
+        <div class="detail">
+          <h5>总价：￥500,000,000.00元 (<span class="colRed">+￥500,000.00</span>)</h5>
+          <div class="progress">
+            <div class="bar bar-success" style="width: 65%;">65%</div>
+          </div>
+        </div>
+      </div> 
+    </div>
+    <!--项目汇总-->
+    <ul class="nav nav-tabs">
+        <li class="active">
+        <a href="w-project-detail.html">项目汇总</a>
+        </li>
+    </ul>
+    <div class="project">
+        <div class="proSection clearfix">
+          <!--图表1-->
+          <div class="fL" style="width:39%">  
+            <div id="chartContainer" style="height: 300px; width: 100%;">
+            </div>
+          </div>
+            <!--图表1-->
+          <!--图表2-->
+          <div class="fR" style="width:59%">
+            <div id="chartContainer2" style="height: 300px; width: 100%;">
+            </div>
+          </div>
+          <!--图表2-->
+        </div>
+        <div class="proSection clearfix">
+          <!--图表3-->
+          <div id="chartContainer3" style="height: 300px; width: 100%;">
+          </div>
+          <!--图表3-->
+        </div>
+    </div>
+    <!--标段列表-->
+    <ul class="nav nav-tabs">
+      <li class="active"><a>标段列表</a></li>
+    </ul>
+    <div class="project">
+      <div class="proSection">
+          <table class="table">
+          <thead>
+            <tr>
+              <td width="150"><span aria-hidden="true" data-icon="u"></span> 土建合同</td>
+              <td width="50">总价：</td><td width="165">￥<b style="font-size:16px">123,122,212.00</b></td>
+              <td width="60">完成进度：</td><td><div class="progress">
+                <div class="bar bar-success" style="width:65%;" data-placement="bottom" data-toggle="tooltip" data-original-title="累计完成：￥731,121,121.00">65%</div>
+                <div class="bar bar-danger" style="width:35%;" data-placement="bottom" data-toggle="tooltip" data-original-title="未完成：￥71,121,121.00">35%</div>
+              </div></td>
+            </tr>
+            </thead>
+          </table>
+          <table class="table table-striped table-hover">
+            <thead>
+            <tr><th class="taC"  width="225">标段名</th><th class="taC" width="140">计量期数</th><th width="115" class="taC">总价</th><th class="taC" width="">截止上期累计完成/本期完成/未完成</th></tr></thead>
+            <tbody>
+            <tr>
+            <td><a href="w-share-project-section-detail.html" target="_blank">GZ-HJDQ-JL-001（点我）</a></td>
+            <td class="">共 5 期（本期 <span class="colOrange">审批中</span>）</td>
+            <td class="taR">￥5,000,000.00</td>
+            <td>
+              <div class="progress">
+                <div class="bar bar-success" style="width: 45%;" data-placement="bottom" data-toggle="tooltip" data-original-title="截止上期累计完成：￥731,121,121.00">45%</div>
+                <div class="bar" style="width:25%;" data-placement="bottom" data-toggle="tooltip" data-original-title="本期完成：￥31,121,121.00">25%</div>
+                <div class="bar bar-gary" style="width:30%;" data-placement="bottom" data-toggle="tooltip" data-original-title="未完成：￥71,121,121.00">30%</div>
+              </div>
+            </td>
+            </tr>
+            <tr>
+            <td><a href="w-share-project-section-detail.html" target="_blank">GZ-HJDQ-JL-002</a></td>
+            <td class="">共 2 期（本期 <span class="colGreen">已完成</span>）</td>
+            <td class="taR">￥233,453,000.00</td>
+            <td>
+              <div class="progress">
+                <div class="bar bar-success" style="width: 29%;" data-placement="bottom" data-toggle="tooltip" data-original-title="截止上期累计完成：￥731,121,121.00">29%</div>
+                <div class="bar" style="width:5%;" data-placement="bottom" data-toggle="tooltip" data-original-title="本期完成：￥31,121,121.00">5%</div>
+                 <div class="bar bar-gary" style="width:66%;" data-placement="bottom" data-toggle="tooltip" data-original-title="未完成：￥71,121,121.00">66%</div>
+              </div>
+            </td>
+            </tr>
+            <tr>
+            <td><a href="w-share-project-section-detail.html" target="_blank">GZ-HJDQ-JL-003</a></td>
+            <td class="">共 0 期（本期 <span class="colGray">未上报</span>）</td>
+            <td class="taR">￥0.00</td>
+            <td>
+              <div class="progress">
+                <div class="bar bar-success" style="width:0%;" data-placement="bottom" data-toggle="tooltip" data-original-title="截止上期累计完成：￥0.00">15%</div>
+                <div class="bar" style="width:0" data-placement="bottom" data-toggle="tooltip" data-original-title="本期完成：￥0.00">0%</div>
+                 <div class="bar bar-gary" style="width:0" data-placement="bottom" data-toggle="tooltip" data-original-title="未完成：￥0.00">0%</div>
+              </div>
+            </td>
+            </tr>
+          </tbody></table>  
+      </div>
+      <div class="proSection">
+          <table class="table">
+          <thead>
+            <tr>
+              <td width="150"><span aria-hidden="true" data-icon="u"></span> 监理合同</td>
+              <td width="90">累计合同计量：</td><td width="165">￥<b style="font-size:16px">123,122,212.00</b></td>
+              <td width="60">完成进度：</td><td><div class="progress">
+                <div class="bar bar-success" style="width:25%;" data-placement="bottom" data-toggle="tooltip" data-original-title="累计完成：￥731,121,121.00">25%</div>
+                <div class="bar bar-danger" style="width:75%;" data-placement="bottom" data-toggle="tooltip" data-original-title="未完成：￥71,121,121.00">75%</div>
+              </div></td>
+            </tr>
+            </thead>
+          </table>
+          <table class="table table-striped table-hover">
+            <thead>
+            <tr><th class="taC"  width="225">标段名</th><th class="taC" width="140">计量期数</th><th width="115" class="taC">累计合同计量</th><th class="taC" width="">截止上期累计完成/本期完成/未完成</th></tr></thead>
+            <tbody>
+            <tr>
+            <td><a href="w-project-section-detail.html" target="_blank">GZ-HJDQ-JL-001</a></td>
+            <td class="">共 5 期（本期 <span class="colOrange">审批中</span>）</td>
+            <td class="taR">￥5,000,000.00</td>
+            <td>
+              <div class="progress">
+                <div class="bar bar-success" style="width: 45%;" data-placement="bottom" data-toggle="tooltip" data-original-title="截止上期累计完成：￥731,121,121.00">45%</div>
+                <div class="bar" style="width:25%;" data-placement="bottom" data-toggle="tooltip" data-original-title="本期完成：￥31,121,121.00">25%</div>
+                <div class="bar bar-gary" style="width:30%;" data-placement="bottom" data-toggle="tooltip" data-original-title="未完成：￥71,121,121.00">30%</div>
+              </div>
+            </td>
+            </tr>
+            <tr>
+            <td><a href="w-share-project-section-detail.html" target="_blank">GZ-HJDQ-JL-002</a></td>
+            <td class="">共 2 期（本期 <span class="colGreen">已完成</span>）</td>
+            <td class="taR">￥233,453,000.00</td>
+            <td>
+              <div class="progress">
+                <div class="bar bar-success" style="width: 29%;" data-placement="bottom" data-toggle="tooltip" data-original-title="截止上期累计完成：￥731,121,121.00">29%</div>
+                <div class="bar" style="width:5%;" data-placement="bottom" data-toggle="tooltip" data-original-title="本期完成：￥31,121,121.00">5%</div>
+                 <div class="bar bar-gary" style="width:66%;" data-placement="bottom" data-toggle="tooltip" data-original-title="未完成：￥71,121,121.00">66%</div>
+              </div>
+            </td>
+            </tr>
+            <tr>
+            <td><a href="w-share-project-section-detail.html" target="_blank">GZ-HJDQ-JL-003</a></td>
+            <td class="">共 3 期（本期 <span class="colOrange">审批中</span>）</td>
+            <td class="taR">￥6,453,000.00</td>
+            <td>
+              <div class="progress">
+                <div class="bar bar-success" style="width:15%;" data-placement="bottom" data-toggle="tooltip" data-original-title="截止上期累计完成：￥731,121,121.00">15%</div>
+                <div class="bar" style="width:45%;" data-placement="bottom" data-toggle="tooltip" data-original-title="本期完成：￥31,121,121.00">45%</div>
+                 <div class="bar bar-gary" style="width:40%;" data-placement="bottom" data-toggle="tooltip" data-original-title="未完成：￥71,121,121.00">40%</div>
+              </div>
+            </td>
+            </tr>
+          </tbody></table>  
+      </div>
+    </div>
+  </div>  
+<script type="text/javascript">
+                //1 标段计量分布//
+                // 基于准备好的dom，初始化echarts图表
+                var myChart = echarts.init(document.getElementById('chartContainer'));   
+                var option = {
+                  color: ['#e9af68','#57b7b6','#e4575a','#959eac','#ffa500',
+                          '#d38b70','#8fb7cf','#cd5c5c','#5c616b','#40e0d0',
+                          '#1e90ff','#ff6347','#7b68ee','#00fa9a','#ffd700',
+                          '#6699FF','#ff6666','#3cb371','#b8860b','#30e0e0'], 
+                  title : {
+                      text: '标段计量分布',
+                      x:'left'
+                  },
+                  tooltip : {
+                      trigger: 'item',
+                      formatter: "{a} <br/>{b}：{c} <br>占总项目：{d} %"
+                  },
+                  legend: {
+                    selectedMode:false,
+                      orient : 'vertical',
+                      x : 'left',
+                      y : 'center',
+                      data:['土建合同','监理合同','设计合同','机电合同']
+                  },
+                  calculable : true,
+                  series : [
+                      {
+                          name:'标段计量分布',
+                          type:'pie',
+                          roseType: 'angle',
+                          radius : '60%',
+                          center: ['60%', 175],
+                          data:[
+                              {value:27814964.00, name:'土建合同'},
+                              {value:41043186.10, name:'监理合同'},
+                              {value:42917475.00, name:'设计合同'},
+                              {value:27634982.00, name:'机电合同'}
+                          ]
+                      }
+                  ]
+                };
+                // 为echarts对象加载数据 
+                myChart.setOption(option); 
+                //1 标段计量分布//
+                //2 标段计量进度//
+                var myChart = echarts.init(document.getElementById('chartContainer2'));   
+                var option = {
+                  color:["#e9af68","#57b7b6","#e4575a"],
+                  title : {
+                    text: '标段计量进度',
+                    },
+    tooltip : {
+        trigger: 'axis',
+        formatter: "{b}  <br/>{a}：{c}元 <br/>{a1}：{c1}元<br/>{a2}：{c2} %"
+    },
+    legend: {
+        data:['总价','累计完成计量','完成进度百分比']
+    },
+    xAxis : [
+        {
+            type : 'category',
+            data : ['土建合同','监理合同','设计合同','机电合同']
+        }
+    ],
+    yAxis : [
+        {
+            type : 'value',
+            name : '金额',
+            position:'left',
+            axisLabel : {
+                formatter: '{value} 元'
+            },
+            splitArea : {show : true}
+        },
+        {
+            type : 'value',
+            position:'right',
+            max:'100',
+            axisLabel : {
+                formatter: '{value} %'
+            },
+            splitLine : {show : true}
+        }
+    ],
+    series : [
+        {
+            name:'总价',
+            type:'bar',
+            data:[27814964.00,41043186.10, 42917475.00, 27634982.00]
+        },
+        {
+            name:'累计完成计量',
+            type:'bar',
+            data:[20571481.02,28770211.71, 23427801.00, 1708798.00]
+        },
+        {
+            name:'完成进度百分比',
+            type:'line',
+            yAxisIndex: 1,
+            data:[73.95,70,54.58,6.18],
+        }
+    ]
+                };
+                // 为echarts对象加载数据 
+                myChart.setOption(option); 
+                //2 标段计量进度//
+                //3 标段计量分布//
+                // 基于准备好的dom，初始化echarts图表
+                var myChart = echarts.init(document.getElementById('chartContainer3'));   
+                var option = {
+                          color:["#e9af68","#57b7b6"],
+                          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 : 50,
+        end : 100
+    },
+    xAxis : [
+        {
+                                  type : 'category',
+                                  boundaryGap : true,
+            data : [
+                '2月','3月','4月','5月','6月','7月','8月','9月','10月'
+            ]
+        }
+    ],
+    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:[10, 10, 30, 40, 50, 60, 80, 85, 100]
+                              },
+                              {
+                                  name:'本月完成',
+                                  type:'line',
+                                  itemStyle: {
+                                      normal: {
+                                          lineStyle: {
+                                              shadowColor : 'rgba(0,0,0,0.4)',
+                                              shadowBlur: 5,
+                                              shadowOffsetX: 3,
+                                              shadowOffsetY: 3
+                                          }
+                                      }
+                                  },
+                                  data:[10, 0, 20, 10, 10, 10, 10, 5, 15]
+                              }
+                          ]
+  };
+                    
+                    
+                // 为echarts对象加载数据 
+                myChart.setOption(option); 
+                //3 标段计量分布//
+</script>  
+</body>