<template>
  <div>
    <div class="normal-margin">
      <el-descriptions :column="2" title="基本信息" labelClassName="my-label" contentClassName="my-content" border>
        <el-descriptions-item v-for="(item,index) in detailInfo.baseInfo" :key="index" :label="item.label">
          <span :style="item.style?item.style():''">{{ item.value ? item.value : '--' }}</span>
        </el-descriptions-item>
      </el-descriptions>
    </div>

    <div class="normal-margin">
      <el-descriptions :column="2" title="系统信息" labelClassName="my-label" contentClassName="my-content" border>
        <el-descriptions-item v-for="(item,index) in detailInfo.systemInfo" :key="index" :label="item.label">{{ item.value ? item.value : '--' }}</el-descriptions-item>
      </el-descriptions>
    </div>
  </div>
</template>

<script>
export default {
  name: "detailedData",
  props:["detailInfo"],
  detailInfo(){
    return {
    }
  },
  mounted() {

  },
  methods:{

  }
}
</script>

<style scoped>
/deep/.el-descriptions-item__label {
  font-size: 14px;
  color:rgb(163, 163, 163) !important;
}
</style>