| | |
| | | <p class="tip-header" >申请审批</p> |
| | | <el-form :model="checkForm" ref="checkForm" :rules="rules" label-width="110px" label-suffix=":" style="margin-left: 20px;width: 500px;" inline > |
| | | <el-form-item label="审核结果" prop="status"> |
| | | <el-radio-group v-model="checkForm.status"> |
| | | <el-radio-group v-model="checkForm.status" @change="changeStatuus"> |
| | | <el-radio :label="1">通过</el-radio> |
| | | <el-radio :label="2">驳回</el-radio> |
| | | </el-radio-group> |
| | |
| | | <el-form-item label="打款银行" prop="payBank" v-if="checkForm.status ==1"> |
| | | <el-input v-model="checkForm.payBank" placeholder="请输入打款银行" style="width: 350px" v-trim/> |
| | | </el-form-item> |
| | | <el-form-item label="审核备注" prop="auditRemark"> |
| | | <el-form-item label="审核备注" prop="auditRemark" > |
| | | <el-input v-model="checkForm.auditRemark" placeholder="请输入审核备注" type="textarea" style="width: 350px; " rows="6" v-trim/> |
| | | </el-form-item> |
| | | </el-form> |
| | |
| | | payBank: '', |
| | | payFileList: null |
| | | }, |
| | | isRemarkRequired: false, |
| | | rules: { |
| | | status: [ |
| | | { required: true, message: '请选择审核结果' } |
| | | ] |
| | | ], |
| | | auditRemark: [] |
| | | } |
| | | } |
| | | }, |
| | |
| | | 'field.main': 'id' |
| | | }) |
| | | }, |
| | | watch: { |
| | | isRemarkRequired(newVal) { |
| | | this.updateRules(); |
| | | } |
| | | }, |
| | | methods: { |
| | | changeStatuus(){ |
| | | this.isRemarkRequired = this.checkForm.status ==2 |
| | | }, |
| | | updateRules() { |
| | | if (this.isRemarkRequired) { |
| | | this.rules.auditRemark = [ |
| | | { required: true, message: '请填写审核备注', trigger: 'blur' } |
| | | ] |
| | | } else { |
| | | this.rules.auditRemark = []; // 不必填时,清空规则数组 |
| | | } |
| | | this.$refs.checkForm.clearValidate(); // 清除之前的验证状态,避免出现不必要的提示 |
| | | }, |
| | | confirmDo () { |
| | | this.$refs.checkForm.validate((valid) => { |
| | | if (!valid) { |