|
|
|
|
@ -1,12 +1,15 @@
|
|
|
|
|
<template>
|
|
|
|
|
<el-card class="box-card" shadow="hover">
|
|
|
|
|
<div slot="header" class="clearfix">
|
|
|
|
|
<span style="border-left: 3px solid #338DE3FF;padding-left: 6px;">预算总体执行情况</span>
|
|
|
|
|
<span style="padding-left: 15px;">预算总体执行情况</span>
|
|
|
|
|
<DatePicker transfer :value="select.year" placeholder="选择所属年份" placement="bottom" style="width: 130px;float: right;"
|
|
|
|
|
type="year" @on-change="changeYear"></DatePicker>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="progress-card">
|
|
|
|
|
<div class="progress-card-item">
|
|
|
|
|
<!-- <div class="icon-yuan">-->
|
|
|
|
|
<!-- <SvgIcon icon-class="yuan"></SvgIcon>-->
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
<div class="progress-card-item__num">{{moneyFormatter(statistic.progress.money_total_1 || 0)}}</div>
|
|
|
|
|
<div class="progress-card-item__label">年初预算合计金额</div>
|
|
|
|
|
</div>
|
|
|
|
|
@ -29,9 +32,13 @@
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
import SvgIcon from "@/components/SvgIcon";
|
|
|
|
|
import { moneyFormatter } from "@/utils"
|
|
|
|
|
import { statistic } from '@/api/dashboard/notice'
|
|
|
|
|
export default {
|
|
|
|
|
components: {
|
|
|
|
|
SvgIcon
|
|
|
|
|
},
|
|
|
|
|
name:"card1",
|
|
|
|
|
layout:{
|
|
|
|
|
x:0,
|
|
|
|
|
@ -98,6 +105,23 @@ export default {
|
|
|
|
|
|
|
|
|
|
padding: 6px 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.icon-yuan {
|
|
|
|
|
background: $primaryColor;
|
|
|
|
|
color: #fff;
|
|
|
|
|
border-radius: 20px;
|
|
|
|
|
filter: drop-shadow(0px 6px 6px rgba(43,188,255,0.5));
|
|
|
|
|
display: inline-block;
|
|
|
|
|
padding: 10px;
|
|
|
|
|
|
|
|
|
|
svg {
|
|
|
|
|
background: #fff;
|
|
|
|
|
color: $primaryColor;
|
|
|
|
|
border-radius: 100%;
|
|
|
|
|
width: 25px;
|
|
|
|
|
height: 25px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
|