c-zhouhf1/zhgh_ncu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改30年教龄管理，福利汇总管理

Browse Source
This commit is contained in:
c-zhouhf1
2026-09-14 20:36:35 +08:00
parent 4373cc0095
commit 8301342598
2 changed files with 140 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/main/resources/views/platform/zhgh/staffmanage/thirtyTeach/summary/index.html
+47 -5
View File
@@ -2,10 +2,50 @@
layout("/layouts/platform.html"){
#-->
<div id="app" v-cloak>
<style>
/* 扣除平台顶部导航 64px 和内容区上下间距 20px，让列表使用剩余可视高度。 */
.thirty-teach-summary-page {
height: calc(100vh - 84px);
}
.thirty-teach-summary-page > .guava-main-content {
height: 100%;
}
.thirty-teach-summary-page > .guava-main-content > .transition-item {
display: flex;
flex-direction: column;
min-height: 0;
}
.thirty-teach-summary-page .summary-search-card,
.thirty-teach-summary-page .summary-list-card > .el-card__body > .ele-table-tool {
flex-shrink: 0;
}
/* 列表卡片允许收缩，避免数据行撑高外层页面；表头和合计由 el-table 固定。 */
.thirty-teach-summary-page .summary-list-card {
flex: 1;
min-height: 0;
}
.thirty-teach-summary-page .summary-list-card > .el-card__body {
height: 100%;
box-sizing: border-box;
display: flex;
flex-direction: column;
}
.thirty-teach-summary-page .summary-table-container {
flex: 1;
min-height: 0;
}
</style>
<div id="app" class="thirty-teach-summary-page" v-cloak>
<guava ref="guava">
<template>
<el-card shadow="never">
<el-card shadow="never" class="summary-search-card">
<search @search="doSearch">
<search-item label="所属工会">
<el-select v-model="pageForm.unionId" placeholder="请选择所属工会"
@@ -29,14 +69,15 @@ layout("/layouts/platform.html"){
</el-card>
<el-card shadow="never" class="mt10">
<el-card shadow="never" class="mt10 summary-list-card">
<table-tool label="教职工汇总">
<el-button size="small" @click="doExportSummary" type="primary">
导出汇总表
</el-button>
</table-tool>
<div class="summary-table-container">
<el-table ref="table" :data="tableData" style="width: 100%" row-key="id"
@sort-change="pageOrder" show-summary
@sort-change="pageOrder" show-summary height="100%"
v-loading="tableLoading" :size="tableSize" class="vi-table">
<el-table-column align="center" header-align="center" type="index"
:index="indexMethod" label="序号"
@@ -52,6 +93,7 @@ layout("/layouts/platform.html"){
>
</el-table-column>
</el-table>
</div>
</el-card>
</template>
@@ -71,10 +113,10 @@ layout("/layouts/platform.html"){
},
tableColumns: [
{prop: 'name', label: '分工会名称', sortable: true},
{prop: 'userNum', label: '人数', sortable: true},
{prop: 'willThirtyNum', label: '即将满30年', sortable: true},
{prop: 'anniversaryThirtyNum', label: '周年满30年', sortable: true},
{prop: 'overThirtyNum', label: '超过30年', sortable: true},
{prop: 'userNum', label: '人数', sortable: true},
],
unionOptions: [],
unitOptions: [],
src/main/resources/views/platform/zhgh/welfare/statistics/index.html
+46 -3
View File
@@ -2,10 +2,50 @@
layout("/layouts/platform.html"){
#-->
<div id="app" v-cloak>
<style>
/* 扣除平台顶部导航 64px 和内容区上下间距 20px，让列表使用剩余可视高度。 */
.welfare-statistics-page {
height: calc(100vh - 84px);
}
.welfare-statistics-page > .guava-main-content {
height: 100%;
}
.welfare-statistics-page > .guava-main-content > .transition-item {
display: flex;
flex-direction: column;
min-height: 0;
}
.welfare-statistics-page .statistics-search-card,
.welfare-statistics-page .statistics-list-card > .el-card__body > .ele-table-tool {
flex-shrink: 0;
}
/* 列表卡片允许收缩，避免数据行撑高外层页面；表头和合计由 el-table 固定。 */
.welfare-statistics-page .statistics-list-card {
flex: 1;
min-height: 0;
}
.welfare-statistics-page .statistics-list-card > .el-card__body {
height: 100%;
box-sizing: border-box;
display: flex;
flex-direction: column;
}
.welfare-statistics-page .statistics-table-container {
flex: 1;
min-height: 0;
}
</style>
<div id="app" class="welfare-statistics-page" v-cloak>
<guava ref="guava">
<template>
<el-card shadow="never">
<el-card class="statistics-search-card" shadow="never">
<search @search="doSearch">
<search-item label="年度">
<el-date-picker
@@ -31,7 +71,7 @@ layout("/layouts/platform.html"){
</search>
</el-card>
<el-card class="mt10" shadow="never" v-loading="tableLoading">
<el-card class="mt10 statistics-list-card" shadow="never" v-loading="tableLoading">
<table-tool label="工会列表">
<el-button @click="exportByWelfareOptions" icon="el-icon-printer" size="small" type="primary">按福利选项导出</el-button>
<template v-if="$auth.hasRoleOr(['SYSADMIN','SCHOOL_UNION_ADMIN','SCHOOL_UNION_WELFARE_ADMIN'])">
@@ -40,11 +80,13 @@ layout("/layouts/platform.html"){
</el-button>
</template>
</table-tool>
<div class="statistics-table-container">
<el-table
:data="tableData"
:size="tableSize"
@sort-change="pageOrder"
class="vi-table"
height="100%"
lazy
ref="table"
row-key="id"
@@ -72,6 +114,7 @@ layout("/layouts/platform.html"){
</template>
</el-table-column>
</el-table>
</div>
</el-card>
</template>
</guava>