Commit 43bd836b authored by danfuman's avatar danfuman

修改

parent 4ded92a0
...@@ -100,14 +100,15 @@ ...@@ -100,14 +100,15 @@
<div class="main"> <div class="main">
<div class="amount"> <div class="amount">
<p> <p>
<span>产值目标(万元)</span>
<span>实际已完成(万元)</span> <span>实际已完成(万元)</span>
<span>产值目标(万元)</span>
</p> </p>
<p> <p>
<span class="money">359,800.00</span> <span class="money">359,800.00</span>
<span class="money">359,800.00</span> <span class="money">359,800.00</span>
</p> </p>
<el-progress :text-inside="true" :stroke-width="14" :percentage="70"></el-progress> <el-progress class="progress1" :text-inside="true" :stroke-width="14" :percentage="40"></el-progress>
<el-progress class="progress2" :text-inside="true" :stroke-width="14" :percentage="70"></el-progress>
</div> </div>
<div style="background: #ffffff;margin: 0 12px 12px 12px;"> <div style="background: #ffffff;margin: 0 12px 12px 12px;">
<div id="pm-echarts" style="height: 288px;"></div> <div id="pm-echarts" style="height: 288px;"></div>
...@@ -911,8 +912,9 @@ export default { ...@@ -911,8 +912,9 @@ export default {
series: [ series: [
{ {
// realtimeSort: true, // realtimeSort: true,
name:'目标产值', name:'已完成产值',
data: this.pmData.map(item => item.value), data: this.pmData.map(item => item.value),
barGap: 0,
type: 'bar', type: 'bar',
// stack: 'total', // stack: 'total',
// emphasis: { // emphasis: {
...@@ -922,22 +924,23 @@ export default { ...@@ -922,22 +924,23 @@ export default {
color: '#14C9C9', color: '#14C9C9',
barBorderRadius:[0, 20, 20, 0] barBorderRadius:[0, 20, 20, 0]
}, },
barWidth: 16, barWidth: 8,
}, },
{ {
// realtimeSort: true, // realtimeSort: true,
name:'已完成产值', name:'目标产值',
data: this.pmData.map(item => item.value1), data: this.pmData.map(item => item.value1),
barGap: 0,
type: 'bar', type: 'bar',
// stack: 'total', // stack: 'total',
// emphasis: { // emphasis: {
// focus: 'series' // focus: 'series'
// }, // },
itemStyle:{ itemStyle:{
color: '#C3F6F6', color: '#92C9FF',
barBorderRadius:[0, 20, 20, 0] barBorderRadius:[0, 20, 20, 0]
}, },
barWidth: 16, barWidth: 8,
}, },
], ],
} }
...@@ -1159,18 +1162,42 @@ export default { ...@@ -1159,18 +1162,42 @@ export default {
font-size: 14px; font-size: 14px;
} }
.money{ .money{
font-weight: 700; font-weight: bold;
color: #184280; color: #184280;
font-size: 18px; font-size: 18px;
margin-top: 8px; margin-top: 2px;
}
.money:first-child{
color:#48C5A0;
}
.money:last-child{
color:#60B0FD;
}
.progress1{
height: 10px !important;
::v-deep .el-progress-bar__outer{
.el-progress-bar__inner{
background:#9AEAD3
}
}
}
.progress2{
height: 10px !important;
::v-deep .el-progress-bar__outer{
.el-progress-bar__inner{
background:#92C9FF
}
}
} }
::v-deep .el-progress-bar__outer{ ::v-deep .el-progress-bar__outer{
border: 1px solid #A2E8E8; /*border: 1px solid #A2E8E8;*/
background-color:#ffffff !important; /*background-color:#ffffff !important;*/
border-radius: 20px; height: 10px !important;
background-color: rgba(235, 238, 245, 0%) !important;
border-radius:0 20px 20px 0;
.el-progress-bar__inner{ .el-progress-bar__inner{
background: linear-gradient(-270deg, #C3F6F6 0%, #14C9C9 100%); /*<!--background: linear-gradient(-270deg, #C3F6F6 0%, #14C9C9 100%);-->*/
border-radius: 20px; border-radius:0 20px 20px 0;
.el-progress-bar__innerText{ .el-progress-bar__innerText{
color: #ffffff; color: #ffffff;
opacity: 0; opacity: 0;
......
...@@ -39,7 +39,7 @@ ...@@ -39,7 +39,7 @@
<el-table-column prop="rate" label="占比(%)"> </el-table-column> <el-table-column prop="rate" label="占比(%)"> </el-table-column>
</el-table-column> </el-table-column>
<el-table-column :label="twoYear"> <el-table-column :label="twoYear">
<el-table-column prop="lastMoney" label="金额(亿元)"> </el-table-column> <el-table-column prop="lastMoney" label="金额(亿元)" sortable> </el-table-column>
<el-table-column prop="lastRate" label="占比(%)" > </el-table-column> <el-table-column prop="lastRate" label="占比(%)" > </el-table-column>
</el-table-column> </el-table-column>
</el-table> </el-table>
......
...@@ -70,7 +70,7 @@ export default { ...@@ -70,7 +70,7 @@ export default {
tableData:[], tableData:[],
tableLoading: false, tableLoading: false,
pageIndex: 1, pageIndex: 1,
pageSize: 10, pageSize: 20,
tableDataTotal: 0, tableDataTotal: 0,
} }
}, },
......
...@@ -183,7 +183,7 @@ ...@@ -183,7 +183,7 @@
<el-table-column prop="uipBusinessType" label="城投业务类型" :formatter="formatStatus" width="140" > <el-table-column prop="uipBusinessType" label="城投业务类型" :formatter="formatStatus" width="140" >
<template slot="header" slot-scope="scope"> <template slot="header" slot-scope="scope">
<span>城投业务类型 <span>城投业务类型
<el-tooltip popper-class="tips" effect="light" content=" 根据主营业务构成划分为土地开发整理、基础设施建设、交通建设运营、棚改保障房建设、公用事业等8大类型。" placement="top"> <el-tooltip popper-class="tips" effect="light" content=" 根据主营业务构成划分为土地开发整理、基础设施建设、交通建设运营、棚改保障房建设、公用事业等7大类型。" placement="top">
<i class="el-icon-warning-outline"></i> <i class="el-icon-warning-outline"></i>
</el-tooltip> </el-tooltip>
</span> </span>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment