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

fix

Browse Source
master
yujialong 2 months ago
parent d469a1f86f
commit 6207d29f6f
4 changed files with 770 additions and 734 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. 374
      src/pages/manage/list/ImportantCash/controlCash/index.vue
  2. 388
      src/pages/manage/list/ImportantCash/controlCash2/index.vue
  3. 697
      src/pages/manage/list/ImportantCash/controlCash3/index.vue
  4. 5
      src/pages/manage/list/personalLoans/detail.vue

374
src/pages/manage/list/ImportantCash/controlCash/index.vue
Unescape View File

@ -1,47 +1,40 @@
<!-- 现金管理 --> <!-- 现金管理 -->
<template> <template>
<div class="wrap"> <div class="wrap">
<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-item index="3">现金调入</el-menu-item> <el-menu-item index="3">现金调入</el-menu-item>
<el-menu-item index="4">现金调出</el-menu-item> <el-menu-item index="4">现金调出</el-menu-item>
</el-menu> </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>{{textObj[activeIndex]}}</p>
</div>
<cash-recipients v-if="activeIndex==='1'"></cash-recipients>
<cashTransferInto v-if="activeIndex==='2'"></cashTransferInto>
<cashPaid v-if="activeIndex==='3'"></cashPaid>
<cashOut v-if="activeIndex==='4'"></cashOut>
<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" v-throttle>提交</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="visible = false">确 定</el-button>
</div>
</el-dialog>
</div> </div>
<div class="title">
<p>重控现金</p>
<i class="el-icon-arrow-right"></i>
<p>现金管理</p>
<i class="el-icon-arrow-right"></i>
<p>{{ textObj[activeIndex] }}</p>
</div>
<cash-recipients v-if="activeIndex === '1'"></cash-recipients>
<cashTransferInto v-if="activeIndex === '2'"></cashTransferInto>
<cashPaid v-if="activeIndex === '3'"></cashPaid>
<cashOut v-if="activeIndex === '4'"></cashOut>
<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" v-throttle>提交</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="visible = false">确 定</el-button>
</div>
</el-dialog>
</div>
</template> </template>
<script> <script>
@ -50,158 +43,173 @@ import cashTransferInto from './cashTransferInto.vue'
import cashPaid from './cashPaid.vue' import cashPaid from './cashPaid.vue'
import cashOut from './cashOut.vue' import cashOut from './cashOut.vue'
export default { export default {
name: 'index', name: 'index',
components:{ components: {
cashRecipients, cashRecipients,
cashTransferInto, cashTransferInto,
cashPaid, cashPaid,
cashOut cashOut
}, },
data() { data () {
return { return {
text:'',/* 顶部文字 */ text: '',/* 顶部文字 */
cacheVal: '', cacheVal: '',
textObj:{ textObj: {
'1':'现金领用', '1': '现金领用',
'2':'现金上缴', '2': '现金上缴',
'3':'现金调入', '3': '现金调入',
'4':'现金调出', '4': '现金调出',
}, },
form:{ form: {
}, },
visible:false, visible: false,
options:[], options: [],
activeIndex:'', activeIndex: '',
second:[// 二级卡数组 second: [// 二级卡数组
], ],
} }
}, },
methods: { methods: {
handleSelect(val){ handleSelect (val) {
this.text = this.textObj[val] this.text = this.textObj[val]
this.activeIndex = val this.activeIndex = val
this.cacheVal = val this.cacheVal = val
},
},
created() {
if(sessionStorage.getItem('importantCashIndex')) {
this.handleSelect(sessionStorage.getItem('importantCashIndex'))
}else {
this.handleSelect('1')
}
}, },
destroyed() { },
sessionStorage.setItem('importantCashIndex', this.cacheVal) created () {
if (sessionStorage.getItem('importantCashIndex')) {
this.handleSelect(sessionStorage.getItem('importantCashIndex'))
} else {
this.handleSelect('1')
} }
},
destroyed () {
sessionStorage.setItem('importantCashIndex', this.cacheVal)
}
}; };
</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: hidden;
padding: 24px 0 24px 24px; padding: 24px 0 24px 24px;
.nav{
/deep/ .el-menu.el-menu--horizontal{ .nav {
border: 0; /deep/ .el-menu.el-menu--horizontal {
} border: 0;
/deep/ .el-menu--horizontal > .el-menu-item.is-active{ }
border:2px solid #568DF2;
border-radius: 10px; /deep/ .el-menu--horizontal>.el-menu-item.is-active {
color: #000; border: 2px solid #568DF2;
} border-radius: 10px;
/deep/ .el-menu--horizontal > .el-menu-item{ color: #000;
border: 2px solid transparent; }
border-radius: 10px;
margin-right: 10px; /deep/ .el-menu--horizontal>.el-menu-item {
height: 30px; border: 2px solid transparent;
line-height: 28px; border-radius: 10px;
} margin-right: 10px;
} height: 30px;
.title{ line-height: 28px;
height: 60px; }
display: flex; }
align-items: center;
font-size: 20px; .title {
padding-left: 0px; height: 60px;
margin-top: 10px; display: flex;
} align-items: center;
.body{ font-size: 20px;
margin-top: 50px; padding-left: 0px;
overflow-y: auto; margin-top: 10px;
overflow-x: hidden; }
.idCard{
border-radius: 5px; .body {
background: #CFDDFF; margin-top: 50px;
text-align: center; overflow-y: auto;
height: 40px; overflow-x: hidden;
line-height: 40px;
font-size: 18px; .idCard {
color: #6191FF; border-radius: 5px;
} background: #CFDDFF;
.add{ text-align: center;
position: relative; height: 40px;
&::after{ line-height: 40px;
content: ''; font-size: 18px;
display: block; color: #6191FF;
position: absolute; }
right: 3%;
top: -4%; .add {
border: 1px dashed #CFDDFF; position: relative;
width: 88%;
height: 268px; &::after {
} content: '';
.addBtn{ display: block;
position: absolute; position: absolute;
left: 0; right: 3%;
top: 50%; top: -4%;
transform: translate(50%,-50%); border: 1px dashed #CFDDFF;
font-size: 22px; width: 88%;
} height: 268px;
} }
}
.submitBtn{ .addBtn {
position: relative; position: absolute;
width: 300px; left: 0;
font-size: 18px; top: 50%;
height: 45px; transform: translate(50%, -50%);
margin-top: 50px; font-size: 22px;
border-radius: 10px; }
bottom: 10px; }
left: 50%; }
transform: translate(-50%,-50%);
} .submitBtn {
.popBody{ position: relative;
min-height: 200px; width: 300px;
display: flex; font-size: 18px;
align-items: center; height: 45px;
justify-content: center; margin-top: 50px;
text-align: center; border-radius: 10px;
} bottom: 10px;
.popBtns{ left: 50%;
display: flex; transform: translate(-50%, -50%);
justify-content: space-between; }
align-items: center;
.btn{ .popBody {
width: 180px; min-height: 200px;
border-radius: 10px; display: flex;
font-size: 18px; align-items: center;
} justify-content: center;
.close{ text-align: center;
background: #CFDEFF; }
color: #6191FF;
} .popBtns {
.sure{ display: flex;
background: #6191FF; justify-content: space-between;
color: #fff; align-items: center;
}
} .btn {
width: 180px;
border-radius: 10px;
font-size: 18px;
}
.close {
background: #CFDEFF;
color: #6191FF;
}
.sure {
background: #6191FF;
color: #fff;
} }
}
}
</style> </style>

