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

中建四局（CIM+页面模型载入、页面调整）

Browse Source
This commit is contained in:
骆乐 2022-12-19 19:01:41 +08:00
parent 6d5e9ce947
commit 37c3115247
13 changed files with 708 additions and 202 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/util/eventBus.js Normal file
View File

@ -0,0 +1,2 @@
import Vue from 'vue';
export default new Vue();

33
src/views/projectAdmin/fourEngin/cim/center.vue Normal file
View File

@ -0,0 +1,33 @@
<template>
<div class="center">
<iframe
:src="url"
frameborder="0"
width="100%"
height="100%"
id="iframe"
></iframe>
</div>
</template>
<script>
import bus from "@/util/eventBus.js";
export default {
data() {
return {
url: "",
};
},
mounted() {
bus.$on("threeData", (data) => {
this.url = data;
console.log("链接数据", this.url);
});
},
};
</script>
<style>
</style>

18
src/views/projectAdmin/fourEngin/cim/index.vue
View File

@ -8,7 +8,9 @@
<LeftBottom />
</div>
</div>
<div class="center"></div>
<div class="center">
<Center />
</div>
<div class="between">
<div class="top">
<RightTop />
@ -22,11 +24,12 @@
<script>
import LeftTop from './leftTop.vue'
import LeftBottom from './leftBottom.vue'
import RightTop from './rightTop.vue'
import RightBottom from './rightBottom.vue'
import Center from './center.vue'
import LeftBottom from './leftBottom.vue'
export default {
components: { LeftTop, LeftBottom, RightTop, RightBottom }
components: { LeftTop, RightTop, RightBottom,Center ,LeftBottom}
}
</script>
@ -50,12 +53,9 @@ export default {
}
}
.center {
width: calc(60% - 40px);
height: 96%;
// border: 1px solid skyblue;
background-image: url(../assets/images/common/bgc_max.png);
background-repeat: no-repeat;
background-size: 100%;
width: calc(101% - 40px);
height: 98%;
margin: 4px 5px 0 13px;
}
}
</style>

176
src/views/projectAdmin/fourEngin/cim/leftBottom.vue
View File

