77 lines
2.4 KiB
Vue
77 lines
2.4 KiB
Vue
<template>
|
|
<div>
|
|
<el-table v-loading="loading" :data="dataList" @selection-change="handleSelectionChange">
|
|
<el-table-column type="selection" width="55" align="center" />
|
|
<el-table-column label="名称" align="center" prop="name" :show-overflow-tooltip="true" />
|
|
<el-table-column label="证件号" align="center" prop="certificateNo" :show-overflow-tooltip="true" />
|
|
<el-table-column label="关联中介姓名" align="center" prop="relatedIntermediaryName" :show-overflow-tooltip="true" />
|
|
<el-table-column label="关联关系" align="center" prop="relationText" :show-overflow-tooltip="true" />
|
|
<el-table-column label="创建时间" align="center" prop="createTime" width="180">
|
|
<template slot-scope="scope">
|
|
<span>{{ parseTime(scope.row.createTime) }}</span>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="260">
|
|
<template slot-scope="scope">
|
|
<el-button size="mini" type="text" icon="el-icon-view" @click="$emit('detail', scope.row)">
|
|
{{ scope.row.recordType === 'INTERMEDIARY' ? '详情' : '查看' }}
|
|
</el-button>
|
|
<el-button
|
|
size="mini"
|
|
type="text"
|
|
icon="el-icon-edit"
|
|
@click="$emit('update', scope.row)"
|
|
v-hasPermi="['ccdi:intermediary:edit']"
|
|
>
|
|
{{ scope.row.recordType === 'INTERMEDIARY' ? '修改' : '编辑' }}
|
|
</el-button>
|
|
<el-button
|
|
size="mini"
|
|
type="text"
|
|
icon="el-icon-delete"
|
|
@click="$emit('delete', scope.row)"
|
|
v-hasPermi="['ccdi:intermediary:remove']"
|
|
>删除</el-button>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
|
|
<pagination
|
|
v-show="total > 0"
|
|
:total="total"
|
|
:page.sync="pageParams.pageNum"
|
|
:limit.sync="pageParams.pageSize"
|
|
@pagination="$emit('pagination')"
|
|
/>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: "DataTable",
|
|
props: {
|
|
loading: {
|
|
type: Boolean,
|
|
default: false
|
|
},
|
|
dataList: {
|
|
type: Array,
|
|
default: () => []
|
|
},
|
|
total: {
|
|
type: Number,
|
|
default: 0
|
|
},
|
|
pageParams: {
|
|
type: Object,
|
|
required: true
|
|
}
|
|
},
|
|
methods: {
|
|
handleSelectionChange(selection) {
|
|
this.$emit("selection-change", selection);
|
|
}
|
|
}
|
|
};
|
|
</script>
|