<el-form
:model="approveForm"
:rules="Rules"
ref="approveForm"
label-width="100px"
label-position="left"
>
<el-form-item prop="Summary" label="审批意见:">
<el-input
v-model.trim="approveForm.Summary"
placeholder="请输入"
type="textarea"
minlength="1"
maxlength="150"
show-word-limit
style="width: 100%"
:rows="2"
></el-input>
</el-form-item>
<div class="footer">
<el-button
type="primary"
@click="submitForm(true)"
size="small"
:loading="submitLoading"
>通 过</el-button
>
<el-button
@click="submitForm(false)"
size="small"
type="danger"
:loading="submitLoading"
>否 决</el-button
>
</div>
</el-form>
var validateSummary = (rule, value, callback) => {
if (rule.required && (value == null || value == "")) {
callback(new Error("请输入审批意见"))
} else {
callback()
}
}
Rules: {
Summary: [{ required: false, validator: validateSummary, trigger: "change" }],
},
submitForm(ApprovalResult) {
this.Rules.Summary[0].required = !ApprovalResult;
this.$refs.approveForm.validate((valid) => {
if (valid) {
}
});
},