|
|
@@ -145,22 +145,12 @@
|
|
|
</div>
|
|
|
<!--进度条-->
|
|
|
<div class="mb-3">
|
|
|
- 计划工程量进度
|
|
|
- <div class="progress">
|
|
|
- <div class="progress-bar bg-info" style="width:24%;" data-placement="bottom" data-toggle="tooltip" data-original-title="计划完成工程量:30,000.00">24%</div>
|
|
|
- <div class="progress-bar bg-gray" style="width:76%;" data-placement="bottom" data-toggle="tooltip" data-original-title="合同未计划:930,00.00">66%</div>
|
|
|
- </div>
|
|
|
- <p class="mt-2 mb-0">计量工程量进度</p>
|
|
|
- <div class="progress">
|
|
|
- <div class="progress-bar bg-info" style="width: 18%;" data-placement="bottom" data-toggle="tooltip" data-original-title="实际完成工程量:40,000.00">18%</div>
|
|
|
- <div class="progress-bar bg-gray" style="width:82%;" data-placement="bottom" data-toggle="tooltip" data-original-title="合同未完成:930,00.00">72%</div>
|
|
|
- </div>
|
|
|
- <p class="mt-2 mb-0">计划金额进度(万元)</p>
|
|
|
+ <p class="mt-2 mb-0">计划金额进度(元)</p>
|
|
|
<div class="progress">
|
|
|
<div class="progress-bar bg-success" style="width:24%;" data-placement="bottom" data-toggle="tooltip" data-original-title="计划完成金额:¥300.00">24%</div>
|
|
|
<div class="progress-bar bg-gray" style="width:76%;" data-placement="bottom" data-toggle="tooltip" data-original-title="合同未计划:¥930.00">66%</div>
|
|
|
</div>
|
|
|
- <p class="mt-2 mb-0">计量金额进度(万元)</p>
|
|
|
+ <p class="mt-2 mb-0">计量金额进度(元)</p>
|
|
|
<div class="progress">
|
|
|
<div class="progress-bar bg-success" style="width: 18%;" data-placement="bottom" data-toggle="tooltip" data-original-title="实际完成金额:¥400.00">18%</div>
|
|
|
<div class="progress-bar bg-gray" style="width:82%;" data-placement="bottom" data-toggle="tooltip" data-original-title="合同未完成:¥930.00">72%</div>
|
|
|
@@ -169,13 +159,6 @@
|
|
|
<!--图表-->
|
|
|
<div class="card mb-3">
|
|
|
<div class="card-body">
|
|
|
- <h5 class="card-title">工程量进度表</h5>
|
|
|
- <div id="chartContainer3" style="height: 300px; width: 100%;">
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="card mb-3">
|
|
|
- <div class="card-body">
|
|
|
<h5 class="card-title">完成金额进度表</h5>
|
|
|
<div id="chartContainer4" style="height: 300px; width: 100%;">
|
|
|
</div>
|
|
|
@@ -198,80 +181,6 @@
|
|
|
<script type="text/javascript" src="js/ztree/jquery.ztree.excheck.js"></script>
|
|
|
<script type="text/javascript"> autoFlashHeight();</script>
|
|
|
<script type="text/javascript">
|
|
|
- //计划进度//
|
|
|
- // 基于准备好的dom,初始化echarts图表
|
|
|
- var myChart = echarts.init(document.getElementById('chartContainer3'));
|
|
|
- var option = {
|
|
|
- color: ['#d38b70','#8fb7cf','#cd5c5c','#ffa500','#40e0d0',
|
|
|
- '#17a2b8','#28a745','#e4575a','#959eac','#6699FF',
|
|
|
- '#1e90ff','#ff6347','#7b68ee','#00fa9a','#ffd700',
|
|
|
- '#5c616b','#ff6666','#3cb371','#b8860b','#30e0e0'],
|
|
|
- title : {
|
|
|
- text: ''
|
|
|
- },
|
|
|
- tooltip : {
|
|
|
- trigger: 'axis'
|
|
|
- },
|
|
|
- calculable : true,
|
|
|
- legend: {
|
|
|
- data:['计划完成工程量','计量完成工程量','完成占计划比例']
|
|
|
- },
|
|
|
- dataZoom: [
|
|
|
- {show: true,start: 0, end: 100}
|
|
|
- ],
|
|
|
- xAxis : [
|
|
|
- {
|
|
|
- type : 'category',
|
|
|
- splitLine : {show : true},
|
|
|
- data : ['2020年1月','2020年2月','2020年3月','2020年4月','2020年5月','2020年6月','2020年7月']
|
|
|
- }
|
|
|
- ],
|
|
|
- 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:[310, 330, 301, 334, 390, 330, 320]
|
|
|
- },
|
|
|
- {
|
|
|
- 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 完成金额进度进度//
|
|
|
var myChart = echarts.init(document.getElementById('chartContainer4'));
|
|
|
var option = {
|
|
|
@@ -305,7 +214,7 @@
|
|
|
name : '金额',
|
|
|
position:'left',
|
|
|
axisLabel : {
|
|
|
- formatter: '{value} 万元'
|
|
|
+ formatter: '{value} 元'
|
|
|
},
|
|
|
splitArea : {show : true}
|
|
|
},
|
|
|
@@ -323,14 +232,14 @@
|
|
|
{
|
|
|
name:'计划完成金额',
|
|
|
type:'bar',
|
|
|
- tooltip : {trigger: 'item',formatter: "{b}<br/>{a}:{c}万元"},
|
|
|
+ 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}万元"},
|
|
|
+ tooltip : {trigger: 'item',formatter: "{b}<br/>{a}:{c}元"},
|
|
|
stack: '实际',
|
|
|
data:[310, 330, 301, 334, 390, 330, 320]
|
|
|
},
|