Browse Source

完善还款计划表

master
yunuo970428 1 year ago
parent
commit
dfa301d21f
  1. 52
      anrui-riskcenter-ui/src/views/repaymentschedule/repaymentscheduleAdd.vue

52
anrui-riskcenter-ui/src/views/repaymentschedule/repaymentscheduleAdd.vue

@ -2,7 +2,7 @@
<div class="app-container">
<div v-show="viewState == 1">
<div class="tab-header webtop">
<div>{{ viewTitle }}</div>
<div>生成还款计划表<span style="color: red">(单车)</span></div>
<div>
<el-button type="primary" size="small" :disabled="submitdisabled" @click="saveOrUpdate()">生成</el-button>
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
@ -27,7 +27,7 @@
<div class="title titleOne">
<div>主金融产品<span>{{ (formobj.policyName) }}</span></div>
<div>
<el-button type="primary" size="mini" class="btntopblueline" @click="lookJR">查看金融方案</el-button>
<el-button type="primary" size="mini" class="btntopblueline" @click="lookJR">查看单车金融方案</el-button>
</div>
</div>
<el-row>
@ -40,30 +40,30 @@
<el-form-item><span class="addinputInfo">{{ formobj.mainPeriod }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">首期还款日</div>
<el-form-item><el-date-picker class="addinputInfo" @change="mainRepayDateChange" v-model="formobj.mainRepayDate" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" placeholder="选择日期"/></el-form-item>
<div class="span-sty"><span class="icon">*</span>首期还款日</div>
<el-form-item prop="mainRepayDate"><el-date-picker class="addinputInfo" @change="mainRepayDateChange" v-model="formobj.mainRepayDate" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" placeholder="选择日期"/></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<div class="span-sty">首期月还</div>
<el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.mainFirstRepay" clearable placeholder=""/></el-form-item>
<div class="span-sty"><span class="icon">*</span>首期月还</div>
<el-form-item prop="mainFirstRepay"><el-input class="addinputInfo addinputw" v-model="formobj.mainFirstRepay" clearable placeholder=""/></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">期间月还</div>
<el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.mainMidRepay" clearable placeholder=""/></el-form-item>
<div class="span-sty"><span class="icon">*</span>期间月还</div>
<el-form-item prop="mainMidRepay"><el-input class="addinputInfo addinputw" v-model="formobj.mainMidRepay" clearable placeholder=""/></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">末期月还</div>
<el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.mainLastRepay" clearable placeholder=""/></el-form-item>
<div class="span-sty"><span class="icon">*</span>末期月还</div>
<el-form-item prop="mainLastRepay"><el-input class="addinputInfo addinputw" v-model="formobj.mainLastRepay" clearable placeholder=""/></el-form-item>
</el-col>
</el-row>
<div v-if="formobj.isOtherPolicy == '1'">
<div class="title">其它融<span>({{ formobj.otherPolicyName }})</span></div>
<el-row>
<el-col :span="24">
<div class="span-sty">资方合同号</div>
<el-form-item>
<div class="span-sty"><span class="icon">*</span>资方合同号</div>
<el-form-item prop="otherBankNo">
<span v-if="formobj.sameBank == '1'" class="addinputInfo">{{ formobj.otherBankNo }}</span>
<el-input v-else class="addinputInfo" style="width: 30%" v-model="formobj.otherBankNo" clearable placeholder=""/>
</el-form-item>
@ -85,16 +85,16 @@
</el-row>
<el-row>
<el-col :span="8">
<div class="span-sty">首期月还</div>
<el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.otherFirstRepay" clearable placeholder=""/></el-form-item>
<div class="span-sty"><span class="icon">*</span>首期月还</div>
<el-form-item prop="otherFirstRepay"><el-input class="addinputInfo addinputw" v-model="formobj.otherFirstRepay" clearable placeholder=""/></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">期间月还</div>
<el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.otherMidRepay" clearable placeholder=""/></el-form-item>
<div class="span-sty"><span class="icon">*</span>期间月还</div>
<el-form-item prop="otherMidRepay"><el-input class="addinputInfo addinputw" v-model="formobj.otherMidRepay" clearable placeholder=""/></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">末期月还</div>
<el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.otherLastRepay" clearable placeholder=""/></el-form-item>
<div class="span-sty"><span class="icon">*</span>末期月还</div>
<el-form-item prop="otherLastRepay"><el-input class="addinputInfo addinputw" v-model="formobj.otherLastRepay" clearable placeholder=""/></el-form-item>
</el-col>
</el-row>
</div>
@ -117,7 +117,6 @@ export default {
},
data() {
return {
viewTitle: '',
viewState: 1,
submitdisabled: false,
formobj: {
@ -146,12 +145,20 @@ export default {
userSid: '',
solutionsDetailsssVo: []
},
rules: {}
rules: {
mainRepayDate: [{ required: true, message: '首期还款日不能为空', trigger: 'change' }],
mainFirstRepay: [{ required: true, message: '主金融产品首期月还不能为空', trigger: 'blur' }],
mainMidRepay: [{ required: true, message: '主金融产品期间月还不能为空', trigger: 'blur' }],
mainLastRepay: [{ required: true, message: '主金融产品末期月还不能为空', trigger: 'blur' }],
otherFirstRepay: [{ required: true, message: '其它融首期月还不能为空', trigger: 'blur' }],
otherMidRepay: [{ required: true, message: '其它融期间月还不能为空', trigger: 'blur' }],
otherLastRepay: [{ required: true, message: '其它融末期月还不能为空', trigger: 'blur' }],
otherBankNo: [{ required: true, message: '其它融资方合同号不能为空', trigger: 'blur' }],
}
}
},
methods: {
showEdit(sid) {
this.viewTitle = '生成还款计划表'
this.$nextTick(() => {
this.$refs['form_obj'].clearValidate()
})
@ -233,6 +240,9 @@ export default {
.addinputInfo {
margin-left: 120px !important;
}
/deep/ .el-form-item__error {
margin-left: 110px !important;
}
.titleOne {
padding: 7px;
display: flex;

Loading…
Cancel
Save