police

src/components/police.vue

@@ -7,25 +7,25 @@
       <div
         id="screan"
         ref="dv"
-        v-drag="{ go, getK, setk, getC, setC, getA, setA,setPan,getPan }"
+        v-drag="{ go, getK, setk, getC, setC, getA, setA, setPan, getPan }"
       >
         <img src="../assets/img/light/screan.png" alt="" />
       </div>
       <div
         id="tou"
-        v-drag="{ go, getK, setk, getC, setC, getA, setA,setPan,getPan }"
+        v-drag="{ go, getK, setk, getC, setC, getA, setA, setPan, getPan }"
       >
         <img src="../assets/img/tou.png" alt="" />
       </div>
       <div
         id="ai"
-        v-drag="{ go, getK, setk, getC, setC, getA, setA,setPan,getPan }"
+        v-drag="{ go, getK, setk, getC, setC, getA, setA, setPan, getPan }"
       >
         <img src="../assets/img/ai.png" alt="" />
       </div>
       <div
         id="police"
-        v-drag="{ go, getK, setk, getC, setC, getA, setA,setPan,getPan }"
+        v-drag="{ go, getK, setk, getC, setC, getA, setA, setPan, getPan }"
       >
         <img src="../assets/img/police.png" alt="" />
       </div>
@@ -102,22 +102,22 @@ export default {
             cdiv.style.top = nt + "px";
 
             if (el.id == "screan") {
-              binding.value.setPan("screan")
+              binding.value.setPan("screan");
               moveP(nl, nt, 1);
             }
 
             if (el.id == "tou") {
-              binding.value.setPan("tou")
+              binding.value.setPan("tou");
               moveP(nl, nt, 2);
             }
 
             if (el.id == "ai") {
-              binding.value.setPan("ai")
+              binding.value.setPan("ai");
               moveP(nl, nt, 4);
             }
 
             if (el.id == "police") {
-              binding.value.setPan("police")
+              binding.value.setPan("police");
               moveP(nl, nt, 3);
             }
           };
@@ -147,8 +147,7 @@ export default {
           if (binding.value.getPan() == "police") {
             st(nl, nt, 3);
           }
-            pan();
-
+          pan();
         };
         function pan() {
           var _panL = dv.offsetLeft;
@@ -238,7 +237,6 @@ export default {
             binding.value.setA(0);
           }
 
-      
           if (
             -70 < stL &&
             stL < -15 &&
@@ -262,17 +260,49 @@ export default {
               binding.value.setA(0);
             }
             playMusic();
+          } else if (
+            25 < spL &&
+            spL < 85 &&
+            -95 < spP &&
+            spP < -40 &&
+            type == 1
+          ) {
+            dv.style.left = policeL + 56 + "px";
+            dv.style.top = policeT - 70 + "px";
+
+            if (binding.value.getA() == 1) {
+              binding.value.setC(3);
+            } else {
+              binding.value.setC(1);
+              binding.value.setA(0);
+            }
+            playMusic();
           } else if (type == 1) {
             binding.value.setC(0);
           }
-          
+
           if (-70 < stL && stL < -15 && 45 < stP && stP < 100 && type == 2) {
             dv1.style.left = _panL + 42 + "px";
             dv1.style.top = _panT - 73 + "px";
 
+            if (binding.value.getA() == 1) {
+              binding.value.setC(3);
+            }
+            if (binding.value.getC() == 1) {
+              binding.value.setC(2);
+            }
             binding.value.setk(1);
             playMusic();
           } else if (type == 2) {
+            if (25 < spL && spL < 85 && -95 < spP && spP < -40) {
+              if (binding.value.getA() == 1) {
+                binding.value.setC(3);
+              } else {
+                binding.value.setC(1);
+              }
+            } else {
+              binding.value.setC(0);
+            }
             binding.value.setk(0);
           }
         }
@@ -286,6 +316,11 @@ export default {
             dv1.style.top = nt - 73 + "px";
           }
 
+          if (binding.value.getC() == 1 && type == 3) {
+            dv.style.left = nl + 56 + "px";
+            dv.style.top = nt - 70 + "px";
+          }
+
           if (
             binding.value.getC() == 2 &&
             type == 3 &&
@@ -303,7 +338,11 @@ export default {
           ) {
             dv2.style.left = nl + 56 + "px";
             dv2.style.top = nt - 77 + "px";
-          } else if (type == 3 && binding.value.getC() == 3) {
+          } else if (
+            type == 3 &&
+            binding.value.getC() == 3 &&
+            binding.value.getK() == 1
+          ) {
             dv2.style.left = nl + 56 + "px";
             dv2.style.top = nt - 77 + "px";
 
@@ -312,10 +351,21 @@ export default {
 
             dv1.style.left = nl + 98 + "px";
             dv1.style.top = nt - 143 + "px";
+          } else if (
+            type == 3 &&
+            binding.value.getC() == 3 &&
+            binding.value.getK() == 0
+          ) {
+            dv2.style.left = nl + 56 + "px";
+            dv2.style.top = nt - 77 + "px";
+
+            dv.style.left = nl + 56 + "px";
+            dv.style.top = nt - 70 + "px";
           } else if (
             binding.value.getA() == 2 &&
             type == 3 &&
-            binding.value.getC() == 2
+            binding.value.getC() == 2 &&
+            binding.value.getK() == 1
           ) {
             dv2.style.left = nl + 56 + "px";
             dv2.style.top = nt - 77 + "px";
@@ -325,6 +375,28 @@ export default {
 
             dv1.style.left = nl + 98 + "px";
             dv1.style.top = nt - 143 + "px";
+          } else if (
+            binding.value.getA() == 2 &&
+            type == 3 &&
+            binding.value.getC() == 2 &&
+            binding.value.getK() == 0
+          ) {
+            dv2.style.left = nl + 56 + "px";
+            dv2.style.top = nt - 77 + "px";
+
+            dv.style.left = nl + 56 + "px";
+            dv.style.top = nt - 70 + "px";
+          } else if (
+            binding.value.getA() == 2 &&
+            type == 3 &&
+            binding.value.getC() == 1 &&
+            binding.value.getK() == 0
+          ) {
+            dv2.style.left = nl + 56 + "px";
+            dv2.style.top = nt - 77 + "px";
+
+            dv.style.left = nl + 56 + "px";
+            dv.style.top = nt - 70 + "px";
           }
         }
       },
@@ -352,12 +424,12 @@ export default {
     getA() {
       return this.aaa;
     },
-    setPan(value){
+    setPan(value) {
       this.panThing = value;
     },
-    getPan(){
+    getPan() {
       return this.panThing;
-    }
+    },
   },
 };
 </script>