From 647ef6974a149e21bc88e4b559ba9badaafe367e Mon Sep 17 00:00:00 2001
From: Admin <978517621@qq.com>
Date: Mon, 11 Jul 2022 18:02:28 +0800
Subject: [PATCH] 添加我的申请tab切换页面，优化组件表单的校验
---
src/views/specialWorkSystem/workApplyManagement/workApplyForm/components/cutLineForm.vue | 34 ++++++++++++++++++++++------------
1 files changed, 22 insertions(+), 12 deletions(-)
diff --git a/src/views/specialWorkSystem/workApplyManagement/workApplyForm/components/cutLineForm.vue b/src/views/specialWorkSystem/workApplyManagement/workApplyForm/components/cutLineForm.vue
index 49e1f46..4a0a5be 100644
--- a/src/views/specialWorkSystem/workApplyManagement/workApplyForm/components/cutLineForm.vue
+++ b/src/views/specialWorkSystem/workApplyManagement/workApplyForm/components/cutLineForm.vue
@@ -1,6 +1,6 @@
<template>
<div class="comp-container">
- <el-form :model="clForm" label-width="180px" :rules="clFormRules" ref="ruleFormRef">
+ <el-form :model="clForm" label-width="180px" :rules="clFormRules" ref="clRef">
<div class="homeCard">
<el-row>
<el-col :span="8">
@@ -100,18 +100,15 @@
}
export default defineComponent({
name: 'cutLineForm',
- setup() {
+ props: {
+ clForm: Object
+ },
+ setup(props) {
const userInfo = useUserInfo()
const { userInfos } = storeToRefs(userInfo);
const state = reactive<stateType>({});
- const clForm = reactive({
- clDepartment: '',
- clApplyName: '',
- clReason: '',
- clUnits: [],
- fileList: []
- })
- const ruleFormRef = ref<FormInstance>()
+ const clForm1 = reactive(props.clForm)
+ const clRef = ref<FormInstance>()
const clFormRules = reactive<FormRules>({
clDepartment:[{required: true,message: '此处不可为空',trigger: 'blur'}],
clApplyName:[{required: true,message: '此处不可为空',trigger: 'blur'}],
@@ -151,6 +148,17 @@
() => false
)
}
+ const validateForm = async () => {
+ let flag = null
+ await clRef.value.validate(valid=>{
+ if(valid){
+ flag = true
+ }else{
+ flag = false
+ }
+ })
+ return flag
+ }
// 折线图
const renderMenu = async (value: string) => {
Session.set('projectId',value)
@@ -159,10 +167,12 @@
};
return {
renderMenu,
- clForm,
+ clForm1,
+ Search,
clFormRules,
- ruleFormRef,
+ clRef,
fileList,
+ validateForm,
handleRemove,
handlePreview,
handleExceed,
--
Gitblit v1.9.2