62 lines
2.3 KiB
Vue
62 lines
2.3 KiB
Vue
<template>
|
|
<el-card shadow="never" class="mt20">
|
|
|
|
<slot name="operation"></slot>
|
|
|
|
<el-table :data="data" align="center" header-align="center" :row-key="rowkeyFunc" v-loading="loading"
|
|
@sort-change="(c)=>{$emit('order',c)}" @selection-change="(s)=>{$emit('selection',s)}">
|
|
<el-table-column v-if="selection" type="selection" width="55"></el-table-column>
|
|
<el-table-column align="center" header-align="center" label="序号" type="index" width="80">
|
|
<template scope="scope">
|
|
<span>{{ scope.$index + (page.pageNumber - 1) * page.pageSize + 1 }} </span>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="提案编号" prop="proposalCode" align="center" header-align="center" sortable width="120"></el-table-column>
|
|
<el-table-column label="提案名称" prop="proposalName" align="center" header-align="center" width="300px">
|
|
<template scope="{row}">
|
|
<el-link type="primary" @click="$emit('view',row)">{{ row.proposalName }}</el-link>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="提案人" prop="username" align="center" header-align="center"></el-table-column>
|
|
<!-- <el-table-column label="提案时间" prop="createTime" align="center" header-align="center" sortable></el-table-column>-->
|
|
<el-table-column label="提案类型" prop="typeName" align="center" header-align="center" sortable></el-table-column>
|
|
<el-table-column label="届次" prop="meetingName" align="center" header-align="center"
|
|
sortable></el-table-column>
|
|
<el-table-column label="所属代表团" prop="delegationName" align="center" header-align="center"
|
|
sortable></el-table-column>
|
|
<el-table-column label="提案状态" prop="stateName" align="center" header-align="center" sortable></el-table-column>
|
|
|
|
<slot name="column"></slot>
|
|
|
|
</el-table>
|
|
|
|
<slot name="pagination"></slot>
|
|
|
|
</el-card>
|
|
</template>
|
|
|
|
<script>
|
|
module.exports = {
|
|
props: {
|
|
page: '',
|
|
data: {
|
|
type: Array,
|
|
default: []
|
|
},
|
|
loading: {
|
|
type: Boolean,
|
|
default: false
|
|
},
|
|
selection: {
|
|
type: Boolean,
|
|
default: false
|
|
}
|
|
},
|
|
methods: {
|
|
rowkeyFunc(row) {
|
|
return new Date().getTime()
|
|
}
|
|
}
|
|
}
|
|
</script>
|