|
|
|
@ -10,7 +10,7 @@ |
|
|
|
|
<!-- 系统录入 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:-30vh;right:20px" v-lazy="lazyImg[3]" alt="" />--> |
|
|
|
|
<img style="height: 150px;position:relative;top:10vh;right:20px" v-lazy="lazyImg[3]" alt="" /> |
|
|
|
|
</div> |
|
|
|
|
<img @click="showManage" class="sth computer cp" v-lazy="lazyImg[4]" alt="" /> |
|
|
|
|
</el-tooltip> |
|
|
|
@ -71,15 +71,20 @@ |
|
|
|
|
<img class="sth cipher-machine cp" v-lazy="lazyImg[20]" @click="showData('密码器',8)" alt="" /> |
|
|
|
|
</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"> |
|
|
|
|
<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> |
|
|
|
|
<!-- 点击打开资料--> |
|
|
|
|
>>>>>>> 30dc4392a3d14954db2a470097760650ed0cd212 |
|
|
|
|
<el-tooltip placement="top" popper-class="sth-popper" offset="-50"> |
|
|
|
|
<div slot="content"> |
|
|
|
|
<img v-lazy="lazyImg[22]" alt="" /> |
|
|
|
@ -115,7 +120,7 @@ |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<!-- 硬件交互--弹框 --> |
|
|
|
|
<div v-show="showPop" width="1120px" class="data-dia"> |
|
|
|
|
<div v-show="showPop" width="900px" class="data-dia"> |
|
|
|
|
<div class="dia-header"> |
|
|
|
|
<div class="data-title">{{ popText }}</div> |
|
|
|
|
<img class="close" v-lazy="lazyImg[28]" alt="" @click="closePop" /> |
|
|
|
@ -134,7 +139,7 @@ |
|
|
|
|
</el-form> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div v-else-if="popText==='印章盒'" class="seal" style="width:1200px;"> |
|
|
|
|
<div v-else-if="popText==='印章盒'" class="seal" style="width:970px;"> |
|
|
|
|
<div class="left"> |
|
|
|
|
<!-- dblClickFn(item) --> |
|
|
|
|
<div v-for="(item, index) in sealArr" :key="item.id" :class="{ checked: sealChecked.includes(item.id),file:true }" @click="checkSeal(item.id)"> |
|
|
|
@ -211,9 +216,32 @@ |
|
|
|
|
<el-dialog |
|
|
|
|
custom-class="data-dia" |
|
|
|
|
:visible.sync="showImg" |
|
|
|
|
width="45%" |
|
|
|
|
width="634px" |
|
|
|
|
> |
|
|
|
|
<img :src="imgSrc" class="imgPop" alt=""> |
|
|
|
|
<!-- <div :style="{'background':'url('+imgSrc+')','height':'500px','background-repeat': 'no-repeat',--> |
|
|
|
|
<!-- 'background-size': '100% 100%'}" class="imgPop">--> |
|
|
|
|
<!-- </div>--> |
|
|
|
|
<div v-if="magnifyData.id == 13" style="position: absolute;top:0;width: 634px"> |
|
|
|
|
<div style='position: relative;top: 73px;left: 80px;width:220px'> |
|
|
|
|
{{magnifyData.userName}} |
|
|
|
|
</div> |
|
|
|
|
<div style='position: relative;top: 96px;left: 80px;width:220px'> |
|
|
|
|
{{magnifyData.sex}} |
|
|
|
|
<span style='position: relative;top:0px;left: 95px'> {{magnifyData.nation}}</span> |
|
|
|
|
</div> |
|
|
|
|
<div style='position: relative;top: 120px;left: 80px;width:220px'> |
|
|
|
|
<span> {{magnifyData.dateBirthYear}}</span> |
|
|
|
|
<span style='position: relative;top:0px;left: 60px'> {{magnifyData.dateBirthMonth}}</span> |
|
|
|
|
<span style='position: relative;top:0px;left: 100px'> {{magnifyData.dateBirthDay}}</span> |
|
|
|
|
</div> |
|
|
|
|
<div style='position: relative;top: 145px;left: 80px;width:230px'> |
|
|
|
|
{{magnifyData.address}} |
|
|
|
|
</div> |
|
|
|
|
<div style='position: relative;top: 215px;left: 160px;width:220px'> |
|
|
|
|
{{magnifyData.idCardNo}} |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</el-dialog> |
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
@ -268,15 +296,32 @@ export default { |
|
|
|
|
elseBoxCheck:[],/* 所有其他可从物品栏拖拽物品进入的弹框 */ |
|
|
|
|
//身份证扫描仪//审核资料//验钞机//选择重要空白凭证 |
|
|
|
|
// 拿业务的东西替换掉 |
|
|
|
|
magnifyData:{}, |
|
|
|
|
auditGoodsShelf:[ |
|
|
|
|
{name:'身份证', src:require('@/assets/img/goods/idcard.png'), id:13}, |
|
|
|
|
{name:'身份证', src:require('@/assets/img/goods/idcard.png'), id:13, |
|
|
|
|
userName:'啧啧啧', |
|
|
|
|
sex:'男', |
|
|
|
|
nation:'汉', |
|
|
|
|
dateBirthYear:'1994', |
|
|
|
|
dateBirthMonth:'4', |
|
|
|
|
dateBirthDay:'1', |
|
|
|
|
address:'奥斯卡巅峰计划拉水电费啥地方', |
|
|
|
|
idCardNo:'465852346854168479'}, |
|
|
|
|
{name:'开户申请书', src:require('@/assets/img/goods/khsqs.png'), id:14}, |
|
|
|
|
{name:'现金', src:require('@/assets/img/goods/cash-sm.png'), id:15}, |
|
|
|
|
{name:'身份证复印件', src:require('@/assets/img/idCard-copy-sm.png'), id:23}, |
|
|
|
|
], |
|
|
|
|
//系统录入 //选择普通空白凭证 |
|
|
|
|
systemInputGoodsShelf:[ |
|
|
|
|
{name:'身份证', src:require('@/assets/img/goods/idcard.png'), id:13}, |
|
|
|
|
{name:'身份证', src:require('@/assets/img/goods/idcard.png'), id:13, |
|
|
|
|
userName:'啧啧啧', |
|
|
|
|
sex:'男', |
|
|
|
|
nation:'汉', |
|
|
|
|
dateBirthYear:'1994', |
|
|
|
|
dateBirthMonth:'4', |
|
|
|
|
dateBirthDay:'1', |
|
|
|
|
address:'奥斯卡巅峰计划拉水电费啥地方', |
|
|
|
|
idCardNo:'465852346854168479'}, |
|
|
|
|
{name:'开户申请书', src:require('@/assets/img/goods/khsqs.png'), id:14}, |
|
|
|
|
{name:'现金', src:require('@/assets/img/goods/cash-sm.png'), id:15}, |
|
|
|
|
{name:'银行卡', src:require('@/assets/img/goods/bankCard.png'), id:16}, |
|
|
|
@ -284,7 +329,15 @@ export default { |
|
|
|
|
], |
|
|
|
|
//打印资料 //客户签字 //印章盒 |
|
|
|
|
printoutGoodsShelf:[ |
|
|
|
|
{name:'身份证', src:require('@/assets/img/goods/idcard.png'), id:13}, |
|
|
|
|
{name:'身份证', src:require('@/assets/img/goods/idcard.png'), id:13, |
|
|
|
|
userName:'啧啧啧', |
|
|
|
|
sex:'男', |
|
|
|
|
nation:'汉', |
|
|
|
|
dateBirthYear:'1994', |
|
|
|
|
dateBirthMonth:'4', |
|
|
|
|
dateBirthDay:'1', |
|
|
|
|
address:'奥斯卡巅峰计划拉水电费啥地方', |
|
|
|
|
idCardNo:'465852346854168479'}, |
|
|
|
|
{name:'开户申请书', src:require('@/assets/img/goods/khsqs.png'), id:14}, |
|
|
|
|
{name:'现金', src:require('@/assets/img/goods/cash-sm.png'), id:15}, |
|
|
|
|
{name:'银行卡', src:require('@/assets/img/goods/bankCard.png'), id:16}, |
|
|
|
@ -293,17 +346,30 @@ export default { |
|
|
|
|
], |
|
|
|
|
//钱箱 |
|
|
|
|
cashboxGoodsShelf:[ |
|
|
|
|
{name:'身份证', src:require('@/assets/img/goods/idcard.png'), id:13}, |
|
|
|
|
{name:'身份证', src:require('@/assets/img/goods/idcard.png'), id:13, |
|
|
|
|
userName:'啧啧啧', |
|
|
|
|
nation:'男', |
|
|
|
|
dateBirth:'汉', |
|
|
|
|
address:'奥斯卡巅峰计划拉水电费啥地方', |
|
|
|
|
idCardNo:'465852346854168479'}, |
|
|
|
|
{name:'现金', src:require('@/assets/img/goods/cash-sm.png'), id:15}, |
|
|
|
|
{name:'身份证复印件', src:require('@/assets/img/idCard-copy-sm.png'), id:23}, |
|
|
|
|
], |
|
|
|
|
// 总盒子里面的东西 写在computed了 业务物品 |
|
|
|
|
// goodsShelfTotalData:[ |
|
|
|
|
// {name:'身份证', src:require('@/assets/img/goods/idcard.png'), id:13}, |
|
|
|
|
// {name:'开户申请书', src:require('@/assets/img/goods/khsqs.png'), id:14}, |
|
|
|
|
// {name:'现金', src:require('@/assets/img/goods/cash-sm.png'), id:15}, |
|
|
|
|
// {name:'身份证复印件', src:require('@/assets/img/idCard-copy-sm.png'), id:23}, |
|
|
|
|
// ], |
|
|
|
|
goodsShelfTotalData:[ |
|
|
|
|
{name:'身份证', src:require('@/assets/img/goods/idcard.png'), id:13, |
|
|
|
|
userName:'啧啧啧', |
|
|
|
|
sex:'男', |
|
|
|
|
nation:'汉', |
|
|
|
|
dateBirthYear:'1994', |
|
|
|
|
dateBirthMonth:'4', |
|
|
|
|
dateBirthDay:'1', |
|
|
|
|
address:'深圳市宝安区新安街道华联全景G1栋403', |
|
|
|
|
idCardNo:'4 4 1 4 2 2 1 9 9 8 0 8 1 6 8 4 7 9 '}, |
|
|
|
|
{name:'开户申请书', src:require('@/assets/img/goods/khsqs.png'), id:14}, |
|
|
|
|
{name:'现金', src:require('@/assets/img/goods/cash-sm.png'), id:15}, |
|
|
|
|
{name:'身份证复印件', src:require('@/assets/img/idCard-copy-sm.png'), id:23}, |
|
|
|
|
], |
|
|
|
|
// goods:[/* 物品栏物品 */ |
|
|
|
|
// ], |
|
|
|
|
popArr:[/* 弹窗展示的物品 */ |
|
|
|
@ -318,7 +384,15 @@ export default { |
|
|
|
|
{name:'业务收费凭证',src:require('@/assets/img/goods/ywsfpz.png'),id:479}, |
|
|
|
|
{name:'利息清单',src:require('@/assets/img/goods/lxqd.png'),id:427}, |
|
|
|
|
{name:'普通空白凭证',src:require('@/assets/img/goods/ptkbpz.png'),id:438}, |
|
|
|
|
{name:'身份证',src:require('@/assets/img/goods/idcard.png'),id:13}, |
|
|
|
|
{name:'身份证',src:require('@/assets/img/goods/idcard.png'),id:13, |
|
|
|
|
userName:'啧啧啧', |
|
|
|
|
sex:'男', |
|
|
|
|
nation:'汉', |
|
|
|
|
dateBirthYear:'1994', |
|
|
|
|
dateBirthMonth:'4', |
|
|
|
|
dateBirthDay:'1', |
|
|
|
|
address:'奥斯卡巅峰计划拉水电费啥地方', |
|
|
|
|
idCardNo:'465852346854168479'}, |
|
|
|
|
{name:'身份证复印件',src:require('@/assets/img/idCard-copy-sm.png'),id:23}, |
|
|
|
|
{name:'开户申请书',src:require('@/assets/img/goods/khsqs.png'),id:14}, |
|
|
|
|
{name:'现金',src:require('@/assets/img/goods/cash-sm.png'),id:15}, |
|
|
|
@ -330,40 +404,30 @@ export default { |
|
|
|
|
{name:'存款凭条回单',src:require('@/assets/img/goods/ckpt.png'),id:22}, |
|
|
|
|
{name:'取款凭条凭证联',src:require('@/assets/img/goods/qkpt.png'),id:420}, |
|
|
|
|
{name:'取款凭条回单',src:require('@/assets/img/goods/qkpt.png'),id:421}, |
|
|
|
|
|
|
|
|
|
{name:'转账凭条凭证联',src:require('@/assets/img/goods/zzpt.png'),id:419}, |
|
|
|
|
{name:'转账凭条回单',src:require('@/assets/img/goods/zzpt.png'),id:418}, |
|
|
|
|
|
|
|
|
|
{name:'利息清单凭证联',src:require('@/assets/img/goods/lxqd.png'),id:422}, |
|
|
|
|
{name:'利息清单回单',src:require('@/assets/img/goods/lxqd.png'),id:424}, |
|
|
|
|
|
|
|
|
|
{name:'旧定期存单',src:require('@/assets/img/seal/paid.png'),id:430}, |
|
|
|
|
{name:'新定期存单',src:require('@/assets/img/seal/paid.png'),id:429}, |
|
|
|
|
|
|
|
|
|
{name:'新定期存单凭证联',src:require('@/assets/img/seal/paid.png'),id:485}, |
|
|
|
|
{name:'新定期存单回单',src:require('@/assets/img/seal/paid.png'),id:486}, |
|
|
|
|
|
|
|
|
|
{name:'法人身份证',src:require('@/assets/img/goods/idcard.png'),id:442}, |
|
|
|
|
{name:'法人身份证复印件',src:require('@/assets/img/idCard-copy-sm.png'),id:431}, |
|
|
|
|
|
|
|
|
|
{name:'开立银行结算账户申请书',src:require('@/assets/img/goods/ApplicationBankSettlement.png'),id:432}, |
|
|
|
|
|
|
|
|
|
{name:'统一社会信用代码证',src:require('@/assets/img/goods/营业执照.png'),id:434}, |
|
|
|
|
{name:'统一社会信用代码证复印件',src:require('@/assets/img/goods/营业执照复印件.png'),id:435}, |
|
|
|
|
{name:'开户许可证',src:require('@/assets/img/goods/开户许可证.png'),id:436}, |
|
|
|
|
{name:'开户许可证复印件',src:require('@/assets/img/goods/开户许可证复印件.png'),id:437}, |
|
|
|
|
{name:'开立银行结算账户申请书凭证联',src:require('@/assets/img/goods/ApplicationBankSettlement.png'),id:432}, |
|
|
|
|
{name:'开立银行结算账户申请书回单',src:require('@/assets/img/goods/ApplicationBankSettlement.png'),id:433}, |
|
|
|
|
|
|
|
|
|
{name:'现金存款凭证',src:require('@/assets/img/goods/CashCertificate.png'),id:409}, |
|
|
|
|
{name:'现金存款凭证联',src:require('@/assets/img/goods/CashCertificate.png'),id:487}, |
|
|
|
|
{name:'现金存款凭证回单',src:require('@/assets/img/goods/CashCertificate.png'),id:441}, |
|
|
|
|
|
|
|
|
|
{name:'现金支票本联',src:require('@/assets/img/goods/xjzp.png'),id:473}, |
|
|
|
|
{name:'现金支票存根',src:require('@/assets/img/goods/xjzp.png'),id:472}, |
|
|
|
|
{name:'转账支票本联',src:require('@/assets/img/goods/sy-zzzp.png'),id:476}, |
|
|
|
|
{name:'转账支票存根',src:require('@/assets/img/goods/sy-zzzp.png'),id:474}, |
|
|
|
|
|
|
|
|
|
{name:'特殊业务申请书',src:require('@/assets/img/goods/businessSpecialApplication.png'),id:407}, |
|
|
|
|
{name:'特殊业务申请书凭证联',src:require('@/assets/img/goods/businessSpecialApplication.png'),id:478}, |
|
|
|
|
{name:'特殊业务申请书回单',src:require('@/assets/img/goods/businessSpecialApplication.png'),id:477}, |
|
|
|
@ -1186,7 +1250,7 @@ export default { |
|
|
|
|
let _this = this |
|
|
|
|
_this.clickNum++; |
|
|
|
|
if (_this.clickNum === 2) { |
|
|
|
|
_this.clickNum = 0; |
|
|
|
|
_this.clickNum = 0; |
|
|
|
|
// 处理双击事件... |
|
|
|
|
_this.showImg = true |
|
|
|
|
_this.imgSrc = item.src |
|
|
|
@ -1243,6 +1307,8 @@ export default { |
|
|
|
|
if(!(judge)) { |
|
|
|
|
this.clickNum2 = 0; |
|
|
|
|
this.showImg = true |
|
|
|
|
console.log(item) |
|
|
|
|
this.magnifyData = item |
|
|
|
|
this.imgSrc = item.src |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
@ -2533,29 +2599,30 @@ export default { |
|
|
|
|
background:url("../../../assets/img/integrated-counter-bg.png"); |
|
|
|
|
} |
|
|
|
|
.counter { |
|
|
|
|
width: 65vw; |
|
|
|
|
top: 30%; |
|
|
|
|
left: 8%; |
|
|
|
|
height: 63vh; |
|
|
|
|
left: 18%; |
|
|
|
|
height: 67vh; |
|
|
|
|
} |
|
|
|
|
.glass { |
|
|
|
|
// 玻璃窗 |
|
|
|
|
top: 15vh; |
|
|
|
|
left: 35vw; |
|
|
|
|
width: 35vw; |
|
|
|
|
top: 13vh; |
|
|
|
|
left: 46vw; |
|
|
|
|
width: 33vw; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.employee { |
|
|
|
|
// 柜员 |
|
|
|
|
top: 430px; |
|
|
|
|
left: 490px; |
|
|
|
|
top: 373px; |
|
|
|
|
left: 675px; |
|
|
|
|
width: 283px; |
|
|
|
|
position: relative; |
|
|
|
|
} |
|
|
|
|
.employeeText { |
|
|
|
|
// 资料文字 |
|
|
|
|
position: absolute; |
|
|
|
|
top: 580px; |
|
|
|
|
left: 710px; |
|
|
|
|
top: 517px; |
|
|
|
|
left: 893px; |
|
|
|
|
color: #000; |
|
|
|
|
transform: rotateZ(38deg) scale3d(1, 1, 1) skew(-19deg, -9deg); |
|
|
|
|
font-size: 18px; |
|
|
|
@ -2569,66 +2636,66 @@ export default { |
|
|
|
|
.man { |
|
|
|
|
// 人 |
|
|
|
|
top: 191px; |
|
|
|
|
left: 846px; |
|
|
|
|
left: 1090px; |
|
|
|
|
width: 199px; |
|
|
|
|
} |
|
|
|
|
.money-box { |
|
|
|
|
// 钱箱 |
|
|
|
|
top: 540px; |
|
|
|
|
left: 190px; |
|
|
|
|
top: 480px; |
|
|
|
|
left: 353px; |
|
|
|
|
width: 129px; |
|
|
|
|
} |
|
|
|
|
.important { |
|
|
|
|
// 重空箱 |
|
|
|
|
top: 48vh; |
|
|
|
|
left: 18vw; |
|
|
|
|
top: 51vh; |
|
|
|
|
left: 26vw; |
|
|
|
|
width: 118px; |
|
|
|
|
} |
|
|
|
|
.voucher-box { |
|
|
|
|
// 普通箱 |
|
|
|
|
top: 35vh; |
|
|
|
|
left: 24vw; |
|
|
|
|
top: 40vh; |
|
|
|
|
left: 31vw; |
|
|
|
|
width: 112px; |
|
|
|
|
} |
|
|
|
|
.summons { |
|
|
|
|
// 传票栏 |
|
|
|
|
top: 35vh; |
|
|
|
|
left: 30vw; |
|
|
|
|
top: 42vh; |
|
|
|
|
left: 35vw; |
|
|
|
|
width: 112px; |
|
|
|
|
} |
|
|
|
|
.computer { |
|
|
|
|
top: 30vh; |
|
|
|
|
left: 35vw; |
|
|
|
|
top: 29vh; |
|
|
|
|
left: 42vw; |
|
|
|
|
width: 148px; |
|
|
|
|
} |
|
|
|
|
.card-machine { |
|
|
|
|
top: 50vh; |
|
|
|
|
left: 43vw; |
|
|
|
|
width: 66px; |
|
|
|
|
top: 48vh; |
|
|
|
|
left: 50vw; |
|
|
|
|
width: 60px; |
|
|
|
|
} |
|
|
|
|
.idCard-scanner { |
|
|
|
|
top: 53vh; |
|
|
|
|
left: 46vw; |
|
|
|
|
top: 52vh; |
|
|
|
|
left: 53vw; |
|
|
|
|
width: 46px; |
|
|
|
|
} |
|
|
|
|
.seal-box { |
|
|
|
|
top: 55vh; |
|
|
|
|
left: 49vw; |
|
|
|
|
left: 57vw; |
|
|
|
|
width: 50px; |
|
|
|
|
} |
|
|
|
|
.currency-detector { |
|
|
|
|
top: 55vh; |
|
|
|
|
left: 51vw; |
|
|
|
|
top: 56vh; |
|
|
|
|
left: 62vw; |
|
|
|
|
width: 117px; |
|
|
|
|
} |
|
|
|
|
.printer { |
|
|
|
|
top: 60vh; |
|
|
|
|
left: 56vw; |
|
|
|
|
left: 67vw; |
|
|
|
|
width: 149px; |
|
|
|
|
} |
|
|
|
|
.cipher-machine { |
|
|
|
|
top: 391px; |
|
|
|
|
left: 711px; |
|
|
|
|
top: 394px; |
|
|
|
|
left: 932px; |
|
|
|
|
width: 79px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
@ -2775,14 +2842,14 @@ export default { |
|
|
|
|
background: #fff; |
|
|
|
|
position: fixed; |
|
|
|
|
// top: 7%; |
|
|
|
|
top: 7vh!important; |
|
|
|
|
margin-top: 7vh!important; |
|
|
|
|
left: 50%; |
|
|
|
|
transform: translate(-50%, 0); |
|
|
|
|
padding: 0 15px 15px; |
|
|
|
|
z-index: 997; |
|
|
|
|
border: 1px solid #e6e6e6; |
|
|
|
|
max-height: 600px; |
|
|
|
|
overflow: auto; |
|
|
|
|
//overflow: auto; |
|
|
|
|
.dia-header { |
|
|
|
|
position: relative; |
|
|
|
|
.data-title { |
|
|
|
@ -2887,16 +2954,15 @@ export default { |
|
|
|
|
} |
|
|
|
|
.list { |
|
|
|
|
width: 940px; |
|
|
|
|
min-height: 204px; |
|
|
|
|
max-height: 360px; |
|
|
|
|
max-height: 30vh; |
|
|
|
|
min-height: 30vh; |
|
|
|
|
overflow: auto; |
|
|
|
|
margin: 0 auto; |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
flex-wrap: wrap; |
|
|
|
|
.img-wrap{ |
|
|
|
|
background: url(../../../assets/img/data-frame.png) 0 0 / cover no-repeat; |
|
|
|
|
width: 180px; |
|
|
|
|
height: 180px; |
|
|
|
|
width: 140px; |
|
|
|
|
height: 140px; |
|
|
|
|
display: flex; |
|
|
|
|
justify-content: center; |
|
|
|
|
margin: 5px 10px; |
|
|
|
@ -2904,8 +2970,8 @@ export default { |
|
|
|
|
cursor: pointer; |
|
|
|
|
.file { |
|
|
|
|
position: relative; |
|
|
|
|
max-width: 180px; |
|
|
|
|
max-height: 130px; |
|
|
|
|
max-width: 135px; |
|
|
|
|
max-height: 90px; |
|
|
|
|
text-align: center; |
|
|
|
|
margin: 10px 10px ; |
|
|
|
|
img { |
|
|
|
@ -2915,7 +2981,7 @@ export default { |
|
|
|
|
position: absolute; |
|
|
|
|
bottom: 0; |
|
|
|
|
width: 100%; |
|
|
|
|
line-height: 54px; |
|
|
|
|
line-height: 40px; |
|
|
|
|
text-align: center; |
|
|
|
|
font-size: 18px; |
|
|
|
|
color: #000; |
|
|
|
@ -2925,7 +2991,7 @@ export default { |
|
|
|
|
font-size: 18px; |
|
|
|
|
white-space:nowrap; |
|
|
|
|
position: absolute; |
|
|
|
|
bottom: 15px; |
|
|
|
|
bottom: 7px; |
|
|
|
|
left: 50%; |
|
|
|
|
transform: translate(-50%,0); |
|
|
|
|
} |
|
|
|
@ -2939,14 +3005,18 @@ export default { |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.seal{ |
|
|
|
|
width: 1100px; |
|
|
|
|
padding: 0 5%; |
|
|
|
|
width: 970px; |
|
|
|
|
margin-top: -5vh; |
|
|
|
|
max-height: 30vh; |
|
|
|
|
min-height: 30vh; |
|
|
|
|
overflow: auto; |
|
|
|
|
display: flex; |
|
|
|
|
justify-content: space-between; |
|
|
|
|
justify-content: space-around; |
|
|
|
|
flex-wrap: wrap; |
|
|
|
|
.box{ |
|
|
|
|
border: 2px solid #e6e6e6; |
|
|
|
|
width: 45%; |
|
|
|
|
min-height: 300px; |
|
|
|
|
min-height: 280px; |
|
|
|
|
border-radius: 10px; |
|
|
|
|
padding: 10px; |
|
|
|
|
} |
|
|
|
@ -2954,6 +3024,9 @@ export default { |
|
|
|
|
display: flex; |
|
|
|
|
width: 50%; |
|
|
|
|
flex-wrap: wrap; |
|
|
|
|
max-height: 30vh; |
|
|
|
|
min-height: 30vh; |
|
|
|
|
overflow: auto; |
|
|
|
|
.file { |
|
|
|
|
position: relative; |
|
|
|
|
width: 140px; |
|
|
|
@ -2978,7 +3051,7 @@ export default { |
|
|
|
|
position: absolute; |
|
|
|
|
bottom: 0; |
|
|
|
|
width: 100%; |
|
|
|
|
line-height: 54px; |
|
|
|
|
line-height: 37px; |
|
|
|
|
text-align: center; |
|
|
|
|
font-size: 18px; |
|
|
|
|
color: #000; |
|
|
|
@ -3024,7 +3097,7 @@ export default { |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.dia-footer { |
|
|
|
|
margin-top: 100px; |
|
|
|
|
margin-top: 65px; |
|
|
|
|
text-align: center; |
|
|
|
|
button { |
|
|
|
|
width: 300px; |
|
|
|
@ -3061,7 +3134,19 @@ export default { |
|
|
|
|
min-height: 65vh; |
|
|
|
|
.seal{ |
|
|
|
|
margin-top: -5vh; |
|
|
|
|
max-height: 30vh; |
|
|
|
|
min-height: 30vh; |
|
|
|
|
//overflow: auto; |
|
|
|
|
//display: flex; |
|
|
|
|
//justify-content: space-around; |
|
|
|
|
//flex-wrap: wrap; |
|
|
|
|
.left{ |
|
|
|
|
max-height: 30vh; |
|
|
|
|
min-height: 30vh; |
|
|
|
|
overflow: auto; |
|
|
|
|
display: flex; |
|
|
|
|
//justify-content: space-around; |
|
|
|
|
flex-wrap: wrap; |
|
|
|
|
.file { |
|
|
|
|
//height: 10vh; |
|
|
|
|
img { |
|
|
|
@ -3071,7 +3156,7 @@ export default { |
|
|
|
|
z-index: 9; |
|
|
|
|
} |
|
|
|
|
p { |
|
|
|
|
line-height: 5vh; |
|
|
|
|
line-height: 4vh; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
@ -3080,7 +3165,7 @@ export default { |
|
|
|
|
border: 2px solid #e6e6e6; |
|
|
|
|
height: 2vh; |
|
|
|
|
width: 45%; |
|
|
|
|
min-height: 300px; |
|
|
|
|
min-height: 280px; |
|
|
|
|
border-radius: 10px; |
|
|
|
|
padding: 10px; |
|
|
|
|
} |
|
|
|
|