83 lines
2.5 KiB
Vue
83 lines
2.5 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="intermediaryTypeName" width="100"/>
|
||
|
|
<el-table-column label="状态" align="center" prop="status" width="100">
|
||
|
|
<template slot-scope="scope">
|
||
|
|
<el-tag v-if="scope.row.status === '0'" type="success">正常</el-tag>
|
||
|
|
<el-tag v-else type="danger">停用</el-tag>
|
||
|
|
</template>
|
||
|
|
</el-table-column>
|
||
|
|
<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="240">
|
||
|
|
<template slot-scope="scope">
|
||
|
|
<el-button
|
||
|
|
size="mini"
|
||
|
|
type="text"
|
||
|
|
icon="el-icon-view"
|
||
|
|
@click="$emit('detail', scope.row)"
|
||
|
|
>详情</el-button>
|
||
|
|
<el-button
|
||
|
|
size="mini"
|
||
|
|
type="text"
|
||
|
|
icon="el-icon-edit"
|
||
|
|
@click="$emit('update', scope.row)"
|
||
|
|
v-hasPermi="['dpc:intermediary:edit']"
|
||
|
|
>修改</el-button>
|
||
|
|
<el-button
|
||
|
|
size="mini"
|
||
|
|
type="text"
|
||
|
|
icon="el-icon-delete"
|
||
|
|
@click="$emit('delete', scope.row)"
|
||
|
|
v-hasPermi="['dpc: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>
|