45 lines
1.1 KiB
Vue
45 lines
1.1 KiB
Vue
<template>
|
||
<a-drawer
|
||
title="域信息"
|
||
:maskClosable="false"
|
||
width=650
|
||
placement="right"
|
||
:closable="true"
|
||
@close="close"
|
||
:visible="domainInfoVisible"
|
||
style="height: calc(100% - 55px);overflow: auto;padding-bottom: 53px;">
|
||
<p><a-icon type="crown" /> 域名称：{{domainInfoData.name}}</p>
|
||
<p :title="domainInfoData.description"><a-icon type="book" /> 域描述：{{domainInfoData.description}}</p>
|
||
<p><a-icon type="clock-circle" /> 创建时间：{{domainInfoData.createTime}}</p>
|
||
<p><a-icon type="clock-circle" /> 修改时间：{{domainInfoData.modifyTime? domainInfoData.modifyTime : '暂未修改'}}</p>
|
||
</a-drawer>
|
||
</template>
|
||
<script>
|
||
export default {
|
||
name: 'DomainInfo',
|
||
props: {
|
||
domainInfoVisible: {
|
||
require: true,
|
||
default: false
|
||
},
|
||
domainInfoData: {
|
||
require: true
|
||
}
|
||
},
|
||
data () {
|
||
return {
|
||
key: +new Date(),
|
||
loading: true,
|
||
checkedKeys: [],
|
||
menuTreeData: []
|
||
}
|
||
},
|
||
methods: {
|
||
close () {
|
||
this.$emit('close')
|
||
this.checkedKeys = []
|
||
}
|
||
}
|
||
}
|
||
</script>
|