|
|
|
|
@ -1,5 +1,5 @@ |
|
|
|
|
<template> |
|
|
|
|
<div class="wrap"> |
|
|
|
|
<div class="wrap minWidthJudge"> |
|
|
|
|
<back-Button /> |
|
|
|
|
<!-- <img class="sth bg" v-lazy="lazyImg[2]" alt="" /> --> |
|
|
|
|
<!-- <img class="sth guide" src="@/assets/img/guide.png" alt="" /> --> |
|
|
|
|
@ -12,8 +12,8 @@ |
|
|
|
|
<div slot="content" class="computerContent" style="" @click="showManage"> |
|
|
|
|
<img style="height: 150px;" v-lazy="lazyImg[3]" alt="" /> |
|
|
|
|
</div> |
|
|
|
|
<div class="bg-gray-50" @click="showManage"> |
|
|
|
|
<img class="sth computer cp" v-lazy="lazyImg[4]" alt="" @click="showManage"/> |
|
|
|
|
<div class="bg-gray-50 " @click="showManage"> |
|
|
|
|
<img class="sth computer cp rotateComputer" v-lazy="lazyImg[4]" alt="" @click="showManage"/> |
|
|
|
|
</div> |
|
|
|
|
</el-tooltip> |
|
|
|
|
<!-- 点击打开传票栏--> |
|
|
|
|
@ -105,7 +105,13 @@ |
|
|
|
|
<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)"> |
|
|
|
|
<img :style="item.name==='开户申请书'?'margin-top:10px;':''" :src="item.src" alt="" /> |
|
|
|
|
<!-- <img :style="item.name==='开户申请书'?'margin-top:10px;':''" :src="item.src" alt="" /> --> |
|
|
|
|
<el-image |
|
|
|
|
style="width: 90%; height: 70px; top: 10px;" |
|
|
|
|
:src="item.src" |
|
|
|
|
fit="scale-down" |
|
|
|
|
:title="item.name" |
|
|
|
|
:alt="item.name"></el-image> |
|
|
|
|
<p>{{item.name}}</p> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
@ -126,7 +132,9 @@ |
|
|
|
|
<p v-if="popText=='密码器'" class="tips"></p> |
|
|
|
|
<p v-else-if="popText=='重要空白凭证箱'||popText=='普通凭证箱'" class="tips">- 请从以下物品中选取所需材料 -</p> |
|
|
|
|
<p v-else class="tips">- 请从物品栏选中或拖拽所需材料 -</p> |
|
|
|
|
<div v-if="popText==='密码器'" style="width:800px;padding-right:150px;padding-top:80px"> |
|
|
|
|
|
|
|
|
|
<!-- 动画开始 --> |
|
|
|
|
<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-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> |
|
|
|
|
@ -140,7 +148,7 @@ |
|
|
|
|
</el-form> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div v-else-if="popText==='印章盒'" class="seal 2xl:w-7/12 xl:w-9/12 lg:w-full h-5/6"> |
|
|
|
|
<div v-else-if="popText==='印章盒'" class="seal 2xl:w-7/12 xl:w-9/12 lg:w-full h-5/6 animate__animated animate__bounceIn"> |
|
|
|
|
<div class="left min-h-full"> |
|
|
|
|
<!-- dblClickFn(item) --> |
|
|
|
|
<div v-for="(item, index) in sealArr" :key="item.id" :class="{ checked: sealChecked.includes(item.id),file:true }" @click="checkSeal(item.id)"> |
|
|
|
|
@ -161,29 +169,37 @@ |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div v-else-if="popText==='重要空白凭证箱'" class="seal" style="width:1200px;"> |
|
|
|
|
<div v-else-if="popText==='重要空白凭证箱'" class="seal animate__animated animate__bounceIn" style="width:1200px;"> |
|
|
|
|
<div class="left else"> |
|
|
|
|
<div v-for="(item) in importanceArr" :key="item.id" :class="{ checked: importantChecked.includes(item.id),file:true, importanceArrClass: true }" @click="dblClickFn(item)"> |
|
|
|
|
<img :src="item.src" alt="" /> |
|
|
|
|
<!-- <img :src="item.src" alt="" /> --> |
|
|
|
|
<el-image |
|
|
|
|
style="width: 100px; height: 70px;margin-top: 10px;" |
|
|
|
|
:src="item.src" |
|
|
|
|
:fit="fit"></el-image> |
|
|
|
|
<p>{{item.name}}</p> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div v-else-if="popText==='普通凭证箱'" class="seal" style="width:1200px;"> |
|
|
|
|
<div v-else-if="popText==='普通凭证箱'" class="seal animate__animated animate__bounceIn" 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)"> |
|
|
|
|
<img :src="item.src" alt="" /> |
|
|
|
|
<!-- <img :src="item.src" alt="" /> --> |
|
|
|
|
<el-image |
|
|
|
|
style="width: 100px; height: 70px;margin-top: 10px;" |
|
|
|
|
:src="item.src" |
|
|
|
|
:fit="fit"></el-image> |
|
|
|
|
<p>{{item.name}}</p> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div v-else-if="popText==='身份证扫描仪'" class="list" ref="popUp"> |
|
|
|
|
<div v-else-if="popText==='身份证扫描仪'" class="list animate__animated animate__bounceIn" 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 v-else-if="popText==='身份证扫描器'" class="list animate__animated animate__bounceIn" 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> |
|
|
|
|
@ -191,7 +207,7 @@ |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div v-else-if="popText==='刷卡器'" ref="popUp" class="list"> |
|
|
|
|
<div v-else-if="popText==='刷卡器'" ref="popUp" class="list animate__animated animate__bounceIn"> |
|
|
|
|
<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> |
|
|
|
|
@ -200,13 +216,13 @@ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- 客户签字 --> |
|
|
|
|
<div v-else-if="popText==='客户签字'" class="list" ref="popUp"> |
|
|
|
|
<div v-else-if="popText==='客户签字'" class="list animate__animated animate__bounceIn" ref="popUp"> |
|
|
|
|
<div class="img-wrap" v-for="(item, index) in goodState" :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> |
|
|
|
|
<div v-else-if="popText==='返还资料'" class="list" ref="popUp"> |
|
|
|
|
<div v-else-if="popText==='返还资料'" class="list animate__animated animate__bounceIn" ref="popUp"> |
|
|
|
|
<div class="img-wrap" v-for="(item, index) in goodState" :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> |
|
|
|
|
@ -215,7 +231,7 @@ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- 暂时未确定是否公共使用一个弹框 receptionList--> |
|
|
|
|
<div v-else class="list" ref="popUp"><!-- 钱箱 / 传票栏 ... 一系列可存物品弹框 --> |
|
|
|
|
<div v-else class="list animate__animated animate__bounceIn" 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"> |
|
|
|
|
<img :src="item.src" class="file" alt="" /> |
|
|
|
|
<p class="text">{{item.name }}</p> |
|
|
|
|
@ -240,12 +256,15 @@ |
|
|
|
|
<router-view></router-view> |
|
|
|
|
</transition> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- 图片查看器 --> |
|
|
|
|
<el-dialog |
|
|
|
|
custom-class="data-dia" |
|
|
|
|
custom-class="data-dia imgIndex" |
|
|
|
|
:visible.sync="showImg" |
|
|
|
|
width="634px" |
|
|
|
|
> |
|
|
|
|
<img :src="imgSrc" class="imgPop" alt=""> |
|
|
|
|
<img :src="imgSrc" class="imgPop imgIndex" alt=""> |
|
|
|
|
<!-- <div :style="{'background':'url('+imgSrc+')','height':'500px','background-repeat': 'no-repeat',--> |
|
|
|
|
<!-- 'background-size': '100% 100%'}" class="imgPop">--> |
|
|
|
|
<!-- </div>--> |
|
|
|
|
@ -341,6 +360,7 @@ export default { |
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
return { |
|
|
|
|
controlGoodsDblClickFn: null, |
|
|
|
|
// cultureIn: [], // 传票栏 |
|
|
|
|
// peopleSign: [], |
|
|
|
|
// moneyBox: [], |
|
|
|
|
@ -1009,6 +1029,12 @@ export default { |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
watch: { |
|
|
|
|
showImg(newVal) { |
|
|
|
|
if(!newVal) { |
|
|
|
|
this.imgSrc = '' |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
'$route.path': function (val) { |
|
|
|
|
// 控制弹框显隐 |
|
|
|
|
let arr = val.split('/').slice(-2); |
|
|
|
|
@ -1360,24 +1386,6 @@ export default { |
|
|
|
|
this.$store.commit('system/changePop',{show:true,text:type, id: this.id}) |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
checkData(item) {/* 选中物品 */ |
|
|
|
|
let _this = this |
|
|
|
|
_this.clickNum++; |
|
|
|
|
if (_this.clickNum === 2) { |
|
|
|
|
_this.clickNum = 0; |
|
|
|
|
// 处理双击事件... |
|
|
|
|
_this.showImg = true |
|
|
|
|
_this.imgSrc = item.src |
|
|
|
|
} |
|
|
|
|
setTimeout(function () { |
|
|
|
|
if (_this.clickNum === 1) { |
|
|
|
|
_this.clickNum = 0; |
|
|
|
|
// 处理单击事件... |
|
|
|
|
console.log('单击事件'); |
|
|
|
|
_this.checkList.includes(item.id) ? _this.checkList.splice(_this.checkList.indexOf(item.id), 1) : _this.checkList.push(item.id); |
|
|
|
|
} |
|
|
|
|
}, 200) |
|
|
|
|
}, |
|
|
|
|
dblClickFn(item,val){/* 选中/预览 单/双击函数 */ |
|
|
|
|
let that = this |
|
|
|
|
this.clickNum++ |
|
|
|
|
@ -1414,9 +1422,15 @@ export default { |
|
|
|
|
}, 200) |
|
|
|
|
}, |
|
|
|
|
goodsDblClickFn(item){/* 选中/预览 单/双击函数 */ |
|
|
|
|
this.clickNum2++ |
|
|
|
|
this.clickNum2++; |
|
|
|
|
|
|
|
|
|
if (this.clickNum2 === 2) { // 处理双击事件 |
|
|
|
|
// 有些东西图片不放大 |
|
|
|
|
if(this.controlGoodsDblClickFn) { |
|
|
|
|
clearTimeout(this.controlGoodsDblClickFn) |
|
|
|
|
this.controlGoodsDblClickFn = null |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
const judge = item.name.includes('本联') || item.name.includes('凭证联') || item.name.includes('回单') || (item.name.includes('复印件') && !item.name.includes('身份证复印件')) |
|
|
|
|
if(!(judge)) { |
|
|
|
|
this.clickNum2 = 0; |
|
|
|
|
@ -1425,22 +1439,23 @@ export default { |
|
|
|
|
this.magnifyData = item |
|
|
|
|
this.imgSrc = item.src |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
setTimeout(() => { |
|
|
|
|
}else { |
|
|
|
|
this.controlGoodsDblClickFn = setTimeout(() => { |
|
|
|
|
|
|
|
|
|
if(this.myMap) { |
|
|
|
|
if(this.myMap) { |
|
|
|
|
|
|
|
|
|
this.outThingsGoods([ item.id ]) |
|
|
|
|
this.pushThings({ idArr: [item.id], name: this.myMap}) |
|
|
|
|
console.log(this.goodState) |
|
|
|
|
}else { |
|
|
|
|
const index = this.receptionList.findIndex(item2 => item2.id === item.id) |
|
|
|
|
if(index === -1) { |
|
|
|
|
this.receptionList.push(item) |
|
|
|
|
this.outThingsGoods([ item.id ]) |
|
|
|
|
this.pushThings({ idArr: [item.id], name: this.myMap}) |
|
|
|
|
}else { |
|
|
|
|
const index = this.receptionList.findIndex(item2 => item2.id === item.id) |
|
|
|
|
if(index === -1) { |
|
|
|
|
this.receptionList.push(item) |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
this.clickNum2 = 0 |
|
|
|
|
}, 200) |
|
|
|
|
this.clickNum2 = 0 |
|
|
|
|
}, 200) |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
checkSeal(id) {/* 选中印章 */ |
|
|
|
|
this.sealChecked.includes(id) ? this.sealChecked.splice(this.sealChecked.indexOf(id), 1) : this.sealChecked.push(id); |
|
|
|
|
@ -3095,9 +3110,10 @@ export default { |
|
|
|
|
left: 50%; |
|
|
|
|
transform: translate(-50%, 0); |
|
|
|
|
padding: 0 15px 15px; |
|
|
|
|
z-index: 99799; |
|
|
|
|
z-index: 999; |
|
|
|
|
border: 1px solid #e6e6e6; |
|
|
|
|
border-color: #f40; |
|
|
|
|
border-color: black; |
|
|
|
|
box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04); |
|
|
|
|
max-height: 600px; |
|
|
|
|
//overflow: auto; |
|
|
|
|
.dia-header { |
|
|
|
|
@ -3285,6 +3301,7 @@ export default { |
|
|
|
|
background: url(../../../assets/img/data-frame.png) 0 0 / cover no-repeat; |
|
|
|
|
cursor: pointer; |
|
|
|
|
margin: 5px 7px; |
|
|
|
|
|
|
|
|
|
&:last-child { |
|
|
|
|
margin-right: 0; |
|
|
|
|
} |
|
|
|
|
@ -3293,6 +3310,7 @@ export default { |
|
|
|
|
} |
|
|
|
|
img { |
|
|
|
|
width: 90px; |
|
|
|
|
height: 70px; |
|
|
|
|
max-height: 90px; |
|
|
|
|
margin: 10px auto 0; |
|
|
|
|
z-index: 9; |
|
|
|
|
@ -3480,4 +3498,8 @@ color: #fff; |
|
|
|
|
opacity: .9; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.imgIndex { |
|
|
|
|
z-index: 9999!important; |
|
|
|
|
} |
|
|
|
|
</style> |
luoJunYong.123
3 years ago