<template>
  <div v-if="depInfo.data" class="container normal-panel">
    <p class="normal-title normal-margin">部门信息</p>
    <el-descriptions :column="4">
        <el-descriptions-item label="部门名称">{{depInfo.data.label?depInfo.data.label:'未知'}}</el-descriptions-item>
        <el-descriptions-item label="上级部门">{{depInfo.parent.data?depInfo.parent.data.label:'未知'}}</el-descriptions-item>
        <el-descriptions-item label="创建时间">{{depInfo.data.createdate?depInfo.data.createdate:'未知'}}</el-descriptions-item>
        <el-descriptions-item label="修改时间">{{depInfo.data.changedate?depInfo.data.changedate:'未知'}}</el-descriptions-item>
        <el-descriptions-item label="创建人">{{depInfo.data.createby?depInfo.data.createby:'未知'}}</el-descriptions-item>
        <el-descriptions-item label="修改人">{{depInfo.data.changeby?depInfo.data.changeby:'未知'}}</el-descriptions-item>
        <el-descriptions-item label="状态"><span :style="depInfo.data.isused === 1?'color:#52C41A':'color:red'">{{depInfo.data.isused === 1?'启用':'停用'}}</span></el-descriptions-item>
    </el-descriptions>
  </div>
</template>

<script>
export default {
  props:['depInfo']
}

</script>
<style>
</style>