59 lines
1.4 KiB
Vue
59 lines
1.4 KiB
Vue
<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>
|