Your Name
2022-07-13 e2cad5345678266960d40f1ba5e3ffac4d5c85e8
src/views/specialWorkSystem/workApplyManagement/workApplyForm/components/blindPanelForm.vue
@@ -1,6 +1,6 @@
<template>
   <div class="comp-container">
      <el-form :model="bpForm" label-width="180px" :rules="bpFormRules" ref="ruleFormRef">
      <el-form :model="bpForm" label-width="180px" :rules="bpFormRules" ref="bpRef">
         <div class="homeCard">
            <el-row>
               <el-col :span="8">
@@ -114,9 +114,9 @@
            </el-row>
            <el-row>
               <el-col :span="24">
                  <el-form-item label="盲板位置图" prop="fileList">
                  <el-form-item label="盲板位置图">
                     <el-upload
                           v-model:file-list="fileList"
                        v-model:file-list="bpForm.picList"
                           class="upload-demo"
                           action="https://run.mocky.io/v3/9d059bf9-4660-45f2-925d-ce80ad6c4d15"
                           multiple
@@ -207,44 +207,47 @@
   }
   export default defineComponent({
      name: 'blindPanelForm',
      setup() {
      props: {
         bpForm: Object,
      },
      setup(props) {
         const userInfo = useUserInfo()
         const { userInfos } = storeToRefs(userInfo);
         const state  = reactive<stateType>({});
         const bpForm = reactive({
            bpDepartment: '',
            bpApplyName: '',
            bpTubeName: '',
            bpMainMatter: '',
            bpTemperature: '',
            bpPressure: '',
            bpMaterial: '',
            bpFormat: '',
            bpNum: '',
            bpLocation: '',
            fileList: [],
            bpPrincipals: [],
            bpInstallTime: '',
            bpDePrincipals: [],
            bpUninstallTime: ''
         })
         const ruleFormRef = ref<FormInstance>()
         const bpForm1 = reactive(props.bpForm)
         // const bpForm = reactive({
         //    bpDepartment: '',
         //    bpApplyName: '',
         //    bpTubeName: '',
         //    bpMainMatter: '',
         //    bpTemperature: '',
         //    bpPressure: '',
         //    bpMaterial: '',
         //    bpFormat: '',
         //    bpNum: '',
         //    bpLocation: '',
         //    fileList: [],
         //    bpPrincipals: [],
         //    bpInstallTime: '',
         //    bpDePrincipals: [],
         //    bpUninstallTime: ''
         // })
         const bpRef = ref<FormInstance>()
         const bpFormRules = reactive<FormRules>({
            bpDepartment:[{required: true,message: '此处不可为空',trigger: 'blur'}],
            bpApplyName:[{required: true,message: '此处不可为空',trigger: 'blur'}],
            bpTubeName: [{required: true,message: '此处不可为空',trigger: 'blur'}],
            bpMainMatter: [{required: true,message: '此处不可为空',trigger: 'blur'}],
            bpTemperature: [{required: true,message: '此处不可为空',trigger: 'blur'}],
            bpPressure: [{required: true,message: '此处不可为空',trigger: 'blur'}],
            bpMaterial: [{required: true,message: '此处不可为空',trigger: 'blur'}],
            bpFormat: [{required: true,message: '此处不可为空',trigger: 'blur'}],
            bpNum: [{required: true,message: '此处不可为空',trigger: 'blur'}],
            bpLocation: [{required: true,message: '此处不可为空',trigger: 'blur'}],
            fileList: [{type: 'array',required: true,message: '此处不可为空',trigger: 'change'}],
            bpPrincipals: [{type: 'array',required: true,message: '此处不可为空',trigger: 'change'}],
            bpInstallTime: [{required: true,message: '此处不可为空',trigger: 'blur'}],
            bpDePrincipals: [{type: 'array',required: true,message: '此处不可为空',trigger: 'change'}],
            bpUninstallTime: [{required: true,message: '此处不可为空',trigger: 'blur'}]
            bpDepartment:[{required: true,message: '此处不可为空'}],
            bpApplyName:[{required: true,message: '此处不可为空'}],
            bpTubeName: [{required: true,message: '此处不可为空'}],
            bpMainMatter: [{required: true,message: '此处不可为空'}],
            bpTemperature: [{required: true,message: '此处不可为空'}],
            bpPressure: [{required: true,message: '此处不可为空'}],
            bpMaterial: [{required: true,message: '此处不可为空'}],
            bpFormat: [{required: true,message: '此处不可为空'}],
            bpNum: [{required: true,message: '此处不可为空'}],
            bpLocation: [{required: true,message: '此处不可为空'}],
            bpPrincipals: [{type: 'array',required: true,message: '此处不可为空',trigger:'blur'}],
            bpInstallTime: [{required: true,message: '此处不可为空'}],
            bpDePrincipals: [{type: 'array',required: true,message: '此处不可为空',trigger:'blur'}],
            bpUninstallTime: [{required: true,message: '此处不可为空'}]
         })
         const fileList = ref<UploadUserFile[]>([
            {
@@ -278,6 +281,18 @@
                  () => false
            )
         }
         const validateForm = async () => {
            let flag = null
            await bpRef.value.validate(valid=>{
               if(valid){
                  flag = true
               }else{
                  flag = false
               }
            })
            return flag
         }
         // 折线图
         const renderMenu = async (value: string) => {
            Session.set('projectId',value)
@@ -286,10 +301,12 @@
         };
         return {
            renderMenu,
            bpForm,
            bpForm1,
            bpFormRules,
            ruleFormRef,
            bpRef,
            fileList,
            Search,
            validateForm,
            handleRemove,
            handlePreview,
            handleExceed,