修改样式整体缩小

20240205
e 3 years ago
parent c0ee400abc
commit b73acc331a
  1. 313
      src/pages/counter/list/index.vue
  2. 2
      src/pages/manage/index/index.vue
  3. 2
      src/pages/manage/list/ImportantCash/controlCash/cashOut.vue
  4. 2
      src/pages/manage/list/ImportantCash/controlCash/cashTransferInto.vue
  5. 2
      src/pages/manage/list/ImportantCash/controlCash/index.vue
  6. 2
      src/pages/manage/list/ImportantCash/controlCash2/index.vue
  7. 4
      src/pages/manage/list/ImportantCash/controlCash3/index.vue
  8. 2
      src/pages/manage/list/client/corporateClient.vue
  9. 2
      src/pages/manage/list/dayEnd/branchDayEnd.vue
  10. 2
      src/pages/manage/list/dayEnd/tellerCash.vue
  11. 2
      src/pages/manage/list/dayEnd/tellerCertificate.vue
  12. 2
      src/pages/manage/list/personal/accountService/accountService.vue
  13. 2
      src/pages/manage/list/personal/accountService/changePassword.vue
  14. 2
      src/pages/manage/list/personal/currentAccount/accountCancellation.vue
  15. 2
      src/pages/manage/list/personal/currentAccount/deposit.vue
  16. 2
      src/pages/manage/list/personal/currentAccount/index.vue
  17. 2
      src/pages/manage/list/personal/currentAccount/openAccount.vue
  18. 2
      src/pages/manage/list/personal/currentAccount/settle.vue
  19. 2
      src/pages/manage/list/personal/currentAccount/transferAccounts.vue
  20. 2
      src/pages/manage/list/personal/currentAccount/withdrawal.vue
  21. 2
      src/pages/manage/list/personal/timeDeposit/deposit.vue
  22. 2
      src/pages/manage/list/personal/timeDeposit/openAccount.vue
  23. 2
      src/pages/manage/list/personal/timeDeposit/timeDeposit.vue
  24. 2
      src/pages/manage/list/personal/timeDeposit/withdrawal.vue
  25. 2
      src/pages/manage/list/personal/usefulPhrases/accountClosed.vue
  26. 2
      src/pages/manage/list/personal/usefulPhrases/usefulPhrases.vue
  27. 2
      src/styles/system.css
  28. 2
      src/styles/system.min.css
  29. 2
      src/styles/system.scss

