<template>
|
<el-dialog :title="!dataForm.uuid ? '新增' : '修改'" :close-on-click-modal="false" width="1100px" :visible.sync="visible">
|
<el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmit()"
|
label-width="200px">
|
|
<el-form-item label="日利率(浮点数,百分比)" prop="daily_rate">
|
<el-input v-model="dataForm.daily_rate" type="number" placeholder="请输入日利率(浮点数,百分比)"></el-input>
|
</el-form-item>
|
|
<el-form-item label="放款机构名称" prop="lending_name">
|
<el-input v-model="dataForm.lending_name" placeholder="请输入放款机构名称"></el-input>
|
</el-form-item>
|
|
<el-form-item label="借贷最大额度" prop="max_quota">
|
<el-input v-model="dataForm.max_quota" type="number" placeholder="请输入借贷最大额度"></el-input>
|
</el-form-item>
|
|
<el-form-item label="借贷最小额度" prop="min_quota">
|
<el-input v-model="dataForm.min_quota" type="number" placeholder="请输入借贷最小额度"></el-input>
|
</el-form-item>
|
|
<el-form-item label="还款周期(天)" prop="repay_cycle">
|
<el-input v-model="dataForm.repay_cycle" type="number" placeholder="请输入还款周期(天)"></el-input>
|
</el-form-item>
|
|
<el-form-item label="还款方式" prop="repayment">
|
<el-select v-model="dataForm.repayment" clearable placeholder="请选择还款方式">
|
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
|
</el-option>
|
</el-select>
|
</el-form-item>
|
|
<el-form-item label="借贷期限(天)" prop="term">
|
<el-input v-model="dataForm.term" type="number" placeholder="请输入借贷期限(天)"></el-input>
|
</el-form-item>
|
|
</el-form>
|
<span slot="footer" class="dialog-footer">
|
<el-button @click="visible = false">取消</el-button>
|
<el-button type="primary" @click="dataFormSubmit()">确定</el-button>
|
</span>
|
</el-dialog>
|
</template>
|
<script>
|
import { Debounce } from "@/utils/debounce";
|
export default {
|
data() {
|
return {
|
visible: false,
|
imageUrl: "",
|
dataForm: {
|
},
|
dataRule: {
|
daily_rate: [
|
{ required: true, message: "日利率不能为空", trigger: "blur" },
|
],
|
lending_name: [
|
{ required: true, message: "放款机构名称不能为空", trigger: "blur" },
|
],
|
max_quota: [
|
{ required: true, message: "借贷最大额度不能为空", trigger: "blur" },
|
],
|
min_quota: [
|
{ required: true, message: "借贷最小额度不能为空", trigger: "blur" },
|
],
|
repay_cycle: [
|
{ required: true, message: "还款周期不能为空", trigger: "blur" },
|
],
|
repayment: [
|
{ required: true, message: "还款方式不能为空", trigger: "blur" },
|
],
|
term: [
|
{ required: true, message: "借贷期限不能为空", trigger: "blur" },
|
],
|
},
|
options: [
|
{ label: '到期还本息', value: '1' },
|
{ label: '到期还本金', value: '2' },
|
{ label: '到期还利息', value: '3' },
|
]
|
};
|
},
|
methods: {
|
init(id) {
|
this.dataForm = {...id} || {};
|
this.visible = true;
|
console.log("this.dataForm", id);
|
},
|
// 表单提交
|
dataFormSubmit: Debounce(function () {
|
this.$refs["dataForm"].validate((valid) => {
|
if (valid) {
|
this.$http({
|
url: this.$http.adornUrl(`/loanParam/saveLoanParam.do`),
|
method: "post",
|
data: {...this.dataForm},
|
}).then(({ data }) => {
|
if (data.code == 0) {
|
this.$message({
|
message: "操作成功",
|
type: "success",
|
duration: 1500,
|
onClose: () => {
|
this.visible = false;
|
this.$emit("refreshDataList");
|
},
|
});
|
} else {
|
this.$message({
|
message: data.msg,
|
type: "error",
|
duration: 1500,
|
onClose: () => {
|
this.visible = false;
|
this.$emit("refreshDataList");
|
},
|
});
|
}
|
|
});
|
}
|
});
|
}),
|
},
|
};
|
</script>
|
<style scoped>
|
.titleDivTwo {
|
height: 40px;
|
border-left: 3px solid #1c4efa;
|
background: #f4f7ff;
|
}
|
|
.avatar-uploader .el-upload {
|
border: 1px dashed #d9d9d9;
|
border-radius: 6px;
|
cursor: pointer;
|
position: relative;
|
overflow: hidden;
|
}
|
|
.avatar-uploader .el-upload:hover {
|
border-color: #409eff;
|
}
|
|
.avatar-uploader-icon {
|
font-size: 28px;
|
color: #8c939d;
|
width: 178px;
|
height: 178px;
|
line-height: 178px;
|
text-align: center;
|
}
|
|
.avatar {
|
width: 178px;
|
height: 178px;
|
display: block;
|
}
|
</style>
|