388
src/pages/manage/list/ImportantCash/controlCash2/index.vue
Unescape View File

@ -1,49 +1,42 @@
<!-- 现金管理 --> <!-- 现金管理 -->
<template> <template>
<div class="wrap"> <div class="wrap">
<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-item index="3">凭证调入</el-menu-item> <el-menu-item index="3">凭证调入</el-menu-item>
<el-menu-item index="4">凭证调出</el-menu-item> <el-menu-item index="4">凭证调出</el-menu-item>
</el-menu> </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>{{textObj[activeIndex]}}</p>
</div>
<!-- 开户 -->
<cash-recipients v-if="activeIndex==='1'"></cash-recipients>
<cash-transfer-into v-if="activeIndex==='2'"></cash-transfer-into>
<cash-paid v-if="activeIndex==='3'"></cash-paid>
<cash-out v-if="activeIndex==='4'"></cash-out>
<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="visible = false">确 定</el-button>
</div>
</el-dialog>
</div> </div>
<div class="title">
<p>重控现金</p>
<i class="el-icon-arrow-right"></i>
<p>凭证管理</p>
<i class="el-icon-arrow-right"></i>
<p>{{ textObj[activeIndex] }}</p>
</div>
<!-- 开户 -->
<cash-recipients v-if="activeIndex === '1'"></cash-recipients>
<cash-transfer-into v-if="activeIndex === '2'"></cash-transfer-into>
<cash-paid v-if="activeIndex === '3'"></cash-paid>
<cash-out v-if="activeIndex === '4'"></cash-out>
<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="visible = false">确 定</el-button>
</div>
</el-dialog>
</div>
</template> </template>
<script> <script>
@ -52,168 +45,183 @@ import cashTransferInto from './cashTransferInto.vue'
import cashPaid from './cashPaid.vue' import cashPaid from './cashPaid.vue'
import cashOut from './cashOut.vue' import cashOut from './cashOut.vue'
export default { export default {
name: 'index', name: 'index',
components:{ components: {
cashRecipients, cashRecipients,
cashTransferInto, cashTransferInto,
cashPaid, cashPaid,
cashOut cashOut
}, },
data() { data () {
return { return {
text:'',/* 顶部文字 */ text: '',/* 顶部文字 */
cacheVal: '', cacheVal: '',
textObj:{ textObj: {
'1':'凭证领用', '1': '凭证领用',
'2':'凭证上缴', '2': '凭证上缴',
'3':'凭证调入', '3': '凭证调入',
'4':'凭证调出', '4': '凭证调出',
}, },
form:{ form: {
}, },
visible:false, visible: false,
options:[], options: [],
activeIndex:'1', activeIndex: '1',
second:[// 二级卡数组 second: [// 二级卡数组
], ],
} }
}, },
created() { created () {
if(sessionStorage.getItem('importantCashIndex2')) { if (sessionStorage.getItem('importantCashIndex2')) {
this.handleSelect(sessionStorage.getItem('importantCashIndex2')) this.handleSelect(sessionStorage.getItem('importantCashIndex2'))
}else { } else {
this.handleSelect('1') this.handleSelect('1')
} }
}, },
destroyed() { destroyed () {
sessionStorage.setItem('importantCashIndex2', this.cacheVal) sessionStorage.setItem('importantCashIndex2', this.cacheVal)
},
methods: {
handleSelect (val) {
this.text = this.textObj[val]
this.activeIndex = val
this.cacheVal = val
}, },
methods: {
handleSelect(val){
this.text = this.textObj[val]
this.activeIndex = val
this.cacheVal = val
},
} }
}; };
</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: hidden;
padding: 24px 0 24px 24px; padding: 24px 0 24px 24px;
.nav{
/deep/ .el-menu.el-menu--horizontal{ .nav {
border: 0; /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-x: hidden;
overflow-y: 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: 45px;
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;
}
}
} }
/deep/.el-input input { /deep/ .el-menu--horizontal>.el-menu-item.is-active {
text-align: center; border: 2px solid #568DF2;
border-radius: 10px;
color: #000;
} }
/deep/ .blueText{ /deep/ .el-menu--horizontal>.el-menu-item {
color: blue; 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-x: hidden;
overflow-y: 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: 45px;
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;
}
}
}
/deep/.el-input input {
text-align: center;
}
/deep/ .blueText {
color: blue;
}
</style> </style>

