<template>
|
<div>
|
<el-dialog :visible.sync="dialogVisible" @close="$emit('close')" title="账号继承" :show-close="false">
|
<div class="inherit-title">当前账号</div>
|
<div class="inherit-content">
|
<div>姓名：张三</div>
|
<div>电话：102929292929</div>
|
<div>角色：工艺工程师</div>
|
<div>登录账号：328746378</div>
|
</div>
|
<div class="inherit-table-title">
|
<div class="inherit-title">继承账号</div>
|
<el-button type="primary" @click="selectMember">选择人员</el-button>
|
</div>
|
<Table :data="tableData" :total="0">
|
<el-table-column label="姓名" prop="role" />
|
<el-table-column label="联系电话" prop="name" />
|
<el-table-column label="角色" prop="createTime" />
|
<el-table-column label="登陆账号" prop="createTime" />
|
<el-table-column label="登录状态" prop="createTime" />
|
<el-table-column label="创建时间" prop="createTime" />
|
</Table>
|
<div class="select-member-footer">
|
<el-button @click="$emit('close')">关闭</el-button>
|
<el-button type="primary" @click="submit">保存</el-button>
|
</div>
|
</el-dialog>
|
<SelectMember ref="selectMember" />
|
</div>
|
</template>
|
|
<script>
|
export default {
|
props: {
|
dialogVisible: {
|
type: Boolean,
|
default: false
|
},
|
row: {
|
type: Object,
|
default: () => { }
|
}
|
},
|
data() {
|
return {
|
};
|
},
|
created() {
|
if (Object.keys(this.row).length) {
|
this.form = {
|
...this.row
|
}
|
}
|
},
|
mounted() { },
|
methods: {
|
selectMember() {
|
this.$refs.selectMember.open()
|
},
|
submit() {
|
}
|
},
|
};
|
</script>
|
<style scoped lang="less">
|
.inherit-title {
|
font-weight: 500;
|
font-size: 16px;
|
line-height: 16px;
|
color: #222222;
|
font-family: 'SourceHanSansCN-Medium';
|
margin-bottom: 8px;
|
}
|
|
.inherit-content {
|
display: grid;
|
grid-template-columns: 1fr 1fr 1fr 1fr;
|
gap: 10px;
|
border: 1px solid #E6E6E6;
|
border-radius: 6px;
|
padding: 10px;
|
}
|
|
.inherit-table-title {
|
display: flex;
|
align-items: center;
|
margin: 20px 0;
|
gap: 10px;
|
|
.inherit-title {
|
margin-bottom: 0;
|
}
|
}
|
.select-member-footer{
|
margin-top: 40px;
|
}
|
</style>
|
