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

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

@ -39,7 +39,7 @@ export default {
} }
}, },
components: { components: {
navbar, navbar
}, },
computed:{ computed:{
full:function(){ full:function(){
@ -69,30 +69,34 @@ export default {
$font_size_All: 16px; // 字体大小 $font_size_All: 16px; // 字体大小
$submenu_padding_left: 25px; // 相应的padding-left大小 $submenu_padding_left: 25px; // 相应的padding-left大小
@media screen and (min-width: 1920px) { @media screen and (min-width: 1920px) {
/deep/.el-form { /deep/.body {
// height: 42vh; min-height: 50vh;
min-height: 45vh;
// overflow: auto;
}
/deep/.submitBtn{
max-width: 10vw!important;
} }
} }
@media screen and (min-width: 1200px) and (max-width: 1700px) { @media screen and (min-width: 1200px) and (max-width: 1700px) {
/deep/.el-form { /deep/.body {
min-height: 40vh; min-height: 30vh;
}
/deep/.submitBtn{
max-width: 12vw!important;
} }
} }
// .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{ .box{
display: flex; display: flex;

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

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

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

@ -1,11 +1,7 @@
// 存款 // 存款
<template> <template>
<div class="wrap"> <div class="wrap wrap2">
<div class="title"> <MyTitle :titleArr="['公司业务', text]"/>
<p>公司业务</p>
<i class="el-icon-arrow-right"></i>
<p>{{text}}</p>
</div>
<!-- 存款 --> <!-- 存款 -->
<div class="body"> <div class="body">
@ -47,6 +43,7 @@
<el-button @click="submitForm" type="primary" class="submitBtn">提交</el-button> <el-button @click="submitForm" type="primary" class="submitBtn">提交</el-button>
</div> </div>
<el-dialog <el-dialog
style="margin-top:10vh" style="margin-top:10vh"
:visible.sync="visible" :visible.sync="visible"
@ -75,9 +72,12 @@ import { mapState } from 'vuex'
import { checkHanzi, checkName, ismoney, rateListen, myValidate, autoPlay, autoPlay2 } from '@/utils/utilFunction.js' import { checkHanzi, checkName, ismoney, rateListen, myValidate, autoPlay, autoPlay2 } from '@/utils/utilFunction.js'
import { vercustomer, verrate } from '@/utils/verify.js' import { vercustomer, verrate } from '@/utils/verify.js'
import { addOperation, getOperation } from '@/api/http'; import { addOperation, getOperation } from '@/api/http';
import MyTitle from '@/components/myTitle'
export default { export default {
name: 'index', name: 'index',
components:{}, components:{
MyTitle
},
data() { data() {
return { return {
text:'存款',/* 顶部文字 */ text:'存款',/* 顶部文字 */
@ -207,97 +207,15 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.wrap{ .wrap{
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
overflow: hidden; overflow: auto;
padding: 24px 0 24px 24px; padding: 24px 0 24px 24px;
.nav{ .body{
/deep/ .el-menu.el-menu--horizontal{ margin-top: 50px;
border: 0; overflow-y: auto;
} overflow-x: hidden;
/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;
}
}
} }
}
</style> </style>

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

@ -1,11 +1,7 @@
// 开户 // 开户
<template> <template>
<div class="wrap"> <div class="wrap wrap2">
<div class="title"> <MyTitle :titleArr="['公司业务', text]"/>
<p>公司业务</p>
<i class="el-icon-arrow-right"></i>
<p>{{text}}</p>
</div>
<!-- 开户 --> <!-- 开户 -->
<div class="body"> <div class="body">
@ -88,6 +84,7 @@
<el-button @click="submitForm" type="primary" class="submitBtn">提交</el-button> <el-button @click="submitForm" type="primary" class="submitBtn">提交</el-button>
</div> </div>
<el-dialog <el-dialog
style="margin-top:10vh" style="margin-top:10vh"
:visible.sync="visible" :visible.sync="visible"
@ -116,9 +113,12 @@ import { mapState } from 'vuex'
import { myValidate, ismoney, checkName, checkHanzi, autoPlay, autoPlay2 } from '@/utils/utilFunction.js' import { myValidate, ismoney, checkName, checkHanzi, autoPlay, autoPlay2 } from '@/utils/utilFunction.js'
import { vercustomer, verrate } from '@/utils/verify.js' import { vercustomer, verrate } from '@/utils/verify.js'
import { addOperation, getOperation } from '@/api/http'; import { addOperation, getOperation } from '@/api/http';
import MyTitle from '@/components/myTitle'
export default { export default {
name: 'index', name: 'index',
components:{}, components:{
MyTitle
},
data() { data() {
return { return {
text:'开户',/* 顶部文字 */ text:'开户',/* 顶部文字 */
@ -317,105 +317,16 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.wrap{ .wrap{
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
overflow: hidden; overflow: auto;
padding: 24px 0 24px 24px; padding: 24px 0 24px 24px;
.nav{ .body{
/deep/ .el-menu.el-menu--horizontal{ margin-top: 50px;
border: 0; overflow-y: auto;
} overflow-x: hidden;
/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;
}
}
} }
}
</style> </style>

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

@ -1,11 +1,8 @@
// 转账 // 转账
<template> <template>
<div class="wrap"> <div class="wrap wrap2">
<div class="title"> <MyTitle :titleArr="['公司业务', text]"/>
<p>公司业务</p>
<i class="el-icon-arrow-right"></i>
<p>{{text}}</p>
</div>
<!-- 开户 --> <!-- 开户 -->
<div class="body"> <div class="body">
@ -75,6 +72,7 @@
<el-button @click="submitForm" type="primary" class="submitBtn">提交</el-button> <el-button @click="submitForm" type="primary" class="submitBtn">提交</el-button>
</div> </div>
<el-dialog <el-dialog
style="margin-top:10vh" style="margin-top:10vh"
:visible.sync="visible" :visible.sync="visible"
@ -102,9 +100,12 @@
import { mapState } from 'vuex' import { mapState } from 'vuex'
import { myValidate, ismoney, checkHanzi, checkName, autoPlay, autoPlay2 } from '@/utils/utilFunction.js' import { myValidate, ismoney, checkHanzi, checkName, autoPlay, autoPlay2 } from '@/utils/utilFunction.js'
import { vercustomer } from '@/utils/verify.js' import { vercustomer } from '@/utils/verify.js'
import MyTitle from '@/components/myTitle'
export default { export default {
name: 'index', name: 'index',
components:{}, components:{
MyTitle
},
data() { data() {
return { return {
text:'转账',/* 顶部文字 */ text:'转账',/* 顶部文字 */
@ -261,93 +262,12 @@ export default {
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
overflow: hidden; overflow: auto;
padding: 24px 0 24px 24px; 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{ .body{
margin-top: 50px; margin-top: 50px;
overflow: auto; overflow-y: auto;
.idCard{ overflow-x: hidden;
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;
}
} }
} }
</style> </style>

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

@ -1,11 +1,7 @@
// 取款 // 取款
<template> <template>
<div class="wrap"> <div class="wrap wrap2">
<div class="title"> <MyTitle :titleArr="['公司业务', text]"/>
<p>公司业务</p>
<i class="el-icon-arrow-right"></i>
<p>{{text}}</p>
</div>
<!-- 开户 --> <!-- 开户 -->
<div class="body"> <div class="body">
@ -93,9 +89,12 @@ import { mapState } from 'vuex'
import { myValidate, ismoney, checkName, checkHanzi, autoPlay, autoPlay2 } from '@/utils/utilFunction.js' import { myValidate, ismoney, checkName, checkHanzi, autoPlay, autoPlay2 } from '@/utils/utilFunction.js'
import { vercustomer, verrate } from '@/utils/verify.js' import { vercustomer, verrate } from '@/utils/verify.js'
import { addOperation, getOperation } from '@/api/http'; import { addOperation, getOperation } from '@/api/http';
import MyTitle from '@/components/myTitle'
export default { export default {
name: 'index', name: 'index',
components:{}, components:{
MyTitle
},
data() { data() {
return { return {
text:'取款',/* 顶部文字 */ text:'取款',/* 顶部文字 */
@ -281,105 +280,16 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.wrap{ .wrap{
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
overflow: hidden; overflow: auto;
padding: 24px 0 24px 24px; padding: 24px 0 24px 24px;
.nav{ .body{
/deep/ .el-menu.el-menu--horizontal{ margin-top: 50px;
border: 0; overflow-y: auto;
} overflow-x: hidden;
/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;
}
}
} }
}
</style> </style>

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

@ -1,11 +1,7 @@
// 存款 // 存款
<template> <template>
<div class="wrap"> <div class="wrap wrap2">
<div class="title"> <MyTitle :titleArr="['同城交换', '同城提入']"/>
<p>同城交换</p>
<i class="el-icon-arrow-right"></i>
<p>同城提入</p>
</div>
<!-- 存款 --> <!-- 存款 -->
<div class="body"> <div class="body">
@ -95,9 +91,12 @@
<script> <script>
import { mapState } from 'vuex' import { mapState } from 'vuex'
import { myValidate, ismoney, inputListen, checkHanzi, checkName, autoPlay, autoPlay2 } from '@/utils/utilFunction.js' import { myValidate, ismoney, inputListen, checkHanzi, checkName, autoPlay, autoPlay2 } from '@/utils/utilFunction.js'
import MyTitle from '@/components/myTitle'
export default { export default {
name: 'index', name: 'index',
components:{}, components:{
MyTitle
},
data() { data() {
return { return {
text:'存款',/* 顶部文字 */ text:'存款',/* 顶部文字 */
@ -287,94 +286,12 @@ export default {
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
overflow: hidden; overflow: auto;
padding: 24px 0 24px 24px; 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{ .body{
margin-top: 50px; margin-top: 50px;
overflow: auto; overflow-y: auto;
.idCard{ overflow-x: hidden;
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;
}
} }
} }
</style> </style>

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

@ -1,11 +1,7 @@
// 存款 // 存款
<template> <template>
<div class="wrap"> <div class="wrap wrap2">
<div class="title"> <MyTitle :titleArr="['同城交换', '同城提出']"/>
<p>同城交换</p>
<i class="el-icon-arrow-right"></i>
<p>同城提出</p>
</div>
<!-- 存款 --> <!-- 存款 -->
<div class="body"> <div class="body">
@ -94,9 +90,12 @@
<script> <script>
import { mapState } from 'vuex' import { mapState } from 'vuex'
import { myValidate, ismoney, inputListen, checkHanzi, checkName, autoPlay, autoPlay2 } from '@/utils/utilFunction.js' import { myValidate, ismoney, inputListen, checkHanzi, checkName, autoPlay, autoPlay2 } from '@/utils/utilFunction.js'
import MyTitle from '@/components/myTitle'
export default { export default {
name: 'index', name: 'index',
components:{}, components:{
MyTitle
},
data() { data() {
return { return {
text:'存款',/* 顶部文字 */ text:'存款',/* 顶部文字 */
@ -271,94 +270,12 @@ export default {
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
overflow: hidden; overflow: auto;
padding: 24px 0 24px 24px; 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{ .body{
margin-top: 50px; margin-top: 50px;
overflow: auto; overflow-y: auto;
.idCard{ overflow-x: hidden;
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;
}
} }
} }
</style> </style>

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

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

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

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

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

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

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

@ -1,19 +1,15 @@
<template> <template>
<!-- 通知存款 --> <!-- 通知存款 -->
<div class="wrap"> <div class="wrap wrap2">
<div class="nav"> <div class="nav">
<el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect"> <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="1">开户</el-menu-item>
<el-menu-item index="2">支取销户</el-menu-item> <el-menu-item index="2">支取销户</el-menu-item>
</el-menu> </el-menu>
</div> </div>
<div class="title">
<p>个人业务</p>
<i class="el-icon-arrow-right"></i> <MyTitle :titleArr="['个人业务', '通知存款', text]"/>
<p>通知存款</p>
<i class="el-icon-arrow-right"></i>
<p>{{text}}</p>
</div>
<!-- 开户 --> <!-- 开户 -->
<open-account v-if="activeIndex==='1'"></open-account> <open-account v-if="activeIndex==='1'"></open-account>
@ -46,11 +42,13 @@
<script> <script>
import openAccount from './openAccount.vue' import openAccount from './openAccount.vue'
import accountClosed from './accountClosed.vue' import accountClosed from './accountClosed.vue'
import MyTitle from '@/components/myTitle'
export default { export default {
name: 'index', name: 'index',
components:{ components:{
openAccount,accountClosed, openAccount,accountClosed,
MyTitle
}, },
data() { data() {
return { return {
@ -88,7 +86,7 @@ export default {
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
overflow: hidden; // overflow: auto;
padding: 24px 0 24px 24px; padding: 24px 0 24px 24px;
.nav{ .nav{
/deep/ .el-menu.el-menu--horizontal{ /deep/ .el-menu.el-menu--horizontal{
@ -116,8 +114,7 @@ export default {
margin-top: 10px; margin-top: 10px;
} }
.body{ .body{
margin-top: 50px; // overflow: auto;
overflow: auto;
.idCard{ .idCard{
border-radius: 5px; border-radius: 5px;
background: #CFDDFF; background: #CFDDFF;
@ -127,62 +124,6 @@ export default {
font-size: 18px; font-size: 18px;
color: #6191FF; 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> </style>

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

@ -260,30 +260,4 @@ export default{
} }
</script> </script>
<style lang='scss' scoped> <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> </style>

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

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

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

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

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

@ -1,7 +1,9 @@
/* 个人业务>活期业务>开户 */ /* 个人业务>活期业务>开户 */
<template> <template>
<div class="body"> <div>
<el-row :gutter="20" style="margin: 0"> <div class="body">
<div>
<el-row :gutter="20" style="margin: 0">
<el-form ref="form" :model="form" label-width="120px" :rules="rules"> <el-form ref="form" :model="form" label-width="120px" :rules="rules">
<el-col :span="10" :offset="2"> <el-col :span="10" :offset="2">
<el-form-item label="客户号"> <el-form-item label="客户号">
@ -149,28 +151,33 @@
<el-button @click="deleteSecond()" class="addBtn" circle icon="el-icon-close"></el-button> <el-button @click="deleteSecond()" class="addBtn" circle icon="el-icon-close"></el-button>
</el-row> </el-row>
</div> </div>
</div>
<el-button @click="formSubmit" type="primary" class="submitBtn">提交</el-button> <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> </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> </template>
<script> <script>
import {getSubjectInfo,addOperation,getOperation} from "@/api/http.js"; 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> </script>
<style lang='scss' scoped> <style lang='scss' scoped>
.body{ // .body{
margin-top: 50px; // margin-top: 50px;
overflow: auto; // overflow: auto;
.idCard{ // .idCard{
border-radius: 5px; // border-radius: 5px;
background: #CFDDFF; // background: #CFDDFF;
text-align: center; // text-align: center;
height: 40px; // height: 40px;
line-height: 40px; // line-height: 40px;
font-size: 18px; // font-size: 18px;
color: #6191FF; // color: #6191FF;
cursor: pointer; // cursor: pointer;
} // }
// .submitBtn{ // // .submitBtn{
// position: relative; // // position: relative;
// width: 300px; // // width: 300px;
// font-size: 18px; // // font-size: 18px;
// height: 68px; // // height: 68px;
// margin-top: 50px; // // margin-top: 50px;
// border-radius: 10px; // // border-radius: 10px;
// bottom: 10px; // // bottom: 10px;
// left: 50%; // // left: 50%;
// transform: translate(-50%,-20%); // // transform: translate(-50%,-20%);
// } // // }
} // }
</style> </style>

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

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

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

@ -50,6 +50,7 @@
</el-row> </el-row>
<el-button @click="submitForm" type="primary" class="submitBtn">提交</el-button> <el-button @click="submitForm" type="primary" class="submitBtn">提交</el-button>
</div> </div>
</template> </template>
<script> <script>
import { mobPattern, namePattern, ratePattern, vercustomer } from '@/utils/verify.js' 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> </script>
<style lang='scss' scoped> <style lang='scss' scoped>
.body{ // .body{
margin-top: 50px; // margin-top: 50px;
padding-bottom: 50px; // padding-bottom: 50px;
overflow: auto; // overflow: auto;
.idCard{ // .idCard{
border-radius: 5px; // border-radius: 5px;
background: #CFDDFF; // background: #CFDDFF;
text-align: center; // text-align: center;
height: 40px; // height: 40px;
line-height: 40px; // line-height: 40px;
font-size: 18px; // font-size: 18px;
color: #6191FF; // color: #6191FF;
cursor: pointer; // cursor: pointer;
} // }
.submitBtn{ // .submitBtn{
position: relative; // position: relative;
width: 300px; // width: 300px;
font-size: 18px; // font-size: 18px;
height: 68px; // height: 68px;
border-radius: 10px; // border-radius: 10px;
margin-top: 50px; // margin-top: 50px;
bottom: 10px; // bottom: 10px;
left: 50%; // left: 50%;
transform: translate(-50%,-20%); // transform: translate(-50%,-20%);
} // }
} // }
</style> </style>

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

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

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

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

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

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

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

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

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

@ -165,30 +165,4 @@ export default{
} }
</script> </script>
<style lang='scss' scoped> <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> </style>

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

@ -244,30 +244,4 @@ export default{
} }
</script> </script>
<style lang='scss' scoped> <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> </style>

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

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

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

@ -1,10 +1,6 @@
<template> <template>
<div class="changePassword"> <div class="wrap wrap2">
<div class="title"> <MyTitle :titleArr="['账户服务', '密码修改']"/>
<p>账户服务</p>
<i class="el-icon-arrow-right"></i>
<p>密码修改</p>
</div>
<div class="body"> <div class="body">
<el-row :gutter="20" style="margin: 0"> <el-row :gutter="20" style="margin: 0">
<el-form ref="form" :model="form" label-width="120px" :rules="rules"> <el-form ref="form" :model="form" label-width="120px" :rules="rules">
@ -44,36 +40,41 @@
</el-form> </el-form>
</el-row> </el-row>
<el-button @click="submitForm" type="primary" class="submitBtn">提交</el-button> <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> </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> </div>
</template> </template>
<script> <script>
import { vercustomer } from '@/utils/verify.js' import { vercustomer } from '@/utils/verify.js'
import { myValidate, checkHanzi, checkName, autoPlay, autoPlay2 } from '@/utils/utilFunction.js' import { myValidate, checkHanzi, checkName, autoPlay, autoPlay2 } from '@/utils/utilFunction.js'
import MyTitle from '@/components/myTitle'
export default{ export default{
name:'', name:'',
props:{}, props:{},
components: {
MyTitle
},
data(){ data(){
return{ return{
dialogChange: true, dialogChange: true,
@ -170,40 +171,17 @@ export default{
} }
</script> </script>
<style lang='scss' scoped> <style lang='scss' scoped>
.changePassword{
.wrap{
width: 100%; width: 100%;
.title{ display: flex;
margin-left: 80px; flex-direction: column;
height: 60px; overflow: auto;
display: flex; padding: 24px 0 24px 24px;
align-items: center;
font-size: 20px;
padding-left: 0px;
margin-top: 10px;
}
.body{ .body{
margin-top: 70px; margin-top: 50px;
.idCard{ overflow-y: auto;
border-radius: 5px; overflow-x: hidden;
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> </style>

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

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

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

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

34
src/styles/system.scss
Unescape View File

@ -1,13 +1,29 @@
.submitBtn{ .wrap2{
position: relative; width: 100%;
width: 10vw; display: flex;
font-size: 18px; flex-direction: column;
height: 68px; // overflow-y: hidden!important;
border-radius: 10px; .body{
bottom: 10px; // min-height: 50vh;
left: 50%; overflow-x: hidden;
transform: translate(-50%,0); 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{ .popBody{
min-height: 200px; min-height: 200px;
display: flex; display: flex;

0
test.txt
Unescape View File

Write Preview
Loading…
Cancel
Save