|
|
|
|
@ -13,29 +13,29 @@
|
|
|
|
|
<div class="worker-progress__icon icon-yuan">
|
|
|
|
|
<SvgIcon icon-class="yuan"></SvgIcon>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="progress-card-item__num">{{ 0 }}</div>
|
|
|
|
|
<div class="progress-card-item__num">{{ moneyFormatter(statistic.progress.money_total_1 || 0) }}</div>
|
|
|
|
|
<div class="progress-card-item__label">年初预算合计金额</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="progress-card-item">
|
|
|
|
|
<div class="worker-progress__icon icon-zhangdan">
|
|
|
|
|
<SvgIcon icon-class="zhangdan"></SvgIcon>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="progress-card-item__num">{{ 0}}</div>
|
|
|
|
|
<div class="progress-card-item__num">{{ moneyFormatter(statistic.progress.money_total_2 || 0) }}</div>
|
|
|
|
|
<div class="progress-card-item__label">调整后预算合计金额</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="progress-card-item">
|
|
|
|
|
<div class="worker-progress__icon icon-zhifu">
|
|
|
|
|
<SvgIcon icon-class="zhifu"></SvgIcon>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="progress-card-item__num">{{ 0 }}</div>
|
|
|
|
|
<div class="progress-card-item__num">{{moneyFormatter(statistic.progress.use_money_total || 0)}}</div>
|
|
|
|
|
<div class="progress-card-item__label">已支付金额</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="progress-card-item">
|
|
|
|
|
<MyProgress width="145px" height="145px" title="执行" :percent="0" ></MyProgress>
|
|
|
|
|
<MyProgress width="145px" height="145px" title="执行率" :chart-data="[{value:statistic.progress.money_total_2 ? statistic.progress.money_total_2 : statistic.progress.money_total_1,name:'合计金额'},{value:statistic.progress.use_money_total,name:'已用金额'}]" ></MyProgress>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<Table style="margin-top: 20px;" :data="list" size="small" :columns="table" :max-height="280"></Table>
|
|
|
|
|
<Table style="margin-top: 20px;" :data="departments" size="small" :columns="table" :max-height="280"></Table>
|
|
|
|
|
</el-card>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
@ -45,6 +45,7 @@ import { moneyFormatter } from "@/utils";
|
|
|
|
|
import echarts from 'echarts'
|
|
|
|
|
import SvgIcon from "@/components/SvgIcon/index.vue";
|
|
|
|
|
import MyProgress from "@/components/Progress/index.vue";
|
|
|
|
|
import {statistic} from "@/api/dashboard/notice";
|
|
|
|
|
|
|
|
|
|
export default {
|
|
|
|
|
components: {
|
|
|
|
|
@ -60,31 +61,51 @@ export default {
|
|
|
|
|
i: "9",
|
|
|
|
|
name: "项目支出",
|
|
|
|
|
},
|
|
|
|
|
inject: {
|
|
|
|
|
getStatistic: {
|
|
|
|
|
default: () => {
|
|
|
|
|
return () => {
|
|
|
|
|
return {
|
|
|
|
|
statistic: {
|
|
|
|
|
departmentList: [
|
|
|
|
|
{
|
|
|
|
|
money_total_1: "1900000.00",
|
|
|
|
|
money_total_2: "0.00",
|
|
|
|
|
ids: "11",
|
|
|
|
|
plan_department_id: 2,
|
|
|
|
|
use_money_total: 0,
|
|
|
|
|
money_total: "0.00",
|
|
|
|
|
end_money: 0,
|
|
|
|
|
plan_department: {
|
|
|
|
|
id: 2,
|
|
|
|
|
pid: 0,
|
|
|
|
|
name: "办公室(党建作风办)",
|
|
|
|
|
manager_id: 7,
|
|
|
|
|
leader_id: 4,
|
|
|
|
|
sortnumber: 1,
|
|
|
|
|
created_at: "2021-06-22 07:01:41",
|
|
|
|
|
updated_at: "2023-03-22 14:56:51",
|
|
|
|
|
deleted_at: null,
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
tableHeight: 200,
|
|
|
|
|
list: [
|
|
|
|
|
{
|
|
|
|
|
money_total_1: "1900000.00",
|
|
|
|
|
money_total_2: "0.00",
|
|
|
|
|
ids: "11",
|
|
|
|
|
plan_department_id: 2,
|
|
|
|
|
use_money_total: 0,
|
|
|
|
|
money_total: "0.00",
|
|
|
|
|
end_money: 0,
|
|
|
|
|
plan_department: {
|
|
|
|
|
id: 2,
|
|
|
|
|
pid: 0,
|
|
|
|
|
name: "办公室(党建作风办)",
|
|
|
|
|
manager_id: 7,
|
|
|
|
|
leader_id: 4,
|
|
|
|
|
sortnumber: 1,
|
|
|
|
|
created_at: "2021-06-22 07:01:41",
|
|
|
|
|
updated_at: "2023-03-22 14:56:51",
|
|
|
|
|
deleted_at: null,
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
statistic: {
|
|
|
|
|
progress: {
|
|
|
|
|
money_total_1: 0,
|
|
|
|
|
money_total_2: 0,
|
|
|
|
|
use_money_total: 0
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
list: [],
|
|
|
|
|
table: [
|
|
|
|
|
{
|
|
|
|
|
title: "序号",
|
|
|
|
|
@ -170,6 +191,7 @@ export default {
|
|
|
|
|
};
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
moneyFormatter,
|
|
|
|
|
init() {
|
|
|
|
|
let cardDom = this.$el;
|
|
|
|
|
let cardTitleH = 58;
|
|
|
|
|
@ -179,9 +201,23 @@ export default {
|
|
|
|
|
elementResize.listenTo(cardDom,ele => {
|
|
|
|
|
this.tableHeight = cardDom.getBoundingClientRect().height - 40 - cardTitleH
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
async getStatistics() {
|
|
|
|
|
if(/^\/system/.test(this.$route.path)) return
|
|
|
|
|
|
|
|
|
|
const res = await statistic(this.select,true)
|
|
|
|
|
this.statistic = res
|
|
|
|
|
this.$emit('send-data',res)
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
computed: {
|
|
|
|
|
departments () {
|
|
|
|
|
return this.getStatistics()?.statistic?.departmentList
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
created() {},
|
|
|
|
|
created() {
|
|
|
|
|
this.getStatistic();
|
|
|
|
|
},
|
|
|
|
|
mounted() {
|
|
|
|
|
this.init();
|
|
|
|
|
}
|
|
|
|
|
|