@ -1,56 +1,142 @@
<template>
<Card title="模型列表">
<div class="videos">
<div class="videosList"><span style="margin-left:45px">模型名称</span></div>
<div class="video" style="color:#66D3D8">
<span style="margin-right:20px;margin-left:10px">01</span>
<div class="videosList">
<span style="margin-left: 45px">模型名称</span>
</div>
<div
class="video"
v-for="(item, index) in threeData"
:key="index"
@click="threeBtn(item, index)"
:class="index == noIndex ? 'active' : ''"
>
<span style="margin-right: 20px; margin-left: 10px">{{
item.typesss
}}</span>
<span>{{ item.bulidingName }}</span>
</div>
<div class="video">
<span style="margin-right: 20px; margin-left: 10px">5</span>
<span>EHE-CP—AS0301—S—B1航空基地宿舍楼...</span>
</div>
<div class="video" >
<span style="margin-right:20px;margin-left:10px">02</span>
<div class="video">
<span style="margin-right: 20px; margin-left: 10px">6</span>
<span>EHE-CP—AS0301—S—B1航空基地宿舍楼...</span>
</div>
<div class="video" >
<span style="margin-right:20px;margin-left:10px">03</span>
<div class="video">
<span style="margin-right: 20px; margin-left: 10px">7</span>
<span>EHE-CP—AS0301—S—B1航空基地宿舍楼...</span>
</div>
<div class="video" >
<span style="margin-right:20px;margin-left:10px">04</span>
<div class="video">
<span style="margin-right: 20px; margin-left: 10px">8</span>
<span>EHE-CP—AS0301—S—B1航空基地宿舍楼...</span>
</div>
<div class="video" >
<span style="margin-right:20px;margin-left:10px">05</span>
<div class="video">
<span style="margin-right: 20px; margin-left: 10px">9</span>
<span>EHE-CP—AS0301—S—B1航空基地宿舍楼...</span>
</div>
<div class="video" >
<span style="margin-right:20px;margin-left:10px">06</span>
<div class="video">
<span style="margin-right: 20px; margin-left: 10px">10</span>
<span>EHE-CP—AS0301—S—B1航空基地宿舍楼...</span>
</div>
<div class="video" >
<span style="margin-right:20px;margin-left:10px">07</span>
<!-- <div class="video">
<span style="margin-right: 20px; margin-left: 10px">02</span>
<span>EHE-CP—AS0301—S—B1航空基地宿舍楼...</span>
</div>
<div class="video" >
<span style="margin-right:20px;margin-left:10px">08</span>
<div class="video">
<span style="margin-right: 20px; margin-left: 10px">03</span>
<span>EHE-CP—AS0301—S—B1航空基地宿舍楼...</span>
</div>
<div class="video" >
<span style="margin-right:20px;margin-left:10px">09</span>
<div class="video">
<span style="margin-right: 20px; margin-left: 10px">04</span>
<span>EHE-CP—AS0301—S—B1航空基地宿舍楼...</span>
</div>
<div class="video" >
<span style="margin-right:20px;margin-left:10px">10</span>
<div class="video">
<span style="margin-right: 20px; margin-left: 10px">05</span>
<span>EHE-CP—AS0301—S—B1航空基地宿舍楼...</span>
</div>
<div class="video">
<span style="margin-right: 20px; margin-left: 10px">06</span>
<span>EHE-CP—AS0301—S—B1航空基地宿舍楼...</span>
</div>
<div class="video">
<span style="margin-right: 20px; margin-left: 10px">07</span>
<span>EHE-CP—AS0301—S—B1航空基地宿舍楼...</span>
</div>
<div class="video">
<span style="margin-right: 20px; margin-left: 10px">08</span>
<span>EHE-CP—AS0301—S—B1航空基地宿舍楼...</span>
</div>
<div class="video">
<span style="margin-right: 20px; margin-left: 10px">09</span>
<span>EHE-CP—AS0301—S—B1航空基地宿舍楼...</span>
</div>
<div class="video">
<span style="margin-right: 20px; margin-left: 10px">10</span>
<span>EHE-CP—AS0301—S—B1航空基地宿舍楼...</span> -->
<!-- </div> -->
</div>
</Card>
</template>
<script>
import Card from '../components/Card.vue'
import bus from "@/util/eventBus.js";
import Card from "../components/Card.vue";
export default {
components: { Card }
}
components: { Card },
data() {
return {
threeData: [
{
typesss: 1,
bulidingName:
"ZJSJ-CP-XXXXX-S-B3_中建四局广州市国际金融城东区AT091429地块项目结构底板混凝土模型_V1_0",
url: "http://share-xt.hwbim.com/qlh/73c2b5ecc5724d168ce225ffc8f46698",
},
{
typesss: 2,
bulidingName:
"ZJSJ-CP-XXXXX-S-B3_中建四局广州市国际金融城东区AT091429地块项目结构底板钢筋模型_V1_0",
url: "http://share-xt.hwbim.com/qlh/a0247006a78b4d67882982a5df6cd820",
},
{
typesss: 3,
bulidingName:
"ZJSJ-CP-XXXXX-S-B3_中建四局广州市国际金融城东区AT091429地块项目底板承台与柱墩钢筋模型_V1_0",
url: "http://share-xt.hwbim.com/qlh/2429ffcb07034ac3bc2cc4396e57a19a",
},
{
typesss: 4,
bulidingName:
"ZZJSJ-CP-XXXXX-S-B3_中建四局广州市国际金融城东区AT091429地块项目结构底板插筋模型_V1_0",
url: "http://share-xt.hwbim.com/qlh/7009cb73dc0b43e1a3e6122af306dcbd",
},
],
url: [],
noIndex: 0,
};
},
created() {
this.$nextTick(() => {
this.threeBtn(this.threeData[0],0);
});
// this.getData()
},
methods: {
getData() {
this.threeData.forEach((res) => {
this.url = res.url;
});
},
threeBtn(item, index) {
bus.$emit("threeData", item.url);
this.noIndex = index;
},
},
};
</script>
<style lang="less" scoped>
@ -59,23 +145,29 @@ export default {
padding-top: 10px;
width: 100%;
height: 100%;
.video{
width: 350px;
border-bottom: 2px solid #ccc;
margin: 0px 0 0 8px;
height: 32px;
line-height: 32px;
font-size: 15px;
}
.videosList{
width: 350px;
height: 32px;
line-height: 32px;
background-color: #66D3D8;
color:#00292A;
margin: 14px 0 0 8px;
font-size: 14px;
}
.video {
width: 350px;
border-bottom: 2px solid #ccc;
margin: 0px 0 0 8px;
height: 32px;
line-height: 32px;
font-size: 15px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
cursor: pointer;
}
.videosList {
width: 350px;
height: 32px;
line-height: 32px;
background-color: #66d3d8;
color: #00292a;
margin: 14px 0 0 8px;
font-size: 14px;
}
.active {
color: #66d3d8 !important;
}
}
</style>

67
src/views/projectAdmin/fourEngin/cim/leftTop.vue
View File

