<template>
|
<div>
|
<el-dialog
|
title="查看四长四员"
|
:visible="value"
|
width="50%"
|
:modal='false'
|
:show-close="false"
|
class="custom-height"
|
:before-close="onCancel">
|
<div class="see-details">
|
<ul>
|
<li><span>姓名:</span>{{seedata.name}}</li>
|
<li><span>联系电话:</span>{{seedata.phone}}</li>
|
<li><span>身份证号码:</span>{{seedata.idCard}}</li>
|
<li><span>职位:</span>{{seedata.position}}</li>
|
<li><span>登录账号:</span>{{seedata.account}}</li>
|
<li><span>管辖区域:</span>{{seedata.buildings && seedata.buildings.join(",")}}</li>
|
<li><span>账号状态:</span>
|
<el-radio v-model="seedata.status" :label="1" :disabled="seedata.status !== 1">启用</el-radio>
|
<el-radio v-model="seedata.status" :label="2" :disabled="seedata.status !== 2">禁用</el-radio>
|
</li>
|
</ul>
|
|
</div>
|
<!-- 底部按钮 -->
|
<span slot="footer" class="dialog-footer">
|
<el-button @click="onCancel">关 闭</el-button>
|
</span>
|
</el-dialog>
|
</div>
|
</template>
|
|
<script>
|
export default {
|
props: {
|
value: {type: Boolean},
|
seedata:{type: Object}
|
},
|
|
methods:{
|
onCancel() {
|
this.$emit('change', false);
|
},
|
}
|
}
|
</script>
|
|
<style lang="less" scoped>
|
.see-details {
|
ul li {
|
line-height: 35px;
|
color: #909399;
|
font-size: 14px;
|
span {
|
display: inline-block;
|
width: 100px;
|
text-align: right;
|
color: #606266;
|
}
|
}
|
|
}
|
</style>
|