@ -78,8 +78,6 @@
<img class="sth employee" v-lazy="lazyImg[21]" @click="setShowBusiness(true)" alt="" />
</el-tooltip>
<el-tooltip placement="top" popper-class="sth-popper" offset="-50">
<div slot="content">
<img v-lazy="lazyImg[22]" alt="" />
@ -1873,22 +1871,22 @@ export default {
.counter {
top: 116px;
left: 357px;
width: 1555px;
width: 1300px;
}
.glass {
top: -145px;
left: 964px;
width: 855px;
top: -100px;
left: 900px;
width: 700px;
}
.employee {
top: 371px;
left: 920px;
width: 388px;
top: 325px;
left: 820px;
width: 340px;
}
.employeeText {
position: absolute;
top: 503px;
left: 1229px;
top: 435px;
left: 1070px;
color: #000;
transform: rotateZ(38deg) scale3d(1, 1, 1) skew(-19deg, -9deg);
font-size: 18px;
@ -1904,59 +1902,59 @@ export default {
width: 262px;
}
.money-box {
top: 406px;
left: 445px;
width: 197px;
top: 380px;
left: 430px;
width: 150px;
}
.important {
top: 372px;
left: 582px;
width: 175px;
top: 360px;
left: 510px;
width: 145px;
}
.voucher-box {
top: 216px;
left: 718px;
width: 160px;
top: 222px;
left: 615px;
width: 140px;
}
.summons {
top: 250px;
left: 844px;
left: 700px;
width: 139px;
}
.computer {
top: 120px;
left: 955px;
width: 219px;
top: 90px;
left: 850px;
width: 200px;
}
.card-machine {
top: 377px;
left: 1147px;
width: 110px;
top: 355px;
left: 1050px;
width: 80px;
}
.idCard-scanner {
top: 443px;
left: 1229px;
width: 82px;
top: 405px;
left: 1110px;
width: 65px;
}
.seal-box {
top: 486px;
left: 1340px;
width: 97px;
top: 420px;
left: 1170px;
width: 70px;
}
.currency-detector {
top: 492px;
left: 1421px;
width: 151px;
top: 420px;
left: 1235px;
width: 140px;
}
.printer {
top: 550px;
left: 1531px;
width: 205px;
top: 470px;
left: 1330px;
width: 180px;
}
.cipher-machine {
top: 324px;
left: 1298px;
width: 100px;
top: 284px;
left: 1172px;
width: 90px;
}
.el-tooltip__popper.sth-popper {
padding: 0;
@ -1979,33 +1977,29 @@ export default {
background:url("../../../assets/img/integrated-counter-bg.png");
}
.counter {
top: 30vh;
top: 25vh;
left: 15vw;
width: 80vw;
width: 78vw;
position: absolute;
}
.glass {
//
top: 16vh;
left: 50vw;
width: 38vw;
top: 7vh;
left: 47vw;
width: 41vw;
position: absolute;
}
.employee {
//
// top: 57%;
// left: 42%;
// width: 23%;
top: 50vh;
left: 40vw;
width: 23vw;
top: 44vh;
left: 42vw;
width: 21vw;
position: absolute;
}
//
.employeeText {
//
position: absolute;
top: 64vh;
top: 58vh;
left: 58vw;
color: #000;
transform: rotateZ(38deg) scale3d(1, 1, 1) skew(-19deg, -9deg);
@ -2018,66 +2012,66 @@ export default {
//
top: 10vh;
left: 70vw;
width: 23vw;
width: 19vw;
height: 50vh;
}
.money-box {
//
top: 57vh;
left: 18vw;
top: 51vh;
left: 20vw;
width: 8vw;
}
.important {
//
top: 52vh;
left: 26vw;
top: 50vh;
left: 25vw;
width: 8vw;
}
.voucher-box {
//
top: 38vh;
left: 34vw;
top: 36vh;
left: 31vw;
width: 8vw;
}
.summons {
//
top: 40vh;
left: 40vw;
top: 39vh;
left: 36vw;
width: 8vw;
}
.computer {
top: 30vh;
top: 26vh;
left: 44vw;
width: 10vw;
}
.card-machine {
top: 47vh;
left: 52vw;
width: 6vw;
top: 45vh;
left: 54vw;
width: 5vw;
}
.idCard-scanner {
top: 52vh;
left: 54vw;
width: 6vw;
top: 50vh;
left: 57vw;
width: 4vw;
}
.seal-box {
top: 56vh;
left: 62vw;
width: 6vw;
top: 52vh;
left: 61vw;
width: 5vw;
}
.currency-detector {
top: 62vh;
left: 66vw;
top: 55vh;
left: 68vw;
width: 8vw;
}
.printer {
top: 70vh;
left: 72vw;
top: 62vh;
left: 75vw;
width: 8vw;
}
.cipher-machine {
top: 50vh;
left: 68vw;
top: 42vh;
left: 63vw;
width: 6vw;
}
}
@ -2208,9 +2202,9 @@ export default {
}
.glass {
//
top: 16vh;
left: 50vw;
width: 38vw;
top: 14vh;
left: 48vw;
width: 42vw;
position: absolute;
}
.employee {
@ -2218,16 +2212,16 @@ export default {
// top: 57%;
// left: 42%;
// width: 23%;
top: 54vh;
left: 40vw;
width: 23vw;
top: 47vh;
left: 42vw;
width: 22vw;
position: absolute;
}
//
.employeeText {
//
position: absolute;
top: 68vh;
top: 60vh;
left: 58vw;
color: #000;
transform: rotateZ(38deg) scale3d(1, 1, 1) skew(-19deg, -9deg);
@ -2238,20 +2232,20 @@ export default {
}
.man {
//
top: 10vh;
top: 14vh;
left: 70vw;
width: 23vw;
height: 50vh;
width: 20vw;
height: 48vh;
}
.money-box {
//
top: 60vh;
left: 18vw;
top: 54vh;
left: 20vw;
width: 8vw;
}
.important {
//
top: 56vh;
top: 52vh;
left: 26vw;
width: 8vw;
}
@ -2273,33 +2267,33 @@ export default {
width: 10vw;
}
.card-machine {
top: 47vh;
left: 52vw;
width: 6vw;
top: 48vh;
left: 55vw;
width: 5vw;
}
.idCard-scanner {
top: 52vh;
left: 54vw;
width: 6vw;
left: 58vw;
width: 4vw;
}
.seal-box {
top: 56vh;
left: 60vw;
width: 6vw;
top: 55vh;
left: 63vw;
width: 5vw;
}
.currency-detector {
top: 62vh;
left: 66vw;
top: 55vh;
left: 67vw;
width: 8vw;
}
.printer {
top: 70vh;
left: 72vw;
width: 8vw;
top: 59vh;
left: 73vw;
width: 10vw;
}
.cipher-machine {
top: 50vh;
left: 68vw;
top: 46vh;
left: 63vw;
width: 6vw;
}
}
@ -2319,9 +2313,9 @@ export default {
}
.glass {
//
top: 22vh;
left: 50vw;
width: 38vw;
top: 14vh;
left: 49vw;
width: 42vw;
position: absolute;
}
.employee {
@ -2338,7 +2332,7 @@ export default {
.employeeText {
//
position: absolute;
top: 57vh;
top: 59vh;
left: 58vw;
color: #000;
transform: rotateZ(38deg) scale3d(1, 1, 1) skew(-19deg, -9deg);
@ -2409,8 +2403,8 @@ export default {
width: 8vw;
}
.cipher-machine {
top: 48vh;
left: 68vw;
top: 44vh;
left: 64vw;
width: 6vw;
}
}
@ -2423,16 +2417,16 @@ export default {
background:url("../../../assets/img/integrated-counter-bg.png");
}
.counter {
top: 30vh;
top: 23vh;
left: 15vw;
width: 80vw;
width: 75vw;
position: absolute;
}
.glass {
//
top: 4vh;
left: 46vw;
width: 43vw;
width: 40vw;
position: absolute;
}
.employee {
@ -2440,8 +2434,8 @@ export default {
// top: 57%;
// left: 42%;
// width: 23%;
top: 62vh;
left: 44vw;
top: 44vh;
left: 43vw;
width: 18vw;
position: absolute;
}
@ -2449,8 +2443,8 @@ export default {
.employeeText {
//
position: absolute;
top: 77vh;
left: 58vw;
top: 56vh;
left: 56vw;
color: #000;
transform: rotateZ(38deg) scale3d(1, 1, 1) skew(-19deg, -9deg);
font-size: 18px;
@ -2466,61 +2460,61 @@ export default {
}
.money-box {
//
top: 68vh;
left: 20vw;
top: 49vh;
left: 19vw;
width: 8vw;
}
.important {
//
top: 64vh;
left: 26vw;
top: 47vh;
left: 24vw;
width: 8vw;
}
.voucher-box {
//
top: 46vh;
left: 32vw;
top: 35vh;
left: 29vw;
width: 8vw;
}
.summons {
//
top: 46vh;
left: 38vw;
top: 37vh;
left: 34vw;
width: 8vw;
}
.computer {
top: 28vh;
top: 24vh;
left: 42vw;
width: 10vw;
}
.card-machine {
top: 52vh;
left: 50vw;
width: 6vw;
top: 45vh;
left: 54vw;
width: 5vw;
}
.idCard-scanner {
top: 60vh;
left: 54vw;
width: 6vw;
top: 50vh;
left: 57vw;
width: 4vw;
}
.seal-box {
top: 63vh;
left: 60vw;
width: 6vw;
top: 52vh;
left: 61vw;
width: 4vw;
}
.currency-detector {
top: 70vh;
left: 69vw;
top: 51vh;
left: 65vw;
width: 8vw;
}
.printer {
top: 80vh;
left: 76vw;
top: 58vh;
left: 72vw;
width: 8vw;
}
.cipher-machine {
top: 50vh;
left: 64vw;
top: 39vh;
left: 61vw;
width: 6vw;
}
}
@ -2546,9 +2540,6 @@ export default {
.employee {
//
// top: 57%;
// left: 42%;
// width: 23%;
top: 430px;
left: 490px;
width: 283px;
@ -2647,8 +2638,8 @@ export default {
flex-direction: column;
justify-content: center;
align-items: center;
width: 80px;
height: 180px;
width: 65px;
height: 165px;
cursor: pointer;
z-index: 998;
background: url(../../../assets/img/sth-bg.png) 0 0/100% 100% no-repeat;
@ -2656,7 +2647,7 @@ export default {
width: 30px;
margin-bottom: 10px;
color: #fff;
font-size: 26px;
font-size: 24px;
text-align: center;
}
.icon {
@ -2688,15 +2679,15 @@ export default {
background-color: rgba(255, 255, 255, 0.7);
.file {
position: relative;
min-width: 160px;
height: 160px;
min-width: 140px;
height: 140px;
text-align: center;
background: url(../../../assets/img/data-frame.png) 0 0 / cover no-repeat;
cursor: pointer;
margin: 0 10px;
img {
width: 95%;
max-height: 105px;
max-height: 90px;
margin: auto;
position: absolute;
top: .5vh;
@ -2709,7 +2700,7 @@ export default {
position: absolute;
bottom: 0;
width: 100%;
line-height: 54px;
line-height: 40px;
text-align: center;
font-size: 18px;
color: #000;
@ -2736,23 +2727,23 @@ export default {
// goods-dia
@media screen and (min-width: 1200px) and (max-width: 1919px) {
.goods-dia {
height: 15vh;
height: 18vh;
width: 100%;
.justify-center {
max-height: 13vh;
//max-height: 13vh;
}
.file {
top: 0;
max-height: 13vh;
//max-height: 13vh;
img {
max-height: 8vh;
max-height: 90px;
margin: auto;
margin-top: 1vh;
}
p {
//top: 9vh;
line-height: 4vh;
font-size: 2vh;
line-height: 40px;
font-size: 18px;
}
}
}

@ -232,7 +232,7 @@ export default {
min-width: 80vw;
margin-top: 6vh;
overflow: auto;
height: 80vh;
height: 70vh;
.nav{
width: 25vw;
height: 80vh;

@ -236,7 +236,7 @@ export default {
position: relative;
width: 300px;
font-size: 18px;
height: 68px;
height: 45px;
margin-top: 50px;
border-radius: 10px;
bottom: 10px;

@ -236,7 +236,7 @@ export default {
position: relative;
width: 300px;
font-size: 18px;
height: 68px;
height: 45px;
margin-top: 50px;
border-radius: 10px;
bottom: 10px;

@ -165,7 +165,7 @@ export default {
position: relative;
width: 300px;
font-size: 18px;
height: 68px;
height: 45px;
margin-top: 50px;
border-radius: 10px;
bottom: 10px;

@ -167,7 +167,7 @@ export default {
position: relative;
width: 300px;
font-size: 18px;
height: 68px;
height: 45px;
margin-top: 50px;
border-radius: 10px;
bottom: 10px;

@ -121,7 +121,7 @@ export default {
position: relative;
width: 300px;
font-size: 18px;
height: 68px;
height: 45px;
margin-top: 50px;
border-radius: 10px;
bottom: 10px;
@ -196,7 +196,7 @@ export default {
position: relative;
width: 300px;
font-size: 18px;
height: 68px;
height: 45px;
margin-top: 50px;
border-radius: 10px;
bottom: 10px;

@ -279,7 +279,7 @@ export default {
// // position: absolute;
// // width: 300px;
// // font-size: 18px;
// // height: 68px;
// // height: 45px;
// // border-radius: 10px;
// // bottom: 10px;
// // left: 50%;

@ -108,7 +108,7 @@ export default {
position: relative;
width: 300px;
font-size: 18px;
height: 68px;
height: 45px;
margin-top: 50px;
border-radius: 10px;
bottom: 10px;

@ -166,7 +166,7 @@ export default {
position: relative;
width: 300px;
font-size: 18px;
height: 68px;
height: 45px;
margin-top: 50px;
border-radius: 10px;
bottom: 10px;

@ -199,7 +199,7 @@ export default {
position: relative;
width: 300px;
font-size: 18px;
height: 68px;
height: 45px;
margin-top: 50px;
border-radius: 10px;
bottom: 10px;

@ -159,7 +159,7 @@ export default {
position: relative;
width: 300px;
font-size: 18px;
height: 68px;
height: 45px;
margin-top: 50px;
border-radius: 10px;
bottom: 10px;

@ -86,7 +86,7 @@ export default{
position: relative;
width: 300px;
font-size: 18px;
height: 68px;
height: 45px;
margin-top: 50px;
border-radius: 10px;
bottom: 10px;

@ -143,7 +143,7 @@ export default{
// position: relative;
// width: 300px;
// font-size: 18px;
// height: 68px;
// height: 45px;
// margin-top: 50px;
// border-radius: 10px;
// bottom: 10px;

@ -242,7 +242,7 @@ export default{
// position: relative;
// width: 300px;
// font-size: 18px;
// height: 68px;
// height: 45px;
// margin-top: 50px;
// border-radius: 10px;
// bottom: 10px;

@ -190,7 +190,7 @@ export default {
// position: relative;
// width: 300px;
// font-size: 18px;
// height: 68px;
// height: 45px;
// margin-top: 50px;
// border-radius: 10px;
// bottom: 10px;

@ -696,7 +696,7 @@ export default {
// position: relative;
// width: 300px;
// font-size: 18px;
// height: 68px;
// height: 45px;
// margin-top: 50px;
// border-radius: 10px;
// bottom: 10px;

@ -262,7 +262,7 @@ export default{
// // position: relative;
// // width: 300px;
// // font-size: 18px;
// // height: 68px;
// // height: 45px;
// // margin-top: 50px;
// // border-radius: 10px;
// // bottom: 10px;

@ -271,7 +271,7 @@ export default{
// // position: relative;
// // width: 300px;
// // font-size: 18px;
// // height: 68px;
// // height: 45px;
// // margin-top: 50px;
// // border-radius: 10px;
// // bottom: 10px;

@ -276,7 +276,7 @@ export default{
// position: relative;
// width: 300px;
// font-size: 18px;
// height: 68px;
// height: 45px;
// margin-top: 50px;
// border-radius: 10px;
// bottom: 10px;

@ -384,7 +384,7 @@ export default{
// position: relative;
// width: 300px;
// font-size: 18px;
// height: 68px;
// height: 45px;
// border-radius: 10px;
// margin-top: 50px;
// bottom: 10px;

@ -350,7 +350,7 @@ export default{
// position: relative;
// width: 300px;
// font-size: 18px;
// height: 68px;
// height: 45px;
// margin-top: 50px;
// border-radius: 10px;
// bottom: 10px;

@ -166,7 +166,7 @@ export default {
position: relative;
width: 300px;
font-size: 18px;
height: 68px;
height: 45px;
margin-top: 50px;
border-radius: 10px;
bottom: 10px;

@ -335,7 +335,7 @@ export default{
// position: relative;
// width: 300px;
// font-size: 18px;
// height: 68px;
// height: 45px;
// border-radius: 10px;
// margin-top: 50px;
// bottom: 0px;

@ -393,7 +393,7 @@ export default{
// position: relative;
// width: 300px;
// font-size: 18px;
// height: 68px;
// height: 45px;
// margin-top: 50px;
// border-radius: 10px;
// bottom: 10px;

@ -163,7 +163,7 @@ export default {
position: relative;
width: 300px;
font-size: 18px;
height: 68px;
height: 45px;
margin-top: 50px;
border-radius: 10px;
bottom: 10px;

@ -2,7 +2,7 @@
position: absolute;
width: 300px;
font-size: 18px;
height: 68px;
height: 45px;
border-radius: 10px;
bottom: 10px;
left: 50%;

@ -1 +1 @@
.submitBtn{position:absolute;width:300px;font-size:18px;height:68px;border-radius:10px;bottom:10px;left:50%;transform:translate(-50%, -50%)}.popBody{min-height:200px;display:flex;align-items:center;justify-content:center;text-align:center}.popBtns{display:flex;justify-content:space-between;align-items:center}.popBtns .btn{width:180px;border-radius:10px;font-size:18px}.popBtns .close{background:#CFDEFF;color:#6191FF}.popBtns .sure{background:#6191FF;color:#fff}.idCard{cursor:pointer;border-radius:5px;background:#CFDDFF;text-align:center;height:68px;line-height:68px;font-size:18px;color:#6191FF}.title{height:60px;display:flex;align-items:center;font-size:20px;padding-left:0px;margin-top:10px;flex-shrink:0}
.submitBtn{position:absolute;width:300px;font-size:18px;height:45px;border-radius:10px;bottom:10px;left:50%;transform:translate(-50%, -50%)}.popBody{min-height:200px;display:flex;align-items:center;justify-content:center;text-align:center}.popBtns{display:flex;justify-content:space-between;align-items:center}.popBtns .btn{width:180px;border-radius:10px;font-size:18px}.popBtns .close{background:#CFDEFF;color:#6191FF}.popBtns .sure{background:#6191FF;color:#fff}.idCard{cursor:pointer;border-radius:5px;background:#CFDDFF;text-align:center;height:68px;line-height:68px;font-size:18px;color:#6191FF}.title{height:60px;display:flex;align-items:center;font-size:20px;padding-left:0px;margin-top:10px;flex-shrink:0}

@ -15,7 +15,7 @@
position: relative;
width: 10vw!important;
font-size: 18px;
min-height: 68px;
min-height: 45px;
border-radius: 10px;
bottom: 10px;
left: 50%;

Loading…
Cancel
Save