<template>
  <div v-if="areaInfo" class="container normal-panel">
    <p class="normal-title normal-margin">营销区域信息</p>
    <el-descriptions :column="4">
        <el-descriptions-item label="区域名称">{{areaInfo.label?areaInfo.label:'未知'}}</el-descriptions-item>
        <el-descriptions-item label="区域描述">{{areaInfo.remarks?areaInfo.remarks:'未知'}}</el-descriptions-item>
        <el-descriptions-item label="启用状态"><span :style="areaInfo.isused === 1?'color:#52C41A':'color:red'">{{areaInfo.isused === 1?'启用':'停用'}}</span></el-descriptions-item>
    </el-descriptions>
  </div>
</template>

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

</script>
<style>
</style>