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/tempElectForm.vue | 32 +++++++++++++++++++++-----------
1 files changed, 21 insertions(+), 11 deletions(-)
diff --git a/src/views/specialWorkSystem/workApplyManagement/workApplyForm/components/tempElectForm.vue b/src/views/specialWorkSystem/workApplyManagement/workApplyForm/components/tempElectForm.vue
index 296b5a1..cc21d11 100644
--- a/src/views/specialWorkSystem/workApplyManagement/workApplyForm/components/tempElectForm.vue
+++ b/src/views/specialWorkSystem/workApplyManagement/workApplyForm/components/tempElectForm.vue
@@ -1,6 +1,6 @@
<template>
<div class="comp-container">
- <el-form :model="teForm" label-width="150px" :rules="teRules" ref="ruleFormRef">
+ <el-form :model="teForm" label-width="150px" :rules="teRules" ref="teRef">
<div class="homeCard">
<el-row>
<el-col :span="8">
@@ -72,23 +72,32 @@
}
export default defineComponent({
name: 'tempElectForm',
- setup() {
+ props: {
+ teForm: Object
+ },
+ setup(props) {
const userInfo = useUserInfo()
const { userInfos } = storeToRefs(userInfo);
const state = reactive<stateType>({});
- const teForm = reactive({
- teDepartment: '',
- teApplyName: '',
- teLevel: '',
- teHeight: ''
- })
- const ruleFormRef = ref<FormInstance>()
+ const teForm1 = reactive(props.teForm)
+ const teRef = ref<FormInstance>()
const teRules = reactive<FormRules>({
teDepartment:[{required: true,message: '此处不可为空',trigger: 'blur'}],
teApplyName:[{required: true,message: '此处不可为空',trigger: 'blur'}],
teLevel: [{required: true,message: '此处不可为空',trigger: 'blur'}],
teHeight: [{required: true,message: '此处不可为空',trigger: 'blur'}]
})
+ const validateForm = async () => {
+ let flag = null
+ await teRef.value.validate(valid=>{
+ if(valid){
+ flag = true
+ }else{
+ flag = false
+ }
+ })
+ return flag
+ }
// 折线图
const renderMenu = async (value: string) => {
Session.set('projectId',value)
@@ -97,9 +106,10 @@
};
return {
renderMenu,
- teForm,
- ruleFormRef,
+ teForm1,
+ teRef,
teRules,
+ validateForm,
...toRefs(state),
};
},
--
Gitblit v1.9.2