|
|
@ -78,8 +78,6 @@ |
|
|
|
<img class="sth employee" v-lazy="lazyImg[21]" @click="setShowBusiness(true)" alt="" /> |
|
|
|
<img class="sth employee" v-lazy="lazyImg[21]" @click="setShowBusiness(true)" alt="" /> |
|
|
|
</el-tooltip> |
|
|
|
</el-tooltip> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<el-tooltip placement="top" popper-class="sth-popper" offset="-50"> |
|
|
|
<el-tooltip placement="top" popper-class="sth-popper" offset="-50"> |
|
|
|
<div slot="content"> |
|
|
|
<div slot="content"> |
|
|
|
<img v-lazy="lazyImg[22]" alt="" /> |
|
|
|
<img v-lazy="lazyImg[22]" alt="" /> |
|
|
@ -1877,22 +1875,22 @@ export default { |
|
|
|
.counter { |
|
|
|
.counter { |
|
|
|
top: 116px; |
|
|
|
top: 116px; |
|
|
|
left: 357px; |
|
|
|
left: 357px; |
|
|
|
width: 1555px; |
|
|
|
width: 1300px; |
|
|
|
} |
|
|
|
} |
|
|
|
.glass { |
|
|
|
.glass { |
|
|
|
top: -145px; |
|
|
|
top: -100px; |
|
|
|
left: 964px; |
|
|
|
left: 900px; |
|
|
|
width: 855px; |
|
|
|
width: 700px; |
|
|
|
} |
|
|
|
} |
|
|
|
.employee { |
|
|
|
.employee { |
|
|
|
top: 371px; |
|
|
|
top: 325px; |
|
|
|
left: 920px; |
|
|
|
left: 820px; |
|
|
|
width: 388px; |
|
|
|
width: 340px; |
|
|
|
} |
|
|
|
} |
|
|
|
.employeeText { |
|
|
|
.employeeText { |
|
|
|
position: absolute; |
|
|
|
position: absolute; |
|
|
|
top: 503px; |
|
|
|
top: 435px; |
|
|
|
left: 1229px; |
|
|
|
left: 1070px; |
|
|
|
color: #000; |
|
|
|
color: #000; |
|
|
|
transform: rotateZ(38deg) scale3d(1, 1, 1) skew(-19deg, -9deg); |
|
|
|
transform: rotateZ(38deg) scale3d(1, 1, 1) skew(-19deg, -9deg); |
|
|
|
font-size: 18px; |
|
|
|
font-size: 18px; |
|
|
@ -1908,59 +1906,59 @@ export default { |
|
|
|
width: 262px; |
|
|
|
width: 262px; |
|
|
|
} |
|
|
|
} |
|
|
|
.money-box { |
|
|
|
.money-box { |
|
|
|
top: 406px; |
|
|
|
top: 380px; |
|
|
|
left: 445px; |
|
|
|
left: 430px; |
|
|
|
width: 197px; |
|
|
|
width: 150px; |
|
|
|
} |
|
|
|
} |
|
|
|
.important { |
|
|
|
.important { |
|
|
|
top: 372px; |
|
|
|
top: 360px; |
|
|
|
left: 582px; |
|
|
|
left: 510px; |
|
|
|
width: 175px; |
|
|
|
width: 145px; |
|
|
|
} |
|
|
|
} |
|
|
|
.voucher-box { |
|
|
|
.voucher-box { |
|
|
|
top: 216px; |
|
|
|
top: 222px; |
|
|
|
left: 718px; |
|
|
|
left: 615px; |
|
|
|
width: 160px; |
|
|
|
width: 140px; |
|
|
|
} |
|
|
|
} |
|
|
|
.summons { |
|
|
|
.summons { |
|
|
|
top: 250px; |
|
|
|
top: 250px; |
|
|
|
left: 844px; |
|
|
|
left: 700px; |
|
|
|
width: 139px; |
|
|
|
width: 139px; |
|
|
|
} |
|
|
|
} |
|
|
|
.computer { |
|
|
|
.computer { |
|
|
|
top: 120px; |
|
|
|
top: 90px; |
|
|
|
left: 955px; |
|
|
|
left: 850px; |
|
|
|
width: 219px; |
|
|
|
width: 200px; |
|
|
|
} |
|
|
|
} |
|
|
|
.card-machine { |
|
|
|
.card-machine { |
|
|
|
top: 377px; |
|
|
|
top: 355px; |
|
|
|
left: 1147px; |
|
|
|
left: 1050px; |
|
|
|
width: 110px; |
|
|
|
width: 80px; |
|
|
|
} |
|
|
|
} |
|
|
|
.idCard-scanner { |
|
|
|
.idCard-scanner { |
|
|
|
top: 443px; |
|
|
|
top: 405px; |
|
|
|
left: 1229px; |
|
|
|
left: 1110px; |
|
|
|
width: 82px; |
|
|
|
width: 65px; |
|
|
|
} |
|
|
|
} |
|
|
|
.seal-box { |
|
|
|
.seal-box { |
|
|
|
top: 486px; |
|
|
|
top: 420px; |
|
|
|
left: 1340px; |
|
|
|
left: 1170px; |
|
|
|
width: 97px; |
|
|
|
width: 70px; |
|
|
|
} |
|
|
|
} |
|
|
|
.currency-detector { |
|
|
|
.currency-detector { |
|
|
|
top: 492px; |
|
|
|
top: 420px; |
|
|
|
left: 1421px; |
|
|
|
left: 1235px; |
|
|
|
width: 151px; |
|
|
|
width: 140px; |
|
|
|
} |
|
|
|
} |
|
|
|
.printer { |
|
|
|
.printer { |
|
|
|
top: 550px; |
|
|
|
top: 470px; |
|
|
|
left: 1531px; |
|
|
|
left: 1330px; |
|
|
|
width: 205px; |
|
|
|
width: 180px; |
|
|
|
} |
|
|
|
} |
|
|
|
.cipher-machine { |
|
|
|
.cipher-machine { |
|
|
|
top: 324px; |
|
|
|
top: 284px; |
|
|
|
left: 1298px; |
|
|
|
left: 1172px; |
|
|
|
width: 100px; |
|
|
|
width: 90px; |
|
|
|
} |
|
|
|
} |
|
|
|
.el-tooltip__popper.sth-popper { |
|
|
|
.el-tooltip__popper.sth-popper { |
|
|
|
padding: 0; |
|
|
|
padding: 0; |
|
|
@ -1983,33 +1981,29 @@ export default { |
|
|
|
background:url("../../../assets/img/integrated-counter-bg.png"); |
|
|
|
background:url("../../../assets/img/integrated-counter-bg.png"); |
|
|
|
} |
|
|
|
} |
|
|
|
.counter { |
|
|
|
.counter { |
|
|
|
top: 30vh; |
|
|
|
top: 25vh; |
|
|
|
left: 15vw; |
|
|
|
left: 15vw; |
|
|
|
width: 80vw; |
|
|
|
width: 78vw; |
|
|
|
position: absolute; |
|
|
|
position: absolute; |
|
|
|
} |
|
|
|
} |
|
|
|
.glass { |
|
|
|
.glass { |
|
|
|
// 玻璃窗 |
|
|
|
// 玻璃窗 |
|
|
|
top: 16vh; |
|
|
|
top: 7vh; |
|
|
|
left: 50vw; |
|
|
|
left: 47vw; |
|
|
|
width: 38vw; |
|
|
|
width: 41vw; |
|
|
|
position: absolute; |
|
|
|
position: absolute; |
|
|
|
} |
|
|
|
} |
|
|
|
.employee { |
|
|
|
.employee { |
|
|
|
// 柜员 |
|
|
|
top: 44vh; |
|
|
|
// top: 57%; |
|
|
|
left: 42vw; |
|
|
|
// left: 42%; |
|
|
|
width: 21vw; |
|
|
|
// width: 23%; |
|
|
|
|
|
|
|
top: 50vh; |
|
|
|
|
|
|
|
left: 40vw; |
|
|
|
|
|
|
|
width: 23vw; |
|
|
|
|
|
|
|
position: absolute; |
|
|
|
position: absolute; |
|
|
|
} |
|
|
|
} |
|
|
|
// 先放着 |
|
|
|
// 先放着 |
|
|
|
.employeeText { |
|
|
|
.employeeText { |
|
|
|
// 资料文字 |
|
|
|
// 资料文字 |
|
|
|
position: absolute; |
|
|
|
position: absolute; |
|
|
|
top: 64vh; |
|
|
|
top: 58vh; |
|
|
|
left: 58vw; |
|
|
|
left: 58vw; |
|
|
|
color: #000; |
|
|
|
color: #000; |
|
|
|
transform: rotateZ(38deg) scale3d(1, 1, 1) skew(-19deg, -9deg); |
|
|
|
transform: rotateZ(38deg) scale3d(1, 1, 1) skew(-19deg, -9deg); |
|
|
@ -2022,66 +2016,66 @@ export default { |
|
|
|
// 人 |
|
|
|
// 人 |
|
|
|
top: 10vh; |
|
|
|
top: 10vh; |
|
|
|
left: 70vw; |
|
|
|
left: 70vw; |
|
|
|
width: 23vw; |
|
|
|
width: 19vw; |
|
|
|
height: 50vh; |
|
|
|
height: 50vh; |
|
|
|
} |
|
|
|
} |
|
|
|
.money-box { |
|
|
|
.money-box { |
|
|
|
// 钱箱 |
|
|
|
// 钱箱 |
|
|
|
top: 57vh; |
|
|
|
top: 51vh; |
|
|
|
left: 18vw; |
|
|
|
left: 20vw; |
|
|
|
width: 8vw; |
|
|
|
width: 8vw; |
|
|
|
} |
|
|
|
} |
|
|
|
.important { |
|
|
|
.important { |
|
|
|
// 重空箱 |
|
|
|
// 重空箱 |
|
|
|
top: 52vh; |
|
|
|
top: 50vh; |
|
|
|
left: 26vw; |
|
|
|
left: 25vw; |
|
|
|
width: 8vw; |
|
|
|
width: 8vw; |
|
|
|
} |
|
|
|
} |
|
|
|
.voucher-box { |
|
|
|
.voucher-box { |
|
|
|
// 普通箱 |
|
|
|
// 普通箱 |
|
|
|
top: 38vh; |
|
|
|
top: 36vh; |
|
|
|
left: 34vw; |
|
|
|
left: 31vw; |
|
|
|
width: 8vw; |
|
|
|
width: 8vw; |
|
|
|
} |
|
|
|
} |
|
|
|
.summons { |
|
|
|
.summons { |
|
|
|
// 传票栏 |
|
|
|
// 传票栏 |
|
|
|
top: 40vh; |
|
|
|
top: 39vh; |
|
|
|
left: 40vw; |
|
|
|
left: 36vw; |
|
|
|
width: 8vw; |
|
|
|
width: 8vw; |
|
|
|
} |
|
|
|
} |
|
|
|
.computer { |
|
|
|
.computer { |
|
|
|
top: 30vh; |
|
|
|
top: 26vh; |
|
|
|
left: 44vw; |
|
|
|
left: 44vw; |
|
|
|
width: 10vw; |
|
|
|
width: 10vw; |
|
|
|
} |
|
|
|
} |
|
|
|
.card-machine { |
|
|
|
.card-machine { |
|
|
|
top: 47vh; |
|
|
|
top: 45vh; |
|
|
|
left: 52vw; |
|
|
|
left: 54vw; |
|
|
|
width: 6vw; |
|
|
|
width: 5vw; |
|
|
|
} |
|
|
|
} |
|
|
|
.idCard-scanner { |
|
|
|
.idCard-scanner { |
|
|
|
top: 52vh; |
|
|
|
top: 50vh; |
|
|
|
left: 54vw; |
|
|
|
left: 57vw; |
|
|
|
width: 6vw; |
|
|
|
width: 4vw; |
|
|
|
} |
|
|
|
} |
|
|
|
.seal-box { |
|
|
|
.seal-box { |
|
|
|
top: 56vh; |
|
|
|
top: 52vh; |
|
|
|
left: 62vw; |
|
|
|
left: 61vw; |
|
|
|
width: 6vw; |
|
|
|
width: 5vw; |
|
|
|
} |
|
|
|
} |
|
|
|
.currency-detector { |
|
|
|
.currency-detector { |
|
|
|
top: 62vh; |
|
|
|
top: 55vh; |
|
|
|
left: 66vw; |
|
|
|
left: 68vw; |
|
|
|
width: 8vw; |
|
|
|
width: 8vw; |
|
|
|
} |
|
|
|
} |
|
|
|
.printer { |
|
|
|
.printer { |
|
|
|
top: 70vh; |
|
|
|
top: 62vh; |
|
|
|
left: 72vw; |
|
|
|
left: 75vw; |
|
|
|
width: 8vw; |
|
|
|
width: 8vw; |
|
|
|
} |
|
|
|
} |
|
|
|
.cipher-machine { |
|
|
|
.cipher-machine { |
|
|
|
top: 50vh; |
|
|
|
top: 42vh; |
|
|
|
left: 68vw; |
|
|
|
left: 63vw; |
|
|
|
width: 6vw; |
|
|
|
width: 6vw; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
@ -2212,9 +2206,9 @@ export default { |
|
|
|
} |
|
|
|
} |
|
|
|
.glass { |
|
|
|
.glass { |
|
|
|
// 玻璃窗 |
|
|
|
// 玻璃窗 |
|
|
|
top: 16vh; |
|
|
|
top: 14vh; |
|
|
|
left: 50vw; |
|
|
|
left: 48vw; |
|
|
|
width: 38vw; |
|
|
|
width: 42vw; |
|
|
|
position: absolute; |
|
|
|
position: absolute; |
|
|
|
} |
|
|
|
} |
|
|
|
.employee { |
|
|
|
.employee { |
|
|
@ -2222,16 +2216,16 @@ export default { |
|
|
|
// top: 57%; |
|
|
|
// top: 57%; |
|
|
|
// left: 42%; |
|
|
|
// left: 42%; |
|
|
|
// width: 23%; |
|
|
|
// width: 23%; |
|
|
|
top: 54vh; |
|
|
|
top: 47vh; |
|
|
|
left: 40vw; |
|
|
|
left: 42vw; |
|
|
|
width: 23vw; |
|
|
|
width: 22vw; |
|
|
|
position: absolute; |
|
|
|
position: absolute; |
|
|
|
} |
|
|
|
} |
|
|
|
// 先放着 |
|
|
|
// 先放着 |
|
|
|
.employeeText { |
|
|
|
.employeeText { |
|
|
|
// 资料文字 |
|
|
|
// 资料文字 |
|
|
|
position: absolute; |
|
|
|
position: absolute; |
|
|
|
top: 68vh; |
|
|
|
top: 60vh; |
|
|
|
left: 58vw; |
|
|
|
left: 58vw; |
|
|
|
color: #000; |
|
|
|
color: #000; |
|
|
|
transform: rotateZ(38deg) scale3d(1, 1, 1) skew(-19deg, -9deg); |
|
|
|
transform: rotateZ(38deg) scale3d(1, 1, 1) skew(-19deg, -9deg); |
|
|
@ -2242,20 +2236,20 @@ export default { |
|
|
|
} |
|
|
|
} |
|
|
|
.man { |
|
|
|
.man { |
|
|
|
// 人 |
|
|
|
// 人 |
|
|
|
top: 10vh; |
|
|
|
top: 14vh; |
|
|
|
left: 70vw; |
|
|
|
left: 70vw; |
|
|
|
width: 23vw; |
|
|
|
width: 20vw; |
|
|
|
height: 50vh; |
|
|
|
height: 48vh; |
|
|
|
} |
|
|
|
} |
|
|
|
.money-box { |
|
|
|
.money-box { |
|
|
|
// 钱箱 |
|
|
|
// 钱箱 |
|
|
|
top: 60vh; |
|
|
|
top: 54vh; |
|
|
|
left: 18vw; |
|
|
|
left: 20vw; |
|
|
|
width: 8vw; |
|
|
|
width: 8vw; |
|
|
|
} |
|
|
|
} |
|
|
|
.important { |
|
|
|
.important { |
|
|
|
// 重空箱 |
|
|
|
// 重空箱 |
|
|
|
top: 56vh; |
|
|
|
top: 52vh; |
|
|
|
left: 26vw; |
|
|
|
left: 26vw; |
|
|
|
width: 8vw; |
|
|
|
width: 8vw; |
|
|
|
} |
|
|
|
} |
|
|
@ -2277,33 +2271,33 @@ export default { |
|
|
|
width: 10vw; |
|
|
|
width: 10vw; |
|
|
|
} |
|
|
|
} |
|
|
|
.card-machine { |
|
|
|
.card-machine { |
|
|
|
top: 47vh; |
|
|
|
top: 48vh; |
|
|
|
left: 52vw; |
|
|
|
left: 55vw; |
|
|
|
width: 6vw; |
|
|
|
width: 5vw; |
|
|
|
} |
|
|
|
} |
|
|
|
.idCard-scanner { |
|
|
|
.idCard-scanner { |
|
|
|
top: 52vh; |
|
|
|
top: 52vh; |
|
|
|
left: 54vw; |
|
|
|
left: 58vw; |
|
|
|
width: 6vw; |
|
|
|
width: 4vw; |
|
|
|
} |
|
|
|
} |
|
|
|
.seal-box { |
|
|
|
.seal-box { |
|
|
|
top: 56vh; |
|
|
|
top: 55vh; |
|
|
|
left: 60vw; |
|
|
|
left: 63vw; |
|
|
|
width: 6vw; |
|
|
|
width: 5vw; |
|
|
|
} |
|
|
|
} |
|
|
|
.currency-detector { |
|
|
|
.currency-detector { |
|
|
|
top: 62vh; |
|
|
|
top: 55vh; |
|
|
|
left: 66vw; |
|
|
|
left: 67vw; |
|
|
|
width: 8vw; |
|
|
|
width: 8vw; |
|
|
|
} |
|
|
|
} |
|
|
|
.printer { |
|
|
|
.printer { |
|
|
|
top: 70vh; |
|
|
|
top: 59vh; |
|
|
|
left: 72vw; |
|
|
|
left: 73vw; |
|
|
|
width: 8vw; |
|
|
|
width: 10vw; |
|
|
|
} |
|
|
|
} |
|
|
|
.cipher-machine { |
|
|
|
.cipher-machine { |
|
|
|
top: 50vh; |
|
|
|
top: 46vh; |
|
|
|
left: 68vw; |
|
|
|
left: 63vw; |
|
|
|
width: 6vw; |
|
|
|
width: 6vw; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
@ -2323,9 +2317,9 @@ export default { |
|
|
|
} |
|
|
|
} |
|
|
|
.glass { |
|
|
|
.glass { |
|
|
|
// 玻璃窗 |
|
|
|
// 玻璃窗 |
|
|
|
top: 22vh; |
|
|
|
top: 14vh; |
|
|
|
left: 50vw; |
|
|
|
left: 49vw; |
|
|
|
width: 38vw; |
|
|
|
width: 42vw; |
|
|
|
position: absolute; |
|
|
|
position: absolute; |
|
|
|
} |
|
|
|
} |
|
|
|
.employee { |
|
|
|
.employee { |
|
|
@ -2342,7 +2336,7 @@ export default { |
|
|
|
.employeeText { |
|
|
|
.employeeText { |
|
|
|
// 资料文字 |
|
|
|
// 资料文字 |
|
|
|
position: absolute; |
|
|
|
position: absolute; |
|
|
|
top: 57vh; |
|
|
|
top: 59vh; |
|
|
|
left: 58vw; |
|
|
|
left: 58vw; |
|
|
|
color: #000; |
|
|
|
color: #000; |
|
|
|
transform: rotateZ(38deg) scale3d(1, 1, 1) skew(-19deg, -9deg); |
|
|
|
transform: rotateZ(38deg) scale3d(1, 1, 1) skew(-19deg, -9deg); |
|
|
@ -2413,8 +2407,8 @@ export default { |
|
|
|
width: 8vw; |
|
|
|
width: 8vw; |
|
|
|
} |
|
|
|
} |
|
|
|
.cipher-machine { |
|
|
|
.cipher-machine { |
|
|
|
top: 48vh; |
|
|
|
top: 44vh; |
|
|
|
left: 68vw; |
|
|
|
left: 64vw; |
|
|
|
width: 6vw; |
|
|
|
width: 6vw; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
@ -2427,16 +2421,16 @@ export default { |
|
|
|
background:url("../../../assets/img/integrated-counter-bg.png"); |
|
|
|
background:url("../../../assets/img/integrated-counter-bg.png"); |
|
|
|
} |
|
|
|
} |
|
|
|
.counter { |
|
|
|
.counter { |
|
|
|
top: 30vh; |
|
|
|
top: 23vh; |
|
|
|
left: 15vw; |
|
|
|
left: 15vw; |
|
|
|
width: 80vw; |
|
|
|
width: 75vw; |
|
|
|
position: absolute; |
|
|
|
position: absolute; |
|
|
|
} |
|
|
|
} |
|
|
|
.glass { |
|
|
|
.glass { |
|
|
|
// 玻璃窗 |
|
|
|
// 玻璃窗 |
|
|
|
top: 4vh; |
|
|
|
top: 4vh; |
|
|
|
left: 46vw; |
|
|
|
left: 46vw; |
|
|
|
width: 43vw; |
|
|
|
width: 40vw; |
|
|
|
position: absolute; |
|
|
|
position: absolute; |
|
|
|
} |
|
|
|
} |
|
|
|
.employee { |
|
|
|
.employee { |
|
|
@ -2444,8 +2438,8 @@ export default { |
|
|
|
// top: 57%; |
|
|
|
// top: 57%; |
|
|
|
// left: 42%; |
|
|
|
// left: 42%; |
|
|
|
// width: 23%; |
|
|
|
// width: 23%; |
|
|
|
top: 62vh; |
|
|
|
top: 44vh; |
|
|
|
left: 44vw; |
|
|
|
left: 43vw; |
|
|
|
width: 18vw; |
|
|
|
width: 18vw; |
|
|
|
position: absolute; |
|
|
|
position: absolute; |
|
|
|
} |
|
|
|
} |
|
|
@ -2453,8 +2447,8 @@ export default { |
|
|
|
.employeeText { |
|
|
|
.employeeText { |
|
|
|
// 资料文字 |
|
|
|
// 资料文字 |
|
|
|
position: absolute; |
|
|
|
position: absolute; |
|
|
|
top: 77vh; |
|
|
|
top: 56vh; |
|
|
|
left: 58vw; |
|
|
|
left: 56vw; |
|
|
|
color: #000; |
|
|
|
color: #000; |
|
|
|
transform: rotateZ(38deg) scale3d(1, 1, 1) skew(-19deg, -9deg); |
|
|
|
transform: rotateZ(38deg) scale3d(1, 1, 1) skew(-19deg, -9deg); |
|
|
|
font-size: 18px; |
|
|
|
font-size: 18px; |
|
|
@ -2470,61 +2464,61 @@ export default { |
|
|
|
} |
|
|
|
} |
|
|
|
.money-box { |
|
|
|
.money-box { |
|
|
|
// 钱箱 |
|
|
|
// 钱箱 |
|
|
|
top: 68vh; |
|
|
|
top: 49vh; |
|
|
|
left: 20vw; |
|
|
|
left: 19vw; |
|
|
|
width: 8vw; |
|
|
|
width: 8vw; |
|
|
|
} |
|
|
|
} |
|
|
|
.important { |
|
|
|
.important { |
|
|
|
// 重空箱 |
|
|
|
// 重空箱 |
|
|
|
top: 64vh; |
|
|
|
top: 47vh; |
|
|
|
left: 26vw; |
|
|
|
left: 24vw; |
|
|
|
width: 8vw; |
|
|
|
width: 8vw; |
|
|
|
} |
|
|
|
} |
|
|
|
.voucher-box { |
|
|
|
.voucher-box { |
|
|
|
// 普通箱 |
|
|
|
// 普通箱 |
|
|
|
top: 46vh; |
|
|
|
top: 35vh; |
|
|
|
left: 32vw; |
|
|
|
left: 29vw; |
|
|
|
width: 8vw; |
|
|
|
width: 8vw; |
|
|
|
} |
|
|
|
} |
|
|
|
.summons { |
|
|
|
.summons { |
|
|
|
// 传票栏 |
|
|
|
// 传票栏 |
|
|
|
top: 46vh; |
|
|
|
top: 37vh; |
|
|
|
left: 38vw; |
|
|
|
left: 34vw; |
|
|
|
width: 8vw; |
|
|
|
width: 8vw; |
|
|
|
} |
|
|
|
} |
|
|
|
.computer { |
|
|
|
.computer { |
|
|
|
top: 28vh; |
|
|
|
top: 24vh; |
|
|
|
left: 42vw; |
|
|
|
left: 42vw; |
|
|
|
width: 10vw; |
|
|
|
width: 10vw; |
|
|
|
} |
|
|
|
} |
|
|
|
.card-machine { |
|
|
|
.card-machine { |
|
|
|
top: 52vh; |
|
|
|
top: 45vh; |
|
|
|
left: 50vw; |
|
|
|
left: 54vw; |
|
|
|
width: 6vw; |
|
|
|
width: 5vw; |
|
|
|
} |
|
|
|
} |
|
|
|
.idCard-scanner { |
|
|
|
.idCard-scanner { |
|
|
|
top: 60vh; |
|
|
|
top: 50vh; |
|
|
|
left: 54vw; |
|
|
|
left: 57vw; |
|
|
|
width: 6vw; |
|
|
|
width: 4vw; |
|
|
|
} |
|
|
|
} |
|
|
|
.seal-box { |
|
|
|
.seal-box { |
|
|
|
top: 63vh; |
|
|
|
top: 52vh; |
|
|
|
left: 60vw; |
|
|
|
left: 61vw; |
|
|
|
width: 6vw; |
|
|
|
width: 4vw; |
|
|
|
} |
|
|
|
} |
|
|
|
.currency-detector { |
|
|
|
.currency-detector { |
|
|
|
top: 70vh; |
|
|
|
top: 51vh; |
|
|
|
left: 69vw; |
|
|
|
left: 65vw; |
|
|
|
width: 8vw; |
|
|
|
width: 8vw; |
|
|
|
} |
|
|
|
} |
|
|
|
.printer { |
|
|
|
.printer { |
|
|
|
top: 80vh; |
|
|
|
top: 58vh; |
|
|
|
left: 76vw; |
|
|
|
left: 72vw; |
|
|
|
width: 8vw; |
|
|
|
width: 8vw; |
|
|
|
} |
|
|
|
} |
|
|
|
.cipher-machine { |
|
|
|
.cipher-machine { |
|
|
|
top: 50vh; |
|
|
|
top: 39vh; |
|
|
|
left: 64vw; |
|
|
|
left: 61vw; |
|
|
|
width: 6vw; |
|
|
|
width: 6vw; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
@ -2550,9 +2544,6 @@ export default { |
|
|
|
|
|
|
|
|
|
|
|
.employee { |
|
|
|
.employee { |
|
|
|
// 柜员 |
|
|
|
// 柜员 |
|
|
|
// top: 57%; |
|
|
|
|
|
|
|
// left: 42%; |
|
|
|
|
|
|
|
// width: 23%; |
|
|
|
|
|
|
|
top: 430px; |
|
|
|
top: 430px; |
|
|
|
left: 490px; |
|
|
|
left: 490px; |
|
|
|
width: 283px; |
|
|
|
width: 283px; |
|
|
@ -2651,8 +2642,8 @@ export default { |
|
|
|
flex-direction: column; |
|
|
|
flex-direction: column; |
|
|
|
justify-content: center; |
|
|
|
justify-content: center; |
|
|
|
align-items: center; |
|
|
|
align-items: center; |
|
|
|
width: 80px; |
|
|
|
width: 65px; |
|
|
|
height: 180px; |
|
|
|
height: 165px; |
|
|
|
cursor: pointer; |
|
|
|
cursor: pointer; |
|
|
|
z-index: 998; |
|
|
|
z-index: 998; |
|
|
|
background: url(../../../assets/img/sth-bg.png) 0 0/100% 100% no-repeat; |
|
|
|
background: url(../../../assets/img/sth-bg.png) 0 0/100% 100% no-repeat; |
|
|
@ -2660,7 +2651,7 @@ export default { |
|
|
|
width: 30px; |
|
|
|
width: 30px; |
|
|
|
margin-bottom: 10px; |
|
|
|
margin-bottom: 10px; |
|
|
|
color: #fff; |
|
|
|
color: #fff; |
|
|
|
font-size: 26px; |
|
|
|
font-size: 24px; |
|
|
|
text-align: center; |
|
|
|
text-align: center; |
|
|
|
} |
|
|
|
} |
|
|
|
.icon { |
|
|
|
.icon { |
|
|
@ -2692,15 +2683,15 @@ export default { |
|
|
|
background-color: rgba(255, 255, 255, 0.7); |
|
|
|
background-color: rgba(255, 255, 255, 0.7); |
|
|
|
.file { |
|
|
|
.file { |
|
|
|
position: relative; |
|
|
|
position: relative; |
|
|
|
min-width: 160px; |
|
|
|
min-width: 140px; |
|
|
|
height: 160px; |
|
|
|
height: 140px; |
|
|
|
text-align: center; |
|
|
|
text-align: center; |
|
|
|
background: url(../../../assets/img/data-frame.png) 0 0 / cover no-repeat; |
|
|
|
background: url(../../../assets/img/data-frame.png) 0 0 / cover no-repeat; |
|
|
|
cursor: pointer; |
|
|
|
cursor: pointer; |
|
|
|
margin: 0 10px; |
|
|
|
margin: 0 10px; |
|
|
|
img { |
|
|
|
img { |
|
|
|
width: 95%; |
|
|
|
width: 95%; |
|
|
|
max-height: 105px; |
|
|
|
max-height: 90px; |
|
|
|
margin: auto; |
|
|
|
margin: auto; |
|
|
|
position: absolute; |
|
|
|
position: absolute; |
|
|
|
top: .5vh; |
|
|
|
top: .5vh; |
|
|
@ -2713,7 +2704,7 @@ export default { |
|
|
|
position: absolute; |
|
|
|
position: absolute; |
|
|
|
bottom: 0; |
|
|
|
bottom: 0; |
|
|
|
width: 100%; |
|
|
|
width: 100%; |
|
|
|
line-height: 54px; |
|
|
|
line-height: 40px; |
|
|
|
text-align: center; |
|
|
|
text-align: center; |
|
|
|
font-size: 18px; |
|
|
|
font-size: 18px; |
|
|
|
color: #000; |
|
|
|
color: #000; |
|
|
@ -2740,23 +2731,23 @@ export default { |
|
|
|
// 兼容小屏幕的goods-dia |
|
|
|
// 兼容小屏幕的goods-dia |
|
|
|
@media screen and (min-width: 1200px) and (max-width: 1919px) { |
|
|
|
@media screen and (min-width: 1200px) and (max-width: 1919px) { |
|
|
|
.goods-dia { |
|
|
|
.goods-dia { |
|
|
|
height: 15vh; |
|
|
|
height: 18vh; |
|
|
|
width: 100%; |
|
|
|
width: 100%; |
|
|
|
.justify-center { |
|
|
|
.justify-center { |
|
|
|
max-height: 13vh; |
|
|
|
//max-height: 13vh; |
|
|
|
} |
|
|
|
} |
|
|
|
.file { |
|
|
|
.file { |
|
|
|
top: 0; |
|
|
|
top: 0; |
|
|
|
max-height: 13vh; |
|
|
|
//max-height: 13vh; |
|
|
|
img { |
|
|
|
img { |
|
|
|
max-height: 8vh; |
|
|
|
max-height: 90px; |
|
|
|
margin: auto; |
|
|
|
margin: auto; |
|
|
|
margin-top: 1vh; |
|
|
|
margin-top: 1vh; |
|
|
|
} |
|
|
|
} |
|
|
|
p { |
|
|
|
p { |
|
|
|
//top: 9vh; |
|
|
|
//top: 9vh; |
|
|
|
line-height: 4vh; |
|
|
|
line-height: 40px; |
|
|
|
font-size: 2vh; |
|
|
|
font-size: 18px; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|