<template>
  <div v-if="more">
    <div class="container" v-for="(item1,i) in data" :key="i">
      <el-descriptions :column="3" :title="item1.title" :labelStyle="{width:'140px',flex:'1 0 auto',}" :contentStyle="{width:'250px',flex:'1 0 auto'}" border>
        <el-descriptions-item v-for="(item2,j) in item1.info" :key="j" :label="item2.label">{{ item2.value ? item2.value : '--' }}</el-descriptions-item>
      </el-descriptions>
    </div>
  </div>
  <div v-else>
    <div class="container">
      <el-descriptions title="基本信息" border>
        <el-descriptions-item v-for="(item,index) in data.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="container">
      <el-descriptions title="系统信息" border>
        <el-descriptions-item v-for="(item,index) in data.systemInfo" :key="index" :label="item.label">{{ item.value ? item.value : '--' }}</el-descriptions-item>
      </el-descriptions>
    </div>
  </div>
</template>

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

  },
  methods:{

  }
}
</script>

<style scoped>

</style>