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

拖拽和样式完成

Browse Source
20240205
luoJunYong.123 3 years ago
parent 3fae9601f5
commit c7a7383be5
35 changed files with 841 additions and 1584 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 27
      src/components/myTitle/index.vue
  2. 1
      src/main.js
  3. 531
      src/pages/counter/list/index.vue
  4. 38
      src/pages/manage/index/index.vue
  5. 33
      src/pages/manage/list/acceptanceDraft/invoice.vue
  6. 116
      src/pages/manage/list/business/deposit.vue
  7. 125
      src/pages/manage/list/business/openAccount.vue
  8. 102
      src/pages/manage/list/business/transfer.vue
  9. 124
      src/pages/manage/list/business/withdrawal.vue
  10. 101
      src/pages/manage/list/cityWide/cityWideIn.vue
  11. 101
      src/pages/manage/list/cityWide/cityWideOut.vue
  12. 73
      src/pages/manage/list/client/consumerClient.vue
  13. 160
      src/pages/manage/list/client/corporateClient.vue
  14. 36
      src/pages/manage/list/personal/callDeposits/accountClosed.vue
  15. 75
      src/pages/manage/list/personal/callDeposits/callDeposits.vue
  16. 26
      src/pages/manage/list/personal/callDeposits/openAccount.vue
  17. 79
      src/pages/manage/list/personal/currentAccount/deposit.vue
  18. 16
      src/pages/manage/list/personal/currentAccount/index.vue
  19. 51
      src/pages/manage/list/personal/currentAccount/openAccount.vue
  20. 50
      src/pages/manage/list/personal/currentAccount/settle.vue
  21. 50
      src/pages/manage/list/personal/currentAccount/transferAccounts.vue
  22. 1
      src/pages/manage/list/personal/currentAccount/withdrawal.vue
  23. 52
      src/pages/manage/list/personal/timeDeposit/deposit.vue
  24. 52
      src/pages/manage/list/personal/timeDeposit/openAccount.vue
  25. 9
      src/pages/manage/list/personal/timeDeposit/timeDeposit.vue
  26. 52
      src/pages/manage/list/personal/timeDeposit/withdrawal.vue
  27. 52
      src/pages/manage/list/personal/usefulPhrases/accountClosed.vue
  28. 26
      src/pages/manage/list/personal/usefulPhrases/continueDeposit.vue
  29. 26
      src/pages/manage/list/personal/usefulPhrases/openAccount.vue
  30. 9
      src/pages/manage/list/personal/usefulPhrases/usefulPhrases.vue
  31. 94
      src/pages/manage/list/servicesAccount/passwordChange.vue
  32. 53
      src/pages/manage/list/servicesAccount/passwordLost.vue
  33. 46
      src/pages/manage/list/servicesAccount/relieveLost.vue
  34. 34
      src/styles/system.scss
  35. 0
      test.txt

27
src/components/myTitle/index.vue
Unescape View File

@ -0,0 +1,27 @@
<template>
<!-- <div class="flex mt-8 ml-12 text-xl title"> -->
<div class="title">
<template v-for="(item, index) in titleArr">
<p :key="index + 'p'">{{ item }}</p>
<i :key="index + 'i'" v-if="index<titleArr.length-1" class="el-icon-arrow-right text-xl"></i>
</template>
</div>
</template>
<script>
export default {
props: {
titleArr: Array
}
}
</script>
<style>
.title{
height: 60px;
display: flex;
align-items: center;
padding-left: 0px;
margin-top: 10px;
}
</style>

1
src/main.js
Unescape View File

