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

Write Preview
Loading…
Cancel
Save