up

src/views/Home.vue

@@ -81,17 +81,17 @@
           </div>
         </a-tooltip>
         <a-tooltip trigger="click" placement="right" :align="{
-          targetOffset: ['0%','0%'],
+          targetOffset: ['40%','0%'],
         }">
           <template slot="title">
-            <div class="tips-text">爬梯制作安装不符合规范，圆笼箍的大小不统一</div>
+            <div class="tips-text">爬梯制作安装不符合规范，爬梯下端的第一踏棍距基准面距离应不大450mm</div>
           </template>
           <div class="step image2-4" @click="find(4)">
             <img style="width: 0.4rem;" src="../assets/2-4.png" alt="" v-if="findList.includes(4)">
           </div>
         </a-tooltip>
         <a-tooltip trigger="click" placement="right" :align="{
-          targetOffset: ['0%','0%'],
+          targetOffset: ['60%','0%'],
         }">
           <template slot="title">
             <div class="tips-text">爬梯制作安装不符合规范，圆笼箍的大小不统一</div>
@@ -101,10 +101,10 @@
           </div>
         </a-tooltip>
         <a-tooltip trigger="click" placement="right" :align="{
-          targetOffset: ['0%','0%'],
+          targetOffset: ['60%','0%'],
         }">
           <template slot="title">
-            <div class="tips-text">爬梯制作安装不符合规范，圆笼箍的大小不统一</div>
+            <div class="tips-text">爬梯制作安装不符合规范，护笼应包括一组水平笼箍和至少 5 根立杆</div>
           </template>
           <div class="step image2-6" @click="find(6)">
             <img style="width: 0.4rem;" src="../assets/2-6.png" alt="" v-if="findList.includes(6)">
@@ -154,22 +154,12 @@
         </a-tooltip>
         <a-tooltip trigger="click" placement="bottom" :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.25rem;" src="../assets/3-5.png" alt="" v-if="findList.includes(5)">
-          </div>
-        </a-tooltip>
-        <a-tooltip trigger="click" placement="top" :align="{
-          targetOffset: ['0%','0%'],
         }">
           <template slot="title">
             <div class="tips-text">地板边缘没有达到大于1/2板面积的要求</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 class="step image3-5" @click="find(5)">
+            <img style="width: 0.45rem;" src="../assets/3-5.png" alt="" v-if="findList.includes(5)">
           </div>
         </a-tooltip>
       </template>
@@ -204,7 +194,7 @@ export default {
         require('../assets/bg2.png'),
         require('../assets/bg3.png'),
       ],
-      current: 0,
+      current: 2,
       isSuccessed: false,
       findList: [],
       massage: '请找找看，下面有几处违章？',
@@ -415,18 +405,36 @@ export default {
 }
 
 .image2-4 {
-  bottom: 37%;
-  left: 10.9%;
+  bottom: 15%;
+  left: 17.9%;
   width: 0.9rem;
   height: 0.8rem;
   display: flex;
   justify-content: start;
   align-items: end;
 }
+.image2-5 {
+  top: 6%;
+  left: 14.9%;
+  width: 1.1rem;
+  height: 0.8rem;
+  display: flex;
+  justify-content: start;
+  align-items: center;
+}
+.image2-6 {
+  top: 30%;
+  left: 10.9%;
+  width: 1.3rem;
+  height: 0.8rem;
+  display: flex;
+  justify-content: start;
+  align-items: start;
+}
 
 .image3-1 {
   top: 20%;
-  left: 7.9%;
+  left: 6%;
   width: 1.1rem;
   height: 1.3rem;
   display: flex;
@@ -436,17 +444,17 @@ export default {
 
 .image3-2 {
   bottom: 27%;
-  right: 40.9%;
+  left: 30.9%;
   width: 1.2rem;
   height: 0.7rem;
   display: flex;
-  justify-content: end;
+  justify-content: center;
   align-items: center;
 }
 
 .image3-3 {
   bottom: 13%;
-  right: 10.9%;
+  right: 28.9%;
   width: 0.7rem;
   height: 0.5rem;
   display: flex;
@@ -465,25 +473,15 @@ export default {
 }
 
 .image3-5 {
-  top: 10%;
-  right: 29.9%;
-  width: 1.1rem;
-  height: 0.5rem;
+  bottom: 15%;
+  right: 10.9%;
+  width: 0.7rem;
+  height: 0.7rem;
   display: flex;
   justify-content: start;
   align-items: end;
 }
 
-.image3-6 {
-  bottom: 16%;
-  right: 19.9%;
-  width: 0.8rem;
-  height: 0.5rem;
-  display: flex;
-  justify-content: start;
-  align-items: center;
-}
-
 .bottom {
   position: absolute;
   z-index: 10;