master
xy 2 years ago
parent 20b267179d
commit 4d93a90f4f

@ -131,124 +131,423 @@
</el-card>
<div class="demo-split">
<div v-for="(sitem, index) in typeList">
<Split v-model="split" style="height: 580px">
<template #left>
<div class="demo-split-pane" style="padding-right: 5px">
<div ref="lxHeader" v-if="sitem[0]">
<LxHeader
icon="md-apps"
:text="sitem[0].type_text"
style="margin-bottom: 10px; border: 0px; margin-top: 15px"
>
<div slot="content">
<xy-table
:height="120"
:list="[sitem[0]]"
:table-item="typeTable"
>
<template v-slot:btns>
<el-table-column
:width="10"
fixed="right"
label="操作"
header-align="center"
align="center"
<!-- <template v-for="(o,group) in Math.ceil(typeList.length / 2)">-->
<!-- <template v-if="(Math.ceil(typeList.length / 2) === o) && (Math.ceil(typeList.length) % 2 === 1)">-->
<!-- <div class="demo-split-pane" style="padding-right: 5px">-->
<!-- <div ref="lxHeader" v-if="typeList[group*2]">-->
<!-- <LxHeader-->
<!-- icon="md-apps"-->
<!-- :text="typeList[group*2].type_text"-->
<!-- style="margin-bottom: 10px; border: 0px; margin-top: 15px"-->
<!-- >-->
<!-- <div slot="content">-->
<!-- <xy-table-->
<!-- :height="120"-->
<!-- :list="[typeList[group*2]]"-->
<!-- :table-item="typeTable"-->
<!-- >-->
<!-- <template v-slot:btns>-->
<!-- <el-table-column-->
<!-- :width="10"-->
<!-- fixed="right"-->
<!-- label="操作"-->
<!-- header-align="center"-->
<!-- align="center"-->
<!-- >-->
<!-- <template slot-scope="scope"> </template>-->
<!-- </el-table-column>-->
<!-- </template>-->
<!-- </xy-table>-->
<!-- </div>-->
<!-- <slot>-->
<!-- <div style="width: 100%">-->
<!-- <xy-table-->
<!-- :height="380"-->
<!-- :list="typeList[group*2].departments"-->
<!-- :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.department_id}&type=${typeList[group*2].type}`"-->
<!-- >查看-->
<!-- </router-link>-->
<!-- </template>-->
<!-- </el-table-column>-->
<!-- </template>-->
<!-- </xy-table>-->
<!-- </div>-->
<!-- </slot>-->
<!-- </LxHeader>-->
<!-- </div>-->
<!-- </div>-->
<!-- </template>-->
<!-- <template v-else>-->
<!-- <Split v-model="split[group]" style="height: 580px">-->
<!-- <template #left>-->
<!-- <div class="demo-split-pane" style="padding-right: 5px">-->
<!-- <div ref="lxHeader" v-if="typeList[group*2]">-->
<!-- <LxHeader-->
<!-- icon="md-apps"-->
<!-- :text="typeList[group*2].type_text"-->
<!-- style="margin-bottom: 10px; border: 0px; margin-top: 15px"-->
<!-- >-->
<!-- <div slot="content">-->
<!-- <xy-table-->
<!-- :height="120"-->
<!-- :list="[typeList[group*2]]"-->
<!-- :table-item="typeTable"-->
<!-- >-->
<!-- <template v-slot:btns>-->
<!-- <el-table-column-->
<!-- :width="10"-->
<!-- fixed="right"-->
<!-- label="操作"-->
<!-- header-align="center"-->
<!-- align="center"-->
<!-- >-->
<!-- <template slot-scope="scope"> </template>-->
<!-- </el-table-column>-->
<!-- </template>-->
<!-- </xy-table>-->
<!-- </div>-->
<!-- <slot>-->
<!-- <div style="width: 100%">-->
<!-- <xy-table-->
<!-- :height="380"-->
<!-- :list="typeList[group*2].departments"-->
<!-- :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.department_id}&type=${typeList[group*2].type}`"-->
<!-- >查看-->
<!-- </router-link>-->
<!-- </template>-->
<!-- </el-table-column>-->
<!-- </template>-->
<!-- </xy-table>-->
<!-- </div>-->
<!-- </slot>-->
<!-- </LxHeader>-->
<!-- </div>-->
<!-- </div>-->
<!-- </template>-->
<!-- <template #right>-->
<!-- <div class="demo-split-pane" style="padding-left: 10px">-->
<!-- <div ref="lxHeader" v-if="typeList[group*2+1]">-->
<!-- <LxHeader-->
<!-- icon="md-apps"-->
<!-- :text="typeList[group*2+1].type_text"-->
<!-- style="margin-bottom: 10px; border: 0px; margin-top: 15px"-->
<!-- >-->
<!-- <div slot="content">-->
<!-- <xy-table-->
<!-- :height="120"-->
<!-- :list="[typeList[group*2+1]]"-->
<!-- :table-item="typeTable"-->
<!-- >-->
<!-- <template v-slot:btns>-->
<!-- <el-table-column-->
<!-- :width="10"-->
<!-- fixed="right"-->
<!-- label="操作"-->
<!-- header-align="center"-->
<!-- align="center"-->
<!-- >-->
<!-- <template slot-scope="scope"> </template>-->
<!-- </el-table-column>-->
<!-- </template>-->
<!-- </xy-table>-->
<!-- </div>-->
<!-- <slot>-->
<!-- <div style="width: 100%">-->
<!-- <xy-table-->
<!-- :height="380"-->
<!-- :list="typeList[group*2+1].departments"-->
<!-- :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.department_id}&type=${typeList[group*2+1].type}`"-->
<!-- >查看-->
<!-- </router-link>-->
<!-- </template>-->
<!-- </el-table-column>-->
<!-- </template>-->
<!-- </xy-table>-->
<!-- </div>-->
<!-- </slot>-->
<!-- </LxHeader>-->
<!-- </div>-->
<!-- </div>-->
<!-- </template>-->
<!-- </Split>-->
<!-- </template>-->
<!-- </template>-->
<div v-for="(sitem, index) in typeList">
<template v-if="sitem[0]&&sitem[1]">
<Split v-model="split" style="height: 580px">
<template #left>
<div class="demo-split-pane" style="padding-right: 5px">
<div ref="lxHeader" v-if="sitem[0]">
<LxHeader
icon="md-apps"
:text="sitem[0].type_text"
style="margin-bottom: 10px; border: 0px; margin-top: 15px"
>
<template slot-scope="scope"> </template>
</el-table-column>
</template>
</xy-table>
</div>
<slot>
<div style="width: 100%">
<xy-table
:height="380"
:list="sitem[0].departments"
: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.department_id}&type=${sitem[0].type}`"
>查看
</router-link>
</template>
</el-table-column>
</template>
</xy-table>
<div slot="content">
<xy-table
:height="120"
:list="[sitem[0]]"
:table-item="typeTable"
>
<template v-slot:btns>
<el-table-column
:width="10"
fixed="right"
label="操作"
header-align="center"
align="center"
>
<template slot-scope="scope"> </template>
</el-table-column>
</template>
</xy-table>
</div>
<slot>
<div style="width: 100%">
<xy-table
:height="380"
:list="sitem[0].departments"
: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.department_id}&type=${sitem[0].type}`"
>查看
</router-link>
</template>
</el-table-column>
</template>
</xy-table>
</div>
</slot>
</LxHeader>
</div>
</div>
</slot>
</LxHeader>
</div>
</div>
</template>
<template #right>
<div class="demo-split-pane" style="padding-left: 10px">
<div ref="lxHeader" v-if="sitem[1]">
<LxHeader
icon="md-apps"
:text="sitem[1].type_text"
style="margin-bottom: 10px; border: 0px; margin-top: 15px"
>
<div slot="content">
<xy-table
:height="120"
:list="[sitem[1]]"
:table-item="typeTable"
>
<template v-slot:btns>
<el-table-column
:width="10"
fixed="right"
label="操作"
header-align="center"
align="center"
>
<template slot-scope="scope"> </template>
</el-table-column>
</template>
</xy-table>
</div>
<slot>
<div style="width: 100%">
<xy-table
:height="380"
:list="sitem[1].departments"
:table-item="departmentTable"
>
<template v-slot:btns>
<el-table-column
:width="80"
fixed="right"
label="操作"
header-align="center"
align="center"
</template>
<template #right>
<template v-if="!typeList[index+1]">
<div class="demo-split-pane" style="padding-left: 10px">
<div ref="lxHeader" v-if="sitem[1]">
<LxHeader
icon="md-apps"
:text="sitem[1].type_text"
style="margin-bottom: 10px; border: 0px; margin-top: 15px"
>
<template slot-scope="scope">
<router-link
:to="`/statisticalReport/budgetProgress?departmentId=${scope.row.department_id}&type=${sitem[1].type}`"
>查看
</router-link>
</template>
</el-table-column>
<div slot="content">
<xy-table
:height="120"
:list="[sitem[1]]"
:table-item="typeTable"
>
<template v-slot:btns>
<el-table-column
:width="10"
fixed="right"
label="操作"
header-align="center"
align="center"
>
<template slot-scope="scope"> </template>
</el-table-column>
</template>
</xy-table>
</div>
<slot>
<div style="width: 100%">
<xy-table
:height="380"
:list="sitem[1].departments"
: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.department_id}&type=${sitem[1].type}`"
>查看
</router-link>
</template>
</el-table-column>
</template>
</xy-table>
</div>
</slot>
</LxHeader>
</div>
</div>
</template>
<template v-else>
<Split v-model="split1" mode="vertical">
<template #top>
<div class="demo-split-pane" style="padding-left: 10px">
<div ref="lxHeader" v-if="sitem[1]">
<LxHeader
icon="md-apps"
:text="sitem[1].type_text"
style="margin-bottom: 10px; border: 0px; margin-top: 15px"
>
<div slot="content">
<xy-table
:height="120"
:list="[sitem[1]]"
:table-item="typeTable"
>
<template v-slot:btns>
<el-table-column
:width="10"
fixed="right"
label="操作"
header-align="center"
align="center"
>
<template slot-scope="scope"> </template>
</el-table-column>
</template>
</xy-table>
</div>
<slot>
<div style="width: 100%">
<xy-table
:height="380"
:list="sitem[1].departments"
: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.department_id}&type=${sitem[1].type}`"
>查看
</router-link>
</template>
</el-table-column>
</template>
</xy-table>
</div>
</slot>
</LxHeader>
</div>
</div>
</template>
</xy-table>
</div>
</slot>
</LxHeader>
</div>
<template #bottom>
<div class="demo-split-pane" style="padding-left: 10px">
<div ref="lxHeader" v-if="typeList[index+1][0]">
<LxHeader
icon="md-apps"
:text="typeList[index+1][0].type_text"
style="margin-bottom: 10px; border: 0px; margin-top: 15px"
>
<div slot="content">
<xy-table
:height="120"
:list="[typeList[index+1][0]]"
:table-item="typeTable"
>
<template v-slot:btns>
<el-table-column
:width="10"
fixed="right"
label="操作"
header-align="center"
align="center"
>
<template slot-scope="scope"> </template>
</el-table-column>
</template>
</xy-table>
</div>
<slot v-if="typeList[index+1][0].type_text !== '补助经费'">
<div style="width: 100%">
<xy-table
:height="380"
:list="typeList[index+1][0].departments"
: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.department_id}&type=${typeList[index+1][0].type}`"
>查看
</router-link>
</template>
</el-table-column>
</template>
</xy-table>
</div>
</slot>
</LxHeader>
</div>
</div>
</template>
</Split>
</template>
</template>
</Split>
</template>
</div>
</template>
</Split>
</div>
<div ref="lxHeader">
<LxHeader
@ -879,6 +1178,7 @@ export default {
],
value2: 12,
split: 0.5,
split1: 0.68,
select: {
year: "",
},
@ -1090,15 +1390,18 @@ export default {
for (var i = 0; i < res.typeList.length; i = i + 2) {
if (res.typeList[i]) {
res.typeList[i].per = this.getPer(res.typeList[i]);
//arr.push(res.typeList[i])
}
if (res.typeList[i + 1]) {
res.typeList[i + 1].per = this.getPer(res.typeList[i + 1]);
//arr.push(res.typeList[i + 1])
}
arr.push([res.typeList[i], res.typeList[i + 1]]);
}
this.typeList = arr;
}
console.log( 123,this.typeList)
//this.split = Array.from({ length: Math.ceil(this.typeList/2) },() => 0.5)
console.log(123, this.typeList);
},
getPer(row) {
let m2 = row.money_total_2;
@ -1278,6 +1581,9 @@ a {
}
</style>
<style lang="scss" scoped>
::v-deep .ivu-split-pane {
overflow: scroll;
}
.ivu-btn {
margin-right: 10px;
}

Loading…
Cancel
Save