huoran
/
FE_bankTeaching
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 4 Wiki Activity

Merge remote-tracking branch 'origin/master'

Browse Source
20240205
e 3 years ago
parent 65546059fc e658904c3f
commit 06f71af807
1 changed files with 260 additions and 28 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 288
      src/pages/counter/list/index.vue

288
src/pages/counter/list/index.vue
Unescape View File

@ -946,6 +946,7 @@ export default {
height: calc(100vh - 60px); height: calc(100vh - 60px);
} }
// 1920 // 1920
@media screen and (min-width: 1920px) { @media screen and (min-width: 1920px) {
.wrap { .wrap {
@ -1165,7 +1166,6 @@ export default {
width: 122px; width: 122px;
} }
} }
// 1550-1919
@media screen and (min-width: 1550px) and (max-width: 1919px) { @media screen and (min-width: 1550px) and (max-width: 1919px) {
.wrap{ .wrap{
width: 1550px; width: 1550px;
@ -1182,9 +1182,9 @@ export default {
} }
.glass { .glass {
// 玻璃窗 // 玻璃窗
top: 135px; top: 15vh;
left: 514px; left: 35vw;
width: 507px; width: 35vw;
} }
.employee { .employee {
@ -1192,16 +1192,16 @@ export default {
// top: 57%; // top: 57%;
// left: 42%; // left: 42%;
// width: 23%; // width: 23%;
top: 374px; top: 430px;
left: 400px; left: 490px;
width: 283px; width: 283px;
position: relative; position: relative;
} }
.employeeText { .employeeText {
// 资料文字 // 资料文字
position: absolute; position: absolute;
top: 482px; top: 580px;
left: 655px; left: 710px;
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;
@ -1220,56 +1220,56 @@ export default {
} }
.money-box { .money-box {
// 钱箱 // 钱箱
top: 436px; top: 540px;
left: 170px; left: 190px;
width: 129px; width: 129px;
} }
.important { .important {
// 重空箱 // 重空箱
top: 434px; top: 48vh;
left: 241px; left: 18vw;
width: 118px; width: 118px;
} }
.voucher-box { .voucher-box {
// 普通箱 // 普通箱
top: 327px; top: 35vh;
left: 327px; left: 24vw;
width: 112px; width: 112px;
} }
.summons { .summons {
// 传票栏 // 传票栏
top: 341px; top: 35vh;
left: 389px; left: 30vw;
width: 112px; width: 112px;
} }
.computer { .computer {
top: 257px; top: 30vh;
left: 504px; left: 35vw;
width: 148px; width: 148px;
} }
.card-machine { .card-machine {
top: 434px; top: 50vh;
left: 624px; left: 43vw;
width: 66px; width: 66px;
} }
.idCard-scanner { .idCard-scanner {
top: 472px; top: 53vh;
left: 666px; left: 46vw;
width: 46px; width: 46px;
} }
.seal-box { .seal-box {
top: 500px; top: 55vh;
left: 742px; left: 49vw;
width: 50px; width: 50px;
} }
.currency-detector { .currency-detector {
top: 478px; top: 55vh;
left: 772px; left: 51vw;
width: 117px; width: 117px;
} }
.printer { .printer {
top: 519px; top: 60vh;
left: 844px; left: 56vw;
width: 149px; width: 149px;
} }
.cipher-machine { .cipher-machine {
@ -1278,6 +1278,238 @@ export default {
width: 79px; 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%;
position: relative;
//width: 100%;
height: calc(100vh - 68px);
overflow: hidden;
background:url("../../../assets/img/integrated-counter-bg.png");
}
.counter {
top: 30vh;
left: 15vw;
width: 80vw;
position: absolute;
}
.glass {
// 玻璃窗
top: 12vh;
left: 50vw;
width: 36vw;
position: absolute;
}
.employee {
// 柜员
// top: 57%;
// left: 42%;
// width: 23%;
top: 40vh;
left: 40vw;
width: 23vw;
position: absolute;
}
// 先放着
.employeeText {
// 资料文字
position: absolute;
top: 58vh;
left: 58vw;
color: #000;
transform: rotateZ(38deg) scale3d(1, 1, 1) skew(-19deg, -9deg);
font-size: 18px;
width: 100px;
height: 100px;
cursor: pointer
}
.man {
// 人
top: 10vh;
left: 70vw;
width: 23vw;
height: 50vh;
}
.money-box {
// 钱箱
top: 48vh;
left: 18vw;
width: 8vw;
}
.important {
// 重空箱
top: 46vh;
left: 26vw;
width: 8vw;
}
.voucher-box {
// 普通箱
top: 32vh;
left: 34vw;
width: 8vw;
}
.summons {
// 传票栏
top: 32vh;
left: 42vw;
width: 8vw;
}
.computer {
top: 28vh;
left: 48vw;
width: 10vw;
}
.card-machine {
top: 47vh;
left: 57vw;
width: 6vw;
}
.idCard-scanner {
top: 52vh;
left: 61vw;
width: 6vw;
}
.seal-box {
top: 54vh;
left: 66vw;
width: 6vw;
}
.currency-detector {
top: 57vh;
left: 70vw;
width: 6vw;
}
.printer {
top: 62vh;
left: 76vw;
width: 6vw;
}
.cipher-machine {
top: 50vh;
left: 75vw;
width: 6vw;
}
}
.goods { .goods {
position: fixed; position: fixed;
bottom: 0; bottom: 0;

Write Preview
Loading…
Cancel
Save