@ -18,6 +18,7 @@ import VueLazyload from 'vue-lazyload';
import plugins from '@/plugins';
import filters from '@/plugins/filters'
import axios from 'axios'
Vue.prototype.$axios = axios
Vue.directive('focus', {/* 聚焦事件 */

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

@ -96,7 +96,7 @@
<!-- 物品栏 -->
<div ref="goods" class="goods-dia" :class="{ active: showGoods }">
<div :id="item.name" v-for="(item, index) in goodsShelfTotalData" :key="index" class=" justify-center" :class="{ checked: checkList.includes(item.id),file:true }" @click="dblClickFn(item,'goods')">
<div :id="item.name" v-for="(item, index) in goods" :key="index" class=" justify-center" :class="{ checked: checkList.includes(item.id),file:true }" @click="dblClickFn(item,'goods')">
<img :style="item.name==='开户申请书'?'margin-top:10px;':''" :src="item.src" alt="" />
<p>{{item.name}}</p>
</div>
@ -141,7 +141,7 @@
</div>
</div>
<div v-else-if="popText==='重要空白凭证箱'" class="seal" style="width:1200px;" ref="popUpImportanceArr">
<div v-else-if="popText==='重要空白凭证箱'" class="seal" style="width:1200px;">
<div class="left else">
<div v-for="(item, index) in importanceArr" :key="index" :class="{ checked: importantChecked.includes(item.id),file:true, importanceArrClass: true }" @click="dblClickFn(item)">
<img :src="item.src" alt="" />
@ -764,23 +764,6 @@ export default {
if(newVal) {
this.$nextTick(() => {
const importanceArrClassArr = document.getElementsByClassName('importanceArrClass')
new Sortable(this.$refs.popUpImportanceArr, {
animation: 150,
group: {
name:'shared',
pull:'clone',// 是否可以被移出或克隆
put:true
},
sort: false,// 禁止排序
// 结束拖拽
onAdd: evt => {
if(!importanceArrClassArr.length) return that.$message.warning('非可拖拽的交互！')
console.log('what the fuck')
console.log(this.goodsShelfTotalData)
},
});
// popUpImportanceArr
for(let i=0;i<this.importanceArr.length;i++) {
new Sortable(importanceArrClassArr[i], {
animation: 150,
@ -791,42 +774,27 @@ export default {
},
sort: false,// 禁止排序
onEnd: evt => { // 结束拖拽
console.log('???')
// 判断拖拽的地址
if(!this.$refs.popUpImportanceArr) return this.$message.warning('非可拖拽的交互！')
let targetDom = this.$refs.popUpImportanceArr.getBoundingClientRect()
if(evt.originalEvent.pageX<targetDom.right&&evt.originalEvent.pageX>targetDom.left){
if(evt.originalEvent.pageY<targetDom.bottom&&evt.originalEvent.pageY>targetDom.top){
/* oldindex识别是拖拽了哪个文件 */
console.log(this.goodsShelfTotalData[evt.oldIndex].name,'执行拖拽2');
this.checkList.push(this.goodsShelfTotalData[evt.oldIndex].name)
let ifElse = 0;
for(var i=0;i<this.popArr.length;i++){
if (this.goodsShelfTotalData[evt.oldIndex].name == this.popArr[i].name){
if (this.receptionList == null){
this.receptionList = []
}
if (this.receptionList.length){
for(var j=0;j< this.receptionList.length;j++){
if (this.receptionList[j].name == this.goodsShelfTotalData[evt.oldIndex].name){
ifElse = ifElse+1
}
}
if(ifElse > 0){
}else{
this.receptionList.push(this.popArr[i])
}
}else{
this.receptionList.push(this.popArr[i])
}
}
if(this.judgePosition(evt)){
console.log(evt)
const getIt = evt.target.textContent
for(var i=0;i<this.goods.length;i++){
if (this.goods[i].name == getIt){
return this.$message.warning('物品栏中已有该物品')
}
}
// console.log(this.goodsShelfTotalData)
for(let i=0;i<this.popArr.length; i++) {
if(this.popArr[i].name === getIt) {
this.$store.commit('system/changeGoods',{push:[this.popArr[i]]})
return
}
}
}else{
this.$message.warning('非可拖拽的交互！')
}
},
});
}
}
})
};
})
}
@ -859,9 +827,8 @@ export default {
if(evt.originalEvent.pageX<targetDom.right&&evt.originalEvent.pageX>targetDom.left){
if(evt.originalEvent.pageY<targetDom.bottom&&evt.originalEvent.pageY>targetDom.top){
/* oldindex识别是拖拽了哪个文件 */
console.log(that.goodsShelfTotalData[evt.oldIndex].name,'执行拖拽2');
// console.log(that.goodsShelfTotalData[evt.oldIndex].name,'执行拖拽2');
that.checkList.push(that.goodsShelfTotalData[evt.oldIndex].name)
let ifElse = 0;
for(var i=0;i<that.popArr.length;i++){
if (that.goodsShelfTotalData[evt.oldIndex].name == that.popArr[i].name){
if (that.receptionList == null){
@ -870,14 +837,10 @@ export default {
if (that.receptionList.length){
for(var j=0;j< that.receptionList.length;j++){
if (that.receptionList[j].name == that.goodsShelfTotalData[evt.oldIndex].name){
ifElse = ifElse+1
return;
}
}
if(ifElse > 0){
}else{
that.receptionList.push(that.popArr[i])
}
that.receptionList.push(that.popArr[i])
}else{
that.receptionList.push(that.popArr[i])
}
@ -904,19 +867,17 @@ export default {
if(evt.originalEvent.pageX<targetDom.right&&evt.originalEvent.pageX>targetDom.left){
if(evt.originalEvent.pageY<targetDom.bottom&&evt.originalEvent.pageY>targetDom.top){
/* oldindex识别是拖拽了哪个文件 */
console.log(evt)
console.log(that.importanceArr)
console.log(that.goodsShelfTotalData)
console.log(that.importanceArr[evt.oldIndex].name,'执行拖拽2');
that.checkList.push(that.importanceArr[evt.oldIndex].name)
let ifElse = 0;
if(that.goodsShelfTotalData.length > 0){
for(var i=0;i<that.goodsShelfTotalData.length;i++){
if(that.goodsShelfTotalData[i].name == that.importanceArr[evt.oldIndex].name){
ifElse = ifElse+1
}else{
return
}
}
}
if (ifElse == 0){
that.goodsShelfTotalData.push(that.importanceArr[evt.oldIndex])
}
}
@ -1101,19 +1062,19 @@ export default {
// 把确定的数据传输进物品栏
goods.map(e=>{
clickList.map(el=>{
console.log(el)
if(el===e.id){
arr.push(e)
}
})
})
this.$store.commit('system/changeGoods',{push:arr})
clickList.length = 0
clickList = []
}else{
if (this.$store.state.system.id == '33'){
this.nbm = 33
this.goodsShelfTotalData = this.auditGoodsShelf
if (this.receptionList.length >0){
console.log(this.receptionList)
sessionStorage.setItem('nomClientIdentity', JSON.stringify(this.receptionList))
}
}
@ -1238,220 +1199,224 @@ export default {
}
}
// this.toggleGoods()
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": "287,282,"+this.receptionList[i].id,"type": "3"})}
sessionStorage.setItem('ruleReqs', JSON.stringify(formList))
}
if(this.passwordForm.password && this.passwordForm.passwordAgain){
if(this.passwordForm.password.length >=6 && this.passwordForm.passwordAgain.length >=6){
if(this.passwordForm.password == this.passwordForm.passwordAgain) {
this.$store.commit('system/changePop', {show: false, text: ''})
this.$message.success(`${this.popText}操作成功！`)
}
}
}else{
this.$message.error('请输入密码和确认密码');
}
}else{
if (this.receptionList.length >0){
let formList = []
this.toggleGoods()
this.$message.success(`${this.popText}操作成功！`)
if (this.nbm == 0){ //用户
}else if (this.nbm == 1){ //传票箱
let projectId = sessionStorage.getItem('projectId')
let startTime = sessionStorage.getItem('startTime')
for (var i=0;i<this.receptionList.length;i++){formList.push({"answerId":this.receptionList[i].id,"emptyOne": "", "emptyTwo": "", "operationIds": "287,4,"+this.receptionList[i].id,"type": ""})}
let params= {
parentId:'287,4',
lcJudgmentRuleReq:formList,
projectId:+projectId,
startTime:startTime,
}
addOperation(params).then((data)=>{
this.$message({
message: '提交成功',
type: 'success'
});
}).catch((error)=>{
})
}else if (this.nbm == 2){ //普通凭证箱
let projectId = sessionStorage.getItem('projectId')
let startTime = sessionStorage.getItem('startTime')
for (var i=0;i<this.receptionList.length;i++){formList.push({ "answerId":this.receptionList[i].id, "emptyOne": "", "emptyTwo": "", "operationIds": "287,3,"+this.receptionList[i].id, "type": "" })}
let params= {
parentId:'287,3',
lcJudgmentRuleReq:formList,
projectId:+projectId,
startTime:startTime,
}
addOperation(params).then((data)=>{
this.$message({
message: '提交成功',
type: 'success'
});
}).catch((error)=>{
})
}else if (this.nbm == 3){ //重要空白凭证箱
let projectId = sessionStorage.getItem('projectId')
let startTime = sessionStorage.getItem('startTime')
for (var i=0;i<this.receptionList.length;i++){formList.push({ "answerId":this.receptionList[i].id, "emptyOne": "", "emptyTwo": "", "operationIds": "287,2,"+this.receptionList[i].id, "type": "" })}
let params= {
parentId:'287,2',
lcJudgmentRuleReq:formList,
projectId:+projectId,
startTime:startTime,
}
addOperation(params).then((data)=>{
this.$message({
message: '提交成功',
type: 'success'
});
}).catch((error)=>{
})
}else if (this.nbm == 4){ //钱箱
let projectId = sessionStorage.getItem('projectId')
let startTime = sessionStorage.getItem('startTime')
let formList = [];
for (var i=0;i<this.receptionList.length;i++){formList.push({
"answerId":this.receptionList[i].id,
"emptyOne": "",
"emptyTwo": "",
"operationIds": "287,1,"+this.receptionList[i].id,
"type": "" })}
let params= {
parentId:'287,1',
lcJudgmentRuleReq:formList,
projectId:+projectId,
startTime:startTime,
}
addOperation(params).then((data)=>{
this.$message({
message: '提交成功',
type: 'success'
});
}).catch((error)=>{
})
}else if (this.nbm == 5){ //印章盒
let projectId = sessionStorage.getItem('projectId')
let startTime = sessionStorage.getItem('startTime')
for (var i=0;i<this.receptionList.length;i++){formList.push({"answerId":this.receptionList[i].id, "emptyOne": "", "emptyTwo": "", "operationIds": "287,8,"+this.receptionList[i].id,"type": ""})}
let params= {
parentId:'287,8',
lcJudgmentRuleReq:formList,
projectId:+projectId,
startTime:startTime,
}
addOperation(params).then((data)=>{
this.$message({
message: '提交成功',
type: 'success'
});
}).catch((error)=>{
})
}else if (this.nbm == 6){ //验钞机
let projectId = sessionStorage.getItem('projectId')
let startTime = sessionStorage.getItem('startTime')
for (var i=0;i<this.receptionList.length;i++){formList.push({"answerId":this.receptionList[i].id, "emptyOne": "", "emptyTwo": "", "operationIds": "287,9,"+this.receptionList[i].id,"type": ""})}
let params= {
parentId:'287,9',
lcJudgmentRuleReq:formList,
projectId:+projectId,
startTime:startTime,
}
addOperation(params).then((data)=>{
this.$message({
message: '提交成功',
type: 'success'
});
}).catch((error)=>{
})
}else if (this.nbm == 7){ //打印机
let projectId = sessionStorage.getItem('projectId')
let startTime = sessionStorage.getItem('startTime')
for (var i=0;i<this.receptionList.length;i++){formList.push({"answerId":this.receptionList[i].id, "emptyOne": "", "emptyTwo": "", "operationIds": "287,10,"+this.receptionList[i].id,"type": ""})}
let params= {
parentId:'0,10',
lcJudgmentRuleReq:formList,
projectId:+projectId,
startTime:startTime,
}
addOperation(params).then((data)=>{
this.$message({
message: '提交成功',
type: 'success'
});
}).catch((error)=>{
})
}else if (this.nbm == 9){//资料
let projectId = sessionStorage.getItem('projectId')
let startTime = sessionStorage.getItem('startTime')
for (var i=0;i<this.receptionList.length;i++){formList.push({"answerId":this.receptionList[i].id, "emptyOne": "", "emptyTwo": "", "operationIds": "0,11,"+this.receptionList[i].id,"type": ""})}
let params= {
parentId:'0,11',
lcJudgmentRuleReq:formList,
projectId:+projectId,
startTime:startTime,
}
addOperation(params).then((data)=>{
this.$message({
message: '提交成功',
type: 'success'
});
}).catch((error)=>{
})
}else if (this.nbm == 10){ //刷卡器
let projectId = sessionStorage.getItem('projectId')
let startTime = sessionStorage.getItem('startTime')
for (var i=0;i<this.receptionList.length;i++){formList.push({"answerId":this.receptionList[i].id, "emptyOne": "", "emptyTwo": "", "operationIds": "0,6,"+this.receptionList[i].id,"type": ""})}
let params= {
parentId:'0,6',
lcJudgmentRuleReq:formList,
projectId:+projectId,
startTime:startTime,
}
addOperation(params).then((data)=>{
this.$message({
message: '提交成功',
type: 'success'
});
}).catch((error)=>{
})
}else if (this.nbm == 11){ //身份证扫描仪
let projectId = sessionStorage.getItem('projectId')
let startTime = sessionStorage.getItem('startTime')
for (var i=0;i<this.receptionList.length;i++){formList.push({"answerId":this.receptionList[i].id, "emptyOne": "", "emptyTwo": "", "operationIds": "0,7,"+this.receptionList[i].id,"type": ""})}
let params= {
parentId:'0,7',
lcJudgmentRuleReq:formList,
projectId:+projectId,
startTime:startTime,
}
addOperation(params).then((data)=>{
this.$message({
message: '提交成功',
type: 'success'
});
}).catch((error)=>{
})
}else{
// else 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": "287,282,"+this.receptionList[i].id,"type": "3"})}
// sessionStorage.setItem('ruleReqs', JSON.stringify(formList))
// }
// if(this.passwordForm.password && this.passwordForm.passwordAgain){
// if(this.passwordForm.password.length >=6 && this.passwordForm.passwordAgain.length >=6){
// if(this.passwordForm.password == this.passwordForm.passwordAgain) {
// this.$store.commit('system/changePop', {show: false, text: ''})
// this.$message.success(`${this.popText}操作成功！`)
// }
// }
// }else{
// this.$message.error('请输入密码和确认密码');
// }
// }else{
// if (this.receptionList.length >0){
// let formList = []
// this.toggleGoods()
// this.$message.success(`${this.popText}操作成功！`)
// if (this.nbm == 0){ //用户
// }else if (this.nbm == 1){ //传票箱
// let projectId = sessionStorage.getItem('projectId')
// let startTime = sessionStorage.getItem('startTime')
// for (var i=0;i<this.receptionList.length;i++){formList.push({"answerId":this.receptionList[i].id,"emptyOne": "", "emptyTwo": "", "operationIds": "287,4,"+this.receptionList[i].id,"type": ""})}
// let params= {
// parentId:'287,4',
// lcJudgmentRuleReq:formList,
// projectId:+projectId,
// startTime:startTime,
// }
// addOperation(params).then((data)=>{
// this.$message({
// message: '提交成功',
// type: 'success'
// });
// }).catch((error)=>{
// })
// }else if (this.nbm == 2){ //普通凭证箱
// let projectId = sessionStorage.getItem('projectId')
// let startTime = sessionStorage.getItem('startTime')
// for (var i=0;i<this.receptionList.length;i++){formList.push({ "answerId":this.receptionList[i].id, "emptyOne": "", "emptyTwo": "", "operationIds": "287,3,"+this.receptionList[i].id, "type": "" })}
// let params= {
// parentId:'287,3',
// lcJudgmentRuleReq:formList,
// projectId:+projectId,
// startTime:startTime,
// }
// addOperation(params).then((data)=>{
// this.$message({
// message: '提交成功',
// type: 'success'
// });
// }).catch((error)=>{
// })
// }else if (this.nbm == 3){ //重要空白凭证箱
// let projectId = sessionStorage.getItem('projectId')
// let startTime = sessionStorage.getItem('startTime')
// for (var i=0;i<this.receptionList.length;i++){formList.push({ "answerId":this.receptionList[i].id, "emptyOne": "", "emptyTwo": "", "operationIds": "287,2,"+this.receptionList[i].id, "type": "" })}
// let params= {
// parentId:'287,2',
// lcJudgmentRuleReq:formList,
// projectId:+projectId,
// startTime:startTime,
// }
// addOperation(params).then((data)=>{
// this.$message({
// message: '提交成功',
// type: 'success'
// });
// }).catch((error)=>{
// })
// }else if (this.nbm == 4){ //钱箱
// let projectId = sessionStorage.getItem('projectId')
// let startTime = sessionStorage.getItem('startTime')
// let formList = [];
// for (var i=0;i<this.receptionList.length;i++){formList.push({
// "answerId":this.receptionList[i].id,
// "emptyOne": "",
// "emptyTwo": "",
// "operationIds": "287,1,"+this.receptionList[i].id,
// "type": "" })}
// let params= {
// parentId:'287,1',
// lcJudgmentRuleReq:formList,
// projectId:+projectId,
// startTime:startTime,
// }
// addOperation(params).then((data)=>{
// this.$message({
// message: '提交成功',
// type: 'success'
// });
// }).catch((error)=>{
// })
// }else if (this.nbm == 5){ //印章盒
// let projectId = sessionStorage.getItem('projectId')
// let startTime = sessionStorage.getItem('startTime')
// for (var i=0;i<this.receptionList.length;i++){formList.push({"answerId":this.receptionList[i].id, "emptyOne": "", "emptyTwo": "", "operationIds": "287,8,"+this.receptionList[i].id,"type": ""})}
// let params= {
// parentId:'287,8',
// lcJudgmentRuleReq:formList,
// projectId:+projectId,
// startTime:startTime,
// }
// addOperation(params).then((data)=>{
// this.$message({
// message: '提交成功',
// type: 'success'
// });
// }).catch((error)=>{
// })
// }else if (this.nbm == 6){ //验钞机
// let projectId = sessionStorage.getItem('projectId')
// let startTime = sessionStorage.getItem('startTime')
// for (var i=0;i<this.receptionList.length;i++){formList.push({"answerId":this.receptionList[i].id, "emptyOne": "", "emptyTwo": "", "operationIds": "287,9,"+this.receptionList[i].id,"type": ""})}
// let params= {
// parentId:'287,9',
// lcJudgmentRuleReq:formList,
// projectId:+projectId,
// startTime:startTime,
// }
// addOperation(params).then((data)=>{
// this.$message({
// message: '提交成功',
// type: 'success'
// });
// }).catch((error)=>{
// })
// }else if (this.nbm == 7){ //打印机
// let projectId = sessionStorage.getItem('projectId')
// let startTime = sessionStorage.getItem('startTime')
// for (var i=0;i<this.receptionList.length;i++){formList.push({"answerId":this.receptionList[i].id, "emptyOne": "", "emptyTwo": "", "operationIds": "287,10,"+this.receptionList[i].id,"type": ""})}
// let params= {
// parentId:'0,10',
// lcJudgmentRuleReq:formList,
// projectId:+projectId,
// startTime:startTime,
// }
// addOperation(params).then((data)=>{
// this.$message({
// message: '提交成功',
// type: 'success'
// });
// }).catch((error)=>{
// })
// }else if (this.nbm == 9){//资料
// let projectId = sessionStorage.getItem('projectId')
// let startTime = sessionStorage.getItem('startTime')
// for (var i=0;i<this.receptionList.length;i++){formList.push({"answerId":this.receptionList[i].id, "emptyOne": "", "emptyTwo": "", "operationIds": "0,11,"+this.receptionList[i].id,"type": ""})}
// let params= {
// parentId:'0,11',
// lcJudgmentRuleReq:formList,
// projectId:+projectId,
// startTime:startTime,
// }
// addOperation(params).then((data)=>{
// this.$message({
// message: '提交成功',
// type: 'success'
// });
// }).catch((error)=>{
// })
// }else if (this.nbm == 10){ //刷卡器
// let projectId = sessionStorage.getItem('projectId')
// let startTime = sessionStorage.getItem('startTime')
// for (var i=0;i<this.receptionList.length;i++){formList.push({"answerId":this.receptionList[i].id, "emptyOne": "", "emptyTwo": "", "operationIds": "0,6,"+this.receptionList[i].id,"type": ""})}
// let params= {
// parentId:'0,6',
// lcJudgmentRuleReq:formList,
// projectId:+projectId,
// startTime:startTime,
// }
// addOperation(params).then((data)=>{
// this.$message({
// message: '提交成功',
// type: 'success'
// });
// }).catch((error)=>{
// })
// }else if (this.nbm == 11){ //身份证扫描仪
// let projectId = sessionStorage.getItem('projectId')
// let startTime = sessionStorage.getItem('startTime')
// for (var i=0;i<this.receptionList.length;i++){formList.push({"answerId":this.receptionList[i].id, "emptyOne": "", "emptyTwo": "", "operationIds": "0,7,"+this.receptionList[i].id,"type": ""})}
// let params= {
// parentId:'0,7',
// lcJudgmentRuleReq:formList,
// projectId:+projectId,
// startTime:startTime,
// }
// addOperation(params).then((data)=>{
// this.$message({
// message: '提交成功',
// type: 'success'
// });
// }).catch((error)=>{
// })
// }else{
}
this.$store.commit('system/changePop',{show:false,text:''})
this.receptionList = [];
}else{
this.$message.error('请从物品栏中拖拽所需资料');
}
}
// }
// this.$store.commit('system/changePop',{show:false,text:''})
// this.receptionList = [];
// }else{
// this.$message.error('请从物品栏中拖拽所需资料');
// }
// }
},
toPart(){
this.$router.push('/index')
},
judgePosition(evt) {
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
}
}
};
</script>
@ -2418,7 +2383,11 @@ export default {
width: 95%;
max-height: 105px;
margin: auto;
margin-top: 40px;
position: absolute;
top: .5vh;
left: 50%;
transform: translateX(-50%);
// margin-top: 40px;
}
p {
position: absolute;
@ -2451,16 +2420,16 @@ export default {
// 兼容小屏幕的goods-dia
@media screen and (min-width: 1200px) and (max-width: 1919px) {
.goods-dia {
//height: 15vh;
height: 15vh;
width: 100%;
.justify-center {
//max-height: 13vh;
max-height: 13vh;
}
.file {
top: 0;
//max-height: 13vh;
max-height: 13vh;
img {
//max-height: 8vh;
max-height: 8vh;
margin: auto;
margin-top: 1vh;
}

38
src/pages/manage/index/index.vue
Unescape View File

@ -39,7 +39,7 @@ export default {
}
},
components: {
navbar,
navbar
},
computed:{
full:function(){
@ -69,30 +69,34 @@ export default {
$font_size_All: 16px; // 字体大小
$submenu_padding_left: 25px; // 相应的padding-left大小
@media screen and (min-width: 1920px) {
/deep/.el-form {
// height: 42vh;
min-height: 45vh;
// overflow: auto;
}
/deep/.submitBtn{
max-width: 10vw!important;
/deep/.body {
min-height: 50vh;
}
}
@media screen and (min-width: 1200px) and (max-width: 1700px) {
/deep/.el-form {
min-height: 40vh;
}
/deep/.submitBtn{
max-width: 12vw!important;
/deep/.body {
min-height: 30vh;
}
}
// .wrap2{
// width: 100%;
// display: flex;
// flex-direction: column;
// overflow: hidden;
// .title{
// height: 60px;
// display: flex;
// align-items: center;
// font-size: 20px;
// padding-left: 50px;
// }
// .body{
// margin-top: 50px;
// }
// }
.box{
display: flex;

33
src/pages/manage/list/acceptanceDraft/invoice.vue
Unescape View File

@ -1,11 +1,7 @@
// 个人客户
<template>
<div class="wrap">
<div class="flex mt-8 ml-12 text-xl">
<p>客户信息</p>
<i class="el-icon-arrow-right text-xl"></i>
<p>个人客户信息建立</p>
</div>
<div class="wrap wrap2">
<MyTitle :titleArr="['客户信息', '个人客户信息建立']"/>
<div class="body">
<el-row :gutter="20">
<el-form ref="form" :model="form" label-width="140px" :rules="rules">
@ -119,9 +115,13 @@
<script>
import { mobPattern, namePattern, ratePattern, vercustomer } from '@/utils/verify.js'
import { myValidate, checkHanzi, checkName, ismoney, autoPlay, autoPlay2 } from '@/utils/utilFunction.js'
import MyTitle from '@/components/myTitle'
export default {
name: 'index',
components: {
MyTitle
},
data() {
return {
visible: false,
@ -319,26 +319,11 @@ export default {
display: flex;
flex-direction: column;
overflow: auto;
.title{
height: 60px;
display: flex;
align-items: center;
font-size: 20px;
padding-left: 50px;
}
padding: 24px 0 24px 24px;
.body{
margin-top: 50px;
overflow-y: auto;
overflow-x: hidden;
}
// .submitBtn{
// position: relative;
// width: 300px;
// font-size: 18px;
// height: 68px;
// margin-top: 50px;
// border-radius: 10px;
// bottom: 10px;
// left: 50%;
// transform: translate(-50%,-20%);
// }
}
</style>

116
src/pages/manage/list/business/deposit.vue
Unescape View File

@ -1,11 +1,7 @@
// 存款
<template>
<div class="wrap">
<div class="title">
<p>公司业务</p>
<i class="el-icon-arrow-right"></i>
<p>{{text}}</p>
</div>
<div class="wrap wrap2">
<MyTitle :titleArr="['公司业务', text]"/>
<!-- 存款 -->
<div class="body">
@ -47,6 +43,7 @@
<el-button @click="submitForm" type="primary" class="submitBtn">提交</el-button>
</div>
<el-dialog
style="margin-top:10vh"
:visible.sync="visible"
@ -75,9 +72,12 @@ import { mapState } from 'vuex'
import { checkHanzi, checkName, ismoney, rateListen, myValidate, autoPlay, autoPlay2 } from '@/utils/utilFunction.js'
import { vercustomer, verrate } from '@/utils/verify.js'
import { addOperation, getOperation } from '@/api/http';
import MyTitle from '@/components/myTitle'
export default {
name: 'index',
components:{},
components:{
MyTitle
},
data() {
return {
text:'存款',/* 顶部文字 */
@ -207,97 +207,15 @@ export default {
<style lang="scss" scoped>
.wrap{
width: 100%;
display: flex;
flex-direction: column;
overflow: hidden;
padding: 24px 0 24px 24px;
.nav{
/deep/ .el-menu.el-menu--horizontal{
border: 0;
}
/deep/ .el-menu--horizontal > .el-menu-item.is-active{
border:2px solid #568DF2;
border-radius: 10px;
color: #000;
}
/deep/ .el-menu--horizontal > .el-menu-item{
border: 2px solid transparent;
border-radius: 10px;
margin-right: 10px;
height: 30px;
line-height: 28px;
}
}
.body{
margin-top: 50px;
overflow: auto;
.idCard{
border-radius: 5px;
background: #CFDDFF;
text-align: center;
height: 40px;
line-height: 40px;
font-size: 18px;
color: #6191FF;
}
.add{
position: relative;
&::after{
content: '';
display: block;
position: absolute;
right: 3%;
top: -4%;
border: 1px dashed #CFDDFF;
width: 88%;
height: 268px;
}
.addBtn{
position: absolute;
left: 0;
top: 50%;
transform: translate(50%,-50%);
font-size: 22px;
}
}
}
// .submitBtn{
// position: relative;
// width: 300px;
// font-size: 18px;
// height: 68px;
// margin-top: 50px;
// border-radius: 10px;
// bottom: 10px;
// left: 50%;
// transform: translate(-50%,-0%);
// }
.popBody{
min-height: 200px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.popBtns{
display: flex;
justify-content: space-between;
align-items: center;
.btn{
width: 180px;
border-radius: 10px;
font-size: 18px;
}
.close{
background: #CFDEFF;
color: #6191FF;
}
.sure{
background: #6191FF;
color: #fff;
}
}
width: 100%;
display: flex;
flex-direction: column;
overflow: auto;
padding: 24px 0 24px 24px;
.body{
margin-top: 50px;
overflow-y: auto;
overflow-x: hidden;
}
}
</style>

125
src/pages/manage/list/business/openAccount.vue
Unescape View File

@ -1,11 +1,7 @@
// 开户
<template>
<div class="wrap">
<div class="title">
<p>公司业务</p>
<i class="el-icon-arrow-right"></i>
<p>{{text}}</p>
</div>
<div class="wrap wrap2">
<MyTitle :titleArr="['公司业务', text]"/>
<!-- 开户 -->
<div class="body">
@ -88,6 +84,7 @@
<el-button @click="submitForm" type="primary" class="submitBtn">提交</el-button>
</div>
<el-dialog
style="margin-top:10vh"
:visible.sync="visible"
@ -116,9 +113,12 @@ import { mapState } from 'vuex'
import { myValidate, ismoney, checkName, checkHanzi, autoPlay, autoPlay2 } from '@/utils/utilFunction.js'
import { vercustomer, verrate } from '@/utils/verify.js'
import { addOperation, getOperation } from '@/api/http';
import MyTitle from '@/components/myTitle'
export default {
name: 'index',
components:{},
components:{
MyTitle
},
data() {
return {
text:'开户',/* 顶部文字 */
@ -317,105 +317,16 @@ export default {
</script>
<style lang="scss" scoped>
.wrap{
width: 100%;
display: flex;
flex-direction: column;
overflow: hidden;
padding: 24px 0 24px 24px;
.nav{
/deep/ .el-menu.el-menu--horizontal{
border: 0;
}
/deep/ .el-menu--horizontal > .el-menu-item.is-active{
border:2px solid #568DF2;
border-radius: 10px;
color: #000;
}
/deep/ .el-menu--horizontal > .el-menu-item{
border: 2px solid transparent;
border-radius: 10px;
margin-right: 10px;
height: 30px;
line-height: 28px;
}
}
.title{
height: 60px;
display: flex;
align-items: center;
font-size: 20px;
padding-left: 0px;
margin-top: 10px;
}
.body{
margin-top: 50px;
overflow: auto;
.idCard{
border-radius: 5px;
background: #CFDDFF;
text-align: center;
height: 40px;
line-height: 40px;
font-size: 18px;
color: #6191FF;
}
.add{
position: relative;
&::after{
content: '';
display: block;
position: absolute;
right: 3%;
top: -4%;
border: 1px dashed #CFDDFF;
width: 88%;
height: 268px;
}
.addBtn{
position: absolute;
left: 0;
top: 50%;
transform: translate(50%,-50%);
font-size: 22px;
}
}
}
// .submitBtn{
// position: relative;
// width: 300px;
// font-size: 18px;
// height: 68px;
// margin-top: 50px;
// border-radius: 10px;
// bottom: 10px;
// left: 50%;
// transform: translate(-50%,-50%);
// }
.popBody{
min-height: 200px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.popBtns{
display: flex;
justify-content: space-between;
align-items: center;
.btn{
width: 180px;
border-radius: 10px;
font-size: 18px;
}
.close{
background: #CFDEFF;
color: #6191FF;
}
.sure{
background: #6191FF;
color: #fff;
}
}
.wrap{
width: 100%;
display: flex;
flex-direction: column;
overflow: auto;
padding: 24px 0 24px 24px;
.body{
margin-top: 50px;
overflow-y: auto;
overflow-x: hidden;
}
}
</style>

102
src/pages/manage/list/business/transfer.vue
Unescape View File

@ -1,11 +1,8 @@
// 转账
<template>
<div class="wrap">
<div class="title">
<p>公司业务</p>
<i class="el-icon-arrow-right"></i>
<p>{{text}}</p>
</div>
<div class="wrap wrap2">
<MyTitle :titleArr="['公司业务', text]"/>
<!-- 开户 -->
<div class="body">
@ -75,6 +72,7 @@
<el-button @click="submitForm" type="primary" class="submitBtn">提交</el-button>
</div>
<el-dialog
style="margin-top:10vh"
:visible.sync="visible"
@ -102,9 +100,12 @@
import { mapState } from 'vuex'
import { myValidate, ismoney, checkHanzi, checkName, autoPlay, autoPlay2 } from '@/utils/utilFunction.js'
import { vercustomer } from '@/utils/verify.js'
import MyTitle from '@/components/myTitle'
export default {
name: 'index',
components:{},
components:{
MyTitle
},
data() {
return {
text:'转账',/* 顶部文字 */
@ -261,93 +262,12 @@ export default {
width: 100%;
display: flex;
flex-direction: column;
overflow: hidden;
overflow: auto;
padding: 24px 0 24px 24px;
.nav{
/deep/ .el-menu.el-menu--horizontal{
border: 0;
}
/deep/ .el-menu--horizontal > .el-menu-item.is-active{
border:2px solid #568DF2;
border-radius: 10px;
color: #000;
}
/deep/ .el-menu--horizontal > .el-menu-item{
border: 2px solid transparent;
border-radius: 10px;
margin-right: 10px;
height: 30px;
line-height: 28px;
}
}
.body{
margin-top: 50px;
overflow: auto;
.idCard{
border-radius: 5px;
background: #CFDDFF;
text-align: center;
height: 40px;
line-height: 40px;
font-size: 18px;
color: #6191FF;
}
.add{
position: relative;
&::after{
content: '';
display: block;
position: absolute;
right: 3%;
top: -4%;
border: 1px dashed #CFDDFF;
width: 88%;
height: 268px;
}
.addBtn{
position: absolute;
left: 0;
top: 50%;
transform: translate(50%,-50%);
font-size: 22px;
}
}
}
// .submitBtn{
// position: relative;
// width: 300px;
// font-size: 18px;
// height: 68px;
// margin-top: 50px;
// border-radius: 10px;
// bottom: 10px;
// left: 50%;
// transform: translate(-50%,-50%);
// }
.popBody{
min-height: 200px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.popBtns{
display: flex;
justify-content: space-between;
align-items: center;
.btn{
width: 180px;
border-radius: 10px;
font-size: 18px;
}
.close{
background: #CFDEFF;
color: #6191FF;
}
.sure{
background: #6191FF;
color: #fff;
}
overflow-y: auto;
overflow-x: hidden;
}
}
</style>

124
src/pages/manage/list/business/withdrawal.vue
Unescape View File

@ -1,11 +1,7 @@
// 取款
<template>
<div class="wrap">
<div class="title">
<p>公司业务</p>
<i class="el-icon-arrow-right"></i>
<p>{{text}}</p>
</div>
<div class="wrap wrap2">
<MyTitle :titleArr="['公司业务', text]"/>
<!-- 开户 -->
<div class="body">
@ -93,9 +89,12 @@ import { mapState } from 'vuex'
import { myValidate, ismoney, checkName, checkHanzi, autoPlay, autoPlay2 } from '@/utils/utilFunction.js'
import { vercustomer, verrate } from '@/utils/verify.js'
import { addOperation, getOperation } from '@/api/http';
import MyTitle from '@/components/myTitle'
export default {
name: 'index',
components:{},
components:{
MyTitle
},
data() {
return {
text:'取款',/* 顶部文字 */
@ -281,105 +280,16 @@ export default {
</script>
<style lang="scss" scoped>
.wrap{
width: 100%;
display: flex;
flex-direction: column;
overflow: hidden;
padding: 24px 0 24px 24px;
.nav{
/deep/ .el-menu.el-menu--horizontal{
border: 0;
}
/deep/ .el-menu--horizontal > .el-menu-item.is-active{
border:2px solid #568DF2;
border-radius: 10px;
color: #000;
}
/deep/ .el-menu--horizontal > .el-menu-item{
border: 2px solid transparent;
border-radius: 10px;
margin-right: 10px;
height: 30px;
line-height: 28px;
}
}
.title{
height: 60px;
display: flex;
align-items: center;
font-size: 20px;
padding-left: 0px;
margin-top: 10px;
}
.body{
margin-top: 50px;
overflow: auto;
.idCard{
border-radius: 5px;
background: #CFDDFF;
text-align: center;
height: 40px;
line-height: 40px;
font-size: 18px;
color: #6191FF;
}
.add{
position: relative;
&::after{
content: '';
display: block;
position: absolute;
right: 3%;
top: -4%;
border: 1px dashed #CFDDFF;
width: 88%;
height: 268px;
}
.addBtn{
position: absolute;
left: 0;
top: 50%;
transform: translate(50%,-50%);
font-size: 22px;
}
}
}
// .submitBtn{
// position: relative;
// width: 300px;
// font-size: 18px;
// height: 68px;
// margin-top: 50px;
// border-radius: 10px;
// bottom: 10px;
// left: 50%;
// transform: translate(-50%,-50%);
// }
.popBody{
min-height: 200px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.popBtns{
display: flex;
justify-content: space-between;
align-items: center;
.btn{
width: 180px;
border-radius: 10px;
font-size: 18px;
}
.close{
background: #CFDEFF;
color: #6191FF;
}
.sure{
background: #6191FF;
color: #fff;
}
}
.wrap{
width: 100%;
display: flex;
flex-direction: column;
overflow: auto;
padding: 24px 0 24px 24px;
.body{
margin-top: 50px;
overflow-y: auto;
overflow-x: hidden;
}
}
</style>

101
src/pages/manage/list/cityWide/cityWideIn.vue
Unescape View File

@ -1,11 +1,7 @@
// 存款
<template>
<div class="wrap">
<div class="title">
<p>同城交换</p>
<i class="el-icon-arrow-right"></i>
<p>同城提入</p>
</div>
<div class="wrap wrap2">
<MyTitle :titleArr="['同城交换', '同城提入']"/>
<!-- 存款 -->
<div class="body">
@ -95,9 +91,12 @@
<script>
import { mapState } from 'vuex'
import { myValidate, ismoney, inputListen, checkHanzi, checkName, autoPlay, autoPlay2 } from '@/utils/utilFunction.js'
import MyTitle from '@/components/myTitle'
export default {
name: 'index',
components:{},
components:{
MyTitle
},
data() {
return {
text:'存款',/* 顶部文字 */
@ -287,94 +286,12 @@ export default {
width: 100%;
display: flex;
flex-direction: column;
overflow: hidden;
overflow: auto;
padding: 24px 0 24px 24px;
.nav{
/deep/ .el-menu.el-menu--horizontal{
border: 0;
}
/deep/ .el-menu--horizontal > .el-menu-item.is-active{
border:2px solid #568DF2;
border-radius: 10px;
color: #000;
}
/deep/ .el-menu--horizontal > .el-menu-item{
border: 2px solid transparent;
border-radius: 10px;
margin-right: 10px;
height: 30px;
line-height: 28px;
}
}
.body{
margin-top: 50px;
overflow: auto;
.idCard{
border-radius: 5px;
background: #CFDDFF;
text-align: center;
height: 40px;
line-height: 40px;
font-size: 18px;
color: #6191FF;
}
.add{
position: relative;
&::after{
content: '';
display: block;
position: absolute;
right: 3%;
top: -4%;
border: 1px dashed #CFDDFF;
width: 88%;
height: 268px;
}
.addBtn{
position: absolute;
left: 0;
top: 50%;
transform: translate(50%,-50%);
font-size: 22px;
}
}
}
.submitBtn{
position: relative;
width: 300px;
font-size: 18px;
height: 68px;
margin-top: 50px;
border-radius: 10px;
bottom: 10px;
left: 50%;
transform: translate(-50%,-0%);
}
.popBody{
min-height: 200px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.popBtns{
display: flex;
justify-content: space-between;
align-items: center;
.btn{
width: 180px;
border-radius: 10px;
font-size: 18px;
}
.close{
background: #CFDEFF;
color: #6191FF;
}
.sure{
background: #6191FF;
color: #fff;
}
overflow-y: auto;
overflow-x: hidden;
}
}
</style>

101
src/pages/manage/list/cityWide/cityWideOut.vue
Unescape View File

@ -1,11 +1,7 @@
// 存款
<template>
<div class="wrap">
<div class="title">
<p>同城交换</p>
<i class="el-icon-arrow-right"></i>
<p>同城提出</p>
</div>
<div class="wrap wrap2">
<MyTitle :titleArr="['同城交换', '同城提出']"/>
<!-- 存款 -->
<div class="body">
@ -94,9 +90,12 @@
<script>
import { mapState } from 'vuex'
import { myValidate, ismoney, inputListen, checkHanzi, checkName, autoPlay, autoPlay2 } from '@/utils/utilFunction.js'
import MyTitle from '@/components/myTitle'
export default {
name: 'index',
components:{},
components:{
MyTitle
},
data() {
return {
text:'存款',/* 顶部文字 */
@ -271,94 +270,12 @@ export default {
width: 100%;
display: flex;
flex-direction: column;
overflow: hidden;
overflow: auto;
padding: 24px 0 24px 24px;
.nav{
/deep/ .el-menu.el-menu--horizontal{
border: 0;
}
/deep/ .el-menu--horizontal > .el-menu-item.is-active{
border:2px solid #568DF2;
border-radius: 10px;
color: #000;
}
/deep/ .el-menu--horizontal > .el-menu-item{
border: 2px solid transparent;
border-radius: 10px;
margin-right: 10px;
height: 30px;
line-height: 28px;
}
}
.body{
margin-top: 50px;
overflow: auto;
.idCard{
border-radius: 5px;
background: #CFDDFF;
text-align: center;
height: 40px;
line-height: 40px;
font-size: 18px;
color: #6191FF;
}
.add{
position: relative;
&::after{
content: '';
display: block;
position: absolute;
right: 3%;
top: -4%;
border: 1px dashed #CFDDFF;
width: 88%;
height: 268px;
}
.addBtn{
position: absolute;
left: 0;
top: 50%;
transform: translate(50%,-50%);
font-size: 22px;
}
}
}
.submitBtn{
position: relative;
width: 300px;
font-size: 18px;
height: 68px;
margin-top: 50px;
border-radius: 10px;
bottom: 10px;
left: 50%;
transform: translate(-50%,-0%);
}
.popBody{
min-height: 200px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.popBtns{
display: flex;
justify-content: space-between;
align-items: center;
.btn{
width: 180px;
border-radius: 10px;
font-size: 18px;
}
.close{
background: #CFDEFF;
color: #6191FF;
}
.sure{
background: #6191FF;
color: #fff;
}
overflow-y: auto;
overflow-x: hidden;
}
}
</style>

73
src/pages/manage/list/client/consumerClient.vue
Unescape View File

@ -1,11 +1,7 @@
// 个人客户
<template>
<div class="wrap">
<div class="flex mt-8 ml-12 text-xl">
<p>客户信息</p>
<i class="el-icon-arrow-right text-xl"></i>
<p>个人客户信息建立</p>
</div>
<div class="wrap wrap2">
<MyTitle :titleArr="['客户信息', '个人客户信息建立']"/>
<div class="body">
<el-row :gutter="20">
<el-form ref="form" :model="form" label-width="140px" :rules="rules">
@ -69,8 +65,9 @@
</el-form>
</el-row>
<el-button @click="submitForm" type="primary" class="submitBtn">提交</el-button>
</div>
<el-button @click="submitForm" type="primary" class="submitBtn">提交</el-button>
<el-dialog
style="margin-top:10vh"
:visible.sync="visible"
@ -112,6 +109,7 @@ import { vername, vermob } from '@/utils/verify.js'
import { addOperation, getOperation } from '@/api/http';
import { mobPattern, namePattern, ratePattern, vercustomer } from '@/utils/verify.js'
import { phoneListen, mailBoxListen, checkRequired, myValidate, checkName } from '@/utils/utilFunction.js'
import MyTitle from '@/components/myTitle'
export default {
name: 'index',
@ -222,6 +220,9 @@ export default {
],
}
},
components: {
MyTitle
},
mounted() {
this.getFormData()
this.$refs.userName.focus();
@ -357,66 +358,16 @@ export default {
</script>
<style lang="scss" scoped>
.wrap{
width: 100%;
display: flex;
flex-direction: column;
overflow: hidden;
.title{
height: 60px;
display: flex;
align-items: center;
font-size: 20px;
padding-left: 50px;
}
overflow: auto;
padding: 24px 0 24px 24px;
.body{
margin-top: 50px;
// .idCard{
// cursor: pointer;
// border-radius: 5px;
// background: #CFDDFF;
// text-align: center;
// height: 40;
// line-height: 40;
// font-size: 18px;
// color: #6191FF;
// }
overflow-y: auto;
overflow-x: hidden;
}
// .submitBtn{
// position: absolute;
// width: 300px;
// font-size: 18px;
// height: 68px;
// border-radius: 10px;
// bottom: 10px;
// left: 50%;
// transform: translate(-50%,-50%);
// }
// .popBody{
// min-height: 200px;
// display: flex;
// align-items: center;
// justify-content: center;
// text-align: center;
// }
// .popBtns{
// display: flex;
// justify-content: space-between;
// align-items: center;
// .btn{
// width: 180px;
// border-radius: 10px;
// font-size: 18px;
// }
// .close{
// background: #CFDEFF;
// color: #6191FF;
// }
// .sure{
// background: #6191FF;
// color: #fff;
// }
// }
}
</style>

160
src/pages/manage/list/client/corporateClient.vue
Unescape View File

@ -1,53 +1,52 @@
// 企业客户
<template>
<div class="wrap w-full">
<div class="title flex mt-4 ml-12 text-xl">
<p>客户信息</p>
<i class="el-icon-arrow-right text-xl"></i>
<p>公司客户信息建立</p>
</div>
<div class="wrap2 wrap">
<MyTitle :titleArr="['客户信息', '公司客户信息建立']"/>
<div class="body">
<el-form ref="form" :model="form" label-width="140px" :rules="rules">
<el-col :span="10" :offset="1">
<el-form-item label="证件类型">
<el-select v-model="form.documentType" placeholder="请选择" ref="documentType">
<el-option label="统一社会信用代码证" value="统一社会信用代码证"></el-option>
</el-select>
</el-form-item>
<el-form-item label="公司名称" prop="companyName">
<el-input v-model="form.companyName" @input="(val) => checkHanzi(val, form, 'companyName')" ref="companyName"></el-input>
</el-form-item>
<el-form-item label="注册资本">
<el-input v-model="form.registeredCapital" ref="registeredCapital"></el-input>
</el-form-item>
<el-form-item label="法人证件号码" required>
<div class="idCard" @click="popUp">
<p>请刷身份证</p>
</div>
</el-form-item>
<el-form-item label="联系电话" :rules="rules.phone" prop="phone">
<el-input :value="form.phone" @input="(val) => phoneListen(val, form, 'phone')" maxlength="12" ref='phone'></el-input>
</el-form-item>
</el-col>
<el-col :span="10" :offset="1">
<el-form-item label="代码证号" prop="codeNumber">
<el-input :value="form.codeNumber" @input="(val) => checkHanzi(val, form, 'codeNumber')" ref="codeNumber"></el-input>
</el-form-item>
<el-form-item label="公司地址">
<el-input v-model="form.companyAddress" ref="companyAddress"></el-input>
</el-form-item>
<el-form-item label="法人证件类型" prop="certificateType">
<el-select v-model="form.certificateType" placeholder="请选择" ref="certificateType">
<el-option label="身份证" value="身份证"></el-option>
</el-select>
</el-form-item>
<el-form-item label="法人姓名" prop="name">
<el-input v-model="form.name" @input="(val) => checkName(val, form, 'name')" ref="name"></el-input>
</el-form-item>
</el-col>
</el-form>
<el-row :gutter="20">
<el-form ref="form" :model="form" label-width="140px" :rules="rules">
<el-col :span="10" :offset="1">
<el-form-item label="证件类型">
<el-select v-model="form.documentType" placeholder="请选择" ref="documentType">
<el-option label="统一社会信用代码证" value="统一社会信用代码证"></el-option>
</el-select>
</el-form-item>
<el-form-item label="公司名称" prop="companyName">
<el-input v-model="form.companyName" @input="(val) => checkHanzi(val, form, 'companyName')" ref="companyName"></el-input>
</el-form-item>
<el-form-item label="注册资本">
<el-input v-model="form.registeredCapital" ref="registeredCapital"></el-input>
</el-form-item>
<el-form-item label="法人证件号码" required>
<div class="idCard" @click="popUp">
<p>请刷身份证</p>
</div>
</el-form-item>
<el-form-item label="联系电话" :rules="rules.phone" prop="phone">
<el-input :value="form.phone" @input="(val) => phoneListen(val, form, 'phone')" maxlength="12" ref='phone'></el-input>
</el-form-item>
</el-col>
<el-col :span="10" :offset="1">
<el-form-item label="代码证号" prop="codeNumber">
<el-input :value="form.codeNumber" @input="(val) => checkHanzi(val, form, 'codeNumber')" ref="codeNumber"></el-input>
</el-form-item>
<el-form-item label="公司地址">
<el-input v-model="form.companyAddress" ref="companyAddress"></el-input>
</el-form-item>
<el-form-item label="法人证件类型" prop="certificateType">
<el-select v-model="form.certificateType" placeholder="请选择" ref="certificateType">
<el-option label="身份证" value="身份证"></el-option>
</el-select>
</el-form-item>
<el-form-item label="法人姓名" prop="name">
<el-input v-model="form.name" @input="(val) => checkName(val, form, 'name')" ref="name"></el-input>
</el-form-item>
</el-col>
</el-form>
</el-row>
<el-button @click="submitForm" type="primary" class="submitBtn">提交</el-button>
</div>
<el-button @click="submitForm" type="primary" class="submitBtn">提交</el-button>
<el-dialog
style="margin-top:10vh"
@ -90,9 +89,13 @@ import { mapState, mapMutations } from 'vuex'
import { mobPattern, namePattern, ratePattern, vercustomer } from '@/utils/verify.js'
import { addOperation, getOperation } from '@/api/http';
import { phoneListen, checkRequired, myValidate, checkHanzi, checkName } from '@/utils/utilFunction.js'
import MyTitle from '@/components/myTitle'
export default {
name: 'index',
components: {
MyTitle
},
data() {
return {
visible:false,// 表单
@ -241,34 +244,45 @@ export default {
</script>
<style lang="scss" scoped>
.body{
margin-top: 50px;
margin-bottom: 50px;
.idCard{
cursor: pointer;
border-radius: 5px;
background: #CFDDFF;
text-align: center;
height: 40px;
line-height: 40px;
font-size: 18px;
color: #6191FF;
}
}
@media screen and (min-width: 1200px) and (max-width: 1700px) {
.body {
margin-bottom: 50px;
.wrap{
width: 100%;
display: flex;
flex-direction: column;
padding: 24px 0 24px 24px;
overflow: auto;
.body{
margin-top: 50px;
overflow: auto;
overflow-y: auto;
overflow-x: hidden;
}
}
// .submitBtn{
// position: absolute;
// width: 300px;
// font-size: 18px;
// height: 68px;
// border-radius: 10px;
// bottom: 10px;
// left: 50%;
// transform: translate(-50%,-50%);
// .body{
// margin-top: 50px;
// .idCard{
// cursor: pointer;
// border-radius: 5px;
// background: #CFDDFF;
// text-align: center;
// height: 40px;
// line-height: 40px;
// font-size: 18px;
// color: #6191FF;
// }
// }
// @media screen and (min-width: 1200px) and (max-width: 1700px) {
// .body {
// margin-bottom: 50px;
// }
// }
// // .submitBtn{
// // position: absolute;
// // width: 300px;
// // font-size: 18px;
// // height: 68px;
// // border-radius: 10px;
// // bottom: 10px;
// // left: 50%;
// // transform: translate(-50%,-50%);
// // }
</style>

36
src/pages/manage/list/personal/callDeposits/accountClosed.vue
Unescape View File

@ -305,30 +305,14 @@ export default{
}
</script>
<style lang='scss' scoped>
.body{
margin-top: 50px;
padding-bottom: 50px;
overflow: auto;
.idCard{
border-radius: 5px;
background: #CFDDFF;
text-align: center;
height: 40px;
line-height: 40px;
font-size: 18px;
color: #6191FF;
cursor: pointer;
}
.submitBtn{
position: relative;
width: 300px;
font-size: 18px;
height: 68px;
margin-top: 50px;
border-radius: 10px;
bottom: 10px;
left: 50%;
transform: translate(-50%,-20%);
}
}
// .submitBtn{
// position: relative;
// width: 10vw!important;
// font-size: 18px;
// height: 168px!important;
// border-radius: 10px;
// bottom: 10px;
// left: 50%;
// transform: translate(-50%,0);
// }
</style>

75
src/pages/manage/list/personal/callDeposits/callDeposits.vue
Unescape View File

@ -1,19 +1,15 @@
<template>
<!-- 通知存款 -->
<div class="wrap">
<div class="wrap wrap2">
<div class="nav">
<el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
<el-menu-item index="1">开户</el-menu-item>
<el-menu-item index="2">支取销户</el-menu-item>
</el-menu>
</div>
<div class="title">
<p>个人业务</p>
<i class="el-icon-arrow-right"></i>
<p>通知存款</p>
<i class="el-icon-arrow-right"></i>
<p>{{text}}</p>
</div>
<MyTitle :titleArr="['个人业务', '通知存款', text]"/>
<!-- 开户 -->
<open-account v-if="activeIndex==='1'"></open-account>
@ -46,11 +42,13 @@
<script>
import openAccount from './openAccount.vue'
import accountClosed from './accountClosed.vue'
import MyTitle from '@/components/myTitle'
export default {
name: 'index',
components:{
openAccount,accountClosed,
MyTitle
},
data() {
return {
@ -88,7 +86,7 @@ export default {
width: 100%;
display: flex;
flex-direction: column;
overflow: hidden;
// overflow: auto;
padding: 24px 0 24px 24px;
.nav{
/deep/ .el-menu.el-menu--horizontal{
@ -116,8 +114,7 @@ export default {
margin-top: 10px;
}
.body{
margin-top: 50px;
overflow: auto;
// overflow: auto;
.idCard{
border-radius: 5px;
background: #CFDDFF;
@ -127,62 +124,6 @@ export default {
font-size: 18px;
color: #6191FF;
}
.add{
position: relative;
&::after{
content: '';
display: block;
position: absolute;
right: 3%;
top: -4%;
border: 1px dashed #CFDDFF;
width: 88%;
height: 268px;
}
.addBtn{
position: absolute;
left: 0;
top: 50%;
transform: translate(50%,-50%);
font-size: 22px;
}
}
}
.submitBtn{
position: relative;
width: 300px;
font-size: 18px;
height: 68px;
margin-top: 50px;
border-radius: 10px;
bottom: 10px;
left: 50%;
transform: translate(-50%,-50%);
}
.popBody{
min-height: 200px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.popBtns{
display: flex;
justify-content: space-between;
align-items: center;
.btn{
width: 180px;
border-radius: 10px;
font-size: 18px;
}
.close{
background: #CFDEFF;
color: #6191FF;
}
.sure{
background: #6191FF;
color: #fff;
}
}
}
</style>

26
src/pages/manage/list/personal/callDeposits/openAccount.vue
Unescape View File

@ -260,30 +260,4 @@ export default{
}
</script>
<style lang='scss' scoped>
.body{
margin-top: 50px;
padding-bottom: 50px;
overflow: auto;
.idCard{
border-radius: 5px;
background: #CFDDFF;
text-align: center;
height: 40px;
line-height: 40px;
font-size: 18px;
color: #6191FF;
cursor: pointer;
}
.submitBtn{
position: relative;
width: 300px;
font-size: 18px;
height: 68px;
border-radius: 10px;
bottom: 10px;
margin-top: 50px;
left: 50%;
transform: translate(-50%,0%);
}
}
</style>

79
src/pages/manage/list/personal/currentAccount/deposit.vue
Unescape View File

@ -1,45 +1,46 @@
/* 个人业务>活期业务>存款 */
<template>
<div class="body">
<el-row :gutter="20" style="margin: 0">
<el-form ref="form" :model="form" label-width="120px" :rules="rules">
<el-col :span="10" :offset="1">
<el-form-item label="卡号">
<div class="idCard" @click="popUp('刷卡器')">
<p>请刷卡</p>
</div>
</el-form-item>
<el-form-item label="币种">
<el-select v-model="form.currency" placeholder="请选择" ref="currency">
<el-option label="CNY人民币" value="CNY人民币"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="金额">
<el-input :value="form.money" @input="val => ismoney(val, form, 'money')" ref="money"></el-input>
</el-form-item>
</el-col>
<el-col :span="10" :offset="1">
<el-form-item label="客户姓名" prop="userName">
<el-input ref="userName" :value="form.userName" @input="(val) => checkName(val, form, 'userName')"></el-input>
</el-form-item>
<el-form-item label="钞汇标识" prop="goldLogo">
<el-select v-model="form.goldLogo" ref="goldLogo" placeholder="请选择">
<el-option label="钞户" value="钞户"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="年利率" prop="annualInterest">
<el-input :value="form.annualInterest" @input="(val) => rateListen(val, form, 'annualInterest')" ref="annualInterest"></el-input>
</el-form-item>
</el-col>
<el-col :span="21" :offset="1">
<el-form-item label="摘要">
<el-input type="textarea" :rows="3" placeholder="请输入内容" v-model="form.remark" ref="remark"></el-input>
</el-form-item>
</el-col>
</el-form>
</el-row>
<el-button @click="submitForm" type="primary" class="submitBtn">提交</el-button>
</div>
<el-row :gutter="20" style="margin: 0">
<el-form ref="form" :model="form" label-width="120px" :rules="rules">
<el-col :span="10" :offset="1">
<el-form-item label="卡号">
<div class="idCard" @click="popUp('刷卡器')">
<p>请刷卡</p>
</div>
</el-form-item>
<el-form-item label="币种">
<el-select v-model="form.currency" placeholder="请选择" ref="currency">
<el-option label="CNY人民币" value="CNY人民币"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="金额">
<el-input :value="form.money" @input="val => ismoney(val, form, 'money')" ref="money"></el-input>
</el-form-item>
</el-col>
<el-col :span="10" :offset="1">
<el-form-item label="客户姓名" prop="userName">
<el-input ref="userName" :value="form.userName" @input="(val) => checkName(val, form, 'userName')"></el-input>
</el-form-item>
<el-form-item label="钞汇标识" prop="goldLogo">
<el-select v-model="form.goldLogo" ref="goldLogo" placeholder="请选择">
<el-option label="钞户" value="钞户"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="年利率" prop="annualInterest">
<el-input :value="form.annualInterest" @input="(val) => rateListen(val, form, 'annualInterest')" ref="annualInterest"></el-input>
</el-form-item>
</el-col>
<el-col :span="21" :offset="1">
<el-form-item label="摘要">
<el-input type="textarea" :rows="3" placeholder="请输入内容" v-model="form.remark" ref="remark"></el-input>
</el-form-item>
</el-col>
</el-form>
</el-row>
<el-button @click="submitForm" type="primary" class="submitBtn">提交</el-button>
</div>
</template>
<script>
import { mapMutations } from 'vuex'

16
src/pages/manage/list/personal/currentAccount/index.vue
Unescape View File

@ -1,6 +1,6 @@
// 活期业务
<template>
<div class="wrap">
<div class="wrap wrap2">
<div class="nav">
<el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
<el-menu-item index="1">开户</el-menu-item>
@ -11,13 +11,14 @@
<el-menu-item index="6">销户</el-menu-item>
</el-menu>
</div>
<div class="title">
<!-- <div class="title">
<p>个人业务</p>
<i class="el-icon-arrow-right"></i>
<p>活期业务</p>
<i class="el-icon-arrow-right"></i>
<p>{{text}}</p>
</div>
</div> -->
<MyTitle :titleArr="['客户信息', '个人客户信息建立', text]"/>
<!-- 开户 -->
<open-account v-if="activeIndex==='1'"></open-account>
@ -63,6 +64,7 @@ import withdrawal from './withdrawal.vue'
import transferAccounts from './transferAccounts.vue'
import settle from './settle.vue'
import accountCancellation from './accountCancellation.vue'
import MyTitle from '@/components/myTitle'
export default {
name: 'index',
components:{
@ -71,7 +73,8 @@ export default {
withdrawal,
transferAccounts,
settle,
accountCancellation
accountCancellation,
MyTitle
},
data() {
@ -102,7 +105,7 @@ export default {
}
},
created() {
this.handleSelect('1')
},
methods: {
handleSelect(val){
@ -124,7 +127,7 @@ export default {
width: 100%;
display: flex;
flex-direction: column;
overflow: hidden;
overflow: auto;
padding: 24px 0 24px 24px;
.nav{
/deep/ .el-menu.el-menu--horizontal{
@ -153,7 +156,6 @@ export default {
}
.body{
margin-top: 50px;
overflow: auto;
.idCard{
border-radius: 5px;
background: #CFDDFF;

51
src/pages/manage/list/personal/currentAccount/openAccount.vue
Unescape View File

@ -1,7 +1,9 @@
/* 个人业务>活期业务>开户 */
<template>
<div class="body">
<el-row :gutter="20" style="margin: 0">
<div>
<div class="body">
<div>
<el-row :gutter="20" style="margin: 0">
<el-form ref="form" :model="form" label-width="120px" :rules="rules">
<el-col :span="10" :offset="2">
<el-form-item label="客户号">
@ -149,28 +151,33 @@
<el-button @click="deleteSecond()" class="addBtn" circle icon="el-icon-close"></el-button>
</el-row>
</div>
</div>
<el-button @click="formSubmit" type="primary" class="submitBtn">提交</el-button>
<el-dialog
style="margin-top:10vh"
:visible.sync="visible"
:modal="false"
width="40%"
:close-on-click-modal="false"
:show-close="false"
custom-class="data-dia"
>
<div slot="title" class="dia-header">
<div class="data-title">提交</div>
</div>
<div class="popBody">
<h2>提交后将不可更改，您确认提交吗？</h2>
</div>
<div class="popBtns">
<el-button class="close btn" @click="visible = false">取 消</el-button>
<el-button class="sure btn" type="primary" @click="popSure">确 定</el-button>
</div>
</el-dialog>
</div>
<el-dialog
style="margin-top:10vh"
:visible.sync="visible"
:modal="false"
width="40%"
:close-on-click-modal="false"
:show-close="false"
custom-class="data-dia"
>
<div slot="title" class="dia-header">
<div class="data-title">提交</div>
</div>
<div class="popBody">
<h2>提交后将不可更改，您确认提交吗？</h2>
</div>
<div class="popBtns">
<el-button class="close btn" @click="visible = false">取 消</el-button>
<el-button class="sure btn" type="primary" @click="popSure">确 定</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import {getSubjectInfo,addOperation,getOperation} from "@/api/http.js";

50
src/pages/manage/list/personal/currentAccount/settle.vue
Unescape View File

@ -173,29 +173,29 @@ export default{
}
</script>
<style lang='scss' scoped>
.body{
margin-top: 50px;
overflow: auto;
.idCard{
border-radius: 5px;
background: #CFDDFF;
text-align: center;
height: 40px;
line-height: 40px;
font-size: 18px;
color: #6191FF;
cursor: pointer;
}
// .submitBtn{
// position: relative;
// width: 300px;
// font-size: 18px;
// height: 68px;
// margin-top: 50px;
// border-radius: 10px;
// bottom: 10px;
// left: 50%;
// transform: translate(-50%,-20%);
// }
}
// .body{
// margin-top: 50px;
// overflow: auto;
// .idCard{
// border-radius: 5px;
// background: #CFDDFF;
// text-align: center;
// height: 40px;
// line-height: 40px;
// font-size: 18px;
// color: #6191FF;
// cursor: pointer;
// }
// // .submitBtn{
// // position: relative;
// // width: 300px;
// // font-size: 18px;
// // height: 68px;
// // margin-top: 50px;
// // border-radius: 10px;
// // bottom: 10px;
// // left: 50%;
// // transform: translate(-50%,-20%);
// // }
// }
</style>

50
src/pages/manage/list/personal/currentAccount/transferAccounts.vue
Unescape View File

@ -180,30 +180,28 @@ export default{
}
</script>
<style lang='scss' scoped>
.body{
margin-top: 50px;
padding-bottom: 50px;
overflow: auto;
.idCard{
border-radius: 5px;
background: #CFDDFF;
text-align: center;
height: 40px;
line-height: 40px;
font-size: 18px;
color: #6191FF;
cursor: pointer;
}
// .submitBtn{
// position: relative;
// width: 300px;
// font-size: 18px;
// height: 68px;
// margin-top: 50px;
// border-radius: 10px;
// bottom: 10px;
// left: 50%;
// transform: translate(-50%,-50%);
// }
}
// .body{
// margin-top: 50px;
// .idCard{
// border-radius: 5px;
// background: #CFDDFF;
// text-align: center;
// height: 40px;
// line-height: 40px;
// font-size: 18px;
// color: #6191FF;
// cursor: pointer;
// }
// // .submitBtn{
// // position: relative;
// // width: 300px;
// // font-size: 18px;
// // height: 68px;
// // margin-top: 50px;
// // border-radius: 10px;
// // bottom: 10px;
// // left: 50%;
// // transform: translate(-50%,-50%);
// // }
// }
</style>

1
src/pages/manage/list/personal/currentAccount/withdrawal.vue
Unescape View File

@ -50,6 +50,7 @@
</el-row>
<el-button @click="submitForm" type="primary" class="submitBtn">提交</el-button>
</div>
</template>
<script>
import { mobPattern, namePattern, ratePattern, vercustomer } from '@/utils/verify.js'

52
src/pages/manage/list/personal/timeDeposit/deposit.vue
Unescape View File

@ -259,30 +259,30 @@ export default{
}
</script>
<style lang='scss' scoped>
.body{
margin-top: 50px;
padding-bottom: 50px;
overflow: auto;
.idCard{
border-radius: 5px;
background: #CFDDFF;
text-align: center;
height: 40px;
line-height: 40px;
font-size: 18px;
color: #6191FF;
cursor: pointer;
}
.submitBtn{
position: relative;
width: 300px;
font-size: 18px;
height: 68px;
border-radius: 10px;
margin-top: 50px;
bottom: 10px;
left: 50%;
transform: translate(-50%,-20%);
}
}
// .body{
// margin-top: 50px;
// padding-bottom: 50px;
// overflow: auto;
// .idCard{
// border-radius: 5px;
// background: #CFDDFF;
// text-align: center;
// height: 40px;
// line-height: 40px;
// font-size: 18px;
// color: #6191FF;
// cursor: pointer;
// }
// .submitBtn{
// position: relative;
// width: 300px;
// font-size: 18px;
// height: 68px;
// border-radius: 10px;
// margin-top: 50px;
// bottom: 10px;
// left: 50%;
// transform: translate(-50%,-20%);
// }
// }
</style>

52
src/pages/manage/list/personal/timeDeposit/openAccount.vue
Unescape View File

@ -212,30 +212,30 @@ export default{
}
</script>
<style lang='scss' scoped>
.body{
margin-top: 50px;
padding-bottom: 50px;
overflow: auto;
.idCard{
border-radius: 5px;
background: #CFDDFF;
text-align: center;
height: 40px;
line-height: 40px;
font-size: 18px;
color: #6191FF;
cursor: pointer;
}
.submitBtn{
position: relative;
width: 300px;
font-size: 18px;
height: 68px;
margin-top: 50px;
border-radius: 10px;
bottom: 10px;
left: 50%;
transform: translate(-50%,-20%);
}
}
// .body{
// margin-top: 50px;
// padding-bottom: 50px;
// overflow: auto;
// .idCard{
// border-radius: 5px;
// background: #CFDDFF;
// text-align: center;
// height: 40px;
// line-height: 40px;
// font-size: 18px;
// color: #6191FF;
// cursor: pointer;
// }
// .submitBtn{
// position: relative;
// width: 300px;
// font-size: 18px;
// height: 68px;
// margin-top: 50px;
// border-radius: 10px;
// bottom: 10px;
// left: 50%;
// transform: translate(-50%,-20%);
// }
// }
</style>

9
src/pages/manage/list/personal/timeDeposit/timeDeposit.vue
Unescape View File

@ -1,6 +1,6 @@
// 整存整取
<template>
<div class="wrap">
<div class="wrap wrap2">
<div class="nav">
<el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
<el-menu-item index="1">开户</el-menu-item>
@ -9,13 +9,14 @@
</el-menu>
</div>
<div class="title">
<!-- <div class="title">
<p>个人业务</p>
<i class="el-icon-arrow-right"></i>
<p>整存整取</p>
<i class="el-icon-arrow-right"></i>
<p>{{text}}</p>
</div>
</div> -->
<MyTitle :titleArr="['个人业务', '整存整取', text]"/>
<!-- 开户 -->
<open-account v-if="activeIndex==='1'"></open-account>
<!-- 存款 -->
@ -51,6 +52,7 @@ import { mapState } from 'vuex'
import openAccount from './openAccount.vue'
import deposit from './deposit.vue'
import withdrawal from './withdrawal.vue'
import MyTitle from '@/components/myTitle'
export default {
name: 'index',
@ -58,6 +60,7 @@ export default {
openAccount,
deposit,
withdrawal,
MyTitle
},
data() {
return {

52
src/pages/manage/list/personal/timeDeposit/withdrawal.vue
Unescape View File

@ -190,30 +190,30 @@ export default{
}
</script>
<style lang='scss' scoped>
.body{
margin-top: 50px;
padding-bottom: 50px;
overflow: auto;
.idCard{
border-radius: 5px;
background: #CFDDFF;
text-align: center;
height: 40px;
line-height: 40px;
font-size: 18px;
color: #6191FF;
cursor: pointer;
}
.submitBtn{
position: relative;
width: 300px;
font-size: 18px;
height: 68px;
border-radius: 10px;
margin-top: 50px;
bottom: 0px;
left: 50%;
transform: translate(-50%,-20%);
}
}
// .body{
// margin-top: 50px;
// padding-bottom: 50px;
// overflow: auto;
// .idCard{
// border-radius: 5px;
// background: #CFDDFF;
// text-align: center;
// height: 40px;
// line-height: 40px;
// font-size: 18px;
// color: #6191FF;
// cursor: pointer;
// }
// .submitBtn{
// position: relative;
// width: 300px;
// font-size: 18px;
// height: 68px;
// border-radius: 10px;
// margin-top: 50px;
// bottom: 0px;
// left: 50%;
// transform: translate(-50%,-20%);
// }
// }
</style>

52
src/pages/manage/list/personal/usefulPhrases/accountClosed.vue
Unescape View File

@ -247,30 +247,30 @@ export default{
}
</script>
<style lang='scss' scoped>
.body{
margin-top: 50px;
padding-bottom: 50px;
overflow: auto;
.idCard{
border-radius: 5px;
background: #CFDDFF;
text-align: center;
height: 40px;
line-height: 40px;
font-size: 18px;
color: #6191FF;
cursor: pointer;
}
.submitBtn{
position: relative;
width: 300px;
font-size: 18px;
height: 68px;
margin-top: 50px;
border-radius: 10px;
bottom: 10px;
left: 50%;
transform: translate(-50%,-20%);
}
}
// .body{
// margin-top: 50px;
// padding-bottom: 50px;
// overflow: auto;
// .idCard{
// border-radius: 5px;
// background: #CFDDFF;
// text-align: center;
// height: 40px;
// line-height: 40px;
// font-size: 18px;
// color: #6191FF;
// cursor: pointer;
// }
// .submitBtn{
// position: relative;
// width: 300px;
// font-size: 18px;
// height: 68px;
// margin-top: 50px;
// border-radius: 10px;
// bottom: 10px;
// left: 50%;
// transform: translate(-50%,-20%);
// }
// }
</style>

26
src/pages/manage/list/personal/usefulPhrases/continueDeposit.vue
Unescape View File

@ -165,30 +165,4 @@ export default{
}
</script>
<style lang='scss' scoped>
.body{
margin-top: 50px;
padding-bottom: 50px;
overflow: auto;
.idCard{
border-radius: 5px;
background: #CFDDFF;
text-align: center;
height: 40px;
line-height: 40px;
font-size: 18px;
color: #6191FF;
cursor: pointer;
}
.submitBtn{
position: relative;
width: 300px;
font-size: 18px;
height: 68px;
border-radius: 10px;
margin-top: 50px;
bottom: 10px;
left: 50%;
transform: translate(-50%,-20%);
}
}
</style>

26
src/pages/manage/list/personal/usefulPhrases/openAccount.vue
Unescape View File

@ -244,30 +244,4 @@ export default{
}
</script>
<style lang='scss' scoped>
.body{
margin-top: 50px;
padding-bottom: 50px;
overflow: auto;
.idCard{
border-radius: 5px;
background: #CFDDFF;
text-align: center;
height: 40px;
line-height: 40px;
font-size: 18px;
color: #6191FF;
cursor: pointer;
}
.submitBtn{
position: relative;
width: 300px;
font-size: 18px;
height: 68px;
margin-top: 50px;
border-radius: 10px;
bottom: 10px;
left: 50%;
transform: translate(-50%,-20%);
}
}
</style>

9
src/pages/manage/list/personal/usefulPhrases/usefulPhrases.vue
Unescape View File

@ -1,6 +1,6 @@
<template>
<!-- 零存整取 -->
<div class="wrap">
<div class="wrap wrap2">
<div class="nav">
<el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
<el-menu-item index="1">开户</el-menu-item>
@ -9,13 +9,14 @@
</el-menu>
</div>
<div class="title">
<!-- <div class="title">
<p>个人业务</p>
<i class="el-icon-arrow-right"></i>
<p>零存整取</p>
<i class="el-icon-arrow-right"></i>
<p>{{text}}</p>
</div>
</div> -->
<MyTitle :titleArr="['个人业务', '零存整取', text]"/>
<!-- 开户 -->
<open-account v-if="activeIndex==='1'"></open-account>
@ -51,12 +52,14 @@
import openAccount from './openAccount.vue'
import continueDeposit from './continueDeposit.vue'
import accountClosed from './accountClosed.vue'
import MyTitle from '@/components/myTitle'
export default {
name: 'index',
components:{
openAccount,
continueDeposit,
accountClosed,
MyTitle
},
data() {
return {

94
src/pages/manage/list/servicesAccount/passwordChange.vue
Unescape View File

@ -1,10 +1,6 @@
<template>
<div class="changePassword">
<div class="title">
<p>账户服务</p>
<i class="el-icon-arrow-right"></i>
<p>密码修改</p>
</div>
<div class="wrap wrap2">
<MyTitle :titleArr="['账户服务', '密码修改']"/>
<div class="body">
<el-row :gutter="20" style="margin: 0">
<el-form ref="form" :model="form" label-width="120px" :rules="rules">
@ -44,36 +40,41 @@
</el-form>
</el-row>
<el-button @click="submitForm" type="primary" class="submitBtn">提交</el-button>
<el-dialog
style="margin-top:10vh"
:visible.sync="visible"
:modal="false"
width="40%"
:close-on-click-modal="false"
:show-close="false"
custom-class="data-dia"
>
<div slot="title" class="dia-header">
<div class="data-title">提交</div>
</div>
<div class="popBody">
<h2 v-if='dialogChange'>本业务需要授权</h2>
</div>
<div class="popBtns">
<el-button class="close btn" @click="visible = false">取 消</el-button>
<el-button class="sure btn" type="primary" @click="visible = false">确 定</el-button>
</div>
</el-dialog>
</div>
<el-dialog
style="margin-top:10vh"
:visible.sync="visible"
:modal="false"
width="40%"
:close-on-click-modal="false"
:show-close="false"
custom-class="data-dia"
>
<div slot="title" class="dia-header">
<div class="data-title">提交</div>
</div>
<div class="popBody">
<h2 v-if='dialogChange'>本业务需要授权</h2>
</div>
<div class="popBtns">
<el-button class="close btn" @click="visible = false">取 消</el-button>
<el-button class="sure btn" type="primary" @click="visible = false">确 定</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import { vercustomer } from '@/utils/verify.js'
import { myValidate, checkHanzi, checkName, autoPlay, autoPlay2 } from '@/utils/utilFunction.js'
import MyTitle from '@/components/myTitle'
export default{
name:'',
props:{},
components: {
MyTitle
},
data(){
return{
dialogChange: true,
@ -170,40 +171,17 @@ export default{
}
</script>
<style lang='scss' scoped>
.changePassword{
.wrap{
width: 100%;
.title{
margin-left: 80px;
height: 60px;
display: flex;
align-items: center;
font-size: 20px;
padding-left: 0px;
margin-top: 10px;
}
display: flex;
flex-direction: column;
overflow: auto;
padding: 24px 0 24px 24px;
.body{
margin-top: 70px;
.idCard{
border-radius: 5px;
background: #CFDDFF;
text-align: center;
height: 40px;
line-height: 40px;
font-size: 18px;
color: #6191FF;
cursor: pointer;
}
.submitBtn{
position: relative;
width: 300px;
font-size: 18px;
height: 68px;
margin-top: 50px;
border-radius: 10px;
bottom: 10px;
left: 50%;
transform: translate(-50%,-20%);
}
margin-top: 50px;
overflow-y: auto;
overflow-x: hidden;
}
}
</style>

53
src/pages/manage/list/servicesAccount/passwordLost.vue
Unescape View File

@ -1,10 +1,7 @@
<template>
<div class="changePassword">
<div class="title">
<p>账户服务</p>
<i class="el-icon-arrow-right"></i>
<p>密码挂失</p>
</div>
<div class="wrap wrap2">
<MyTitle :titleArr="['账户服务', '密码挂失']"/>
<div class="body">
<el-row :gutter="20" style="margin: 0">
<el-form ref="form" :model="form" label-width="120px" :rules="rules">
@ -65,9 +62,13 @@
<script>
import { vercustomer } from '@/utils/verify.js'
import { myValidate, checkHanzi, checkName, autoPlay, autoPlay2 } from '@/utils/utilFunction.js'
import MyTitle from '@/components/myTitle'
export default{
name:'',
props:{},
components: {
MyTitle
},
data(){
return{
dialogChange: false,
@ -144,40 +145,16 @@ export default{
}
</script>
<style lang='scss' scoped>
.changePassword{
width: 100%;
.title{
margin-left: 80px;
height: 60px;
.wrap{
width: 100%;
display: flex;
align-items: center;
font-size: 20px;
padding-left: 0px;
margin-top: 10px;
}
.body{
margin-top: 70px;
.idCard{
border-radius: 5px;
background: #CFDDFF;
text-align: center;
height: 40px;
line-height: 40px;
font-size: 18px;
color: #6191FF;
cursor: pointer;
}
.submitBtn{
position: relative;
width: 300px;
font-size: 18px;
height: 68px;
flex-direction: column;
overflow: auto;
padding: 24px 0 24px 24px;
.body{
margin-top: 50px;
border-radius: 10px;
bottom: 10px;
left: 50%;
transform: translate(-50%,-20%);
overflow-y: auto;
overflow-x: hidden;
}
}
}
</style>

46
src/pages/manage/list/servicesAccount/relieveLost.vue
Unescape View File

@ -1,5 +1,5 @@
<template>
<div class="changePassword">
<div class="wrap wrap2">
<div class="title">
<p>账户服务</p>
<i class="el-icon-arrow-right"></i>
@ -68,9 +68,13 @@
<script>
import { vercustomer } from '@/utils/verify.js'
import { myValidate, checkHanzi, checkName, autoPlay, autoPlay2 } from '@/utils/utilFunction.js'
import MyTitle from '@/components/myTitle'
export default{
name:'',
props:{},
components: {
MyTitle
},
data(){
return{
form:{
@ -156,40 +160,16 @@ export default{
}
</script>
<style lang='scss' scoped>
.changePassword{
.wrap{
width: 100%;
.title{
margin-left: 80px;
height: 60px;
display: flex;
align-items: center;
font-size: 20px;
padding-left: 0px;
margin-top: 10px;
}
display: flex;
flex-direction: column;
overflow: auto;
padding: 24px 0 24px 24px;
.body{
margin-top: 70px;
.idCard{
border-radius: 5px;
background: #CFDDFF;
text-align: center;
height: 40px;
line-height: 40px;
font-size: 18px;
color: #6191FF;
cursor: pointer;
}
.submitBtn{
position: relative;
width: 300px;
font-size: 18px;
height: 68px;
margin-top: 50px;
border-radius: 10px;
bottom: 10px;
left: 50%;
transform: translate(-50%,-20%);
}
margin-top: 50px;
overflow-y: auto;
overflow-x: hidden;
}
}
</style>

34
src/styles/system.scss
Unescape View File

@ -1,13 +1,29 @@
.submitBtn{
position: relative;
width: 10vw;
font-size: 18px;
height: 68px;
border-radius: 10px;
bottom: 10px;
left: 50%;
transform: translate(-50%,0);
.wrap2{
width: 100%;
display: flex;
flex-direction: column;
// overflow-y: hidden!important;
.body{
// min-height: 50vh;
overflow-x: hidden;
margin-top: 50px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.submitBtn{
position: relative;
width: 10vw!important;
font-size: 18px;
min-height: 68px;
border-radius: 10px;
bottom: 10px;
left: 50%;
transform: translate(-50%,0);
}
}
.popBody{
min-height: 200px;
display: flex;

0
test.txt
Unescape View File

Write Preview
Loading…
Cancel
Save