jieguo.vue
5.74 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
<template>
<a-form :form="form">
<a-card title="审批额度信息" :bordered="false">
<a-row :gutter="24">
<a-col :span="12">
<a-form-item label="审批额度（元）" :labelCol="{ span: 6 }" :wrapperCol="{ span: 18 }">
<a-input
placeholder=""
:readOnly="true"
v-decorator="['creditAmount', { initialValue: shenjieguo ? shenjieguo.creditAmount : '' }]"
/>
</a-form-item>
</a-col>
</a-row>
<a-row :gutter="24">
<a-col :span="12">
<a-form-item label="审批年化利率(%)" :labelCol="{ span: 6 }" :wrapperCol="{ span: 18 }">
<a-input
placeholder="请输入审批年化利率(%)"
:readOnly="true"
v-decorator="['interestRate', { initialValue: shenjieguo ? shenjieguo.interestRate : '' }]"
/>
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="审批年化逾期利率(%)" :labelCol="{ span: 6 }" :wrapperCol="{ span: 18 }">
<a-input
placeholder="请输入审批年化逾期利率(%)"
:readOnly="true"
v-decorator="['penaltyRate', { initialValue: shenjieguo ? shenjieguo.penaltyRate : '' }]"
/>
</a-form-item>
</a-col>
</a-row>
<a-row :gutter="24">
<a-col :span="12">
<a-form-item label="账单期限(月)" :labelCol="{ span: 6 }" :wrapperCol="{ span: 18 }">
<a-input
placeholder="请输入账单期限(月)"
:readOnly="true"
v-decorator="['term', { initialValue: shenjieguo ? shenjieguo.term : '' }]"
/>
</a-form-item>
</a-col>
<a-col :span="12"> 注：账单期限只能以整月审批，最小1个月，最大36个月； </a-col>
</a-row>
<a-row :gutter="24">
<a-col :span="12">
<a-form-item label="账单期限类型" :labelCol="{ span: 6 }" :wrapperCol="{ span: 18 }">
<a-select
:disabled="true"
v-decorator="['termType', { initialValue: shenjieguo ? shenjieguo.termType : '' }]"
placeholder="请选择"
>
<a-select-option :value="1">日</a-select-option>
<a-select-option :value="2">月</a-select-option>
</a-select>
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="还款方式" :labelCol="{ span: 6 }" :wrapperCol="{ span: 18 }">
<a-select
:disabled="true"
v-decorator="['repaymentType', { initialValue: shenjieguo ? shenjieguo.repaymentType : '' }]"
placeholder="请选择"
>
<a-select-option :value="1">等额本息</a-select-option>
<a-select-option :value="2">先息后本</a-select-option>
<a-select-option :value="5">等额本金</a-select-option>
<a-select-option :value="3">到期还本付息（算头算尾）</a-select-option>
<a-select-option :value="4">到期还本付息（算头不算尾）</a-select-option>
</a-select>
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="还款日" :labelCol="{ span: 6 }" :wrapperCol="{ span: 18 }">
<a-select
:disabled="true"
v-decorator="['repaymentDayType', { initialValue: shenjieguo ? shenjieguo.repaymentDayType : '' }]"
placeholder="请选择"
>
<a-select-option :value="1">放款日对日(29/30/31统一设为28号)</a-select-option>
<a-select-option :value="2">放款日对日(若无对日统一设为月末)</a-select-option>
<a-select-option :value="3">固定日</a-select-option>
<a-select-option :value="4">放款日对前一日</a-select-option>
</a-select>
</a-form-item>
</a-col>
<a-col v-if="shenjieguo.repaymentDayType == 3" :span="3">
<a-form-item label="" :labelCol="{ span: 0 }" :wrapperCol="{ span: 24 }">
<a-input-number
:readOnly="true"
v-decorator="[
'repaymentDay',
{
initialValue: shenjieguo ? shenjieguo.repaymentDay : '',
rules: [{ required: true, message: '请输入还款日' }],
},
]"
:min="1"
:precision="0"
:max="31"
/>
</a-form-item>
</a-col>
<a-col v-if="shenjieguo.repaymentDayType == 3" :span="2">
<div class="repaymentDay">日</div>
</a-col>
</a-row>
<a-row :gutter="24">
<a-col :span="24">
<a-form-item label="审批意见" :labelCol="{ span: 3 }" :wrapperCol="{ span: 21 }" hasFeedback>
<a-textarea
:readOnly="true"
v-decorator="[
'approvalNote',
{
initialValue: shenjieguo ? shenjieguo.approvalNote : '',
},
]"
placeholder="审批结果为退件待补时，需要在审批意见中说明要补成的资料或信息"
/>
</a-form-item>
</a-col>
</a-row>
</a-card>
</a-form>
</template>
<script>
export default {
name: 'shenpijieguo',
props: {
shenjieguo: {
type: Object,
// default: () => {
// return [];
// }
},
applyNo: {
type: String,
default: '',
},
},
data() {
return {
validatorRules: {},
form: this.$form.createForm(this),
}
},
methods: {
resetFields() {
this.form.resetFields()
},
},
}
</script>
<style>
</style>