admin/zhgdyun
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

中建四局(CIM+)：完成 BIM 协同布局

Browse Source
This commit is contained in:
Jack 2022-08-25 11:30:30 +08:00
parent 80e7f9c701
commit 1be8bee32d
2 changed files with 57 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/views/projectAdmin/zjsj/cim/index.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<div class="cim"> <div class="cim">
<!-- <div class="between"> <div class="between">
<div class="top"> <div class="top">
<LeftTop /> <LeftTop />
</div> </div>
@ -16,7 +16,7 @@
<div class="bottom"> <div class="bottom">
<RightBottom /> <RightBottom />
</div> </div>
</div> --> </div>
</div> </div>
</template> </template>
@ -37,8 +37,8 @@ export default {
color: #fff; color: #fff;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
background: url(../assets/temp/2.png) no-repeat; // background: url(../assets/temp/2.png) no-repeat;
background-size: 100% 100%; // background-size: 100% 100%;
.between { .between {
width: 20%; width: 20%;
height: 100%; height: 100%;
@ -52,7 +52,7 @@ export default {
.center { .center {
width: calc(60% - 40px); width: calc(60% - 40px);
height: 100%; height: 100%;
background: skyblue; border: 1px solid skyblue;
} }
} }
</style> </style>

55
src/views/projectAdmin/zjsj/cim/leftTop.vue
View File

@ -1,14 +1,63 @@
<template> <template>
<Card title="BIM协同"> <Card title="BIM协同">
BIM协同 <div class="table">
<div class="row">
<div class="td">规划报批</div>
<div class="td">施工图审查</div>
<div class="td">竣工验收</div>
</div>
<div class="row" :class="{ warning: !row[0] }" v-for="(row, i) in list" :key="i">
<div class="td">{{ row[0] ? '符合' : '不符合' }}</div>
<div class="td">{{ row[1] ? '符合' : '不符合' }}</div>
<div class="td">{{ row[2] ? '已验收' : '未验收' }}</div>
</div>
</div>
</Card> </Card>
</template> </template>
<script> <script>
import Card from '../components/Card.vue' import Card from '../components/Card.vue'
export default { export default {
components: { Card } components: { Card },
data() {
const list = new Array(9).fill(0).map((item, index) => new Array(3).fill(0).map(() => (index === 3 ? 0 : 1)))
return {
list
}
},
methods: {}
} }
</script> </script>
<style></style> <style lang="less" scoped>
.table {
box-sizing: border-box;
padding: 20px 10px 0;
width: 100%;
height: 100%;
.row {
margin-bottom: 12px;
height: 22px;
line-height: 22px;
font-size: 12px;
display: flex;
.td {
flex: 1;
text-align: center;
}
&:nth-child(1) {
font-size: 14px;
color: #67d4d9;
}
&.warning {
background: linear-gradient(90deg, #a45133, #a4513338);
&::before {
content: '';
width: 4px;
height: 100%;
background-color: #e7622a;
}
}
}
}
</style>