Joe
/
line-interactive
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

up

Browse Source
master
Joe 2 years ago
parent c30410c884
commit 2d638d6149
1 changed files with 77 additions and 107 deletions
Show Stats Download Patch File Download Diff File

184
src/views/Home.vue
Unescape Escape View File

@ -60,126 +60,96 @@
</a-tooltip> </a-tooltip>
</template> </template>
<template v-else-if="current == 1"> <template v-else-if="current == 1">
<a-tooltip trigger="click" placement="right" :align="{ <a-tooltip trigger="click" placement="top" :align="{
targetOffset: ['30%','10%'], targetOffset: ['-30%','0%'],
}"> }">
<template slot="title"> <template slot="title">
<div class="tips-text">钢筋漏放、少放，钢筋间距不符合设计要求，弯钩朝向不符合施工规定或未绑扎牢固。</div> <div class="tips-text">小排管未按工艺标准施工。</div>
</template> </template>
<div class="step image2-1" @click="find(1)"> <div class="step image2-1" @click="find(1)">
<img style="width: 0.35rem;" src="../assets/2-1.png" alt="" v-if="findList.includes(1)"> <img style="width: 0.35rem;" src="../assets/2-1.png" alt="" v-if="findList.includes(1)">
</div> </div>
</a-tooltip> </a-tooltip>
<a-tooltip trigger="click" placement="top" :align="{ <a-tooltip trigger="click" placement="top" :align="{
targetOffset: ['0%','-40%'], targetOffset: ['0%','0%'],
}"> }">
<template slot="title"> <template slot="title">
<div class="tips-text">排管箱体模板缺乏足够的强度刚度和稳定性，造成跑模。</div> <div class="tips-text">分支箱基础未按设计标准施工，基础高低，有偏差。</div>
</template> </template>
<div class="step image2-2" @click="find(2)"> <div class="step image2-2" @click="find(2)">
<img style="width: 0.4rem;" src="../assets/2-2.png" alt="" v-if="findList.includes(2)"> <img style="width: 0.6rem;" src="../assets/2-2.png" alt="" v-if="findList.includes(2)">
</div> </div>
</a-tooltip> </a-tooltip>
<a-tooltip trigger="click" placement="right" :align="{ <a-tooltip trigger="click" placement="bottom" :align="{
targetOffset: ['50%','5%'], targetOffset: ['10%','0%'],
}"> }">
<template slot="title"> <template slot="title">
<div class="tips-text">钢筋保护层不符合规定，水泥砂浆垫块数量不足。</div> <div class="tips-text">带电扶正、更换绝缘子，横担歪斜。</div>
</template> </template>
<div class="step image2-3" @click="find(3)"> <div class="step image2-3" @click="find(3)">
<img style="width: 0.35rem;" src="../assets/2-3.png" alt="" v-if="findList.includes(3)"> <img style="width: 0.5rem;" src="../assets/2-3.png" alt="" v-if="findList.includes(3)">
</div> </div>
</a-tooltip> </a-tooltip>
<a-tooltip trigger="click" placement="right" :align="{ <a-tooltip trigger="click" placement="bottom" :align="{
targetOffset: ['60%','-10%'], targetOffset: ['-20%','-10%'],
}"> }">
<template slot="title"> <template slot="title">
<div class="tips-text">混凝土未进行振捣或养护不到位，养护周期不够即拆模。</div> <div class="tips-text">铝包带缠绕不紧密。</div>
</template> </template>
<div class="step image2-4" @click="find(4)"> <div class="step image2-4" @click="find(4)">
<img style="width: 0.3rem;" src="../assets/2-4.png" alt="" v-if="findList.includes(4)"> <img style="width: 0.3rem;" src="../assets/2-4.png" alt="" v-if="findList.includes(4)">
</div> </div>
</a-tooltip> </a-tooltip>
<a-tooltip trigger="click" placement="leftTop" :align="{ <a-tooltip trigger="click" placement="leftTop" :align="{
targetOffset: ['-20%','-30%'], targetOffset: ['-40%','-30%'],
}"> }">
<template slot="title"> <template slot="title">
<div class="tips-text">工作负责人当天收工离开现场后，分包单位作业人员未停止作业，擅自开工。</div> <div class="tips-text">带电立杆时，顺线路方向位移偏差不符合标准。</div>
</template> </template>
<div class="step image2-5" @click="find(5)"> <div class="step image2-5" @click="find(5)">
<img style="width: 0.35rem;" src="../assets/2-5.png" alt="" v-if="findList.includes(5)"> <img style="width: 0.45rem;" src="../assets/2-5.png" alt="" v-if="findList.includes(5)">
</div> </div>
</a-tooltip> </a-tooltip>
</template> </template>
<template v-else-if="current == 2"> <template v-else-if="current == 2">
<a-tooltip trigger="click" placement="right" :align="{ <a-tooltip trigger="click" placement="right" :align="{
targetOffset: ['90%','20%'], targetOffset: ['40%','0%'],
}"> }">
<template slot="title"> <template slot="title">
<div class="tips-text">老工井改造工作，运行电缆未采取硬隔离保护</div> <div class="tips-text">过电压保护器接地安装不符合要求。</div>
</template> </template>
<div class="step image3-1" @click="find(1)"> <div class="step image3-1" @click="find(1)">
<img style="width: 0.35rem;" src="../assets/3-1.png" alt="" v-if="findList.includes(1)"> <img style="width: 0.35rem;" src="../assets/3-1.png" alt="" v-if="findList.includes(1)">
</div> </div>
</a-tooltip> </a-tooltip>
<a-tooltip trigger="click" placement="topRight" :align="{ <a-tooltip trigger="click" placement="right" :align="{
targetOffset: ['0%','-20%'], targetOffset: ['0%','-20%'],
}"> }">
<template slot="title"> <template slot="title">
<div class="tips-text">排管内未按设计孔位敷设。</div> <div class="tips-text">熔丝搭头线裸露部分未使用防水胶布。</div>
</template> </template>
<div class="step image3-2" @click="find(2)"> <div class="step image3-2" @click="find(2)">
<img style="width: 0.3rem;" src="../assets/3-2.png" alt="" v-if="findList.includes(2)"> <img style="width: 0.6rem;" src="../assets/3-2.png" alt="" v-if="findList.includes(2)">
</div> </div>
</a-tooltip> </a-tooltip>
<a-tooltip trigger="click" placement="top" :align="{ <a-tooltip trigger="click" placement="top" :align="{
targetOffset: ['0%','-35%'], targetOffset: ['0%','-35%'],
}"> }">
<template slot="title"> <template slot="title">
<div class="tips-text">螺栓未紧固。</div> <div class="tips-text">接地引下线安装随意缠绕，未正确用螺栓固定。</div>
</template> </template>
<div class="step image3-3" @click="find(3)"> <div class="step image3-3" @click="find(3)">
<img style="width: 0.35rem;" src="../assets/3-3.png" alt="" v-if="findList.includes(3)"> <img style="width: 0.45rem;" src="../assets/3-3.png" alt="" v-if="findList.includes(3)">
</div> </div>
</a-tooltip> </a-tooltip>
<a-tooltip trigger="click" placement="top" :align="{ <a-tooltip trigger="click" placement="top" :align="{
targetOffset: ['0%','0%'], targetOffset: ['0%','0%'],
}"> }">
<template slot="title"> <template slot="title">
<div class="tips-text">防水、防火封堵不严。</div> <div class="tips-text">螺栓连接的构件不符合规定。</div>
</template> </template>
<div class="step image3-4" @click="find(4)"> <div class="step image3-4" @click="find(4)">
<img style="width: 0.3rem;" src="../assets/3-4.png" alt="" v-if="findList.includes(4)"> <img style="width: 0.5rem;" src="../assets/3-4.png" alt="" v-if="findList.includes(4)">
</div>
</a-tooltip>
<a-tooltip trigger="click" placement="right" :align="{
targetOffset: ['0%','0%'],
}">
<template slot="title">
<div class="tips-text">连接角铁支架单边螺栓垫片，支架数量不符合设计规定。</div>
</template>
<div class="step image3-5" @click="find(5)">
<img style="width: 0.35rem;" src="../assets/3-5.png" alt="" v-if="findList.includes(5)">
</div>
</a-tooltip>
<a-tooltip trigger="click" placement="leftTop" :align="{
targetOffset: ['-30%','-30%'],
}">
<template slot="title">
<div class="tips-text">工井、电缆沟、电缆层内电缆未上支架。</div>
</template>
<div class="step image3-6" @click="find(6)">
<img style="width: 0.35rem;" src="../assets/3-6.png" alt="" v-if="findList.includes(6)">
</div>
</a-tooltip>
<a-tooltip trigger="click" placement="right" :align="{
targetOffset: ['40%','10%'],
}">
<template slot="title">
<div class="tips-text">接地扁铁未环通。</div>
</template>
<div class="step image3-7" @click="find(7)">
<img style="width: 0.3rem;" src="../assets/3-7.png" alt="" v-if="findList.includes(7)">
</div> </div>
</a-tooltip> </a-tooltip>
</template> </template>
@ -355,8 +325,9 @@ export default {
findList: [], findList: [],
massage: '请找找看，下面有几处违章？', massage: '请找找看，下面有几处违章？',
sixList: [3], sixList: [3],
sevenList: [2,4], sevenList: [4],
fiveList: [0,1] fiveList: [0,1],
fourList: [2]
}; };
}, },
methods: { methods: {
@ -378,13 +349,16 @@ export default {
if (!this.findList.includes(val)) { if (!this.findList.includes(val)) {
this.findList.push(val) this.findList.push(val)
} }
if ((this.findList.length == 7 && this.sevenList.includes(this.current)) || (this.findList.length == 6 && this.sixList.includes(this.current)) || (this.fiveList.includes(this.current) && this.findList.length == 5)) { if ((this.findList.length == 7 && this.sevenList.includes(this.current)) ||
(this.findList.length == 6 && this.sixList.includes(this.current)) ||
(this.fiveList.includes(this.current) && this.findList.length == 5) ||
(this.fourList.includes(this.current) && this.findList.length == 4)) {
this.publish() this.publish()
} }
}, },
publish() { publish() {
this.isSuccessed = true this.isSuccessed = true
this.findList = this.fiveList.includes(this.current) ? [1,2,3,4,5] : this.sevenList.includes(this.current) ? [1,2,3,4,5,6,7]:[1,2,3,4,5,6] this.findList = this.fourList.includes(this.current) ? [1,2,3,4] : this.fiveList.includes(this.current) ? [1,2,3,4,5] : this.sevenList.includes(this.current) ? [1,2,3,4,5,6,7]:[1,2,3,4,5,6]
this.massage = "恭喜您，找到了所有的问题点" this.massage = "恭喜您，找到了所有的问题点"
}, },
refresh() { refresh() {
@ -540,91 +514,88 @@ export default {
} }
.image2-1 { .image2-1 {
top: 35%; bottom: 0%;
right: 31.2%; left: 37%;
width: 0.6rem; width: 1rem;
height: 1rem; height: 0.8rem;
display: flex; display: flex;
justify-content: start; justify-content: end;
align-items: center; align-items: start;
transform: rotate(-42deg);
} }
.image2-2 { .image2-2 {
bottom: 33%; bottom: 2%;
right: 16.5%; left: 16.5%;
width: 1.9rem; width: 1rem;
height: 0.7rem; height: 0.7rem;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: end; align-items: start;
} }
.image2-3 { .image2-3 {
bottom: 22%; top: 12%;
left: 1%; left: 34%;
width: 2.3rem; width: 1rem;
height: 1rem; height: 0.6rem;
display: flex; display: flex;
justify-content: center; justify-content: start;
align-items: center; align-items: center;
transform: rotate(-15deg);
} }
.image2-4 { .image2-4 {
bottom: 40%; top: 3%;
left: 43.8%; right: 35.8%;
width: 0.8rem; width: 0.8rem;
height: 0.7rem; height: 0.7rem;
display: flex; display: flex;
justify-content: start; justify-content: end;
align-items: end; align-items: end;
} }
.image2-5 { .image2-5 {
top: 12%; bottom: 30%;
right: 3.8%; right: 28.8%;
width: 0.8rem; width: 1.6rem;
height: 1rem; height: 0.8rem;
display: flex; display: flex;
justify-content: start; justify-content: center;
align-items: end; align-items: start;
} }
.image3-1 { .image3-1 {
top: -9%; top: 24%;
left: 32.8%; left: 35.8%;
width: 0.5rem; width: 1.2rem;
height: 4rem; height: 1rem;
display: flex; display: flex;
justify-content: start; justify-content: center;
align-items: start; align-items: end;
transform: rotate(-80deg);
} }
.image3-2 { .image3-2 {
top: 32%; top: 12%;
right: 29.8%; left: 22.8%;
width: 0.5rem; width: 0.9rem;
height: 0.5rem; height: 0.7rem;
display: flex; display: flex;
justify-content: end; justify-content: end;
align-items: start; align-items: start;
} }
.image3-3 { .image3-3 {
bottom: 20%; bottom: 13%;
right: 25%; left: 41%;
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
display: flex; display: flex;
justify-content: start; justify-content: end;
align-items: center; align-items: center;
} }
.image3-4 { .image3-4 {
top: 33%; bottom: 15%;
right: 9.7%; right: 12.7%;
width: 1rem; width: 1.2rem;
height: 1rem; height: 1rem;
display: flex; display: flex;
justify-content: center; justify-content: start;
align-items: start; align-items: center;
} }
.image3-5 { .image3-5 {
top: 41%; top: 41%;
@ -780,11 +751,10 @@ export default {
z-index: 10; z-index: 10;
width: 100%; width: 100%;
height: 14.4%; height: 14.4%;
bottom: 0; bottom: -14.4%;
display: flex; display: flex;
justify-content: space-evenly; justify-content: space-evenly;
align-items: start; align-items: center;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
} }
.bottom .button { .bottom .button {
font-size: 0.15rem; font-size: 0.15rem;

Write Preview
Loading…
Cancel
Save