|
|
@ -1,5 +1,5 @@ |
|
|
|
<template> |
|
|
|
<template> |
|
|
|
<div class="wrap minWidthJudge"> |
|
|
|
<div class="wrap minWidthJudge overflow-hidden"> |
|
|
|
<back-Button /> |
|
|
|
<back-Button /> |
|
|
|
<!-- <img class="sth bg" v-lazy="lazyImg[2]" alt="" /> --> |
|
|
|
<!-- <img class="sth bg" v-lazy="lazyImg[2]" alt="" /> --> |
|
|
|
<!-- <img class="sth guide" src="@/assets/img/guide.png" alt="" /> --> |
|
|
|
<!-- <img class="sth guide" src="@/assets/img/guide.png" alt="" /> --> |
|
|
@ -10,8 +10,8 @@ |
|
|
|
|
|
|
|
|
|
|
|
<!-- 系统录入 height: 178px;position:relative;top:-450px;right:20px--> |
|
|
|
<!-- 系统录入 height: 178px;position:relative;top:-450px;right:20px--> |
|
|
|
<el-tooltip placement="top" popper-class="sth-popper"> |
|
|
|
<el-tooltip placement="top" popper-class="sth-popper"> |
|
|
|
<div slot="content" class="computerContent" style="" @click="showManage"> |
|
|
|
<div slot="content" class="computerContent " @click="showManage"> |
|
|
|
<img style="height: 150px;" v-lazy="lazyImg[3]" alt="" /> |
|
|
|
<img v-lazy="lazyImg[3]" style="height: 100px;" alt="" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="bg-gray-50 " @click="showManage"> |
|
|
|
<div class="bg-gray-50 " @click="showManage"> |
|
|
|
<img class="sth computer cp rotateComputer" v-lazy="lazyImg[4]" alt="" @click="showManage"/> |
|
|
|
<img class="sth computer cp rotateComputer" v-lazy="lazyImg[4]" alt="" @click="showManage"/> |
|
|
@ -20,56 +20,56 @@ |
|
|
|
<!-- 点击打开传票栏--> |
|
|
|
<!-- 点击打开传票栏--> |
|
|
|
<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[5]" alt="" /> |
|
|
|
<img v-lazy="lazyImg[5]" class="contentHeight" alt="" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<img class="sth summons cp" v-lazy="lazyImg[6]" alt="" @click="showData('传票栏',1)" /> |
|
|
|
<img class="sth summons cp" v-lazy="lazyImg[6]" alt="" @click="showData('传票栏',1)" /> |
|
|
|
</el-tooltip> |
|
|
|
</el-tooltip> |
|
|
|
<!-- 点击打开普通凭证箱--> |
|
|
|
<!-- 点击打开普通凭证箱--> |
|
|
|
<el-tooltip placement="top-start" popper-class="sth-popper" offset="250"> |
|
|
|
<el-tooltip placement="top-start" popper-class="sth-popper" offset="250"> |
|
|
|
<div slot="content"> |
|
|
|
<div slot="content"> |
|
|
|
<img v-lazy="lazyImg[7]" alt="" /> |
|
|
|
<img v-lazy="lazyImg[7]" class="contentHeight" alt="" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<img class="sth voucher-box cp" v-lazy="lazyImg[8]" alt="" @click="showData('普通凭证箱',2)" /> |
|
|
|
<img class="sth voucher-box cp" v-lazy="lazyImg[8]" alt="" @click="showData('普通凭证箱',2)" /> |
|
|
|
</el-tooltip> |
|
|
|
</el-tooltip> |
|
|
|
<!-- 点击打开重要凭证箱--> |
|
|
|
<!-- 点击打开重要凭证箱--> |
|
|
|
<el-tooltip placement="top-start" popper-class="sth-popper" offset="250"> |
|
|
|
<el-tooltip placement="top-start" popper-class="sth-popper" offset="250"> |
|
|
|
<div slot="content"> |
|
|
|
<div slot="content"> |
|
|
|
<img v-lazy="lazyImg[9]" alt="" /> |
|
|
|
<img v-lazy="lazyImg[9]" class="contentHeight" alt="" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<img class="sth important cp" v-lazy="lazyImg[10]" alt="" @click="showData('重要空白凭证箱',3)" /> |
|
|
|
<img class="sth important cp" v-lazy="lazyImg[10]" alt="" @click="showData('重要空白凭证箱',3)" /> |
|
|
|
</el-tooltip> |
|
|
|
</el-tooltip> |
|
|
|
<!-- 点击打开钱箱--> |
|
|
|
<!-- 点击打开钱箱--> |
|
|
|
<el-tooltip placement="left-start" popper-class="sth-popper"> |
|
|
|
<el-tooltip placement="left-start" popper-class="sth-popper"> |
|
|
|
<div slot="content"> |
|
|
|
<div slot="content"> |
|
|
|
<img v-lazy="lazyImg[11]" alt="" /> |
|
|
|
<img v-lazy="lazyImg[11]" class="contentHeight" alt="" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<img class="sth money-box cp" v-lazy="lazyImg[12]" alt="" @click="showData('钱箱',4)" /> |
|
|
|
<img class="sth money-box cp" v-lazy="lazyImg[12]" alt="" @click="showData('钱箱',4)" /> |
|
|
|
</el-tooltip> |
|
|
|
</el-tooltip> |
|
|
|
<!-- 点击打开印章盒--> |
|
|
|
<!-- 点击打开印章盒--> |
|
|
|
<el-tooltip placement="top" popper-class="sth-popper" offset="-100"> |
|
|
|
<el-tooltip placement="top" popper-class="sth-popper" offset="-100"> |
|
|
|
<div slot="content"> |
|
|
|
<div slot="content"> |
|
|
|
<img v-lazy="lazyImg[13]" alt="" /> |
|
|
|
<img v-lazy="lazyImg[13]" class="contentHeight" alt="" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<img class="sth seal-box cp" v-lazy="lazyImg[14]" @click="showData('印章盒',5)" alt="" /> |
|
|
|
<img class="sth seal-box cp" v-lazy="lazyImg[14]" @click="showData('印章盒',5)" alt="" /> |
|
|
|
</el-tooltip> |
|
|
|
</el-tooltip> |
|
|
|
<!-- 点击打开验钞机--> |
|
|
|
<!-- 点击打开验钞机--> |
|
|
|
<el-tooltip placement="top" popper-class="sth-popper" offset="-100"> |
|
|
|
<el-tooltip placement="top" popper-class="sth-popper" offset="-100"> |
|
|
|
<div slot="content"> |
|
|
|
<div slot="content"> |
|
|
|
<img v-lazy="lazyImg[15]" alt="" /> |
|
|
|
<img v-lazy="lazyImg[15]" class="contentHeight" alt="" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<img class="sth currency-detector cp" v-lazy="lazyImg[16]" @click="showData('验钞机',6)" alt="" /> |
|
|
|
<img class="sth currency-detector cp" v-lazy="lazyImg[16]" @click="showData('验钞机',6)" alt="" /> |
|
|
|
</el-tooltip> |
|
|
|
</el-tooltip> |
|
|
|
<!-- 点击打开打印机--> |
|
|
|
<!-- 点击打开打印机--> |
|
|
|
<el-tooltip placement="top" popper-class="sth-popper" offset="-400"> |
|
|
|
<el-tooltip placement="top" popper-class="sth-popper" offset="-400"> |
|
|
|
<div slot="content"> |
|
|
|
<div slot="content"> |
|
|
|
<img v-lazy="lazyImg[17]" alt="" /> |
|
|
|
<img v-lazy="lazyImg[17]" class="contentHeight" alt="" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<img class="sth printer cp" v-lazy="lazyImg[18]" alt="" @click="showData('打印机',7)" /> |
|
|
|
<img class="sth printer cp" v-lazy="lazyImg[18]" alt="" @click="showData('打印机',7)" /> |
|
|
|
</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[19]" alt="" /> |
|
|
|
<img v-lazy="lazyImg[19]" class="contentHeight" alt="" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<img class="sth cipher-machine cp" v-lazy="lazyImg[20]" @click="showData('密码器',8)" alt="" /> |
|
|
|
<img class="sth cipher-machine cp" v-lazy="lazyImg[20]" @click="showData('密码器',8)" alt="" /> |
|
|
|
</el-tooltip> |
|
|
|
</el-tooltip> |
|
|
@ -83,21 +83,21 @@ |
|
|
|
|
|
|
|
|
|
|
|
<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]" class="contentHeight" alt="" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<p class="employeeText" @click="showData('资料',9)">资料</p> |
|
|
|
<p class="employeeText" @click="showData('资料',9)">资料</p> |
|
|
|
</el-tooltip> |
|
|
|
</el-tooltip> |
|
|
|
<!-- 点击打开刷卡器--> |
|
|
|
<!-- 点击打开刷卡器--> |
|
|
|
<el-tooltip placement="top" popper-class="sth-popper" offset="00"> |
|
|
|
<el-tooltip placement="top" popper-class="sth-popper" offset="00"> |
|
|
|
<div slot="content"> |
|
|
|
<div slot="content"> |
|
|
|
<img v-lazy="lazyImg[23]" alt="" /> |
|
|
|
<img v-lazy="lazyImg[23]" class="contentHeight" alt="" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<img class="sth card-machine cp" v-lazy="lazyImg[24]" alt="" @click="showData('刷卡器',10)" /> |
|
|
|
<img class="sth card-machine cp" v-lazy="lazyImg[24]" alt="" @click="showData('刷卡器',10)" /> |
|
|
|
</el-tooltip> |
|
|
|
</el-tooltip> |
|
|
|
<!-- 点击打开身份证--> |
|
|
|
<!-- 点击打开身份证--> |
|
|
|
<el-tooltip placement="top" popper-class="sth-popper" offset="-100"> |
|
|
|
<el-tooltip placement="top" popper-class="sth-popper" offset="-100"> |
|
|
|
<div slot="content"> |
|
|
|
<div slot="content"> |
|
|
|
<img v-lazy="lazyImg[25]" alt="" /> |
|
|
|
<img v-lazy="lazyImg[25]" class="contentHeight" alt="" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<img class="sth idCard-scanner cp" v-lazy="lazyImg[26]" @click="showData('身份证扫描仪',11)" alt="" /> |
|
|
|
<img class="sth idCard-scanner cp" v-lazy="lazyImg[26]" @click="showData('身份证扫描仪',11)" alt="" /> |
|
|
|
</el-tooltip> |
|
|
|
</el-tooltip> |
|
|
@ -298,7 +298,7 @@ |
|
|
|
<div v-show="showPop" class="masking"></div> |
|
|
|
<div v-show="showPop" class="masking"></div> |
|
|
|
|
|
|
|
|
|
|
|
<!-- 商业银行系统的全屏功能实现 v-if="manageVisible" --> |
|
|
|
<!-- 商业银行系统的全屏功能实现 v-if="manageVisible" --> |
|
|
|
<div :class="full ? 'fullScreenSystem' : 'system'" class="systemconfig"> |
|
|
|
<div :class="full ? 'fullScreenSystem' : 'system'" class="systemconfig" v-show="manageVisible"> |
|
|
|
<!-- <transition name='systemComputer' enter-active-class="Down" leave-active-class="animate__animated animate__bounceOutDown"> |
|
|
|
<!-- <transition name='systemComputer' enter-active-class="Down" leave-active-class="animate__animated animate__bounceOutDown"> |
|
|
|
<router-view></router-view> |
|
|
|
<router-view></router-view> |
|
|
|
</transition> --> |
|
|
|
</transition> --> |
|
|
@ -357,9 +357,9 @@ |
|
|
|
:visible.sync="peopleJudge" |
|
|
|
:visible.sync="peopleJudge" |
|
|
|
custom-class="2xl:w-7/12 xl:w-9/12 lg:w-full h-auto rounded-2xl border-2 border-gray-600" |
|
|
|
custom-class="2xl:w-7/12 xl:w-9/12 lg:w-full h-auto rounded-2xl border-2 border-gray-600" |
|
|
|
center> |
|
|
|
center> |
|
|
|
<h3 class="text-4xl antialiased text-center">客户: 你好!我现在该做什么呢?</h3> |
|
|
|
<h3 class="text-4xl antialiased text-center">客户: 你好。</h3> |
|
|
|
<span slot="footer" class="dialog-footer"> |
|
|
|
<span slot="footer" class="dialog-footer"> |
|
|
|
<el-button @click="peopleDoing(1)">找他签字</el-button> |
|
|
|
<el-button @click="peopleDoing(1)">客户签字</el-button> |
|
|
|
<el-button type="primary" @click="peopleDoing(2)">返还资料</el-button> |
|
|
|
<el-button type="primary" @click="peopleDoing(2)">返还资料</el-button> |
|
|
|
</span> |
|
|
|
</span> |
|
|
|
</el-dialog> |
|
|
|
</el-dialog> |
|
|
@ -409,6 +409,7 @@ export default { |
|
|
|
} |
|
|
|
} |
|
|
|
}; |
|
|
|
}; |
|
|
|
return { |
|
|
|
return { |
|
|
|
|
|
|
|
// 方便操作的数据:调整弹出框高度 |
|
|
|
fit: 'scale-down', |
|
|
|
fit: 'scale-down', |
|
|
|
controlGoodsDblClickFn: null, |
|
|
|
controlGoodsDblClickFn: null, |
|
|
|
// cultureIn: [], // 传票栏 |
|
|
|
// cultureIn: [], // 传票栏 |
|
|
@ -2146,6 +2147,11 @@ export default { |
|
|
|
</script> |
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
|
|
<style lang="scss" scoped> |
|
|
|
<style lang="scss" scoped> |
|
|
|
|
|
|
|
.contentHeight { |
|
|
|
|
|
|
|
max-width: 300px; |
|
|
|
|
|
|
|
max-height: 60px; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.businessClass { |
|
|
|
.businessClass { |
|
|
|
width: 300px; |
|
|
|
width: 300px; |
|
|
|
height: 100px; |
|
|
|
height: 100px; |
|
|
@ -3613,18 +3619,18 @@ export default { |
|
|
|
|
|
|
|
|
|
|
|
.systemconfig { |
|
|
|
.systemconfig { |
|
|
|
position: absolute; |
|
|
|
position: absolute; |
|
|
|
|
|
|
|
left: 50%; |
|
|
|
|
|
|
|
transform: translate(-50%, 0); |
|
|
|
z-index: 9; |
|
|
|
z-index: 9; |
|
|
|
} |
|
|
|
} |
|
|
|
.system { |
|
|
|
.system { |
|
|
|
margin-top: -8vh; |
|
|
|
margin-top: -8vh; |
|
|
|
top: 12%; |
|
|
|
top: 12%; |
|
|
|
left: 50%; |
|
|
|
|
|
|
|
transform: translate(-50%, 0); |
|
|
|
|
|
|
|
width: 1280px; |
|
|
|
width: 1280px; |
|
|
|
} |
|
|
|
} |
|
|
|
.fullScreenSystem { |
|
|
|
.fullScreenSystem { |
|
|
|
width: 100vw; |
|
|
|
width: 100vw; |
|
|
|
height: 95vw; |
|
|
|
height: 200vh; |
|
|
|
margin-top: 0; |
|
|
|
margin-top: 0; |
|
|
|
top: 0%; |
|
|
|
top: 0%; |
|
|
|
// left: 50%; |
|
|
|
// left: 50%; |
|
|
|