@ -1,41 +1,64 @@
<template>
<Card title="图纸报审">
<div class="table">
<vue-scroll>
<div class="row">
<p style="color:#5CE2F6">航空基地宿舍楼地上9层机电模型送审图纸文件_V3.0...</p><br/>
<p class="text">中建四局金融城东区AT091430地块项目地下室底板施工图报审V1.0</p><br/>
<div class="row_box">
<span style="margin-bottom:10px">当前节点:<span style="color:#3CCA8F">施工单位</span></span>
<span style="margin-left:50px">更新时间:<span style="color:#3CCA8F">2022-02-07</span></span>
<span style="margin-left:50px">更新时间:<span style="color:#3CCA8F">2022-11-04</span></span>
</div>
</div>
<div class="row">
<p style="color:#5CE2F6">航空基地宿舍楼室外工程C区景观玻璃廊深化图纸文...</p><br/>
<p class="text">中建四局金融城东区AT091432地块项目人防结构施工图报审V1.0</p><br/>
<div class="row_box">
<span>当前节点:<span style="color:#3CCA8F">造价单位</span></span>
<span style="margin-left:50px">更新时间:<span style="color:#3CCA8F">2022-02-03</span></span>
<span style="margin-bottom:10px">当前节点:<span style="color:#3CCA8F">施工单位</span></span>
<span style="margin-left:50px">更新时间:<span style="color:#3CCA8F">2022-11-10</span></span>
</div>
</div>
<div class="row">
<p style="color:#5CE2F6">航空基地宿舍楼智能照明模型文件_V1.010_链接图纸...</p><br/>
<p class="text">中建四局金融城东区AT091430地块项目地下室全专业施工图报审V1.0</p><br/>
<div class="row_box">
<span>当前节点:<span style="color:#3CCA8F">设计单位</span></span>
<span style="margin-left:50px">更新时间:<span style="color:#3CCA8F">2022-02-03</span></span>
<span style="margin-bottom:10px">当前节点:<span style="color:#3CCA8F">施工单位</span></span>
<span style="margin-left:50px">更新时间:<span style="color:#3CCA8F">2022-11-10</span></span>
</div>
</div>
<div class="row">
<p style="color:#5CE2F6">航空基地宿舍楼室外主楼区喷灌深化图纸送审文件...</p><br/>
<p class="text">中建四局金融城东区AT091432地块项目人防结构施工图报审V1.1</p><br/>
<div class="row_box">
<span>当前节点:<span style="color:#3CCA8F">工程部领导</span></span>
<span style="margin-left:40px">更新时间:<span style="color:#3CCA8F">2022-02-02</span></span>
<span style="margin-bottom:10px">当前节点:<span style="color:#3CCA8F">设计单位</span></span>
<span style="margin-left:50px">更新时间:<span style="color:#3CCA8F">2022-11-10</span></span>
</div>
</div>
<div class="row">
<p style="color:#5CE2F6">航空基地宿舍楼室外主楼区给水井深化图纸送审文件...</p><br/>
<p class="text">中建四局金融城东区AT091430地块项目地下室全专业施工图报审V1.1</p><br/>
<div class="row_box">
<span>当前节点:<span style="color:#3CCA8F">造价单位</span></span>
<span style="margin-left:55px">更新时间:<span style="color:#3CCA8F">2022-02-02</span></span>
<span style="margin-bottom:10px">当前节点:<span style="color:#3CCA8F">设计单位</span></span>
<span style="margin-left:50px">更新时间:<span style="color:#3CCA8F">2022-11-24</span></span>
</div>
</div>
<div class="row">
<p class="text">中建四局金融城东区AT091430地块项目地下室全专业施工图报审V1.2</p><br/>
<div class="row_box">
<span style="margin-bottom:10px">当前节点:<span style="color:#3CCA8F">外审单位</span></span>
<span style="margin-left:50px">更新时间:<span style="color:#3CCA8F">2022-12-09</span></span>
</div>
</div>
<div class="row">
<p class="text">中建四局金融城东区AT091432地块项目人防结构施工图报审V1.2</p><br/>
<div class="row_box">
<span style="margin-bottom:10px">当前节点:<span style="color:#3CCA8F">外审单位</span></span>
<span style="margin-left:50px">更新时间:<span style="color:#3CCA8F">2022-12-09</span></span>
</div>
</div>
<div class="row">
<p class="text">中建四局金融城东区AT091431地块项目地上全专业施工图报审V1.0</p><br/>
<div class="row_box">
<span style="margin-bottom:10px">当前节点:<span style="color:#3CCA8F">设计单位</span></span>
<span style="margin-left:50px">更新时间:<span style="color:#3CCA8F">2022-12-09</span></span>
</div>
</div>
</vue-scroll>
</div>
</Card>
@ -58,15 +81,21 @@ export default {
<style lang="less" scoped>
.table {
box-sizing: border-box;
padding: 20px 10px 0;
// padding: 20px 10px 0;
width: 100%;
height: 100%;
margin-top: -20px;
// margin-top: -20px;
.row {
width: 100%;
margin-top: 25px;
width: 110%;
margin-top: 20px;
font-size: 14.5px;
.text{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color:#5CE2F6;
margin-right: 16px;
}
}
}
</style>

310
src/views/projectAdmin/fourEngin/cim/rightTop.vue
View File

@ -1,73 +1,301 @@
<template>
<Card title="模型审核">
<div class="table">
<div class="row">
<p style="color:#5CE2F6">航空基地宿舍楼地上9层机电模型送审图纸文件_V3.0...</p><br/>
<div class="row_box">
<span style="margin-bottom:10px">当前节点:<span style="color:#3CCA8F">施工单位</span></span>
<span style="margin-left:50px">更新时间:<span style="color:#3CCA8F">2022-02-07</span></span>
<vue-scroll>
<div class="row">
<p class="text">
ZBDL-CP-01-S-BM_中建四局金融城东区AT091429地块项目结构底板混凝土深化模型V1.0
</p>
<br />
<div class="row_box">
<span style="margin-bottom: 10px"
>当前节点:<span style="color: #3cca8f">总承包</span></span
>
<span style="margin-left: 50px"
>更新时间:<span style="color: #3cca8f">2022-12-09</span></span
>
</div>
</div>
</div>
<div class="row">
<p style="color:#5CE2F6">航空基地宿舍楼室外工程C区景观玻璃廊深化图纸文...</p><br/>
<div class="row_box">
<span>当前节点:<span style="color:#3CCA8F">造价单位</span></span>
<span style="margin-left:50px">更新时间:<span style="color:#3CCA8F">2022-02-03</span></span>
<div class="row">
<p class="text">
ZBDL-CP-01-S-BM_中建四局金融城东区AT091430地块项目结构筏板钢筋深化模型V1.0
</p>
<br />
<div class="row_box">
<span style="margin-bottom: 10px"
>当前节点:<span style="color: #3cca8f">总承包</span></span
>
<span style="margin-left: 50px"
>更新时间:<span style="color: #3cca8f">2022-12-09</span></span
>
</div>
</div>
</div>
<div class="row">
<p style="color:#5CE2F6">航空基地宿舍楼智能照明模型文件_V1.010_链接图纸...</p><br/>
<div class="row_box">
<span>当前节点:<span style="color:#3CCA8F">设计单位</span></span>
<span style="margin-left:50px">更新时间:<span style="color:#3CCA8F">2022-02-03</span></span>
<div class="row">
<p class="text">
ZBDL-CP-01-S-BM_中建四局金融城东区AT091431地块项目结构底板承台柱墩等非标节点钢筋深化模型V1.0
</p>
<br />
<div class="row_box">
<span style="margin-bottom: 10px"
>当前节点:<span style="color: #3cca8f">总承包</span></span
>
<span style="margin-left: 50px"
>更新时间:<span style="color: #3cca8f">2022-12-09</span></span
>
</div>
</div>
</div>
<div class="row">
<p style="color:#5CE2F6">航空基地宿舍楼室外主楼区喷灌深化图纸送审文件...</p><br/>
<div class="row_box">
<span>当前节点:<span style="color:#3CCA8F">工程部领导</span></span>
<span style="margin-left:40px">更新时间:<span style="color:#3CCA8F">2022-02-02</span></span>
<div class="row">
<p class="text">
ZBDL-CP-01-S-BM_中建四局金融城东区AT091432地块项目结构底板插筋深化模型V1.0
</p>
<br />
<div class="row_box">
<span style="margin-bottom: 10px"
>当前节点:<span style="color: #3cca8f">总承包</span></span
>
<span style="margin-left: 50px"
>更新时间:<span style="color: #3cca8f">2022-12-09</span></span
>
</div>
</div>
</div>
<div class="row">
<p style="color:#5CE2F6">航空基地宿舍楼室外主楼区给水井深化图纸送审文件...</p><br/>
<div class="row_box">
<span>当前节点:<span style="color:#3CCA8F">造价单位</span></span>
<span style="margin-left:55px">更新时间:<span style="color:#3CCA8F">2022-02-02</span></span>
<div class="row">
<p class="text">
ZBDL-CP-01-MEP-BM_中建四局金融城东区AT091433地块项目BM层机电预埋深化模型V1.0
</p>
<br />
<div class="row_box">
<span style="margin-bottom: 10px"
>当前节点:<span style="color: #3cca8f">总承包</span></span
>
<span style="margin-left: 50px"
>更新时间:<span style="color: #3cca8f">2022-12-11</span></span
>
</div>
</div>
</div>
<div class="row">
<p class="text">
ZBDL-CP-01-S-B3_中建四局金融城东区AT091433地块项目B3层结构混凝土深化模型V1.0
</p>
<br />
<div class="row_box">
<span style="margin-bottom: 10px"
>当前节点:<span style="color: #3cca8f">总承包</span></span
>
<span style="margin-left: 50px"
>更新时间:<span style="color: #3cca8f">2022-12-17</span></span
>
</div>
</div>
<div class="row">
<p class="text">
ZBDL-CP-01-S-B3_中建四局金融城东区AT091433地块项目B3层结构板深化模型V1.0
</p>
<br />
<div class="row_box">
<span style="margin-bottom: 10px"
>当前节点:<span style="color: #3cca8f">设计单位</span></span
>
<span style="margin-left: 50px"
>更新时间:<span style="color: #3cca8f">2022-12-17</span></span
>
</div>
</div>
<div class="row">
<p class="text">
ZBDL-CP-01-S-B3_中建四局金融城东区AT091433地块项目B3层结构梁深化模型V1.0
</p>
<br />
<div class="row_box">
<span style="margin-bottom: 10px"
>当前节点:<span style="color: #3cca8f">设计单位</span></span
>
<span style="margin-left: 50px"
>更新时间:<span style="color: #3cca8f">2022-12-17</span></span
>
</div>
</div>
<div class="row">
<p class="text">
ZBDL-CP-01-S-B3_中建四局金融城东区AT091433地块项目B3层结构墙柱深化模型V1.0
</p>
<br />
<div class="row_box">
<span style="margin-bottom: 10px"
>当前节点:<span style="color: #3cca8f">设计单位</span></span
>
<span style="margin-left: 50px"
>更新时间:<span style="color: #3cca8f">2022-12-17</span></span
>
</div>
</div>
<div class="row">
<p class="text">
ZBDL-CP-01-MEP-B3_中建四局金融城东区AT091433地块项目B3层机电线管预埋深化模型V1.0
</p>
<br />
<div class="row_box">
<span style="margin-bottom: 10px"
>当前节点:<span style="color: #3cca8f">设计单位</span></span
>
<span style="margin-left: 50px"
>更新时间:<span style="color: #3cca8f">2022-12-17</span></span
>
</div>
</div>
<div class="row">
<p class="text">
ZBDL-CP-01-MEP-B3_中建四局金融城东区AT091433地块项目B3层机电人防暖通预埋深化模型V1.0
</p>
<br />
<div class="row_box">
<span style="margin-bottom: 10px"
>当前节点:<span style="color: #3cca8f">设计单位</span></span
>
<span style="margin-left: 50px"
>更新时间:<span style="color: #3cca8f">2022-12-17</span></span
>
</div>
</div>
<div class="row">
<p class="text">
ZBDL-CP-01-MEP-B3_中建四局金融城东区AT091433地块项目B3层机电明敷线管深化模型V1.0
</p>
<br />
<div class="row_box">
<span style="margin-bottom: 10px"
>当前节点:<span style="color: #3cca8f">设计单位</span></span
>
<span style="margin-left: 50px"
>更新时间:<span style="color: #3cca8f">2022-12-17</span></span
>
</div>
</div>
<div class="row">
<p class="text">
ZBDL-CP-01-MEP-B3_中建四局金融城东区AT091433地块项目B3层机电暗敷线管深化模型V1.0
</p>
<br />
<div class="row_box">
<span style="margin-bottom: 10px"
>当前节点:<span style="color: #3cca8f">设计单位</span></span
>
<span style="margin-left: 50px"
>更新时间:<span style="color: #3cca8f">2022-12-17</span></span
>
</div>
</div>
<div class="row">
<p class="text">
ZBDL-CP-01-MEP-B3_中建四局金融城东区AT091433地块项目B3层机电管线综合深化模型V1.0
</p>
<br />
<div class="row_box">
<span style="margin-bottom: 10px"
>当前节点:<span style="color: #3cca8f">设计单位</span></span
>
<span style="margin-left: 50px"
>更新时间:<span style="color: #3cca8f">2022-12-17</span></span
>
</div>
</div>
<div class="row">
<p class="text">
ZBDL-CP-01-S-B2_中建四局金融城东区AT091433地块项目B2层结构混凝土深化模型V1.0
</p>
<br />
<div class="row_box">
<span style="margin-bottom: 10px"
>当前节点:<span style="color: #3cca8f">设计单位</span></span
>
<span style="margin-left: 50px"
>更新时间:<span style="color: #3cca8f">2022-12-19</span></span
>
</div>
</div>
<div class="row">
<p class="text">
ZBDL-CP-01-S-B2_中建四局金融城东区AT091433地块项目B2层结构板深化模型V1.0
</p>
<br />
<div class="row_box">
<span style="margin-bottom: 10px"
>当前节点:<span style="color: #3cca8f">设计单位</span></span
>
<span style="margin-left: 50px"
>更新时间:<span style="color: #3cca8f">2022-12-19</span></span
>
</div>
</div>
<div class="row">
<p class="text">
ZBDL-CP-01-S-B2_中建四局金融城东区AT091433地块项目B2层结构梁深化模型V1.0
</p>
<br />
<div class="row_box">
<span style="margin-bottom: 10px"
>当前节点:<span style="color: #3cca8f">设计单位</span></span
>
<span style="margin-left: 50px"
>更新时间:<span style="color: #3cca8f">2022-12-19</span></span
>
</div>
</div>
<div class="row">
<p class="text">
ZBDL-CP-01-S-B2_中建四局金融城东区AT091433地块项目B2层结构墙柱深化模型V1.0
</p>
<br />
<div class="row_box">
<span style="margin-bottom: 10px"
>当前节点:<span style="color: #3cca8f">设计单位</span></span
>
<span style="margin-left: 50px"
>更新时间:<span style="color: #3cca8f">2022-12-19</span></span
>
</div>
</div>
</vue-scroll>
</div>
</Card>
</template>
<script>
import Card from '../components/Card.vue'
import Card from "../components/Card.vue";
export default {
components: { Card },
data() {
const list = new Array(11).fill(0).map((item, index) => new Array(3).fill(0).map(() => (index === 3 ? 0 : 1)))
const list = new Array(11)
.fill(0)
.map((item, index) =>
new Array(3).fill(0).map(() => (index === 3 ? 0 : 1))
);
return {
list
}
list,
};
},
methods: {}
}
methods: {},
};
</script>
<style lang="less" scoped>
.table {
box-sizing: border-box;
padding: 20px 10px 0;
// padding: 20px 10px 0;
width: 100%;
height: 100%;
margin-top: -20px;
margin-top: -10px;
.row {
width: 100%;
width: 110%;
margin-top: 25px;
font-size: 14.5px;
.text {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #5ce2f6;
margin-right: 16px;
}
}
}
</style>

