|
|
|
|
@ -10,60 +10,60 @@ |
|
|
|
|
<!-- 系统录入 height: 178px;position:relative;top:-450px;right:20px--> |
|
|
|
|
<el-tooltip placement="top" popper-class="sth-popper"> |
|
|
|
|
<div slot="content"> |
|
|
|
|
<img style="height: 178px;position:relative;top:-7vh;right:20px" v-lazy="lazyImg[3]" alt="" /> |
|
|
|
|
<!-- <img style="height: 178px;position:relative;top:-30vh;right:20px" v-lazy="lazyImg[3]" alt="" />--> |
|
|
|
|
</div> |
|
|
|
|
<img @click="showManage" class="sth computer cp" v-lazy="lazyImg[4]" alt="" /> |
|
|
|
|
</el-tooltip> |
|
|
|
|
|
|
|
|
|
<!-- 点击打开传票栏--> |
|
|
|
|
<el-tooltip placement="top" popper-class="sth-popper" offset="50"> |
|
|
|
|
<div slot="content"> |
|
|
|
|
<img v-lazy="lazyImg[5]" alt="" /> |
|
|
|
|
</div> |
|
|
|
|
<img class="sth summons cp" v-lazy="lazyImg[6]" alt="" @click="showData('传票栏',1)" /> |
|
|
|
|
</el-tooltip> |
|
|
|
|
|
|
|
|
|
<!-- 点击打开普通凭证箱--> |
|
|
|
|
<el-tooltip placement="top-start" popper-class="sth-popper" offset="250"> |
|
|
|
|
<div slot="content"> |
|
|
|
|
<img v-lazy="lazyImg[7]" alt="" /> |
|
|
|
|
</div> |
|
|
|
|
<img class="sth voucher-box cp" v-lazy="lazyImg[8]" alt="" @click="showData('普通凭证箱',2)" /> |
|
|
|
|
</el-tooltip> |
|
|
|
|
|
|
|
|
|
<!-- 点击打开重要凭证箱--> |
|
|
|
|
<el-tooltip placement="top-start" popper-class="sth-popper" offset="250"> |
|
|
|
|
<div slot="content"> |
|
|
|
|
<img v-lazy="lazyImg[9]" alt="" /> |
|
|
|
|
</div> |
|
|
|
|
<img class="sth important cp" v-lazy="lazyImg[10]" alt="" @click="showData('重要空白凭证箱',3)" /> |
|
|
|
|
</el-tooltip> |
|
|
|
|
|
|
|
|
|
<!-- 点击打开钱箱--> |
|
|
|
|
<el-tooltip placement="left-start" popper-class="sth-popper"> |
|
|
|
|
<div slot="content"> |
|
|
|
|
<img v-lazy="lazyImg[11]" alt="" /> |
|
|
|
|
</div> |
|
|
|
|
<img class="sth money-box cp" v-lazy="lazyImg[12]" alt="" @click="showData('钱箱',4)" /> |
|
|
|
|
</el-tooltip> |
|
|
|
|
|
|
|
|
|
<!-- 点击打开印章盒--> |
|
|
|
|
<el-tooltip placement="top" popper-class="sth-popper" offset="-100"> |
|
|
|
|
<div slot="content"> |
|
|
|
|
<img v-lazy="lazyImg[13]" alt="" /> |
|
|
|
|
</div> |
|
|
|
|
<img class="sth seal-box cp" v-lazy="lazyImg[14]" @click="showData('印章盒',5)" alt="" /> |
|
|
|
|
</el-tooltip> |
|
|
|
|
|
|
|
|
|
<!-- 点击打开验钞机--> |
|
|
|
|
<el-tooltip placement="top" popper-class="sth-popper" offset="-100"> |
|
|
|
|
<div slot="content"> |
|
|
|
|
<img v-lazy="lazyImg[15]" alt="" /> |
|
|
|
|
</div> |
|
|
|
|
<img class="sth currency-detector cp" v-lazy="lazyImg[16]" @click="showData('验钞机',6)" alt="" /> |
|
|
|
|
</el-tooltip> |
|
|
|
|
|
|
|
|
|
<!-- 点击打开打印机--> |
|
|
|
|
<el-tooltip placement="top" popper-class="sth-popper" offset="-400"> |
|
|
|
|
<div slot="content"> |
|
|
|
|
<img v-lazy="lazyImg[17]" alt="" /> |
|
|
|
|
</div> |
|
|
|
|
<img class="sth printer cp" v-lazy="lazyImg[18]" alt="" @click="showData('打印机',7)" /> |
|
|
|
|
</el-tooltip> |
|
|
|
|
|
|
|
|
|
<!-- 点击打开密码器--> |
|
|
|
|
<el-tooltip placement="top" popper-class="sth-popper" offset="50"> |
|
|
|
|
<div slot="content"> |
|
|
|
|
<img v-lazy="lazyImg[19]" alt="" /> |
|
|
|
|
@ -76,24 +76,29 @@ |
|
|
|
|
<img v-lazy="this.lazyImg[29]" alt="" /> |
|
|
|
|
</div> |
|
|
|
|
<img class="sth employee" v-lazy="lazyImg[21]" @click="setShowBusiness(true)" alt="" /> |
|
|
|
|
<<<<<<< HEAD |
|
|
|
|
</el-tooltip> --> |
|
|
|
|
|
|
|
|
|
<img class="sth employee" v-lazy="lazyImg[21]" alt="" /> |
|
|
|
|
|
|
|
|
|
======= |
|
|
|
|
</el-tooltip> |
|
|
|
|
<!-- 点击打开资料--> |
|
|
|
|
>>>>>>> 8498f8e3a48d5889580b43697701a1ef33281d85 |
|
|
|
|
<el-tooltip placement="top" popper-class="sth-popper" offset="-50"> |
|
|
|
|
<div slot="content"> |
|
|
|
|
<img v-lazy="lazyImg[22]" alt="" /> |
|
|
|
|
</div> |
|
|
|
|
<p class="employeeText" @click="showData('资料',9)">资料</p> |
|
|
|
|
</el-tooltip> |
|
|
|
|
|
|
|
|
|
<!-- 点击打开刷卡器--> |
|
|
|
|
<el-tooltip placement="top" popper-class="sth-popper" offset="00"> |
|
|
|
|
<div slot="content"> |
|
|
|
|
<img v-lazy="lazyImg[23]" alt="" /> |
|
|
|
|
</div> |
|
|
|
|
<img class="sth card-machine cp" v-lazy="lazyImg[24]" alt="" @click="showData('刷卡器',10)" /> |
|
|
|
|
</el-tooltip> |
|
|
|
|
|
|
|
|
|
<!-- 点击打开身份证--> |
|
|
|
|
<el-tooltip placement="top" popper-class="sth-popper" offset="-100"> |
|
|
|
|
<div slot="content"> |
|
|
|
|
<img v-lazy="lazyImg[25]" alt="" /> |
|
|
|
|
@ -163,7 +168,6 @@ |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div v-else-if="popText==='普通凭证箱'" class="seal" style="width:1200px;"> |
|
|
|
|
<div class="left else"> |
|
|
|
|
<div v-for="(item) in commonArr" :key="item.id" :class="{ checked: commonChecked.includes(item.id),file:true }" @click="dblClickFn(item)"> |
|
|
|
|
@ -172,28 +176,24 @@ |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div v-else-if="popText==='身份证扫描仪'" class="list" ref="popUp"> |
|
|
|
|
<div class="img-wrap" :class="{ checked: commonChecked.includes(item.id),'img-wrap':true }" v-for="(item, index) in receptionList" :key="item.id" @click='dislodgeItem(index)'> |
|
|
|
|
<img :src="item.src" class="file" alt="" /> |
|
|
|
|
<p class="text">{{item.name}}</p> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div v-else-if="popText==='身份证扫描器'" class="list" ref="popUp"> |
|
|
|
|
<div class="img-wrap" v-for="(item, index) in receptionList" :class="{ checked: commonChecked.includes(item.id),'img-wrap':true }" :key="item.id" @click='dislodgeItem(index)'> |
|
|
|
|
<img :src="item.src" class="file" alt="" /> |
|
|
|
|
<p class="text">{{item.name}}</p> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div v-else-if="popText==='刷卡器'" class="list" ref="popUp"> |
|
|
|
|
<div class="img-wrap" v-for="(item, index) in receptionList" :class="{ checked: commonChecked.includes(item.id),'img-wrap':true }" @click='dislodgeItem(index)' :key="item.id"> |
|
|
|
|
<img :src="item.src" class="file" alt="" /> |
|
|
|
|
<p class="text">{{item.name}}</p> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<!-- 暂时未确定是否公共使用一个弹框 receptionList--> |
|
|
|
|
<div v-else class="list" ref="popUp"><!-- 钱箱 / 传票栏 ... 一系列可存物品弹框 --> |
|
|
|
|
<div class="img-wrap" v-for="(item, index) in goodState" @click='dislodgeItem(index)' :class="{ checked: commonChecked.includes(item.id),'img-wrap':true }" :key="item.id"> |
|
|
|
|
@ -201,9 +201,6 @@ |
|
|
|
|
<p class="text">{{item.name }}</p> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="dia-footer"> |
|
|
|
|
<button v-throttle @click="popSure" type="button">确定</button> |
|
|
|
|
</div> |
|
|
|
|
@ -2441,23 +2438,20 @@ export default { |
|
|
|
|
.counter { |
|
|
|
|
top: 23vh; |
|
|
|
|
left: 15vw; |
|
|
|
|
width: 75vw; |
|
|
|
|
width: 68vw; |
|
|
|
|
position: absolute; |
|
|
|
|
} |
|
|
|
|
.glass { |
|
|
|
|
// 玻璃窗 |
|
|
|
|
top: 4vh; |
|
|
|
|
left: 46vw; |
|
|
|
|
width: 40vw; |
|
|
|
|
top: 5vh; |
|
|
|
|
left: 45vw; |
|
|
|
|
width: 35vw; |
|
|
|
|
position: absolute; |
|
|
|
|
} |
|
|
|
|
.employee { |
|
|
|
|
// 柜员 |
|
|
|
|
// top: 57%; |
|
|
|
|
// left: 42%; |
|
|
|
|
// width: 23%; |
|
|
|
|
top: 44vh; |
|
|
|
|
left: 43vw; |
|
|
|
|
top: 43vh; |
|
|
|
|
left: 39vw; |
|
|
|
|
width: 18vw; |
|
|
|
|
position: absolute; |
|
|
|
|
} |
|
|
|
|
@ -2465,8 +2459,8 @@ export default { |
|
|
|
|
.employeeText { |
|
|
|
|
// 资料文字 |
|
|
|
|
position: absolute; |
|
|
|
|
top: 56vh; |
|
|
|
|
left: 56vw; |
|
|
|
|
top: 57vh; |
|
|
|
|
left: 52vw; |
|
|
|
|
color: #000; |
|
|
|
|
transform: rotateZ(38deg) scale3d(1, 1, 1) skew(-19deg, -9deg); |
|
|
|
|
font-size: 18px; |
|
|
|
|
@ -2476,68 +2470,68 @@ export default { |
|
|
|
|
} |
|
|
|
|
.man { |
|
|
|
|
// 人 |
|
|
|
|
top: 16vh; |
|
|
|
|
left: 70vw; |
|
|
|
|
width: 18vw; |
|
|
|
|
top: 14vh; |
|
|
|
|
left: 66vw; |
|
|
|
|
width: 16vw; |
|
|
|
|
} |
|
|
|
|
.money-box { |
|
|
|
|
// 钱箱 |
|
|
|
|
top: 49vh; |
|
|
|
|
top: 48vh; |
|
|
|
|
left: 19vw; |
|
|
|
|
width: 8vw; |
|
|
|
|
} |
|
|
|
|
.important { |
|
|
|
|
// 重空箱 |
|
|
|
|
top: 47vh; |
|
|
|
|
top: 46vh; |
|
|
|
|
left: 24vw; |
|
|
|
|
width: 8vw; |
|
|
|
|
} |
|
|
|
|
.voucher-box { |
|
|
|
|
// 普通箱 |
|
|
|
|
top: 35vh; |
|
|
|
|
top: 32vh; |
|
|
|
|
left: 29vw; |
|
|
|
|
width: 8vw; |
|
|
|
|
} |
|
|
|
|
.summons { |
|
|
|
|
// 传票栏 |
|
|
|
|
top: 37vh; |
|
|
|
|
top: 36vh; |
|
|
|
|
left: 34vw; |
|
|
|
|
width: 8vw; |
|
|
|
|
width: 7vw; |
|
|
|
|
} |
|
|
|
|
.computer { |
|
|
|
|
top: 24vh; |
|
|
|
|
left: 42vw; |
|
|
|
|
top: 22vh; |
|
|
|
|
left: 40vw; |
|
|
|
|
width: 10vw; |
|
|
|
|
} |
|
|
|
|
.card-machine { |
|
|
|
|
top: 45vh; |
|
|
|
|
left: 54vw; |
|
|
|
|
left: 50vw; |
|
|
|
|
width: 5vw; |
|
|
|
|
} |
|
|
|
|
.idCard-scanner { |
|
|
|
|
top: 50vh; |
|
|
|
|
left: 57vw; |
|
|
|
|
left: 53vw; |
|
|
|
|
width: 4vw; |
|
|
|
|
} |
|
|
|
|
.seal-box { |
|
|
|
|
top: 52vh; |
|
|
|
|
left: 61vw; |
|
|
|
|
left: 56vw; |
|
|
|
|
width: 4vw; |
|
|
|
|
} |
|
|
|
|
.currency-detector { |
|
|
|
|
top: 51vh; |
|
|
|
|
left: 65vw; |
|
|
|
|
left: 60vw; |
|
|
|
|
width: 8vw; |
|
|
|
|
} |
|
|
|
|
.printer { |
|
|
|
|
top: 58vh; |
|
|
|
|
left: 72vw; |
|
|
|
|
left: 66vw; |
|
|
|
|
width: 8vw; |
|
|
|
|
} |
|
|
|
|
.cipher-machine { |
|
|
|
|
top: 39vh; |
|
|
|
|
left: 61vw; |
|
|
|
|
width: 6vw; |
|
|
|
|
left: 57vw; |
|
|
|
|
width: 5vw; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
@media screen and (min-width: 1551px) and (max-width: 1919px) { |
|
|
|
|
@ -2911,8 +2905,8 @@ export default { |
|
|
|
|
align-items: center; |
|
|
|
|
.img-wrap{ |
|
|
|
|
background: url(../../../assets/img/data-frame.png) 0 0 / cover no-repeat; |
|
|
|
|
width: 200px; |
|
|
|
|
height: 200px; |
|
|
|
|
width: 180px; |
|
|
|
|
height: 180px; |
|
|
|
|
display: flex; |
|
|
|
|
justify-content: center; |
|
|
|
|
margin: 5px 10px; |
|
|
|
|
@ -2921,7 +2915,7 @@ export default { |
|
|
|
|
.file { |
|
|
|
|
position: relative; |
|
|
|
|
max-width: 180px; |
|
|
|
|
max-height: 140px; |
|
|
|
|
max-height: 130px; |
|
|
|
|
text-align: center; |
|
|
|
|
margin: 10px 10px ; |
|
|
|
|
img { |
|
|
|
|
@ -2972,8 +2966,8 @@ export default { |
|
|
|
|
flex-wrap: wrap; |
|
|
|
|
.file { |
|
|
|
|
position: relative; |
|
|
|
|
width: 164px; |
|
|
|
|
height: 164px; |
|
|
|
|
width: 140px; |
|
|
|
|
height: 140px; |
|
|
|
|
text-align: center; |
|
|
|
|
background: url(../../../assets/img/data-frame.png) 0 0 / cover no-repeat; |
|
|
|
|
cursor: pointer; |
|
|
|
|
@ -2985,8 +2979,8 @@ export default { |
|
|
|
|
margin-top: 0; |
|
|
|
|
} |
|
|
|
|
img { |
|
|
|
|
width: 130px; |
|
|
|
|
max-height: 108px; |
|
|
|
|
width: 90px; |
|
|
|
|
max-height: 90px; |
|
|
|
|
margin: 10px auto 0; |
|
|
|
|
z-index: 9; |
|
|
|
|
} |
|
|
|
|
@ -3040,7 +3034,7 @@ export default { |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.dia-footer { |
|
|
|
|
margin-top: 140px; |
|
|
|
|
margin-top: 100px; |
|
|
|
|
text-align: center; |
|
|
|
|
button { |
|
|
|
|
width: 300px; |
|
|
|
|
@ -3074,7 +3068,7 @@ export default { |
|
|
|
|
.data-dia { |
|
|
|
|
top: 7%; |
|
|
|
|
left: 50%; |
|
|
|
|
min-height: 75vh; |
|
|
|
|
min-height: 65vh; |
|
|
|
|
.seal{ |
|
|
|
|
margin-top: -5vh; |
|
|
|
|
.left{ |
|
|
|
|
@ -3105,10 +3099,10 @@ export default { |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.dia-footer { |
|
|
|
|
position: absolute; |
|
|
|
|
bottom: 1vh; |
|
|
|
|
left: 50%; |
|
|
|
|
transform: translateX(-50%); |
|
|
|
|
//position: absolute; |
|
|
|
|
//bottom: 1vh; |
|
|
|
|
//left: 50%; |
|
|
|
|
//transform: translateX(-50%); |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
@ -3132,28 +3126,33 @@ export default { |
|
|
|
|
} |
|
|
|
|
/deep/ .view .el-dialog__body { |
|
|
|
|
padding: 0 !important; |
|
|
|
|
background: #f5f6f8; |
|
|
|
|
width: 100%; |
|
|
|
|
height: 100%; |
|
|
|
|
overflow: hidden; |
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
.sth{ |
|
|
|
|
position: absolute; |
|
|
|
|
&.cp{ |
|
|
|
|
cursor: pointer; |
|
|
|
|
} |
|
|
|
|
position: absolute; |
|
|
|
|
&.cp{ |
|
|
|
|
cursor: pointer; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.guide{ |
|
|
|
|
top: 80px; |
|
|
|
|
left: 10px; |
|
|
|
|
width: 150px; |
|
|
|
|
cursor: pointer; |
|
|
|
|
background:url(../../../assets/img/lobby-btn-bg.png); |
|
|
|
|
background-repeat: no-repeat; |
|
|
|
|
background-size: 100% 100%; |
|
|
|
|
line-height: 50px; |
|
|
|
|
font-size: 24px; |
|
|
|
|
text-align: center; |
|
|
|
|
color: #fff; |
|
|
|
|
|
|
|
|
|
&:hover{ |
|
|
|
|
opacity: .9; |
|
|
|
|
} |
|
|
|
|
top: 80px; |
|
|
|
|
left: 10px; |
|
|
|
|
width: 150px; |
|
|
|
|
cursor: pointer; |
|
|
|
|
background:url(../../../assets/img/lobby-btn-bg.png); |
|
|
|
|
background-repeat: no-repeat; |
|
|
|
|
background-size: 100% 100%; |
|
|
|
|
line-height: 50px; |
|
|
|
|
font-size: 24px; |
|
|
|
|
text-align: center; |
|
|
|
|
color: #fff; |
|
|
|
|
|
|
|
|
|
&:hover{ |
|
|
|
|
opacity: .9; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
</style> |
luoJunYong.123
3 years ago