|  |  |  | 
|---|
|  |  |  | <el-form :model="form" ref="form" :rules="rules" label-suffix=":"> | 
|---|
|  |  |  | <el-form-item label="退款金额" prop="money"> | 
|---|
|  |  |  | <div style="display: flex;"> | 
|---|
|  |  |  | <el-input style="flex: 1;" v-model="form.money" placeholder="请输入退款金额" v-trim/> | 
|---|
|  |  |  | <el-input style="flex: 1;" v-model="form.money" type="number" placeholder="请输入退款金额" v-trim/> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <el-form-item label="退款原因" prop="reason"> | 
|---|
|  |  |  | 
|---|
|  |  |  | type="textarea" | 
|---|
|  |  |  | :autosize="{ minRows: 2, maxRows: 4}" | 
|---|
|  |  |  | v-model="form.reason" | 
|---|
|  |  |  | placeholder="请输入调整备注" | 
|---|
|  |  |  | placeholder="请输入调整备注1" | 
|---|
|  |  |  | v-trim | 
|---|
|  |  |  | /> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | 
|---|
|  |  |  | extends: BaseOpera, | 
|---|
|  |  |  | components: { GlobalAlertWindow }, | 
|---|
|  |  |  | data () { | 
|---|
|  |  |  | const moneyRule = (rule, value, callback) => { | 
|---|
|  |  |  | if (value <=0 ) { | 
|---|
|  |  |  | callback(new Error('退款金额必须大于0')) | 
|---|
|  |  |  | } else { | 
|---|
|  |  |  | callback() | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | return { | 
|---|
|  |  |  | // 表单数据 | 
|---|
|  |  |  | form: { | 
|---|
|  |  |  | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | // 验证规则 | 
|---|
|  |  |  | rules: { | 
|---|
|  |  |  | duration: [ | 
|---|
|  |  |  | { required: true, validator: numRule, message: '请输入退款金额', tigger: 'blur' } | 
|---|
|  |  |  | money: [ | 
|---|
|  |  |  | { required: true, validator: moneyRule, tigger: 'blur' } | 
|---|
|  |  |  | ] | 
|---|
|  |  |  | }, | 
|---|
|  |  |  |  | 
|---|