From e658904c3f7e32287c3d4fbd0a1c4a34fe8b2962 Mon Sep 17 00:00:00 2001
From: "luoJunYong.123" <you@example.com>
Date: Fri, 3 Dec 2021 17:52:58 +0800
Subject: [PATCH] css_counter_bug

---
 src/pages/counter/list/index.vue | 168 +++++++++++++++++++++++++------
 1 file changed, 140 insertions(+), 28 deletions(-)

diff --git a/src/pages/counter/list/index.vue b/src/pages/counter/list/index.vue
index 4f357d8..5133423 100644
--- a/src/pages/counter/list/index.vue
+++ b/src/pages/counter/list/index.vue
@@ -1166,7 +1166,6 @@ export default {
             width: 122px;
         }
     }
-    // 1550-1919
     @media screen and (min-width: 1550px) and (max-width: 1919px) {
         .wrap{
             width: 1550px;
@@ -1183,9 +1182,9 @@ export default {
         }
         .glass {
             // 玻璃窗
-            top: 135px;
-            left: 514px;
-            width: 507px;
+            top: 15vh;
+            left: 35vw;
+            width: 35vw;
         }
 
         .employee {
@@ -1193,16 +1192,16 @@ export default {
             // top: 57%;
             // left: 42%;
             // width: 23%;
-            top: 374px;
-            left: 400px;
+            top: 430px;
+            left: 490px;
             width: 283px;
             position: relative;
         }
         .employeeText {
             // 资料文字
             position: absolute;
-            top: 482px;
-            left: 655px;
+            top: 580px;
+            left: 710px;
             color: #000;
             transform: rotateZ(38deg) scale3d(1, 1, 1) skew(-19deg, -9deg);
             font-size: 18px;
@@ -1221,56 +1220,56 @@ export default {
         }
         .money-box {
             // 钱箱
-            top: 436px;
-            left: 170px;
+            top: 540px;
+            left: 190px;
             width: 129px;
         }
         .important {
             // 重空箱
-            top: 434px;
-            left: 241px;
+            top: 48vh;
+            left: 18vw;
             width: 118px;
         }
         .voucher-box {
             // 普通箱
-            top: 327px;
-            left: 327px;
+            top: 35vh;
+            left: 24vw;
             width: 112px;
         }
         .summons {
             // 传票栏
-            top: 341px;
-            left: 389px;
+            top: 35vh;
+            left: 30vw;
             width: 112px;
         }
         .computer {
-            top: 257px;
-            left: 504px;
+            top: 30vh;
+            left: 35vw;
             width: 148px;
         }
         .card-machine {
-            top: 434px;
-            left: 624px;
+            top: 50vh;
+            left: 43vw;
             width: 66px;
         }
         .idCard-scanner {
-            top: 472px;
-            left: 666px;
+            top: 53vh;
+            left: 46vw;
             width: 46px;
         }
         .seal-box {
-            top: 500px;
-            left: 742px;
+            top: 55vh;
+            left: 49vw;
             width: 50px;
         }
         .currency-detector {
-            top: 478px;
-            left: 772px;
+            top: 55vh;
+            left: 51vw;
             width: 117px;
         }
         .printer {
-            top: 519px;
-            left: 844px;
+            top: 60vh;
+            left: 56vw;
             width: 149px;
         }
         .cipher-machine {
@@ -1279,6 +1278,119 @@ export default {
             width: 79px;
         }
     }
+    // 1550-1919
+    // @media screen and (min-width: 1550px) and (max-width: 1919px) {
+    //     .wrap{
+    //         width: 1550px;
+    //         position: relative;
+    //         //width: 100%;
+    //         height: calc(100vh - 68px);
+    //         overflow: hidden;
+    //         background:url("../../../assets/img/integrated-counter-bg.png");
+    //     }
+    //     .counter {
+    //         top: 30%;
+    //         left: 8%;
+    //         height: 63vh;
+    //     }
+    //     .glass {
+    //         // 玻璃窗
+    //         top: 135px;
+    //         left: 514px;
+    //         width: 507px;
+    //     }
+
+    //     .employee {
+    //         // 柜员
+    //         // top: 57%;
+    //         // left: 42%;
+    //         // width: 23%;
+    //         top: 374px;
+    //         left: 400px;
+    //         width: 283px;
+    //         position: relative;
+    //     }
+    //     .employeeText {
+    //         // 资料文字
+    //         position: absolute;
+    //         top: 482px;
+    //         left: 655px;
+    //         color: #000;
+    //         transform: rotateZ(38deg) scale3d(1, 1, 1) skew(-19deg, -9deg);
+    //         font-size: 18px;
+    //         width: 100px;
+    //         text-align: center;
+    //         height: 100px;
+    //         line-height: 100px;
+    //         cursor: pointer
+
+    //     }
+    //     .man {
+    //         // 人
+    //         top: 191px;
+    //         left: 846px;
+    //         width: 199px;
+    //     }
+    //     .money-box {
+    //         // 钱箱
+    //         top: 436px;
+    //         left: 170px;
+    //         width: 129px;
+    //     }
+    //     .important {
+    //         // 重空箱
+    //         top: 434px;
+    //         left: 241px;
+    //         width: 118px;
+    //     }
+    //     .voucher-box {
+    //         // 普通箱
+    //         top: 327px;
+    //         left: 327px;
+    //         width: 112px;
+    //     }
+    //     .summons {
+    //         // 传票栏
+    //         top: 341px;
+    //         left: 389px;
+    //         width: 112px;
+    //     }
+    //     .computer {
+    //         top: 257px;
+    //         left: 504px;
+    //         width: 148px;
+    //     }
+    //     .card-machine {
+    //         top: 434px;
+    //         left: 624px;
+    //         width: 66px;
+    //     }
+    //     .idCard-scanner {
+    //         top: 472px;
+    //         left: 666px;
+    //         width: 46px;
+    //     }
+    //     .seal-box {
+    //         top: 500px;
+    //         left: 742px;
+    //         width: 50px;
+    //     }
+    //     .currency-detector {
+    //         top: 478px;
+    //         left: 772px;
+    //         width: 117px;
+    //     }
+    //     .printer {
+    //         top: 519px;
+    //         left: 844px;
+    //         width: 149px;
+    //     }
+    //     .cipher-machine {
+    //         top: 391px;
+    //         left: 711px;
+    //         width: 79px;
+    //     }
+    // }
     @media screen and (min-width: 900px) and (max-width: 1550px) {
         .wrap {
             width: 100%;