<template>
|
<div>
|
<el-dialog :visible.sync="show" :show-close="false" width="1541px" @close="$emit('close')"
|
:modal-append-to-body="false">
|
<div class="txt-center pt--31">
|
<div class="fs--18 mb--34 font-bold">请选择</div>
|
<div class="mx--31">
|
<el-table :data="tableData" style="width: 100%" border
|
header-cell-style="background:#F6F6F7;font-size:16px;color: #3B3F56;">
|
<el-table-column label="选择" align="center">
|
<template slot-scope="{ row }">
|
|
</template>
|
</el-table-column>
|
<el-table-column prop="name" label="姓名" align="center">
|
</el-table-column>
|
<el-table-column prop="address" label="手机号" align="center">
|
</el-table-column>
|
<el-table-column prop="address" label="邮箱" align="center">
|
</el-table-column>
|
<el-table-column prop="address" label="地址" align="center">
|
</el-table-column>
|
<el-table-column prop="address" label="备注" align="center">
|
</el-table-column>
|
</el-table>
|
</div>
|
<div class="btns">
|
<el-button @click="$emit('close')">关闭</el-button>
|
<el-button @click="submit" type="primary">确认</el-button>
|
</div>
|
</div>
|
</el-dialog>
|
</div>
|
</template>
|
|
<script>
|
export default {
|
components: {},
|
props: {
|
show: {
|
type: Boolean,
|
default: false
|
}
|
},
|
data() {
|
return {
|
tableData: [{}]
|
};
|
},
|
computed: {},
|
watch: {},
|
created() { },
|
mounted() { },
|
methods: {
|
submit() {
|
this.$emit('submit', {})
|
}
|
},
|
};
|
</script>
|
<style scoped lang="less">
|
.btns {
|
display: flex;
|
justify-content: center;
|
margin-top: 39px;
|
padding-bottom: 31px;
|
|
.el-button {
|
width: 190px;
|
height: 50px;
|
font-size: 20px;
|
|
}
|
|
.el-button--primary {
|
background-color: #014099;
|
border-color: #014099;
|
}
|
}
|
|
::v-deep .el-dialog {
|
border-radius: 8px;
|
|
.el-dialog__header {
|
display: none !important;
|
}
|
|
.el-dialog__body {
|
padding: 0 !important;
|
|
}
|
}
|
</style>
|
