|
|
|
|
@ -65,55 +65,60 @@
|
|
|
|
|
<Page :total="total" show-elevator @on-change="pageChange" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<el-row :gutter="20">
|
|
|
|
|
<el-col :span="12" :xs="24">
|
|
|
|
|
<div ref="lxHeader" v-if="statistic.departmentList">
|
|
|
|
|
<LxHeader icon="md-apps" text="科室进展情况" style="margin-bottom: 10px; border: 0px; margin-top: 15px">
|
|
|
|
|
<div slot="content" />
|
|
|
|
|
<slot>
|
|
|
|
|
<div style="width: 100%">
|
|
|
|
|
<xy-table :height="380" :list="statistic.departmentList" :table-item="departmentTable">
|
|
|
|
|
<template v-slot:btns>
|
|
|
|
|
<el-table-column :width="80" fixed="right" label="操作" header-align="center" align="center">
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<router-link
|
|
|
|
|
:to="`/statisticalReport/budgetProgress?departmentId=${scope.row.plan_department_id}`">查看
|
|
|
|
|
</router-link>
|
|
|
|
|
<div class="demo-split">
|
|
|
|
|
<Split v-model="split" style="height: 440px;">
|
|
|
|
|
<template #left>
|
|
|
|
|
<div class="demo-split-pane" style="padding-right: 5px;">
|
|
|
|
|
<div ref="lxHeader" v-if="statistic.departmentList">
|
|
|
|
|
<LxHeader icon="md-apps" text="科室进展情况" style="margin-bottom: 10px; border: 0px; margin-top: 15px">
|
|
|
|
|
<div slot="content" />
|
|
|
|
|
<slot>
|
|
|
|
|
<div style="width: 100%">
|
|
|
|
|
<xy-table :height="380" :list="statistic.departmentList" :table-item="departmentTable">
|
|
|
|
|
<template v-slot:btns>
|
|
|
|
|
<el-table-column :width="80" fixed="right" label="操作" header-align="center" align="center">
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<router-link
|
|
|
|
|
:to="`/statisticalReport/budgetProgress?departmentId=${scope.row.plan_department_id}`">查看
|
|
|
|
|
</router-link>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</template>
|
|
|
|
|
</xy-table>
|
|
|
|
|
</div>
|
|
|
|
|
</slot>
|
|
|
|
|
</LxHeader>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12" :xs="24">
|
|
|
|
|
<div ref="lxHeader" v-if="statistic.typeList">
|
|
|
|
|
<LxHeader icon="md-apps" text="预算类型进展情况" style="margin-bottom: 10px; border: 0px; margin-top: 15px">
|
|
|
|
|
<div slot="content" />
|
|
|
|
|
<slot>
|
|
|
|
|
<div style="width: 100%">
|
|
|
|
|
<xy-table :height="380" :list="statistic.typeList" :table-item="typeTable">
|
|
|
|
|
<template v-slot:btns>
|
|
|
|
|
<el-table-column :width="80" fixed="right" label="操作" header-align="center" align="center">
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<router-link :to="`/statisticalReport/budgetProgress?typeId=${scope.row.type}`">查看</router-link>
|
|
|
|
|
</xy-table>
|
|
|
|
|
</div>
|
|
|
|
|
</slot>
|
|
|
|
|
</LxHeader>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
<template #right>
|
|
|
|
|
<div class="demo-split-pane" style="padding-left: 10px;">
|
|
|
|
|
<div ref="lxHeader" v-if="statistic.typeList">
|
|
|
|
|
<LxHeader icon="md-apps" text="预算类型进展情况" style="margin-bottom: 10px; border: 0px; margin-top: 15px">
|
|
|
|
|
<div slot="content" />
|
|
|
|
|
<slot>
|
|
|
|
|
<div style="width: 100%">
|
|
|
|
|
<xy-table :height="380" :list="statistic.typeList" :table-item="typeTable">
|
|
|
|
|
<template v-slot:btns>
|
|
|
|
|
<el-table-column :width="80" fixed="right" label="操作" header-align="center" align="center">
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<router-link :to="`/statisticalReport/budgetProgress?typeId=${scope.row.type}`">查看
|
|
|
|
|
</router-link>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</template>
|
|
|
|
|
</xy-table>
|
|
|
|
|
</div>
|
|
|
|
|
</slot>
|
|
|
|
|
</LxHeader>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
</xy-table>
|
|
|
|
|
</div>
|
|
|
|
|
</slot>
|
|
|
|
|
</LxHeader>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
</Split>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<detailContract ref="detailContract"></detailContract>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
@ -150,6 +155,8 @@
|
|
|
|
|
},
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
value2: 12,
|
|
|
|
|
split: 0.5,
|
|
|
|
|
select: {
|
|
|
|
|
year: ''
|
|
|
|
|
},
|
|
|
|
|
@ -178,30 +185,30 @@
|
|
|
|
|
label: '科室',
|
|
|
|
|
width: 80,
|
|
|
|
|
prop: 'plan_department.name',
|
|
|
|
|
sortable: false,
|
|
|
|
|
fixed:"left"
|
|
|
|
|
sortable: false,
|
|
|
|
|
fixed: "left"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: '进展情况',
|
|
|
|
|
sortable: false,
|
|
|
|
|
minWidth: 220,
|
|
|
|
|
align: 'left',
|
|
|
|
|
width: 320,
|
|
|
|
|
fixed:"right",
|
|
|
|
|
customFn: (row) => {
|
|
|
|
|
let m2=row.money_total_2;
|
|
|
|
|
let m1=row.money_total_1;
|
|
|
|
|
let m3=row.use_money_total;
|
|
|
|
|
let per =0 ;
|
|
|
|
|
|
|
|
|
|
if (m2 != 0) {
|
|
|
|
|
per= ((m3 / m2) * 100).toFixed(2);
|
|
|
|
|
} else if (m1 != 0) {
|
|
|
|
|
per= ((m3 / m1) * 100).toFixed(2);
|
|
|
|
|
fixed: "right",
|
|
|
|
|
customFn: (row) => {
|
|
|
|
|
let m2 = row.money_total_2;
|
|
|
|
|
let m1 = row.money_total_1;
|
|
|
|
|
let m3 = row.use_money_total;
|
|
|
|
|
let per = 0;
|
|
|
|
|
|
|
|
|
|
if (m2 != 0) {
|
|
|
|
|
per = ((m3 / m2) * 100).toFixed(2);
|
|
|
|
|
} else if (m1 != 0) {
|
|
|
|
|
per = ((m3 / m1) * 100).toFixed(2);
|
|
|
|
|
}
|
|
|
|
|
return ( < div >
|
|
|
|
|
<el-progress percentage = {
|
|
|
|
|
Number(per)
|
|
|
|
|
} > </el-progress> </div >
|
|
|
|
|
} > < /el-progress> </div >
|
|
|
|
|
)
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
@ -240,30 +247,30 @@
|
|
|
|
|
label: '预算类别',
|
|
|
|
|
width: 100,
|
|
|
|
|
prop: 'type_text',
|
|
|
|
|
sortable: false,
|
|
|
|
|
fixed:"left",
|
|
|
|
|
sortable: false,
|
|
|
|
|
fixed: "left",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: '进展情况',
|
|
|
|
|
sortable: false,
|
|
|
|
|
minWidth: 220,
|
|
|
|
|
align: 'left',
|
|
|
|
|
fixed:"right",
|
|
|
|
|
align: 'left',
|
|
|
|
|
fixed: "right",
|
|
|
|
|
customFn: (row) => {
|
|
|
|
|
let m2=row.money_total_2;
|
|
|
|
|
let m1=row.money_total_1;
|
|
|
|
|
let m3=row.use_money_total;
|
|
|
|
|
let per =0 ;
|
|
|
|
|
|
|
|
|
|
if (m2 != 0) {
|
|
|
|
|
per= ((m3 / m2) * 100).toFixed(2);
|
|
|
|
|
} else if (m1 != 0) {
|
|
|
|
|
per= ((m3 / m1) * 100).toFixed(2);
|
|
|
|
|
}
|
|
|
|
|
return ( < div >
|
|
|
|
|
<el-progress percentage = {
|
|
|
|
|
Number(per)
|
|
|
|
|
} > </el-progress> </div >
|
|
|
|
|
let m2 = row.money_total_2;
|
|
|
|
|
let m1 = row.money_total_1;
|
|
|
|
|
let m3 = row.use_money_total;
|
|
|
|
|
let per = 0;
|
|
|
|
|
|
|
|
|
|
if (m2 != 0) {
|
|
|
|
|
per = ((m3 / m2) * 100).toFixed(2);
|
|
|
|
|
} else if (m1 != 0) {
|
|
|
|
|
per = ((m3 / m1) * 100).toFixed(2);
|
|
|
|
|
}
|
|
|
|
|
return ( < div >
|
|
|
|
|
<el-progress percentage = {
|
|
|
|
|
Number(per)
|
|
|
|
|
} > < /el-progress> </div >
|
|
|
|
|
)
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
@ -472,7 +479,8 @@
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
|
|
|
|
|
|
.ivu-btn {
|
|
|
|
|
margin-right: 10px;
|
|
|
|
|
}
|
|
|
|
|
|