统一除名页面

This commit is contained in:
zhenghl 2026-01-06 19:33:53 +08:00
parent 9ccb35c63f
commit d63a0b2bde
4 changed files with 80 additions and 66 deletions

View File

@ -26,49 +26,45 @@
</div>
<el-row>
<el-col :span="22" :offset="1">
<el-table
v-loading="loading"
:data="tableData"
tooltip-effect="dark"
:fit="true"
:row-class-name="tableRowClassName"
:header-cell-style="{background:'#8cc3fb',color:'#fff'}"
>
<el-table-column prop="index" label="序号" min-width="50" align="center" />
<el-table-column prop="bizNo" label="业务号" min-width="120" align="left" />
<el-table-column prop="truth" :show-overflow-tooltip="true" label="除名决定事实" min-width="100" align="left" />
<el-table-column prop="reason" :show-overflow-tooltip="true" label="除名决定的理由" min-width="180" align="left" />
<el-table-column prop="law" :show-overflow-tooltip="true" label="除名决定的依据" min-width="180" align="left" />
<el-table-column prop="result" :show-overflow-tooltip="true" label="除名决定的后果" min-width="80" align="left" />
<el-table-column prop="objectionOpinion" :show-overflow-tooltip="true" label="异议意见" min-width="80" align="left" />
<el-table-column prop="isRemove" :show-overflow-tooltip="true" label="除名状态" :formatter="formatterIsRemove" min-width="80" align="left" />
<el-table-column prop="removeOpinion" :show-overflow-tooltip="true" label="除名意见" min-width="80" align="left" />
<el-table-column :show-overflow-tooltip="true" label="操作" align="left">
<template #default="scope">
<el-button type="text" size="mini" @click="openDialog(scope.row)">查看详情</el-button>
</template>
</el-table-column>
</el-table>
</el-col>
<el-table
v-loading="loading"
:data="tableData"
tooltip-effect="dark"
:fit="true"
:row-class-name="tableRowClassName"
:header-cell-style="{background:'#8cc3fb',color:'#fff'}"
>
<el-table-column prop="index" label="序号" min-width="50" align="center" />
<el-table-column prop="bizNo" label="业务号" min-width="120" align="left" />
<el-table-column prop="truth" :show-overflow-tooltip="true" label="除名决定事实" min-width="100" align="left" />
<el-table-column prop="reason" :show-overflow-tooltip="true" label="除名决定的理由" min-width="180" align="left" />
<el-table-column prop="law" :show-overflow-tooltip="true" label="除名决定的依据" min-width="180" align="left" />
<el-table-column prop="result" :show-overflow-tooltip="true" label="除名决定的后果" min-width="80" align="left" />
<el-table-column prop="objectionOpinion" :show-overflow-tooltip="true" label="异议意见" min-width="80" align="left" />
<el-table-column prop="isRemove" :show-overflow-tooltip="true" label="除名状态" :formatter="formatterIsRemove" min-width="80" align="left" />
<el-table-column prop="removeOpinion" :show-overflow-tooltip="true" label="除名意见" min-width="80" align="left" />
<el-table-column :show-overflow-tooltip="true" label="操作" align="left">
<template #default="scope">
<el-button type="text" size="mini" @click="openDialog(scope.row)">查看详情</el-button>
</template>
</el-table-column>
</el-table>
</el-row>
<el-row>
<el-col :offset="13">
<el-pagination
:disabled="loading"
:page-size="pageParam.size"
:total="pageParam.total"
:page-sizes="[10, 20, 30]"
layout="slot,total, sizes, prev, pager, next, jumper"
:current-page="pageParam.current"
@size-change="pageSizeChange"
@current-change="pageIndexChange"
>
<span>
{{ pageParam.current }} / {{ (pageParam.total !== 0 ? parseInt((pageParam.total + pageParam.size - 1) / pageParam.size) : 1) }}
</span>
</el-pagination>
</el-col>
<el-row style="text-align:right;margin-top: 16px;">
<el-pagination
:disabled="loading"
:page-size="pageParam.size"
:total="pageParam.total"
:page-sizes="[10, 20, 30]"
layout="slot,total, sizes, prev, pager, next, jumper"
:current-page="pageParam.current"
@size-change="pageSizeChange"
@current-change="pageIndexChange"
>
<span>
{{ pageParam.current }} / {{ (pageParam.total !== 0 ? parseInt((pageParam.total + pageParam.size - 1) / pageParam.size) : 1) }}
</span>
</el-pagination>
</el-row>
<DismissalObjectionAppeal ref="DismissalObjectionAppeal" @refreshList="loadPage" />
</div>
@ -160,7 +156,7 @@ export default {
<style lang="scss" scoped>
.main-content {
background: #fff;
padding: 10pt;
padding: 20px;
.content-header {
background: white;

View File

@ -41,23 +41,21 @@
</el-table-column>
</el-table>
</el-row>
<el-row>
<el-col :offset="14">
<el-pagination
:disabled="loading"
:page-size="pageParam.size"
:total="pageParam.total"
:page-sizes="[10, 20, 30]"
layout="slot,total, sizes, prev, pager, next, jumper"
:current-page="pageParam.current"
@size-change="pageSizeChange"
@current-change="pageIndexChange"
>
<span>
{{ pageParam.current }} / {{ (pageParam.total !== 0 ? parseInt((pageParam.total + pageParam.size - 1) / pageParam.size) : 1) }}
</span>
</el-pagination>
</el-col>
<el-row style="text-align:right;margin-top: 16px">
<el-pagination
:disabled="loading"
:page-size="pageParam.size"
:total="pageParam.total"
:page-sizes="[10, 20, 30]"
layout="slot,total, sizes, prev, pager, next, jumper"
:current-page="pageParam.current"
@size-change="pageSizeChange"
@current-change="pageIndexChange"
>
<span>
{{ pageParam.current }} / {{ (pageParam.total !== 0 ? parseInt((pageParam.total + pageParam.size - 1) / pageParam.size) : 1) }}
</span>
</el-pagination>
</el-row>
<DismissalObjectionAppeal ref="DismissalObjectionAppeal" @refreshList="loadPage" />
</div>
@ -148,7 +146,7 @@ export default {
<style lang="scss" scoped>
.main-content {
background: #fff;
padding: 10pt;
padding: 20px;
.content-header {
background: white;

View File

@ -68,10 +68,15 @@ export default {
handlerWidth: '120px',
showPagination: true,
tableProps: {
headerCellStyle: { background: '#F5F5F5!important', color: '#333333!important', padding: '0px' },
headerCellStyle: { background: '#8cc3fb!important', color: '#fff!important', padding: '0px' },
headerRowStyle: { height: '48px' },
rowStyle: { height: '48px' },
cellStyle: { padding: '16px 0', color: '#333' }
cellStyle: { padding: '16px 0', color: '#333' },
rowClassName: (row) => {
if (row.rowIndex % 2 === 1) {
return 'warning-row'
}
}
}
},
buttons: [
@ -374,5 +379,10 @@ export default {
</script>
<style lang="scss" scoped>
@import "~@/styles/abnormal-list.scss";
// @import "~@/styles/abnormal-list.scss";
.page {
background: #Fff;
margin: 20px;
padding: 20px;
}
</style>

View File

@ -93,10 +93,15 @@ export default {
}
},
tableProps: {
headerCellStyle: { background: '#F5F5F5!important', color: '#333333!important', padding: '0px' },
headerCellStyle: { background: '#8cc3fb!important', color: '#fff!important', padding: '0px' },
headerRowStyle: { height: '48px' },
rowStyle: { height: '48px' },
cellStyle: { padding: '16px 0', color: '#333' }
cellStyle: { padding: '16px 0', color: '#333' },
rowClassName: (row) => {
if (row.rowIndex % 2 === 1) {
return 'warning-row'
}
}
}
},
buttons: [
@ -381,4 +386,9 @@ export default {
<style lang="scss" scoped>
@import "~@/styles/abnormal-list.scss";
.page {
background: #Fff;
margin: 20px;
padding: 20px;
}
</style>