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. 116
      src/pages/manage/list/ImportantCash/controlCash/index.vue
  2. 126
      src/pages/manage/list/ImportantCash/controlCash2/index.vue
  3. 141
      src/pages/manage/list/ImportantCash/controlCash3/index.vue
  4. 3
      src/pages/manage/list/personalLoans/detail.vue

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

@ -10,26 +10,19 @@
</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>{{textObj[activeIndex]}}</p> <p>{{ textObj[activeIndex] }}</p>
</div> </div>
<cash-recipients v-if="activeIndex==='1'"></cash-recipients> <cash-recipients v-if="activeIndex === '1'"></cash-recipients>
<cashTransferInto v-if="activeIndex==='2'"></cashTransferInto> <cashTransferInto v-if="activeIndex === '2'"></cashTransferInto>
<cashPaid v-if="activeIndex==='3'"></cashPaid> <cashPaid v-if="activeIndex === '3'"></cashPaid>
<cashOut v-if="activeIndex==='4'"></cashOut> <cashOut v-if="activeIndex === '4'"></cashOut>
<el-dialog <el-dialog style="margin-top:10vh" :visible.sync="visible" :modal="false" width="40%" :close-on-click-modal="false"
style="margin-top:10vh" :show-close="false" custom-class="data-dia">
: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 slot="title" class="dia-header">
<div class="data-title" v-throttle>提交</div> <div class="data-title" v-throttle>提交</div>
</div> </div>
@ -51,29 +44,29 @@ 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: [// 二级卡数组
], ],
@ -82,42 +75,45 @@ export default {
} }
}, },
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() { created () {
if(sessionStorage.getItem('importantCashIndex')) { if (sessionStorage.getItem('importantCashIndex')) {
this.handleSelect(sessionStorage.getItem('importantCashIndex')) this.handleSelect(sessionStorage.getItem('importantCashIndex'))
}else { } else {
this.handleSelect('1') this.handleSelect('1')
} }
}, },
destroyed() { destroyed () {
sessionStorage.setItem('importantCashIndex', this.cacheVal) 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 {
/deep/ .el-menu.el-menu--horizontal {
border: 0; border: 0;
} }
/deep/ .el-menu--horizontal > .el-menu-item.is-active{
border:2px solid #568DF2; /deep/ .el-menu--horizontal>.el-menu-item.is-active {
border: 2px solid #568DF2;
border-radius: 10px; border-radius: 10px;
color: #000; color: #000;
} }
/deep/ .el-menu--horizontal > .el-menu-item{
/deep/ .el-menu--horizontal>.el-menu-item {
border: 2px solid transparent; border: 2px solid transparent;
border-radius: 10px; border-radius: 10px;
margin-right: 10px; margin-right: 10px;
@ -125,7 +121,8 @@ export default {
line-height: 28px; line-height: 28px;
} }
} }
.title{
.title {
height: 60px; height: 60px;
display: flex; display: flex;
align-items: center; align-items: center;
@ -133,11 +130,13 @@ export default {
padding-left: 0px; padding-left: 0px;
margin-top: 10px; margin-top: 10px;
} }
.body{
.body {
margin-top: 50px; margin-top: 50px;
overflow-y: auto; overflow-y: auto;
overflow-x: hidden; overflow-x: hidden;
.idCard{
.idCard {
border-radius: 5px; border-radius: 5px;
background: #CFDDFF; background: #CFDDFF;
text-align: center; text-align: center;
@ -146,9 +145,11 @@ export default {
font-size: 18px; font-size: 18px;
color: #6191FF; color: #6191FF;
} }
.add{
.add {
position: relative; position: relative;
&::after{
&::after {
content: ''; content: '';
display: block; display: block;
position: absolute; position: absolute;
@ -158,16 +159,18 @@ export default {
width: 88%; width: 88%;
height: 268px; height: 268px;
} }
.addBtn{
.addBtn {
position: absolute; position: absolute;
left: 0; left: 0;
top: 50%; top: 50%;
transform: translate(50%,-50%); transform: translate(50%, -50%);
font-size: 22px; font-size: 22px;
} }
} }
} }
.submitBtn{
.submitBtn {
position: relative; position: relative;
width: 300px; width: 300px;
font-size: 18px; font-size: 18px;
@ -176,32 +179,37 @@ export default {
border-radius: 10px; border-radius: 10px;
bottom: 10px; bottom: 10px;
left: 50%; left: 50%;
transform: translate(-50%,-50%); transform: translate(-50%, -50%);
} }
.popBody{
.popBody {
min-height: 200px; min-height: 200px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
text-align: center; text-align: center;
} }
.popBtns{
.popBtns {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
.btn{
.btn {
width: 180px; width: 180px;
border-radius: 10px; border-radius: 10px;
font-size: 18px; font-size: 18px;
} }
.close{
.close {
background: #CFDEFF; background: #CFDEFF;
color: #6191FF; color: #6191FF;
} }
.sure{
.sure {
background: #6191FF; background: #6191FF;
color: #fff; color: #fff;
} }
} }
} }
</style> </style>

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

@ -10,28 +10,21 @@
</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>{{textObj[activeIndex]}}</p> <p>{{ textObj[activeIndex] }}</p>
</div> </div>
<!-- 开户 --> <!-- 开户 -->
<cash-recipients v-if="activeIndex==='1'"></cash-recipients> <cash-recipients v-if="activeIndex === '1'"></cash-recipients>
<cash-transfer-into v-if="activeIndex==='2'"></cash-transfer-into> <cash-transfer-into v-if="activeIndex === '2'"></cash-transfer-into>
<cash-paid v-if="activeIndex==='3'"></cash-paid> <cash-paid v-if="activeIndex === '3'"></cash-paid>
<cash-out v-if="activeIndex==='4'"></cash-out> <cash-out v-if="activeIndex === '4'"></cash-out>
<el-dialog <el-dialog style="margin-top:10vh" :visible.sync="visible" :modal="false" width="40%" :close-on-click-modal="false"
style="margin-top:10vh" :show-close="false" custom-class="data-dia">
: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 slot="title" class="dia-header">
<div class="data-title">提交</div> <div class="data-title">提交</div>
</div> </div>
@ -53,29 +46,29 @@ 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: [// 二级卡数组
], ],
@ -83,18 +76,18 @@ export default {
} }
}, },
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: { 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
@ -106,22 +99,25 @@ 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: hidden;
padding: 24px 0 24px 24px; padding: 24px 0 24px 24px;
.nav{
/deep/ .el-menu.el-menu--horizontal{ .nav {
/deep/ .el-menu.el-menu--horizontal {
border: 0; border: 0;
} }
/deep/ .el-menu--horizontal > .el-menu-item.is-active{
border:2px solid #568DF2; /deep/ .el-menu--horizontal>.el-menu-item.is-active {
border: 2px solid #568DF2;
border-radius: 10px; border-radius: 10px;
color: #000; color: #000;
} }
/deep/ .el-menu--horizontal > .el-menu-item{
/deep/ .el-menu--horizontal>.el-menu-item {
border: 2px solid transparent; border: 2px solid transparent;
border-radius: 10px; border-radius: 10px;
margin-right: 10px; margin-right: 10px;
@ -129,7 +125,8 @@ export default {
line-height: 28px; line-height: 28px;
} }
} }
.title{
.title {
height: 60px; height: 60px;
display: flex; display: flex;
align-items: center; align-items: center;
@ -137,11 +134,13 @@ export default {
padding-left: 0px; padding-left: 0px;
margin-top: 10px; margin-top: 10px;
} }
.body{
.body {
margin-top: 50px; margin-top: 50px;
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; overflow-y: auto;
.idCard{
.idCard {
border-radius: 5px; border-radius: 5px;
background: #CFDDFF; background: #CFDDFF;
text-align: center; text-align: center;
@ -150,9 +149,11 @@ export default {
font-size: 18px; font-size: 18px;
color: #6191FF; color: #6191FF;
} }
.add{
.add {
position: relative; position: relative;
&::after{
&::after {
content: ''; content: '';
display: block; display: block;
position: absolute; position: absolute;
@ -162,16 +163,18 @@ export default {
width: 88%; width: 88%;
height: 268px; height: 268px;
} }
.addBtn{
.addBtn {
position: absolute; position: absolute;
left: 0; left: 0;
top: 50%; top: 50%;
transform: translate(50%,-50%); transform: translate(50%, -50%);
font-size: 22px; font-size: 22px;
} }
} }
} }
.submitBtn{
.submitBtn {
position: relative; position: relative;
width: 300px; width: 300px;
font-size: 18px; font-size: 18px;
@ -180,40 +183,45 @@ export default {
border-radius: 10px; border-radius: 10px;
bottom: 10px; bottom: 10px;
left: 50%; left: 50%;
transform: translate(-50%,-50%); transform: translate(-50%, -50%);
} }
.popBody{
.popBody {
min-height: 200px; min-height: 200px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
text-align: center; text-align: center;
} }
.popBtns{
.popBtns {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
.btn{
.btn {
width: 180px; width: 180px;
border-radius: 10px; border-radius: 10px;
font-size: 18px; font-size: 18px;
} }
.close{
.close {
background: #CFDEFF; background: #CFDEFF;
color: #6191FF; color: #6191FF;
} }
.sure{
.sure {
background: #6191FF; background: #6191FF;
color: #fff; color: #fff;
} }
} }
} }
/deep/.el-input input { /deep/.el-input input {
text-align: center; text-align: center;
} }
/deep/ .blueText{ /deep/ .blueText {
color: blue; color: blue;
} }
</style> </style>

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

@ -8,13 +8,14 @@
<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')"
ref="username"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="凭证类型" prop="voucherType"> <el-form-item label="凭证类型" prop="voucherType">
<el-select v-model.trim="form.voucherType" placeholder="请选择" ref="voucherType"> <el-select v-model.trim="form.voucherType" placeholder="请选择" ref="voucherType">
@ -31,7 +32,8 @@
</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()"
@input="val => certificateNumber(val, form, 'endNumber')" ref="endNumber"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="收费类型" prop="chargeWay2"> <el-form-item label="收费类型" prop="chargeWay2">
@ -40,31 +42,35 @@
</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')"
ref="serviceCharge"></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="customerName"> <el-form-item label="客户名称" prop="customerName">
<el-input v-model.trim="form.customerName" ref="customerName" ></el-input> <el-input v-model.trim="form.customerName" ref="customerName"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="凭证起始号" prop="startNumber"> <el-form-item label="凭证起始号" prop="startNumber">
<el-input :value="form.startNumber" @input="(val) => certificateNumber(val, form, 'startNumber')" ref="startNumber"></el-input> <el-input :value="form.startNumber" @input="(val) => certificateNumber(val, form, 'startNumber')"
ref="startNumber"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="数量" prop="number"> <el-form-item label="数量" prop="number">
<el-input :value="form.number" disabled @input="val => inputListen(val, form, 'number')" ref="number" ></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="cost"> <el-form-item label="工本费" prop="cost">
<el-input :value="form.cost" @input="val => ismoney(val, form, 'cost')" ref="cost" ></el-input> <el-input :value="form.cost" @input="val => ismoney(val, form, 'cost')" ref="cost"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="摘要" prop="abstract"> <el-form-item label="摘要" prop="abstract">
<el-input v-model.trim="form.abstract" ></el-input> <el-input v-model.trim="form.abstract"></el-input>
</el-form-item> </el-form-item>
</el-col> </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"
@submitIt="submitForm2" />
</div> </div>
<!-- <need-before v-else :moduleName='needBefore' :unNeed="unNeed" class="wrap" /> --> <!-- <need-before v-else :moduleName='needBefore' :unNeed="unNeed" class="wrap" /> -->
</template> </template>
@ -82,20 +88,20 @@ 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: '', // 凭证起始号
@ -109,7 +115,7 @@ export default {
cost: '', // 工本费 cost: '', // 工本费
abstract: '' // 摘要 abstract: '' // 摘要
}, },
formName:{ formName: {
// 必填项 // 必填项
username: '账号', // username: '账号', //
startNumber: '凭证起始号', // startNumber: '凭证起始号', //
@ -207,50 +213,50 @@ export default {
submited: 0 submited: 0
} }
}, },
created() { created () {
// this.handleSelect(1) // this.handleSelect(1)
if(this.inMyWork(moduleName)) { if (this.inMyWork(moduleName)) {
if(this.needsModule(moduleName) === '') { if (this.needsModule(moduleName) === '') {
}else { } else {
this.isNeedBefore = true this.isNeedBefore = true
this.needBefore = this.needsModule(moduleName) this.needBefore = this.needsModule(moduleName)
} }
}else { } else {
this.isNeedBefore = true this.isNeedBefore = true
this.unNeed = true this.unNeed = true
} }
}, },
mounted() { mounted () {
this.$refs.username.focus() this.$refs.username.focus()
}, },
methods: { methods: {
...mapMutations({ ...mapMutations({
setTipsOperate: 'system/setTipsOperate' setTipsOperate: 'system/setTipsOperate'
}), }),
onBlur() { onBlur () {
if(this.form.username) { if (this.form.username) {
const { collectingCompany } = this.dataFlow const { collectingCompany } = this.dataFlow
this.form.customerName = collectingCompany this.form.customerName = collectingCompany
}else { } else {
this.form.customerName = '' this.form.customerName = ''
} }
}, },
getBlur() { getBlur () {
const number = Number(this.form.endNumber) - Number(this.form.startNumber) const number = Number(this.form.endNumber) - Number(this.form.startNumber)
if(number<0 || this.form.endNumber.length<this.form.startNumber.length) { if (number < 0 || this.form.endNumber.length < this.form.startNumber.length) {
this.form.number = 0 this.form.number = 0
return return
} }
this.form.number = number this.form.number = number
}, },
submitIt() { submitIt () {
if (this.submited) return this.$message.error('已提交！') if (this.submited) return this.$message.error('已提交！')
this.$refs.form.validate(myValidate(() => { this.$refs.form.validate(myValidate(() => {
if(this.form.number <= 0) { if (this.form.number <= 0) {
// this.$message({ // this.$message({
// message: '您的起始号码卡号比结束号码卡号排序更后,请检查一下。', // message: '您的起始号码卡号比结束号码卡号排序更后,请检查一下。',
// type: 'warning', // type: 'warning',
@ -259,7 +265,7 @@ export default {
this.setTipsOperate('结束号码应大于起始号码') this.setTipsOperate('结束号码应大于起始号码')
return return
} }
if(this.form.startNumber.length !== this.form.endNumber.length) { if (this.form.startNumber.length !== this.form.endNumber.length) {
this.setTipsOperate('凭证起始号和凭证终止号长度不同，请检查') this.setTipsOperate('凭证起始号和凭证终止号长度不同，请检查')
return return
} }
@ -267,7 +273,7 @@ export default {
}, this.$refs)); }, this.$refs));
}, },
submitForm2() { submitForm2 () {
const parentId = '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,5,31,520' const parentId = '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,5,31,520'
const cards = [ const cards = [
@ -292,37 +298,41 @@ export default {
</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{ .wrap {
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
overflow: auto; overflow: auto;
padding: 24px 0 24px 24px; padding: 24px 0 24px 24px;
.nav{
/deep/ .el-menu.el-menu--horizontal{ .nav {
/deep/ .el-menu.el-menu--horizontal {
border: 0; border: 0;
} }
/deep/ .el-menu--horizontal > .el-menu-item.is-active{
border:2px solid #568DF2; /deep/ .el-menu--horizontal>.el-menu-item.is-active {
border: 2px solid #568DF2;
border-radius: 10px; border-radius: 10px;
color: #000; color: #000;
} }
/deep/ .el-menu--horizontal > .el-menu-item{
/deep/ .el-menu--horizontal>.el-menu-item {
border: 2px solid transparent; border: 2px solid transparent;
border-radius: 10px; border-radius: 10px;
margin-right: 10px; margin-right: 10px;
@ -330,7 +340,8 @@ export default {
line-height: 28px; line-height: 28px;
} }
} }
.title{
.title {
height: 60px; height: 60px;
display: flex; display: flex;
align-items: center; align-items: center;
@ -338,10 +349,12 @@ export default {
padding-left: 0px; padding-left: 0px;
margin-top: 10px; margin-top: 10px;
} }
.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;
@ -350,9 +363,11 @@ export default {
font-size: 18px; font-size: 18px;
color: #6191FF; color: #6191FF;
} }
.add{
.add {
position: relative; position: relative;
&::after{
&::after {
content: ''; content: '';
display: block; display: block;
position: absolute; position: absolute;
@ -362,16 +377,18 @@ export default {
width: 88%; width: 88%;
height: 268px; height: 268px;
} }
.addBtn{
.addBtn {
position: absolute; position: absolute;
left: 0; left: 0;
top: 50%; top: 50%;
transform: translate(50%,-50%); transform: translate(50%, -50%);
font-size: 22px; font-size: 22px;
} }
} }
} }
.submitBtn{
.submitBtn {
position: relative; position: relative;
width: 200px; width: 200px;
font-size: 18px; font-size: 18px;
@ -380,11 +397,11 @@ export default {
border-radius: 10px; border-radius: 10px;
bottom: 10px; bottom: 10px;
left: 50%; left: 50%;
transform: translate(-50%,-20%); transform: translate(-50%, -20%);
}
} }
}
.el-select { .el-select {
width: 279.17px; width: 279.17px;
} }
</style> </style>

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

@ -1,7 +1,10 @@
<!-- 代收电费 --> <!-- 代收电费 -->
<template> <template>
<div class="wrap"> <div class="wrap">
<div class="flex j-between a-center">
<MyTitle :titleArr="['个人贷款', '新增贷款申请']" /> <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