|
|
|
|
@ -8,7 +8,7 @@
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<el-row :gutter="20">
|
|
|
|
|
<el-col :span="allowAuth ? 16 : 24">
|
|
|
|
|
<el-col :span="($store.getters.device === 'mobile')?24:(allowAuth ? 16 : 24) ">
|
|
|
|
|
<el-card v-if="allowAuth" class="box-card" style="margin: 20px 0">
|
|
|
|
|
<div slot="header" class="clearfix">
|
|
|
|
|
<span>预算总体执行情况</span>
|
|
|
|
|
@ -154,7 +154,7 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col v-if="allowAuth" :span="($store.state.user.department && $store.state.user.department.name === '中心领导') ? 7 : 8">
|
|
|
|
|
<el-col v-if="allowAuth" :span="($store.getters.device === 'mobile')?24:(($store.state.user.department && $store.state.user.department.name === '中心领导') ? 7 : 8)">
|
|
|
|
|
<el-card class="box-card" style="margin: 20px 0">
|
|
|
|
|
<div class="text item">
|
|
|
|
|
<pie-chart :chartData="rptChartData"></pie-chart>
|
|
|
|
|
@ -191,7 +191,7 @@
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
|
|
|
|
|
<div class="demo-split">
|
|
|
|
|
<div class="demo-split" v-if="!($store.getters.device === 'mobile')">
|
|
|
|
|
<Split v-model="split" style="height: 440px">
|
|
|
|
|
<template #left>
|
|
|
|
|
<div class="demo-split-pane" style="padding-right: 5px">
|
|
|
|
|
@ -213,7 +213,7 @@
|
|
|
|
|
<template v-slot:btns>
|
|
|
|
|
<el-table-column
|
|
|
|
|
:width="80"
|
|
|
|
|
fixed="right"
|
|
|
|
|
:fixed="$store.getters.device === 'mobile'?false:'right'"
|
|
|
|
|
label="操作"
|
|
|
|
|
header-align="center"
|
|
|
|
|
align="center"
|
|
|
|
|
@ -276,6 +276,85 @@
|
|
|
|
|
</Split>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="demo-split" v-else>
|
|
|
|
|
<div class="demo-split-pane" style="padding-right: 5px">
|
|
|
|
|
<div ref="lxHeader" v-if="statistic.departmentList">
|
|
|
|
|
<LxHeader
|
|
|
|
|
icon="iconfont/icon--kucunguanli"
|
|
|
|
|
text="科室执行情况"
|
|
|
|
|
:custom="true"
|
|
|
|
|
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"
|
|
|
|
|
label="操作"
|
|
|
|
|
header-align="center"
|
|
|
|
|
align="center"
|
|
|
|
|
:fixed="$store.getters.device === 'mobile'?false:'right'"
|
|
|
|
|
>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<router-link
|
|
|
|
|
:to="`/contract/statisticalReport/budgetProgress?departmentId=${scope.row.plan_department_id}`"
|
|
|
|
|
>查看
|
|
|
|
|
</router-link>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</template>
|
|
|
|
|
</xy-table>
|
|
|
|
|
</div>
|
|
|
|
|
</slot>
|
|
|
|
|
</LxHeader>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="demo-split-pane" style="padding-left: 10px">
|
|
|
|
|
<div ref="lxHeader" v-if="statistic.typeList">
|
|
|
|
|
<LxHeader
|
|
|
|
|
icon="iconfont/icon--kucunguanli"
|
|
|
|
|
text="预算类型执行情况"
|
|
|
|
|
:custom="true"
|
|
|
|
|
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="$store.getters.device === 'mobile'?false:'right'"
|
|
|
|
|
label="操作"
|
|
|
|
|
header-align="center"
|
|
|
|
|
align="center"
|
|
|
|
|
>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<router-link
|
|
|
|
|
:to="`/contract/statisticalReport/budgetProgress?typeId=${scope.row.type}`"
|
|
|
|
|
>查看
|
|
|
|
|
</router-link>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</template>
|
|
|
|
|
</xy-table>
|
|
|
|
|
</div>
|
|
|
|
|
</slot>
|
|
|
|
|
</LxHeader>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<Card v-if="allowAuth">
|
|
|
|
|
<template #title>
|
|
|
|
|
<div style="display: flex;justify-content: space-between;align-items: center;">
|
|
|
|
|
@ -367,18 +446,18 @@ export default {
|
|
|
|
|
departmentTable: [
|
|
|
|
|
{
|
|
|
|
|
label: "科室",
|
|
|
|
|
width: 184,
|
|
|
|
|
width: 180,
|
|
|
|
|
prop: "plan_department.name",
|
|
|
|
|
sortable: false,
|
|
|
|
|
align: "left",
|
|
|
|
|
fixed: "left",
|
|
|
|
|
fixed: this.$store.getters.device === 'mobile'?false:"left",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: "执行情况",
|
|
|
|
|
sortable: false,
|
|
|
|
|
minWidth: 220,
|
|
|
|
|
align: "left",
|
|
|
|
|
fixed: "right",
|
|
|
|
|
fixed: this.$store.getters.device === 'mobile'?false:"right",
|
|
|
|
|
customFn: (row) => {
|
|
|
|
|
let m2 = row?.money_total_2;
|
|
|
|
|
let m1 = row?.money_total_1;
|
|
|
|
|
@ -435,14 +514,14 @@ export default {
|
|
|
|
|
align: 'left',
|
|
|
|
|
prop: "type_text",
|
|
|
|
|
sortable: false,
|
|
|
|
|
fixed: "left",
|
|
|
|
|
fixed: this.$store.getters.device === 'mobile'?false:"left",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: "执行情况",
|
|
|
|
|
sortable: false,
|
|
|
|
|
minWidth: 220,
|
|
|
|
|
align: "left",
|
|
|
|
|
fixed: "right",
|
|
|
|
|
fixed:this.$store.getters.device === 'mobile'?false:"right",
|
|
|
|
|
customFn: (row) => {
|
|
|
|
|
let m2 = row.money_total_2;
|
|
|
|
|
let m1 = row.money_total_1;
|
|
|
|
|
@ -997,6 +1076,7 @@ export default {
|
|
|
|
|
|
|
|
|
|
.progress-card {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-wrap: wrap;
|
|
|
|
|
|
|
|
|
|
&-item {
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
