huoran
/
FE_bankTeaching
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 4 Wiki Activity

首页数据提交

Browse Source
20240205
e 3 years ago
parent 3fd8af6382
commit 98e1655647
1 changed files with 146 additions and 78 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 192
      src/pages/counter/list/index.vue

192
src/pages/counter/list/index.vue
Unescape View File

@ -18,56 +18,56 @@
<div slot="content"> <div slot="content">
<img src="@/assets/img/tooltip/cpl.png" alt="" /> <img src="@/assets/img/tooltip/cpl.png" alt="" />
</div> </div>
<img class="sth summons cp" src="@/assets/img/summons.png" alt="" @click="showData('传票箱')" /> <img class="sth summons cp" src="@/assets/img/summons.png" 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 src="@/assets/img/tooltip/ptpzx.png" alt="" /> <img src="@/assets/img/tooltip/ptpzx.png" alt="" />
</div> </div>
<img class="sth voucher-box cp" src="@/assets/img/voucher-box.png" alt="" @click="showData('普通凭证箱')" /> <img class="sth voucher-box cp" src="@/assets/img/voucher-box.png" 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 src="@/assets/img/tooltip/zk.png" alt="" /> <img src="@/assets/img/tooltip/zk.png" alt="" />
</div> </div>
<img class="sth important cp" src="@/assets/img/important.png" alt="" @click="showData('重要空白凭证箱')" /> <img class="sth important cp" src="@/assets/img/important.png" 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 src="@/assets/img/tooltip/qx.png" alt="" /> <img src="@/assets/img/tooltip/qx.png" alt="" />
</div> </div>
<img class="sth money-box cp" src="@/assets/img/money-box.png" alt="" @click="showData('钱箱')" /> <img class="sth money-box cp" src="@/assets/img/money-box.png" 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 src="@/assets/img/tooltip/yzh.png" alt="" /> <img src="@/assets/img/tooltip/yzh.png" alt="" />
</div> </div>
<img class="sth seal-box cp" src="@/assets/img/seal-box.png" @click="showData('印章盒')" alt="" /> <img class="sth seal-box cp" src="@/assets/img/seal-box.png" @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 src="@/assets/img/tooltip/ycj.png" alt="" /> <img src="@/assets/img/tooltip/ycj.png" alt="" />
</div> </div>
<img class="sth currency-detector cp" src="@/assets/img/currency-detector.png" @click="showData('验钞机')" alt="" /> <img class="sth currency-detector cp" src="@/assets/img/currency-detector.png" @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 src="@/assets/img/tooltip/dyj.png" alt="" /> <img src="@/assets/img/tooltip/dyj.png" alt="" />
</div> </div>
<img class="sth printer cp" src="@/assets/img/printer.png" alt="" @click="showData('打印机')" /> <img class="sth printer cp" src="@/assets/img/printer.png" 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 src="@/assets/img/tooltip/mmq.png" alt="" /> <img src="@/assets/img/tooltip/mmq.png" alt="" />
</div> </div>
<img class="sth cipher-machine cp" src="@/assets/img/cipher-machine.png" @click="showData('密码器')" alt="" /> <img class="sth cipher-machine cp" src="@/assets/img/cipher-machine.png" @click="showData('密码器',8)" alt="" />
</el-tooltip> </el-tooltip>
<img class="sth employee" src="@/assets/img/employee.png" alt="" /> <img class="sth employee" src="@/assets/img/employee.png" alt="" />
@ -76,21 +76,21 @@
<div slot="content"> <div slot="content">
<img src="@/assets/img/tooltip/data.png" alt="" /> <img src="@/assets/img/tooltip/data.png" alt="" />
</div> </div>
<p class="employeeText" @click="showData('资料')">资料</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 src="@/assets/img/tooltip/skj.png" alt="" /> <img src="@/assets/img/tooltip/skj.png" alt="" />
</div> </div>
<img class="sth card-machine cp" src="@/assets/img/card-machine.png" alt="" @click="showData('刷卡器')" /> <img class="sth card-machine cp" src="@/assets/img/card-machine.png" 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 src="@/assets/img/tooltip/sfz.png" alt="" /> <img src="@/assets/img/tooltip/sfz.png" alt="" />
</div> </div>
<img class="sth idCard-scanner cp" src="@/assets/img/idCard-scanner.png" @click="showData('身份证扫描仪')" alt="" /> <img class="sth idCard-scanner cp" src="@/assets/img/idCard-scanner.png" @click="showData('身份证扫描仪',11)" alt="" />
</el-tooltip> </el-tooltip>
<!-- 物品栏 --> <!-- 物品栏 -->
@ -106,7 +106,7 @@
</div> </div>
<!-- 硬件交互--弹框 --> <!-- 硬件交互--弹框 -->
<div v-show="showPop" width="1280px" class="data-dia"> <div v-show="showPop" width="1120px" class="data-dia">
<div class="dia-header"> <div class="dia-header">
<div class="data-title">{{ popText }}</div> <div class="data-title">{{ popText }}</div>
<img class="close" src="@/assets/svg/close.svg" alt="" @click="closePop" /> <img class="close" src="@/assets/svg/close.svg" alt="" @click="closePop" />
@ -134,10 +134,10 @@
</div> </div>
</div> </div>
<div class="box right" ref="goods"> <div class="box right" ref="goods">
<div v-for="(item, index) in goods" :key="index" :class="{ checked: checkList.includes(item.id),file:true }" @click="dblClickFn(item)"> <!-- <div v-for="(item, index) in goods" :key="index" :class="{ checked: checkList.includes(item.id),file:true }" @click="dblClickFn(item)">-->
<img :src="item.src" alt="" /> <!-- <img :src="item.src" alt="" />-->
<p>{{item.name}}</p> <!-- <p>{{item.name}}</p>-->
</div> <!-- </div>-->
</div> </div>
</div> </div>
@ -317,6 +317,7 @@ export default {
clickNum:0, clickNum:0,
showImg:false, showImg:false,
imgSrc:'', imgSrc:'',
nbm:0,
}; };
}, },
computed: { computed: {
@ -350,8 +351,6 @@ export default {
} }
}, },
created() { created() {
console.log(/^[0-9]*$/.test('1234'),'/^[0-9]*$/');
console.log(/^\/d{6}$/.test('124056'),'/^[0-9]*$/');
let arr = this.$route.path.split('/').slice(-2); let arr = this.$route.path.split('/').slice(-2);
if (arr.pop() === 'manage' || arr[0] === 'manage') { if (arr.pop() === 'manage' || arr[0] === 'manage') {
this.manageVisible = true; this.manageVisible = true;
@ -361,26 +360,27 @@ export default {
}, },
mounted(){ mounted(){
this.getQueryVariable() this.getQueryVariable()
// Promise.resolve(2).then(value => { // Promise.resolve(2).then(value=>{
//     console.log(111, value) // console.log(111,value)
//     return value // return value
//     }) // })
//     .then(value => { // .then(value=>{
//     console.log(222, value) // console.log(222,value)
//     return Promise.resolve(value) // return Promise.resolve(value)
//     })
//     .then(value => { // })
//     console.log(333, value) // .then(value=>{
//     }) // console.log(333,value)
//     .then(value => { // })
//     console.log(444, value) // .then(value=>{
//     return Promise.reject(value) // console.log(444,value)
//     }) // return Promise.reject(value)
//     .then(value => { // })
//     console.log(555, value) // .then(value=>{
//     }).catch(err => { // console.log(555,value)
//         console.log(666, err) // }).catch(err=>{
//     }) // console.log(666,err)
// })
let that = this let that = this
// 拖拽-物品栏 // 拖拽-物品栏
new Sortable(this.$refs.goods, { new Sortable(this.$refs.goods, {
@ -398,14 +398,14 @@ export default {
if(evt.originalEvent.pageX<targetDom.right&&evt.originalEvent.pageX>targetDom.left){ if(evt.originalEvent.pageX<targetDom.right&&evt.originalEvent.pageX>targetDom.left){
if(evt.originalEvent.pageY<targetDom.bottom&&evt.originalEvent.pageY>targetDom.top){ if(evt.originalEvent.pageY<targetDom.bottom&&evt.originalEvent.pageY>targetDom.top){
/* oldindex识别是拖拽了哪个文件 */ /* oldindex识别是拖拽了哪个文件 */
console.log(that.goods[evt.oldIndex].name,'执行拖拽2'); console.log(that.goodsShelfTotalData[evt.oldIndex].name,'执行拖拽2');
that.checkList.push(that.goods[evt.oldIndex].name) that.checkList.push(that.goodsShelfTotalData[evt.oldIndex].name)
let ifElse = 0; let ifElse = 0;
for(var i=0;i<that.popArr.length;i++){ for(var i=0;i<that.popArr.length;i++){
if (that.goods[evt.oldIndex].name == that.popArr[i].name){ if (that.goodsShelfTotalData[evt.oldIndex].name == that.popArr[i].name){
if (that.receptionList.length){ if (that.receptionList.length){
for(var j=0;j< that.receptionList.length;j++){ for(var j=0;j< that.receptionList.length;j++){
if (that.receptionList[j].name == that.goods[evt.oldIndex].name){ if (that.receptionList[j].name == that.goodsShelfTotalData[evt.oldIndex].name){
ifElse = ifElse+1 ifElse = ifElse+1
} }
} }
@ -419,7 +419,6 @@ export default {
} }
} }
} }
alert('拉入到物品栏')
} }
} }
}, },
@ -448,26 +447,27 @@ export default {
}, },
methods: { methods: {
getQueryVariable(variable) { getQueryVariable(variable) {
var query = window.location.href; // var query = window.location.href;
var vars = query.split("?"); // var vars = query.split("?");
// if (vars.length <= 0){ // if (vars.length <= 0){
for (var i=1;i<vars.length;i++) { // for (var i=1;i<vars.length;i++) {
var pair = vars[i].split("&"); // var pair = vars[i].split("&");
if(pair[0] == variable){return pair[1];} // if(pair[0] == variable){return pair[1];}
} // }
for (var j=0;j<pair.length;j++){ // for (var j=0;j<pair.length;j++){
var index=pair[j].lastIndexOf("="); // var index=pair[j].lastIndexOf("=");
pair[j]=pair[j].substring(index+1,pair[j].length); // pair[j]=pair[j].substring(index+1,pair[j].length);
} // }
sessionStorage.setItem('token', pair[0]) // sessionStorage.setItem('token', pair[0])
sessionStorage.setItem('cid', pair[1]) // sessionStorage.setItem('cid', pair[1])
sessionStorage.setItem('systemId', pair[2]) // sessionStorage.setItem('systemId', pair[2])
// } // }
}, },
toggleGoods() { toggleGoods() {
this.showGoods = !this.showGoods; this.showGoods = !this.showGoods;
}, },
showData(type) {/* 展示弹窗-type为弹窗标题文字 */ showData(type,nbm) {/* 展示弹窗-type为弹窗标题文字 */
this.nbm = nbm
if(type == '重要空白凭证箱'){ if(type == '重要空白凭证箱'){
this.goodsShelfTotalData = this.systemInputGoodsShelf this.goodsShelfTotalData = this.systemInputGoodsShelf
}else if(type == '身份证扫描仪' || type == '验钞机' || type == '资料'){ }else if(type == '身份证扫描仪' || type == '验钞机' || type == '资料'){
@ -498,6 +498,7 @@ export default {
}, 200) }, 200)
}, },
dblClickFn(item,val){/* 选中/预览 单/双击函数 */ dblClickFn(item,val){/* 选中/预览 单/双击函数 */
console.log(item)
let that = this let that = this
this.clickNum++ this.clickNum++
if (this.clickNum === 2) { // 处理双击事件 if (this.clickNum === 2) { // 处理双击事件
@ -587,6 +588,13 @@ export default {
} }
this.toggleGoods() this.toggleGoods()
if(this.popText == '密码器'){ if(this.popText == '密码器'){
if (this.nbm == 8){
let formList = []
let ruleReqs = sessionStorage.getItem('ruleReqs')
if (ruleReqs){formList = JSON.parse(ruleReqs);}else{formList = []}
for (var i=0;i<this.receptionList.length;i++){formList.push({"emptyOne": "18", "emptyTwo": this.passwordForm.passwordAgain, "operationIds": "0,282,"+this.receptionList[i].id,"type": "3"})}
sessionStorage.setItem('ruleReqs', JSON.stringify(formList))
}
if(this.passwordForm.password && this.passwordForm.passwordAgain){ if(this.passwordForm.password && this.passwordForm.passwordAgain){
if(this.passwordForm.password.length >=6 && this.passwordForm.passwordAgain.length >=6){ if(this.passwordForm.password.length >=6 && this.passwordForm.passwordAgain.length >=6){
if(this.passwordForm.password == this.passwordForm.passwordAgain) { if(this.passwordForm.password == this.passwordForm.passwordAgain) {
@ -600,9 +608,69 @@ export default {
}else{ }else{
if (this.receptionList.length >0){ if (this.receptionList.length >0){
this.$message.success(`${this.popText}操作成功！`) this.$message.success(`${this.popText}操作成功！`)
// setTimeout(()=>{ if (this.nbm == 1){
// let formList = []
// },800) let ruleReqs = sessionStorage.getItem('ruleReqs')
if (ruleReqs){formList = JSON.parse(ruleReqs);}else{formList = []}
for (var i=0;i<this.receptionList.length;i++){formList.push({"emptyOne": "", "emptyTwo": "", "operationIds": "0,4,"+this.receptionList[i].id,"type": ""})}
sessionStorage.setItem('ruleReqs', JSON.stringify(formList))
}else if (this.nbm == 2){
let formList = []
let ruleReqs = sessionStorage.getItem('ruleReqs')
if (ruleReqs){formList = JSON.parse(ruleReqs);}else{formList = []}
for (var i=0;i<this.receptionList.length;i++){formList.push({"emptyOne": "", "emptyTwo": "", "operationIds": "0,3,"+this.receptionList[i].id,"type": ""})}
sessionStorage.setItem('ruleReqs', JSON.stringify(formList))
}else if (this.nbm == 3){
let formList = []
let ruleReqs = sessionStorage.getItem('ruleReqs')
if (ruleReqs){formList = JSON.parse(ruleReqs);}else{formList = []}
for (var i=0;i<this.receptionList.length;i++){formList.push({"emptyOne": "", "emptyTwo": "", "operationIds": "0,2,"+this.receptionList[i].id,"type": ""})}
sessionStorage.setItem('ruleReqs', JSON.stringify(formList))
}else if (this.nbm == 4){
let formList = []
let ruleReqs = sessionStorage.getItem('ruleReqs')
if (ruleReqs){formList = JSON.parse(ruleReqs);}else{formList = []}
for (var i=0;i<this.receptionList.length;i++){formList.push({"emptyOne": "", "emptyTwo": "", "operationIds": "0,1,"+this.receptionList[i].id,"type": ""})}
sessionStorage.setItem('ruleReqs', JSON.stringify(formList))
}else if (this.nbm == 5){
let formList = []
let ruleReqs = sessionStorage.getItem('ruleReqs')
if (ruleReqs){formList = JSON.parse(ruleReqs);}else{formList = []}
for (var i=0;i<this.receptionList.length;i++){formList.push({"emptyOne": "", "emptyTwo": "", "operationIds": "0,8,"+this.receptionList[i].id,"type": ""})}
sessionStorage.setItem('ruleReqs', JSON.stringify(formList))
}else if (this.nbm == 6){
let formList = []
let ruleReqs = sessionStorage.getItem('ruleReqs')
if (ruleReqs){formList = JSON.parse(ruleReqs);}else{formList = []}
for (var i=0;i<this.receptionList.length;i++){formList.push({"emptyOne": "", "emptyTwo": "", "operationIds": "0,9,"+this.receptionList[i].id,"type": ""})}
sessionStorage.setItem('ruleReqs', JSON.stringify(formList))
}else if (this.nbm == 7){
let formList = []
let ruleReqs = sessionStorage.getItem('ruleReqs')
if (ruleReqs){formList = JSON.parse(ruleReqs);}else{formList = []}
for (var i=0;i<this.receptionList.length;i++){formList.push({"emptyOne": "", "emptyTwo": "", "operationIds": "0,10,"+this.receptionList[i].id,"type": ""})}
sessionStorage.setItem('ruleReqs', JSON.stringify(formList))
}else if (this.nbm == 9){
let formList = []
let ruleReqs = sessionStorage.getItem('ruleReqs')
if (ruleReqs){formList = JSON.parse(ruleReqs);}else{formList = []}
for (var i=0;i<this.receptionList.length;i++){formList.push({"emptyOne": "", "emptyTwo": "", "operationIds": "0,11,"+this.receptionList[i].id,"type": ""})}
sessionStorage.setItem('ruleReqs', JSON.stringify(formList))
}else if (this.nbm == 10){
let formList = []
let ruleReqs = sessionStorage.getItem('ruleReqs')
if (ruleReqs){formList = JSON.parse(ruleReqs);}else{formList = []}
for (var i=0;i<this.receptionList.length;i++){formList.push({"emptyOne": "", "emptyTwo": "", "operationIds": "0,6,"+this.receptionList[i].id,"type": ""})}
sessionStorage.setItem('ruleReqs', JSON.stringify(formList))
}else if (this.nbm == 11){
let formList = []
let ruleReqs = sessionStorage.getItem('ruleReqs')
if (ruleReqs){formList = JSON.parse(ruleReqs);}else{formList = []}
for (var i=0;i<this.receptionList.length;i++){formList.push({"emptyOne": "", "emptyTwo": "", "operationIds": "0,7,"+this.receptionList[i].id,"type": ""})}
sessionStorage.setItem('ruleReqs', JSON.stringify(formList))
}else{
}
this.$store.commit('system/changePop',{show:false,text:''}) this.$store.commit('system/changePop',{show:false,text:''})
this.receptionList = []; this.receptionList = [];
}else{ }else{
@ -1081,9 +1149,9 @@ export default {
left: 50%; left: 50%;
transform: translate(-50%, 0); transform: translate(-50%, 0);
padding: 0 15px 15px; padding: 0 15px 15px;
z-index: 999; z-index: 997;
border: 1px solid #e6e6e6; border: 1px solid #e6e6e6;
max-height: 830px; max-height: 600px;
overflow: auto; overflow: auto;
.dia-header { .dia-header {
position: relative; position: relative;

Write Preview
Loading…
Cancel
Save