91 lines
3.1 KiB
Vue
91 lines
3.1 KiB
Vue
<template>
|
|
<div>
|
|
<el-card shadow="never" class="mt20">
|
|
<slot name="vi-title"></slot>
|
|
<el-table :data="data" style="width: 100%" :row-key="()=>{new Date().getTime()}"
|
|
@sort-change="(c)=>{$emit('order',c)}">
|
|
<el-table-column align="center" header-align="center" label="序号" type="index">
|
|
<template scope="scope">
|
|
<span>{{ scope.$index + (page.pageNumber - 1) * page.pageSize + 1 }} </span>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column
|
|
align="center"
|
|
header-align="center"
|
|
v-for="column in tableColumns"
|
|
:label="column.label"
|
|
:prop="column.prop" :sortable="column.sortable"
|
|
:sortable="column.sortable" show-overflow-tooltip>
|
|
</el-table-column>
|
|
<el-table-column label="申请时间" prop="applyTime" sortable header-align="center" align="center"></el-table-column>
|
|
<el-table-column label="审核状态" prop="stateId" sortable header-align="center" align="center" width="200px">
|
|
<template scope="{row}">
|
|
<vi-table-state :state="row"></vi-table-state>
|
|
</template>
|
|
</el-table-column>
|
|
|
|
<slot name="column"></slot>
|
|
|
|
</el-table>
|
|
<slot name="pagination"></slot>
|
|
|
|
</el-card>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
module.exports = {
|
|
props: {
|
|
page: {
|
|
type: Object,
|
|
default: {}
|
|
},
|
|
data: {
|
|
type: Array,
|
|
default: []
|
|
},
|
|
},
|
|
data() {
|
|
return {
|
|
tableColumns: [{prop: 'userName', label: '申请人姓名', sortable: true},
|
|
{prop: 'loginname', label: '工号', sortable: true},
|
|
{prop: 'userSex', label: '性别', sortable: true},
|
|
{prop: 'birthday', label: '出生年月', sortable: true},
|
|
{prop: 'political', label: '政治面貌', sortable: true},
|
|
{prop: 'title', label: '职称', sortable: true},
|
|
{prop: 'unitName', label: '单位', sortable: true},
|
|
{prop: 'unionName', label: '工会', sortable: true},]
|
|
}
|
|
},
|
|
watch: {
|
|
"page.honorType"() {
|
|
if (this.page.honorType == HonorApi.honor_single_id) {
|
|
this.tableColumns = [
|
|
{prop: 'userName', label: '申请人姓名', sortable: true},
|
|
{prop: 'loginname', label: '工号', sortable: true},
|
|
{prop: 'userSex', label: '性别', sortable: true},
|
|
{prop: 'birthday', label: '出生年月', sortable: true},
|
|
{prop: 'political', label: '政治面貌', sortable: true},
|
|
{prop: 'title', label: '职称', sortable: true},
|
|
{prop: 'unitName', label: '单位', sortable: true},
|
|
{prop: 'unionName', label: '工会', sortable: true},
|
|
]
|
|
} else {
|
|
this.tableColumns = [
|
|
{prop: 'unionName', label: '申报院级工会', sortable: true},
|
|
{prop: 'unionLeader', label: '工会主席', sortable: true},
|
|
{prop: 'memberNumber', label: '会员人数', sortable: true},
|
|
{prop: 'unionGroupNumber', label: '工会小组数', sortable: true},
|
|
]
|
|
}
|
|
}
|
|
},
|
|
async created() {
|
|
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
|
|
</style> |