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/limitedSpaceForm.vue | 33 +++++++++++++++++++++------------
1 files changed, 21 insertions(+), 12 deletions(-)
diff --git a/src/views/specialWorkSystem/workApplyManagement/workApplyForm/components/limitedSpaceForm.vue b/src/views/specialWorkSystem/workApplyManagement/workApplyForm/components/limitedSpaceForm.vue
index e5bcb8d..bd92649 100644
--- a/src/views/specialWorkSystem/workApplyManagement/workApplyForm/components/limitedSpaceForm.vue
+++ b/src/views/specialWorkSystem/workApplyManagement/workApplyForm/components/limitedSpaceForm.vue
@@ -1,6 +1,6 @@
<template>
<div class="comp-container">
- <el-form :model="lsForm" label-width="180px" :rules="lsFormRules" ref="ruleFormRef">
+ <el-form :model="lsForm" label-width="180px" :rules="lsFormRules" ref="lsRef">
<div class="homeCard">
<el-row>
<el-col :span="8">
@@ -93,18 +93,15 @@
}
export default defineComponent({
name: 'limitedSpaceForm',
- setup() {
+ props: {
+ lsForm: Object
+ },
+ setup(props) {
const userInfo = useUserInfo()
const { userInfos } = storeToRefs(userInfo);
const state = reactive<stateType>({});
- const lsForm = reactive({
- lsDepartment: '',
- lsApplyName: '',
- lsUnitName: '',
- lsUnit: '',
- lsUnitMatterName: ''
- })
- const ruleFormRef = ref<FormInstance>()
+ const lsForm1 = reactive(props.lsForm)
+ const lsRef = ref<FormInstance>()
const lsFormRules = reactive<FormRules>({
lsDepartment:[{required: true,message: '此处不可为空',trigger: 'blur'}],
lsApplyName:[{required: true,message: '此处不可为空',trigger: 'blur'}],
@@ -112,6 +109,17 @@
lsUnit: [{required: true,message: '此处不可为空',trigger: 'blur'}],
lsUnitMatterName: [{required: true,message: '此处不可为空',trigger: 'blur'}]
})
+ const validateForm = async () => {
+ let flag = null
+ await lsRef.value.validate(valid=>{
+ if(valid){
+ flag = true
+ }else{
+ flag = false
+ }
+ })
+ return flag
+ }
// 折线图
const renderMenu = async (value: string) => {
Session.set('projectId',value)
@@ -120,9 +128,10 @@
};
return {
renderMenu,
- lsForm,
+ lsForm1,
lsFormRules,
- ruleFormRef,
+ lsRef,
+ validateForm,
...toRefs(state),
};
},
--
Gitblit v1.9.2