2
src/views/projectAdmin/fourEngin/command/leftThree.vue
View File

@ -183,7 +183,7 @@ export default {
width: 65px;
height: 21px;
.number {
margin-right: 5px;
// margin-right: 5px;
}
}
}

14
src/views/projectAdmin/fourEngin/govComp/Col2.vue
View File

@ -47,7 +47,7 @@ export default {
time: "2022-05-14",
question: 2,
utils: "中国建筑第四工程局有限公司",
safe: "孙欣任、陈校民",
safe: "谢文乐、周凌杰",
type: "安全",
position: "主体结构",
change: "是"
@ -56,7 +56,7 @@ export default {
time: "2022-06-28",
question: 2,
utils: "中国建筑第四工程局有限公司",
safe: "严子凌、何紫堂",
safe: "唐鹏程、陈鑫华",
type: "安全",
position: "主体结构",
change: "是"
@ -65,7 +65,7 @@ export default {
time: "2022-07-11",
question: 2,
utils: "中国建筑第四工程局有限公司",
safe: "严子凌、陈校民",
safe: "周凌杰、谢文乐",
type: "安全",
position: "主体结构",
change: "是"
@ -74,7 +74,7 @@ export default {
time: "2022-08-14",
question: 2,
utils: "中国建筑第四工程局有限公司",
safe: "孙欣任、严子凌",
safe: "陈鑫华、周凌杰",
type: "安全",
position: "主体结构",
change: "是"
@ -83,7 +83,7 @@ export default {
time: "2022-09-20",
question: 2,
utils: "中国建筑第四工程局有限公司",
safe: "陈校民、严子凌",
safe: "唐鹏程、谢文乐",
type: "安全",
position: "主体结构",
change: "是"
@ -92,7 +92,7 @@ export default {
time: "2022-10-22",
question: 1,
utils: "中国建筑第四工程局有限公司",
safe: "何紫堂、陈校民",
safe: "周凌杰、唐鹏程",
type: "安全",
position: "主体结构",
change: "是"
@ -101,7 +101,7 @@ export default {
time: "2022-11-25",
question: 1,
utils: "中国建筑第四工程局有限公司",
safe: "严子凌、何紫堂",
safe: "唐鹏程、陈鑫华",
type: "安全",
position: "主体结构",
change: "是"

122
src/views/projectAdmin/fourEngin/govComp/Col3.vue
View File

@ -8,20 +8,20 @@
<span class="mintit">检测报告统计</span>
<div class="rowInfo">
<span>总份数</span>
<span>16份</span>
<span>85份</span>
<span>合格</span>
<span style="color:#6ee4f0;">2份</span>
<span style="color:#6ee4f0;">85份</span>
</div>
<div class="rowInfo2">
<span>其他</span>
<span>14份</span>
<span>0份</span>
<span></span>
<span></span>
</div>
</div>
<div class="right">
<div class="row">
<p>12.5%</p>
<p>100%</p>
<p>合格率</p>
</div>
</div>
@ -75,77 +75,77 @@ export default {
return {
tableData: [
{
date: "混泥土抗压试验",
name: "6",
address: "4",
rale: "80%"
date: "混凝土抗压试验",
name: "28",
address: "28",
rale: "100%"
},
{
date: "钢筋原材试验",
date: "砌筑砂浆抗压试验",
name: "10",
address: "3",
rale: "30%"
address: "10",
rale: "100%"
},
{
date: "混泥土抗渗试验",
name: "12",
address: "6",
rale: "50%"
date: "钢筋原样送检",
name: "29",
address: "29",
rale: "100%"
},
{
date: "混泥土抗压试验",
name: "8",
address: "7",
rale: "90%"
},
{
date: "混泥土抗压试验",
date: "机械连接原样送检",
name: "5",
address: "2",
rale: "40%"
},
{
date: "钢筋原材试验",
name: "15",
address: "8",
rale: "53%"
},
{
date: "混泥土抗渗试验",
name: "10",
address: "6",
rale: "60%"
},
{
date: "混泥土抗压试验",
name: "20",
address: "14",
rale: "70%"
address: "5",
rale: "100%"
},
{
date: "混泥土抗压试验",
name: "16",
address: "9",
rale: "56%"
date: "安全网原样送检",
name: "1",
address: "1",
rale: "100%"
},
// {
// date: "钢筋原材试验",
// name: "15",
// address: "15",
// rale: "100%"
// },
// {
// date: "混泥土抗渗试验",
// name: "10",
// address: "10",
// rale: "100%"
// },
// {
// date: "混泥土抗压试验",
// name: "20",
// address: "20",
// rale: "100%"
// },
// {
// date: "混泥土抗压试验",
// name: "16",
// address: "16",
// rale: "100%"
// },
// {
// date: "钢筋原材试验",
// name: "17",
// address: "17",
// rale: "100%"
// },
{
date: "钢筋原材试验",
name: "17",
address: "9",
rale: "52%"
},
{
date: "混泥土抗渗试验",
date: "混凝土抗渗送检",
name: "12",
address: "8",
rale: "66%"
address: "12",
rale: "100%"
},
{
date: "混泥土抗压试验",
name: "30",
address: "26",
rale: "86%"
}
// {
// date: "混泥土抗压试验",
// name: "30",
// address: "30",
// rale: "100%"
// }
]
};
}

135
src/views/projectAdmin/fourEngin/govComp/Col4.vue
View File

@ -13,16 +13,16 @@
<div class="point"></div>
<span class="mintit">混凝土浇筑记录</span>
</div>
<div class="timeBox">
<div class="timeBox" >
<el-timeline class="timeline">
<el-timeline-item timestamp="2022-01-28" placement="top">
<el-timeline-item v-for="(item,index) in dataList" :key="index" :timestamp="item.date" placement="top">
<el-card>
<p>2022-01-28</p>
<span>C栋2号楼十一层</span>
<span class="area">2400㎡</span>
<p>{{item.date}}</p>
<span>{{item.building}}</span>
<span class="area">{{item.quantity}}m³</span>
</el-card>
</el-timeline-item>
<el-timeline-item timestamp="2022-03-12" placement="top">
<!-- <el-timeline-item timestamp="2022-03-12" placement="top">
<el-card>
<p>2022-03-12</p>
<span>A栋4号楼三层</span>
@ -42,7 +42,7 @@
<span>B栋2号楼六层</span>
<span class="area">1780㎡</span>
</el-card>
</el-timeline-item>
</el-timeline-item> -->
<!-- <el-timeline-item timestamp="2022-07-28" placement="top">
<el-card>
<span>2022-07-28</span>
@ -62,6 +62,127 @@ import Card from "../components/Card.vue";
import echarts from "echarts4";
export default {
components: { Card },
data(){
return{
dataList:[
{
date:'2022.11.2',
building:'北侧道路',
quantity:90,
},
{
date:'2022.11.3',
building:'北侧道路',
quantity:60.5,
},
{
date:'2022.11.5',
building:'北侧道路',
quantity:246.5,
},
{
date:'2022.11.6',
building:'21号桩',
quantity:132,
},
{
date:'2022.11.6',
building:'4号桩',
quantity:86,
},
{
date:'2022.11.6',
building:'北侧道路',
quantity:47.5,
},
{
date:'2022.11.7',
building:'北侧道路',
quantity:115,
},
{
date:'2022.11.10',
building:'基坑承台垫层',
quantity:40,
},
{
date:'2022.11.11',
building:'23号桩',
quantity:110,
},
{
date:'2022.11.12',
building:'20号桩',
quantity:120,
},
{
date:'2022.11.12',
building:'18号桩',
quantity:90.5,
},
{
date:'2022.11.12',
building:'基坑承台垫层',
quantity:40,
},
{
date:'2022.11.14',
building:'16号桩',
quantity:91.5,
},
{
date:'2022.11.14',
building:'14号桩',
quantity:98.5,
},
{
date:'2022.11.22',
building:'11号桩',
quantity:91.5,
},
{
date:'2022.11.12',
building:'22号桩',
quantity:122,
},
{
date:'2022.11.24',
building:'26号桩',
quantity:28,
},
{
date:'2022.11.25',
building:'7号桩',
quantity:134,
},
{
date:'2022.11.28',
building:'3号桩',
quantity:97,
},
{
date:'2022.11.28',
building:'5号桩',
quantity:93,
},
{
date:'2022.11.28',
building:'25号桩',
quantity:31,
},
{
date:'2022.11.29',
building:'抗拔实验基础',
quantity:13,
},
{
date:'2022.11.29',
building:'垫层',
quantity:3,
},
]
}
},
mounted() {
this.createChart();
},

6
src/views/projectAdmin/fourEngin/govComp/leftBottom.vue
View File

@ -6,7 +6,7 @@
<img src="../assets/images/common/num_skyblue.png" />
</div>
<div class="contentBtn">
<p class="num1">229</p>
<p class="num1">245</p>
<p class="text">在场总人数</p>
</div>
<div class="img">
@ -20,11 +20,11 @@
<div class="contentbut">
<div class="lw">
<p>劳务人数</p>
<p class="number">82</p>
<p class="number">197</p>
</div>
<div class="cq">
<p>出勤人数</p>
<p class="number">201</p>
<p class="number">212</p>
</div>
<div class="tc">
<p>退场人数</p>

16
src/views/projectAdmin/fourEngin/govComp/leftMiddle.vue
View File

@ -3,26 +3,26 @@
<div class="contentBox">
<div>监督员</div>
<div class="person">
<span>孙欣任</span>
<span>陈校民</span>
<span>何紫堂</span>
<span>严子凌</span>
<span>谢文乐</span>
<span>唐鹏程</span>
<span>周凌杰</span>
<span>陈鑫华</span>
</div>
<div class="carbonEmission">
<div class="photovoltaicOne">
<div class="textKwh">68</div>
<div class="textKwh" style="margin-left:70px">2</div>
<div class="textBottom">下发整改通知书</div>
</div>
<div class="photovoltaicTwo">
<div class="textKwh">312</div>
<div class="textKwh">245</div>
<div class="textBottom">累计监督签到人数</div>
</div>
<div class="photovoltaicThree">
<div class="textKwh">65</div>
<div class="textKwh" style="margin-left:70px">2</div>
<div class="textBottom" style="margin-left:50px">已整改</div>
</div>
<div class="photovoltaicFour">
<div class="textKwh" style="margin-left:70px">3</div>
<div class="textKwh" style="margin-left:70px">0</div>
<div class="textBottom" style="margin-left:50px">未整改</div>
</div>
</div>

9
src/views/projectAdmin/fourEngin/govComp/leftTop.vue
View File

@ -20,12 +20,13 @@ export default {
components: { Card },
data: () => ({
list: {
projectAddress: { label: '项目地址', value: '' },
projectAcreage: { label: '项目面积', value: '' },
projectName: { label: '项目名称', value: '' },
projectAddress: { label: '项目地点', value: '' },
projectAcreage: { label: '建筑面积', value: '' },
constructionUnit: { label: '建设单位', value: '' },
designUnit: { label: '设计单位', value: '' },
exploreUnit: { label: '业主单位', value: '' },
supervisorUnit: { label: '监理单位', value: '' },
designUnit: { label: '设计单位', value: '' },
exploreUnit: { label: '总包单位', value: '' },
},
}),
created() {