| | |
| | | <template> |
| | | <div class="comp-container"> |
| | | <el-form :model="dwForm" label-width="180px" :rules="dwFormRules" ref="ruleFormRef"> |
| | | <el-form :model="dwForm" label-width="180px" :rules="dwFormRules" ref="dwRef"> |
| | | <div class="homeCard"> |
| | | <el-row> |
| | | <el-col :span="8"> |
| | |
| | | } |
| | | export default defineComponent({ |
| | | name: 'dirtWorkForm', |
| | | setup() { |
| | | props:{ |
| | | dwForm: Object |
| | | }, |
| | | setup(props) { |
| | | const userInfo = useUserInfo() |
| | | const { userInfos } = storeToRefs(userInfo); |
| | | const state = reactive<stateType>({}); |
| | | const dwForm = reactive({ |
| | | dwDepartment: '', |
| | | dwApplyName: '', |
| | | dwRange: '', |
| | | dwWay: '', |
| | | fileList: [] |
| | | }) |
| | | const ruleFormRef = ref<FormInstance>() |
| | | const dwForm1 = reactive(props.dwForm) |
| | | const dwRef = ref<FormInstance>() |
| | | const dwFormRules = reactive<FormRules>({ |
| | | dwDepartment:[{required: true,message: '此处不可为空',trigger: 'blur'}], |
| | | dwApplyName:[{required: true,message: '此处不可为空',trigger: 'blur'}], |
| | |
| | | () => false |
| | | ) |
| | | } |
| | | const validateForm = async () => { |
| | | let flag = null |
| | | await dwRef.value.validate(valid=>{ |
| | | if(valid){ |
| | | flag = true |
| | | }else{ |
| | | flag = false |
| | | } |
| | | }) |
| | | return flag |
| | | } |
| | | // 折线图 |
| | | const renderMenu = async (value: string) => { |
| | | Session.set('projectId',value) |
| | |
| | | }; |
| | | return { |
| | | renderMenu, |
| | | dwForm, |
| | | dwForm1, |
| | | dwFormRules, |
| | | ruleFormRef, |
| | | dwRef, |
| | | fileList, |
| | | validateForm, |
| | | handleRemove, |
| | | handlePreview, |
| | | handleExceed, |