697
src/pages/manage/list/ImportantCash/controlCash3/index.vue
Unescape View File

@ -1,76 +1,82 @@
<!-- 现金管理 --> <!-- 现金管理 -->
<template> <template>
<div class="wrap"> <div class="wrap">
<!-- <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>支票出售</p> <p>支票出售</p>
</div> --> </div> -->
<my-title :titleArr="['重空现金', '支票管理', '支票出售']"/> <my-title :titleArr="['重控现金', '支票管理', '支票出售']" />
<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="账号" prop="username"> <el-form-item label="账号" prop="username">
<el-input @blur="onBlur()" :value="form.username" @input="val => checkHanzi(val, form, 'username')" ref="username"></el-input> <el-input @blur="onBlur()" :value="form.username" @input="val => checkHanzi(val, form, 'username')"
</el-form-item> ref="username"></el-input>
<el-form-item label="凭证类型" prop="voucherType"> </el-form-item>
<el-select v-model.trim="form.voucherType" placeholder="请选择" ref="voucherType"> <el-form-item label="凭证类型" prop="voucherType">
<!-- 15: 'IC卡', <el-select v-model.trim="form.voucherType" placeholder="请选择" ref="voucherType">
<!-- 15: 'IC卡',
115: '转账支票', 115: '转账支票',
116: '现金支票', 116: '现金支票',
123: '存单', 123: '存单',
127: '银行' --> 127: '银行' -->
<el-option label="IC卡" :value="15"> </el-option> <el-option label="IC卡" :value="15"> </el-option>
<el-option label="转账支票" :value="115"> </el-option> <el-option label="转账支票" :value="115"> </el-option>
<el-option label="现金支票" :value="116"> </el-option> <el-option label="现金支票" :value="116"> </el-option>
<el-option label="存单" :value="123"> </el-option> <el-option label="存单" :value="123"> </el-option>
<el-option label="银行" :value="127"> </el-option> <el-option label="银行" :value="127"> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="凭证终止号" prop="endNumber"> <el-form-item label="凭证终止号" prop="endNumber">
<el-input :value="form.endNumber" @blur="getBlur()" @input="val => certificateNumber(val, form, 'endNumber')" ref="endNumber"></el-input> <el-input :value="form.endNumber" @blur="getBlur()"
</el-form-item> @input="val => certificateNumber(val, form, 'endNumber')" ref="endNumber"></el-input>
</el-form-item>
<el-form-item label="收费类型" prop="chargeWay2"> <el-form-item label="收费类型" prop="chargeWay2">
<el-select v-model.trim="form.chargeWay2" placeholder="请选择" ref="chargeWay2"> <el-select v-model.trim="form.chargeWay2" placeholder="请选择" ref="chargeWay2">
<el-option label="现金" :value="135"> </el-option> <el-option label="现金" :value="135"> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="手续费" prop="serviceCharge"> <el-form-item label="手续费" prop="serviceCharge">
<el-input :value="form.serviceCharge" @input="(val) => ismoney(val, form, 'serviceCharge')" ref="serviceCharge"></el-input> <el-input :value="form.serviceCharge" @input="(val) => ismoney(val, form, 'serviceCharge')"
</el-form-item> ref="serviceCharge"></el-input>
</el-col> </el-form-item>
<el-col :span="10" :offset="1"> </el-col>
<el-form-item label="客户名称" prop="customerName"> <el-col :span="10" :offset="1">
<el-input v-model.trim="form.customerName" ref="customerName" ></el-input> <el-form-item label="客户名称" prop="customerName">
</el-form-item> <el-input v-model.trim="form.customerName" ref="customerName"></el-input>
<el-form-item label="凭证起始号" prop="startNumber"> </el-form-item>
<el-input :value="form.startNumber" @input="(val) => certificateNumber(val, form, 'startNumber')" ref="startNumber"></el-input> <el-form-item label="凭证起始号" prop="startNumber">
</el-form-item> <el-input :value="form.startNumber" @input="(val) => certificateNumber(val, form, 'startNumber')"
<el-form-item label="数量" prop="number"> ref="startNumber"></el-input>
<el-input :value="form.number" disabled @input="val => inputListen(val, form, 'number')" ref="number" ></el-input> </el-form-item>
</el-form-item> <el-form-item label="数量" prop="number">
<el-form-item label="工本费" prop="cost"> <el-input :value="form.number" disabled @input="val => inputListen(val, form, 'number')"
<el-input :value="form.cost" @input="val => ismoney(val, form, 'cost')" ref="cost" ></el-input> ref="number"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="摘要" prop="abstract"> <el-form-item label="工本费" prop="cost">
<el-input v-model.trim="form.abstract" ></el-input> <el-input :value="form.cost" @input="val => ismoney(val, form, 'cost')" ref="cost"></el-input>
</el-form-item> </el-form-item>
</el-col> <el-form-item label="摘要" prop="abstract">
<el-input v-model.trim="form.abstract"></el-input>
</el-form-item>
</el-col>
</el-form> </el-form>
</el-row> </el-row>
<el-button @click="submitIt()" type="primary" class="submitBtn">提交</el-button> <el-button @click="submitIt()" type="primary" class="submitBtn">提交</el-button>
<my-dialog :moduleName="moduleName" v-if="visible" :visible.sync="visible" :showForm="form" :formName="formName" @submitIt="submitForm2" /> <my-dialog :moduleName="moduleName" v-if="visible" :visible.sync="visible" :showForm="form" :formName="formName"
</div> @submitIt="submitForm2" />
<!-- <need-before v-else :moduleName='needBefore' :unNeed="unNeed" class="wrap" /> --> </div>
<!-- <need-before v-else :moduleName='needBefore' :unNeed="unNeed" class="wrap" /> -->
</template> </template>
<script> <script>
import { myValidate, ismoney, checkName, checkHanzi, autoPlay, autoPlay2, inputListen, certificateNumber } from '@/utils/utilFunction.js' import { myValidate, ismoney, checkName, checkHanzi, autoPlay, autoPlay2, inputListen, certificateNumber } from '@/utils/utilFunction.js'
import { addOperation, getOperation } from '@/api/http'; import { addOperation, getOperation } from '@/api/http';
import MyTitle from '@/components/myTitle' import MyTitle from '@/components/myTitle'
@ -81,310 +87,321 @@ import TipsBefore from '@/mixins/tipsBefore'
const moduleName = 'controlCash3/index' const moduleName = 'controlCash3/index'
export default { export default {
name: 'index', name: 'index',
mixins: [ TipsBefore ], mixins: [TipsBefore],
components:{ components: {
NeedBefore, NeedBefore,
MyDialog, MyDialog,
MyTitle MyTitle
}, },
data() { data () {
return { return {
moduleName, moduleName,
visible: false, visible: false,
unNeed: false, unNeed: false,
isNeedBefore: '', isNeedBefore: '',
needBefore: '', needBefore: '',
form:{ form: {
// 必填项 // 必填项
username: '', // 账号 username: '', // 账号
startNumber: '', // 凭证起始号 startNumber: '', // 凭证起始号
endNumber: '', // 凭证终止号 endNumber: '', // 凭证终止号
// 非必填项 // 非必填项
voucherType: '', // 凭证类型 voucherType: '', // 凭证类型
chargeWay2: 135, // 收费类型 chargeWay2: 135, // 收费类型
serviceCharge: '5.00', // 手续费 serviceCharge: '5.00', // 手续费
customerName: '', // 客户名称 customerName: '', // 客户名称
number: '', // 数量 number: '', // 数量
cost: '', // 工本费 cost: '', // 工本费
abstract: '' // 摘要 abstract: '' // 摘要
}, },
formName:{ formName: {
// 必填项 // 必填项
username: '账号', // username: '账号', //
startNumber: '凭证起始号', // startNumber: '凭证起始号', //
endNumber: '凭证终止号', // endNumber: '凭证终止号', //
// 非必填项 // 非必填项
voucherType: '凭证类型', // voucherType: '凭证类型', //
chargeWay2: '收费类型', // chargeWay2: '收费类型', //
serviceCharge: '手续费', // serviceCharge: '手续费', //
customerName: '客户名称', // customerName: '客户名称', //
number: '数量', // number: '数量', //
cost: '工本费', // cost: '工本费', //
abstract: '摘要' // abstract: '摘要' //
}, },
myTable2: { myTable2: {
240: {
prop: 'username',
type: '3',
"subjectId": 84,
},
536: {
prop: 'startNumber',
type: '3',
"subjectId": 95,
},
// 凭证终止号：
550: {
prop: 'endNumber',
type: '3',
"subjectId": 103,
}
},
myTable: {
241: {
prop: 'customerName',
type: '3',
"subjectId": 7,
},
253: {
prop: 'voucherType',
type: '1',
"subjectId": 11,
},
533: {
prop: 'number',
type: '3',
"subjectId": 94,
},
537: { 240: {
prop: 'cost', prop: 'username',
type: '3', type: '3',
"subjectId": 96, "subjectId": 84,
}, },
538: { 536: {
prop: 'chargeWay2', prop: 'startNumber',
type: '1', type: '3',
"subjectId": 90, "subjectId": 95,
}, },
539: { // 凭证终止号：
prop: 'abstract', 550: {
type: '3', prop: 'endNumber',
"subjectId": 97, type: '3',
}, "subjectId": 103,
540: {
prop: 'serviceCharge',
type: '3',
"subjectId": 98,
},
},
rules: {
username: [
{
required: true,
message: '请输入账号',
trigger: 'blur'
}
],
startNumber: [
{
required: true,
message: '请输入凭证起始号',
trigger: 'blur'
}
],
endNumber: [
{
required: true,
message: '请输入凭证终止号',
trigger: 'blur'
}
],
},
submited: 0
} }
},
created() {
// this.handleSelect(1)
if(this.inMyWork(moduleName)) {
if(this.needsModule(moduleName) === '') {
}else { },
this.isNeedBefore = true myTable: {
this.needBefore = this.needsModule(moduleName) 241: {
} prop: 'customerName',
}else { type: '3',
this.isNeedBefore = true "subjectId": 7,
this.unNeed = true },
} 253: {
}, prop: 'voucherType',
mounted() { type: '1',
this.$refs.username.focus() "subjectId": 11,
}, },
methods: { 533: {
...mapMutations({ prop: 'number',
setTipsOperate: 'system/setTipsOperate' type: '3',
}), "subjectId": 94,
onBlur() { },
if(this.form.username) {
const { collectingCompany } = this.dataFlow
this.form.customerName = collectingCompany
}else {
this.form.customerName = ''
}
537: {
prop: 'cost',
type: '3',
"subjectId": 96,
},
538: {
prop: 'chargeWay2',
type: '1',
"subjectId": 90,
},
539: {
prop: 'abstract',
type: '3',
"subjectId": 97,
}, },
getBlur() { 540: {
const number = Number(this.form.endNumber) - Number(this.form.startNumber) prop: 'serviceCharge',
if(number<0 || this.form.endNumber.length<this.form.startNumber.length) { type: '3',
this.form.number = 0 "subjectId": 98,
return
}
this.form.number = number
}, },
submitIt() { },
rules: {
username: [
{
required: true,
message: '请输入账号',
trigger: 'blur'
}
],
startNumber: [
{
required: true,
message: '请输入凭证起始号',
trigger: 'blur'
}
],
endNumber: [
{
required: true,
message: '请输入凭证终止号',
trigger: 'blur'
}
],
},
submited: 0
}
},
created () {
// this.handleSelect(1)
if (this.inMyWork(moduleName)) {
if (this.needsModule(moduleName) === '') {
} else {
this.isNeedBefore = true
this.needBefore = this.needsModule(moduleName)
}
} else {
this.isNeedBefore = true
this.unNeed = true
}
},
mounted () {
this.$refs.username.focus()
},
methods: {
...mapMutations({
setTipsOperate: 'system/setTipsOperate'
}),
onBlur () {
if (this.form.username) {
const { collectingCompany } = this.dataFlow
this.form.customerName = collectingCompany
} else {
this.form.customerName = ''
}
if (this.submited) return this.$message.error('已提交！') },
this.$refs.form.validate(myValidate(() => { getBlur () {
if(this.form.number <= 0) { const number = Number(this.form.endNumber) - Number(this.form.startNumber)
// this.$message({ if (number < 0 || this.form.endNumber.length < this.form.startNumber.length) {
// message: '您的起始号码卡号比结束号码卡号排序更后,请检查一下。', this.form.number = 0
// type: 'warning', return
// center: true }
// }); this.form.number = number
this.setTipsOperate('结束号码应大于起始号码') },
return submitIt () {
}
if(this.form.startNumber.length !== this.form.endNumber.length) {
this.setTipsOperate('凭证起始号和凭证终止号长度不同，请检查')
return
}
this.visible = true
}, this.$refs));
},
submitForm2() {
const parentId = '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,5,31,520'
const cards = [
] if (this.submited) return this.$message.error('已提交！')
autoPlay(parentId, this.form, this.myTable2, this.myTable, cards) this.$refs.form.validate(myValidate(() => {
this.submited = 1 if (this.form.number <= 0) {
}, // this.$message({
checkHanzi: checkHanzi, // message: '您的起始号码卡号比结束号码卡号排序更后,请检查一下。',
inputListen: inputListen, // type: 'warning',
ismoney: ismoney, // center: true
certificateNumber // });
this.setTipsOperate('结束号码应大于起始号码')
return
}
if (this.form.startNumber.length !== this.form.endNumber.length) {
this.setTipsOperate('凭证起始号和凭证终止号长度不同，请检查')
return
}
this.visible = true
}, this.$refs));
}, },
computed: {
...mapGetters({ submitForm2 () {
needsModule: 'system/needsModule', const parentId = '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,5,31,520'
inMyWork: 'system/inMyWork', const cards = [
dataFlow: 'system/dataFlow',
}) ]
} autoPlay(parentId, this.form, this.myTable2, this.myTable, cards)
this.submited = 1
},
checkHanzi: checkHanzi,
inputListen: inputListen,
ismoney: ismoney,
certificateNumber
},
computed: {
...mapGetters({
needsModule: 'system/needsModule',
inMyWork: 'system/inMyWork',
dataFlow: 'system/dataFlow',
})
}
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
// .submitBtn{ // .submitBtn{
// position: relative; // position: relative;
// width: 200px; // width: 200px;
// font-size: 18px; // font-size: 18px;
// height: 45px; // height: 45px;
// 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%);
// } // }
.el-input, .el-select { .el-input,
width: 100%!important; .el-select {
width: 100% !important;
}
.wrap {
width: 100%;
display: flex;
flex-direction: column;
overflow: auto;
padding: 24px 0 24px 24px;
.nav {
/deep/ .el-menu.el-menu--horizontal {
border: 0;
} }
.wrap{ /deep/ .el-menu--horizontal>.el-menu-item.is-active {
width: 100%; border: 2px solid #568DF2;
display: flex; border-radius: 10px;
flex-direction: column; color: #000;
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;
}
}
.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: 200px;
font-size: 18px;
height: 45px;
margin-top: 180px;
border-radius: 10px;
bottom: 10px;
left: 50%;
transform: translate(-50%,-20%);
}
} }
.el-select { /deep/ .el-menu--horizontal>.el-menu-item {
width: 279.17px; 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: 200px;
font-size: 18px;
height: 45px;
margin-top: 180px;
border-radius: 10px;
bottom: 10px;
left: 50%;
transform: translate(-50%, -20%);
}
}
.el-select {
width: 279.17px;
}
</style> </style>

5
src/pages/manage/list/personalLoans/detail.vue
Unescape View File

@ -1,7 +1,10 @@
<!-- 代收电费 --> <!-- 代收电费 -->
<template> <template>
<div class="wrap"> <div class="wrap">
<MyTitle :titleArr="['个人贷款', '新增贷款申请']" /> <div class="flex j-between a-center">
<MyTitle :titleArr="['个人贷款', '新增贷款申请']" />
<el-button size="small" @click="$router.back()">返回</el-button>
</div>
<el-row :gutter="20" style="margin: 0"> <el-row :gutter="20" style="margin: 0">
<el-form v-if="curStep === 1 || isDetail" ref="basicForm" :model="basicForm" label-width="120px" <el-form v-if="curStep === 1 || isDetail" ref="basicForm" :model="basicForm" label-width="120px"
:rules="basicRules" :disabled="isDetail"> :rules="basicRules" :disabled="isDetail">

Write Preview
Loading…
Cancel
Save