<template>
    <div>
        <el-card class="box-card">
            <div class="box1">客户码：d39eaa7fc1f34190869608259133d2fb</div>
            <div class="box2">Nbdevkey: cf9dcf79-b36c-4adf-be3c-de74099c21f3<span class="box3">生成</span></div>
            <div class="tableee">
                <el-table :data="tableList" border stripe class="table mt-2" ref="multipleTable"
                    @selection-change="handleSelectionChange" header-cell-class-name="table-header" height="650px"
                    empty-text="无">
                    <el-table-column prop="number" label="序号" align="center"></el-table-column>
                    <el-table-column prop="phone" label="回调类型" align="center"></el-table-column>
                    <el-table-column prop="room" label="回调URL" align="center"></el-table-column>
                    <el-table-column label="操作" align="center">
                        <template #default="scope">
                            <el-button type="text">删除</el-button>
                        </template>
                    </el-table-column>
                </el-table>
            </div>
        </el-card>
    </div>
</template>

<script>
export default {
    name: 'thirdPartyDocking',
    data() {
        return {
            tableList: [
                {
                    number: '1',
                    phone: '用户数据回调',
                    room: 'https://apartmentcloud.xiaozhisz.cn/nbdewreceiveUnlockRecord',
                },
                {
                    number: '2',
                    phone: '房源数据回调',
                    room: 'https://apartmentcloud.xiaozhisz.cn/nbdewreceiveLocklnfo',
                }
            ]
        }
    }
}
</script>

<style scoped>
.box-card {
    width: 100%;
    padding: 0 10px;
}

.box1 {
    font-size: 14px;
}

.box2 {
    margin-top: 15px;
    font-size: 14px;
}

.box3 {
    margin-left: 10px;
    color: skyblue;
}
.tableee{
    margin-top: 20px;
}
</style>