|
|
|
|
@ -1,5 +1,5 @@ |
|
|
|
|
<template> |
|
|
|
|
<div class="wrap minWidthJudge"> |
|
|
|
|
<div class="wrap minWidthJudge overflow-hidden"> |
|
|
|
|
<back-Button /> |
|
|
|
|
<!-- <img class="sth bg" v-lazy="lazyImg[2]" alt="" /> --> |
|
|
|
|
<!-- <img class="sth guide" src="@/assets/img/guide.png" alt="" /> --> |
|
|
|
|
@ -10,8 +10,8 @@ |
|
|
|
|
|
|
|
|
|
<!-- 系统录入 height: 178px;position:relative;top:-450px;right:20px--> |
|
|
|
|
<el-tooltip placement="top" popper-class="sth-popper"> |
|
|
|
|
<div slot="content" class="computerContent" style="" @click="showManage"> |
|
|
|
|
<img style="height: 150px;" v-lazy="lazyImg[3]" alt="" /> |
|
|
|
|
<div slot="content" class="computerContent " @click="showManage"> |
|
|
|
|
<img v-lazy="lazyImg[3]" style="height: 100px;" alt="" /> |
|
|
|
|
</div> |
|
|
|
|
<div class="bg-gray-50 " @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"> |
|
|
|
|
<div slot="content"> |
|
|
|
|
<img v-lazy="lazyImg[5]" alt="" /> |
|
|
|
|
<img v-lazy="lazyImg[5]" class="contentHeight" 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="" /> |
|
|
|
|
<img v-lazy="lazyImg[7]" class="contentHeight" 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="" /> |
|
|
|
|
<img v-lazy="lazyImg[9]" class="contentHeight" 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="" /> |
|
|
|
|
<img v-lazy="lazyImg[11]" class="contentHeight" 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="" /> |
|
|
|
|
<img v-lazy="lazyImg[13]" class="contentHeight" 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="" /> |
|
|
|
|
<img v-lazy="lazyImg[15]" class="contentHeight" 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="" /> |
|
|
|
|
<img v-lazy="lazyImg[17]" style="height: 50px;" 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="" /> |
|
|
|
|
<img v-lazy="lazyImg[19]" class="contentHeight" alt="" /> |
|
|
|
|
</div> |
|
|
|
|
<img class="sth cipher-machine cp" v-lazy="lazyImg[20]" @click="showData('密码器',8)" alt="" /> |
|
|
|
|
</el-tooltip> |
|
|
|
|
@ -83,21 +83,21 @@ |
|
|
|
|
|
|
|
|
|
<el-tooltip placement="top" popper-class="sth-popper" offset="-50"> |
|
|
|
|
<div slot="content"> |
|
|
|
|
<img v-lazy="lazyImg[22]" alt="" /> |
|
|
|
|
<img v-lazy="lazyImg[22]" class="contentHeight" 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="" /> |
|
|
|
|
<img v-lazy="lazyImg[23]" class="contentHeight" 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="" /> |
|
|
|
|
<img v-lazy="lazyImg[25]" class="contentHeight" alt="" /> |
|
|
|
|
</div> |
|
|
|
|
<img class="sth idCard-scanner cp" v-lazy="lazyImg[26]" @click="showData('身份证扫描仪',11)" alt="" /> |
|
|
|
|
</el-tooltip> |
|
|
|
|
@ -105,7 +105,7 @@ |
|
|
|
|
<!-- 物品栏 --> |
|
|
|
|
<div ref="goods" class="goods-dia" :class="{ active: showGoods }"> |
|
|
|
|
<!-- goodsShelfTotalData goods2 --> |
|
|
|
|
<div :id="item.name" v-for="(item) in goodsShelfTotalData" :key="item.id" class=" justify-center" :class="{ checked: checkList.includes(item.id),file:true }" @click="goodsDblClickFn(item)"> |
|
|
|
|
<div :id="item.name" v-for="(item) in goodsShelfTotalData" :key="item.id" class=" justify-center img-wrap" :class="{ checked: checkList.includes(item.id),file:true }" @click="goodsDblClickFn(item)"> |
|
|
|
|
<!-- <img :style="item.name==='开户申请书'?'margin-top:10px;':''" :src="item.src" alt="" /> --> |
|
|
|
|
<el-image |
|
|
|
|
style="width: 90%; height: 70px; top: 10px;" |
|
|
|
|
@ -136,7 +136,7 @@ |
|
|
|
|
|
|
|
|
|
<!-- 动画开始 --> |
|
|
|
|
<div v-if="popText==='密码器'" style="width:800px;padding-right:150px;padding-top:80px"> |
|
|
|
|
<el-form :model="passwordForm" :rules="passwordRules" ref="form" label-width="180px"> |
|
|
|
|
<el-form :model="passwordForm" :rules="passwordRules" ref="form" label-width="180px" key="passwordFormpasswordAgain"> |
|
|
|
|
<el-form-item label="密码" prop="passwordAgain"> |
|
|
|
|
<el-input v-focus show-password v-model="passwordForm.passwordAgain" maxlength="6" onkeyup="{this.value=this.value.replace(/\D/g,'')}" autocomplete="off"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
@ -144,7 +144,7 @@ |
|
|
|
|
<el-input show-password v-model="passwordForm.password" maxlength="6" onkeyup="this.value=this.value.replace(/\D/g,'')" autocomplete="off"></el-input> |
|
|
|
|
</el-form-item> --> |
|
|
|
|
<!-- <el-form-item label="确认密码" prop="password2" v-if="systemId == '62,1' || systemId == '62,2' || systemId == '62,3'"> --> |
|
|
|
|
<el-form-item label="确认密码" prop="password2"> |
|
|
|
|
<el-form-item label="确认密码" prop="password2" key="passwordFormpassword2" v-if="id == '62,1' || id == '62,2' || id == '62,3'"> |
|
|
|
|
<el-input show-password v-model="passwordForm.password2" maxlength="6" onkeyup="this.value=this.value.replace(/\D/g,'')" autocomplete="off"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-form> |
|
|
|
|
@ -158,9 +158,9 @@ |
|
|
|
|
<p>{{item.name}}</p> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="box right flex flex-col justify-items-center items-center" ref="popUpSeal"> |
|
|
|
|
<div class="bg-gray-400 box right min-h-full" ref="popUpSeal"> |
|
|
|
|
<!-- receptionList --> |
|
|
|
|
<div class="img-wrap2 max-h-96" :class="{ checked: commonChecked.includes(item.id) }" v-for="(item, index) in goodState" @click='dislodgeItem(index)' :key="item.id" > |
|
|
|
|
<div class="img-wrap2" :class="{ checked: commonChecked.includes(item.id) }" v-for="(item, index) in goodState" @click='dislodgeItem(index)' :key="item.id" > |
|
|
|
|
<img v-if="item.name.includes('复印件')" :src="item.src" class="fileSeal" :alt="item.name" :title="item.name" /> |
|
|
|
|
<el-image |
|
|
|
|
width="100%" |
|
|
|
|
@ -287,7 +287,7 @@ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="dia-footer"> |
|
|
|
|
<button v-throttle @click="popSure" class="w-1/5" type="button">确定</button> |
|
|
|
|
<button v-throttle @click="popSure" class="w-20" type="button">确定</button> |
|
|
|
|
<!-- <el-button type="primary" v-throttle @click="popSure">确定</el-button> --> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
@ -298,7 +298,7 @@ |
|
|
|
|
<div v-show="showPop" class="masking"></div> |
|
|
|
|
|
|
|
|
|
<!-- 商业银行系统的全屏功能实现 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"> |
|
|
|
|
<router-view></router-view> |
|
|
|
|
</transition> --> |
|
|
|
|
@ -308,10 +308,10 @@ |
|
|
|
|
|
|
|
|
|
<!-- 图片查看器 --> |
|
|
|
|
<el-dialog |
|
|
|
|
custom-class="data-dia imgIndex" |
|
|
|
|
class="" |
|
|
|
|
custom-class="data-dia " |
|
|
|
|
class="imgIndex" |
|
|
|
|
:visible.sync="showImg" |
|
|
|
|
width="634px" |
|
|
|
|
width="850px" |
|
|
|
|
> |
|
|
|
|
<img :src="imgSrc" class="imgPop imgIndex min-w-full " alt=""> |
|
|
|
|
<!-- <div :style="{'background':'url('+imgSrc+')','height':'500px','background-repeat': 'no-repeat',--> |
|
|
|
|
@ -357,12 +357,26 @@ |
|
|
|
|
: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" |
|
|
|
|
center> |
|
|
|
|
<h3 class="text-4xl antialiased text-center">客户: 你好!我现在该做什么呢？</h3> |
|
|
|
|
<h3 class="text-2xl antialiased text-center">请选择客户签字或返还资料</h3> |
|
|
|
|
<span slot="footer" class="dialog-footer"> |
|
|
|
|
<el-button @click="peopleDoing(1)">找他签字</el-button> |
|
|
|
|
<el-button type="primary" @click="peopleDoing(2)">返还资料</el-button> |
|
|
|
|
<el-button @click="peopleDoing(1)" class="w-52 h-14">客户签字</el-button> |
|
|
|
|
<el-button type="primary" @click="peopleDoing(2)" class="w-52 h-14">返还资料</el-button> |
|
|
|
|
</span> |
|
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
|
|
<el-dialog |
|
|
|
|
title="提示" |
|
|
|
|
:visible.sync="voucherCardGet" |
|
|
|
|
width="30%" |
|
|
|
|
center> |
|
|
|
|
<h3 class="text-2xl antialiased text-center">请问需要取出几张银行卡</h3> |
|
|
|
|
<span slot="footer" class="dialog-footer"> |
|
|
|
|
<el-button @click="voucherCardGetIt(1)">取出一张</el-button> |
|
|
|
|
<el-button type="primary" @click="voucherCardGetIt(2)">取出两张</el-button> |
|
|
|
|
</span> |
|
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
@ -409,6 +423,10 @@ export default { |
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
return { |
|
|
|
|
voucherCardGet: false, |
|
|
|
|
voucherCardNumber: 0, |
|
|
|
|
|
|
|
|
|
// 方便操作的数据：调整弹出框高度 |
|
|
|
|
fit: 'scale-down', |
|
|
|
|
controlGoodsDblClickFn: null, |
|
|
|
|
// cultureIn: [], // 传票栏 |
|
|
|
|
@ -433,7 +451,7 @@ export default { |
|
|
|
|
dateBirthYear:'1994', |
|
|
|
|
dateBirthMonth:'4', |
|
|
|
|
dateBirthDay:'1', |
|
|
|
|
address:'奥斯卡巅峰计划拉水电费啥地方', |
|
|
|
|
address:'在山的那边海的那边', |
|
|
|
|
idCardNo:'465852346854168479'}, |
|
|
|
|
{name:'开户申请书', src:require('@/assets/img/goods/khsqs.png'), id:14}, |
|
|
|
|
{name:'现金', src:require('@/assets/img/goods/cash-sm.png'), id:15}, |
|
|
|
|
@ -1208,6 +1226,7 @@ export default { |
|
|
|
|
// console.log(this.getSelectList.accountQualitySelectList) |
|
|
|
|
}, |
|
|
|
|
mounted(){ |
|
|
|
|
|
|
|
|
|
let that = this |
|
|
|
|
// 拖拽-物品栏 |
|
|
|
|
new Sortable(this.$refs.goods, { |
|
|
|
|
@ -1262,8 +1281,10 @@ export default { |
|
|
|
|
|
|
|
|
|
// 印章的拖拽 |
|
|
|
|
else if(that.$refs.popUpSeal) { |
|
|
|
|
that.outThingsGoods([that.goodsShelfTotalData[evt.oldIndex].id]) |
|
|
|
|
that.pushThings({ idArr: [ that.goodsShelfTotalData[evt.oldIndex].id ], name: that.myMap}) |
|
|
|
|
|
|
|
|
|
const id = that.goodsShelfTotalData[evt.oldIndex].id |
|
|
|
|
that.outThingsGoods([ id ]) |
|
|
|
|
that.pushThings({ idArr: [ id ], name: that.myMap}) |
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
@ -1340,6 +1361,12 @@ export default { |
|
|
|
|
outThingsGoods: 'system/outThingsGoods', |
|
|
|
|
setTipsOperate: 'system/setTipsOperate' |
|
|
|
|
}), |
|
|
|
|
voucherCardGetIt(number) { |
|
|
|
|
if(number === 2) { |
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
this.voucherCardGet = false |
|
|
|
|
}, |
|
|
|
|
changePeopleJudge() { |
|
|
|
|
this.peopleJudge = true; |
|
|
|
|
}, |
|
|
|
|
@ -1569,15 +1596,15 @@ export default { |
|
|
|
|
}else if(this.popText.includes('密码器')) { |
|
|
|
|
// if(this.systemId == '62,1' || this.systemId == '62,2' || this.systemId == '62,3') { |
|
|
|
|
// if(this.passwordForm.password2 !== this.passwordForm.passwordAgain) { |
|
|
|
|
// this.setTipsOperate('您输入的密码和确认密码不一致!') |
|
|
|
|
// this.setTipsOperate('两次输入密码不一致') |
|
|
|
|
// return |
|
|
|
|
// } |
|
|
|
|
// } |
|
|
|
|
if(this.passwordForm.passwordAgain.length !== 6) { |
|
|
|
|
this.setTipsOperate('您输入的密码不足6位!') |
|
|
|
|
return |
|
|
|
|
}else if(this.passwordForm.password2 !== this.passwordForm.passwordAgain) { |
|
|
|
|
this.setTipsOperate('您输入的密码和确认密码不一致!') |
|
|
|
|
}else if((this.id == '62,1' || this.id == '62,2' || this.id == '62,3') && this.passwordForm.password2 !== this.passwordForm.passwordAgain) { |
|
|
|
|
this.setTipsOperate('两次输入密码不一致') |
|
|
|
|
return |
|
|
|
|
} |
|
|
|
|
}else if(this.popText.includes('身份证扫描')) { |
|
|
|
|
@ -2026,7 +2053,7 @@ export default { |
|
|
|
|
// that.outThingsGoods([that.goodsShelfTotalData[evt.oldIndex].id]) |
|
|
|
|
}else if (this.nbm == 7){ //打印机 |
|
|
|
|
if(this.goodState.length === 0) { |
|
|
|
|
this.setTipsOperate('请放入证件!') |
|
|
|
|
this.setTipsOperate('请放入打印资料') |
|
|
|
|
return |
|
|
|
|
} |
|
|
|
|
let projectId = sessionStorage.getItem('projectId') |
|
|
|
|
@ -2057,7 +2084,7 @@ export default { |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}else{ |
|
|
|
|
this.setTipsOperate('您输入的密码和确认密码不一致!') |
|
|
|
|
this.setTipsOperate('两次输入密码不一致!') |
|
|
|
|
} |
|
|
|
|
}else if (this.nbm == 9){//资料 |
|
|
|
|
if(this.goodState.length === 0) { |
|
|
|
|
@ -2137,12 +2164,34 @@ export default { |
|
|
|
|
const targetDom = this.$refs.goods.getBoundingClientRect() |
|
|
|
|
return evt.originalEvent.pageX<targetDom.right&&evt.originalEvent.pageX>targetDom.left && evt.originalEvent.pageY<targetDom.bottom&&evt.originalEvent.pageY>targetDom.top |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
// inputListenCard(val, prop) { |
|
|
|
|
// const tmpCheck = val.substr(val.length-1, 1); |
|
|
|
|
// if(tmpCheck === ' ') { |
|
|
|
|
// return; |
|
|
|
|
// } |
|
|
|
|
// if(val === '') { |
|
|
|
|
// this[prop] = val; |
|
|
|
|
// return; |
|
|
|
|
// } |
|
|
|
|
// const tmpGet = Number(val.replace(/\D+/, '')) |
|
|
|
|
// if(tmpGet <= 2 && tmpGet>0) { |
|
|
|
|
// this[prop] = tmpGet |
|
|
|
|
// }else { |
|
|
|
|
// this.setTipsOperate('最多只能取出两张') |
|
|
|
|
// this[prop] = 2 |
|
|
|
|
// } |
|
|
|
|
|
|
|
|
|
// } |
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
<style lang="scss" scoped> |
|
|
|
|
.contentHeight { |
|
|
|
|
max-width: 300px; |
|
|
|
|
max-height: 60px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.businessClass { |
|
|
|
|
width: 300px; |
|
|
|
|
height: 100px; |
|
|
|
|
@ -3131,6 +3180,7 @@ export default { |
|
|
|
|
padding: 20px 300px 20px 300px; |
|
|
|
|
transition: all 0.5s; |
|
|
|
|
background-color: rgba(255, 255, 255, 0.95); |
|
|
|
|
min-height: 140px; |
|
|
|
|
.file { |
|
|
|
|
position: relative; |
|
|
|
|
min-width: 140px; |
|
|
|
|
@ -3475,15 +3525,16 @@ export default { |
|
|
|
|
} |
|
|
|
|
.right{ |
|
|
|
|
margin-left: 5%; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
display: flex; |
|
|
|
|
flex-direction: column; |
|
|
|
|
justify-content: center; |
|
|
|
|
align-items: center; |
|
|
|
|
} |
|
|
|
|
.else{ |
|
|
|
|
width: 100%; |
|
|
|
|
} |
|
|
|
|
.img-wrap2{ |
|
|
|
|
width: 100%; |
|
|
|
|
width: 95%; |
|
|
|
|
height: 100%; |
|
|
|
|
display: flex; |
|
|
|
|
flex-direction: column; |
|
|
|
|
@ -3508,7 +3559,7 @@ export default { |
|
|
|
|
margin-top: 30px; |
|
|
|
|
text-align: center; |
|
|
|
|
button { |
|
|
|
|
width: 10vw; |
|
|
|
|
width: 7vw; |
|
|
|
|
} |
|
|
|
|
// button { |
|
|
|
|
// width: 100px; |
|
|
|
|
@ -3608,18 +3659,18 @@ export default { |
|
|
|
|
|
|
|
|
|
.systemconfig { |
|
|
|
|
position: absolute; |
|
|
|
|
left: 50%; |
|
|
|
|
transform: translate(-50%, 0); |
|
|
|
|
z-index: 9; |
|
|
|
|
} |
|
|
|
|
.system { |
|
|
|
|
margin-top: -8vh; |
|
|
|
|
top: 12%; |
|
|
|
|
left: 50%; |
|
|
|
|
transform: translate(-50%, 0); |
|
|
|
|
width: 1280px; |
|
|
|
|
} |
|
|
|
|
.fullScreenSystem { |
|
|
|
|
width: 100vw; |
|
|
|
|
height: 95vw; |
|
|
|
|
height: 200vh; |
|
|
|
|
margin-top: 0; |
|
|
|
|
top: 0%; |
|
|
|
|
// left: 50%; |
|
|
|
|
|
