<template>
  <Card title="BIM协同">
    <div class="table">
      <div class="row" style="font-weight: bold;">
        <div class="td">规划报批</div>
        <div class="td">施工图审查</div>
        <div class="td">竣工验收</div>
      </div>
      <div class="row" v-for="(row, i) in list" :key="i">
        <div class="td" :class="{ red: !row[0] }">{{ row[0] ? '符合' : '不符合' }}</div>
        <div class="td" :class="{ red: !row[1] }">{{ row[1] ? '符合' : '不符合' }}</div>
        <div class="td" :class="{ red: !row[2] }">{{ row[2] ? '已验收' : '未验收' }}</div>
      </div>
    </div>
  </Card>
</template>

<script>
import Card from '../components/Card.vue'
// import { modelReport } from '@/assets/json/jlw/bim.json'
export default {
  components: { Card },
  mounted() {
    console.log(this.list, '收待发放')
  },
  data() {
    // return { modelReport }
    const list = new Array(6).fill(0).map((item, index) => new Array(3).fill(0).map(() => (index === 3 ? 0 : 1)))
    return {
      list
    }
  },
  methods: {}
}
</script>

<style lang="less" scoped>
.table {
  width: 100%;
  height: 100%;
  .row {
    margin-bottom: 20px;
    font-size: 14px;
    display: flex;
    .td {
      flex: 1;
      text-align: center;
      &.red {
        color: #ff6c7f;
      }
    }
    &:nth-child(1) {
      font-size: 14px;
      color: #67d4d9;
    }
  }
}
</style>
