统一除名页面

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> </div>
<el-row> <el-row>
<el-col :span="22" :offset="1"> <el-table
<el-table v-loading="loading"
v-loading="loading" :data="tableData"
:data="tableData" tooltip-effect="dark"
tooltip-effect="dark" :fit="true"
:fit="true" :row-class-name="tableRowClassName"
:row-class-name="tableRowClassName" :header-cell-style="{background:'#8cc3fb',color:'#fff'}"
:header-cell-style="{background:'#8cc3fb',color:'#fff'}" >
> <el-table-column prop="index" label="序号" min-width="50" align="center" />
<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="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="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="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="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="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="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="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 prop="removeOpinion" :show-overflow-tooltip="true" label="除名意见" min-width="80" align="left" /> <el-table-column :show-overflow-tooltip="true" label="操作" align="left">
<el-table-column :show-overflow-tooltip="true" label="操作" align="left"> <template #default="scope">
<template #default="scope"> <el-button type="text" size="mini" @click="openDialog(scope.row)">查看详情</el-button>
<el-button type="text" size="mini" @click="openDialog(scope.row)">查看详情</el-button> </template>
</template> </el-table-column>
</el-table-column> </el-table>
</el-table>
</el-col>
</el-row> </el-row>
<el-row> <el-row style="text-align:right;margin-top: 16px;">
<el-col :offset="13"> <el-pagination
<el-pagination :disabled="loading"
:disabled="loading" :page-size="pageParam.size"
:page-size="pageParam.size" :total="pageParam.total"
:total="pageParam.total" :page-sizes="[10, 20, 30]"
:page-sizes="[10, 20, 30]" layout="slot,total, sizes, prev, pager, next, jumper"
layout="slot,total, sizes, prev, pager, next, jumper" :current-page="pageParam.current"
:current-page="pageParam.current" @size-change="pageSizeChange"
@size-change="pageSizeChange" @current-change="pageIndexChange"
@current-change="pageIndexChange" >
> <span>
<span> {{ pageParam.current }} / {{ (pageParam.total !== 0 ? parseInt((pageParam.total + pageParam.size - 1) / pageParam.size) : 1) }}
{{ pageParam.current }} / {{ (pageParam.total !== 0 ? parseInt((pageParam.total + pageParam.size - 1) / pageParam.size) : 1) }} </span>
</span> </el-pagination>
</el-pagination>
</el-col>
</el-row> </el-row>
<DismissalObjectionAppeal ref="DismissalObjectionAppeal" @refreshList="loadPage" /> <DismissalObjectionAppeal ref="DismissalObjectionAppeal" @refreshList="loadPage" />
</div> </div>
@ -160,7 +156,7 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.main-content { .main-content {
background: #fff; background: #fff;
padding: 10pt; padding: 20px;
.content-header { .content-header {
background: white; background: white;

View File

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

View File

@ -68,10 +68,15 @@ export default {
handlerWidth: '120px', handlerWidth: '120px',
showPagination: true, showPagination: true,
tableProps: { tableProps: {
headerCellStyle: { background: '#F5F5F5!important', color: '#333333!important', padding: '0px' }, headerCellStyle: { background: '#8cc3fb!important', color: '#fff!important', padding: '0px' },
headerRowStyle: { height: '48px' }, headerRowStyle: { height: '48px' },
rowStyle: { 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: [ buttons: [
@ -374,5 +379,10 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "~@/styles/abnormal-list.scss"; // @import "~@/styles/abnormal-list.scss";
.page {
background: #Fff;
margin: 20px;
padding: 20px;
}
</style> </style>

View File

@ -93,10 +93,15 @@ export default {
} }
}, },
tableProps: { tableProps: {
headerCellStyle: { background: '#F5F5F5!important', color: '#333333!important', padding: '0px' }, headerCellStyle: { background: '#8cc3fb!important', color: '#fff!important', padding: '0px' },
headerRowStyle: { height: '48px' }, headerRowStyle: { height: '48px' },
rowStyle: { 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: [ buttons: [
@ -381,4 +386,9 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
@import "~@/styles/abnormal-list.scss"; @import "~@/styles/abnormal-list.scss";
.page {
background: #Fff;
margin: 20px;
padding: 20px;
}
</style> </style>