物资信息管理 文件上传校验调整

src/components/FileUpload/index.vue

@@ -76,7 +76,7 @@ const props = defineProps({
 });
 
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
-const emit = defineEmits(['update:modelValue']);
+const emit = defineEmits(['update:modelValue', 'change']);
 const number = ref(0);
 const uploadList = ref<any[]>([]);
 
@@ -257,6 +257,7 @@ const handleUploadSuccess = (res: any, file: UploadFile) => {
 const handleDelete = (index: number) => {
   fileList.value.splice(index, 1);
   emit('update:modelValue', fileList.value);
+  emit('change', fileList.value);
 };
 
 // 上传结束处理
@@ -266,6 +267,7 @@ const uploadedSuccessfully = () => {
     uploadList.value = [];
     number.value = 0;
     emit('update:modelValue', fileList.value);
+    emit('change', fileList.value);
     proxy?.$modal.closeLoading();
   }
 };

src/views/comprehensiveGuarantee/MaterialReserveManagement/addMaterialInformation.vue

@@ -10,8 +10,15 @@
           <div class="sub-title">物资信息</div>
           <el-row>
             <el-col :span="12">
-              <el-form-item label="物资图片：" prop="materialImageData">
-                <FileUpload v-model="form.fileList" :file-type="['jpg', 'jpeg', 'png']" :limit="1" :file-size="5" class="upload-box" />
+              <el-form-item label="物资图片：" prop="fileList">
+                <FileUpload
+                  v-model="form.fileList"
+                  :file-type="['jpg', 'jpeg', 'png']"
+                  :limit="1"
+                  :file-size="5"
+                  class="upload-box"
+                  @change="formRef.validateField('fileList');"
+                />
               </el-form-item>
             </el-col>
             <el-col :span="12">
@@ -286,6 +293,7 @@ const data = reactive({
     remarks: ''
   },
   rules: {
+    fileList: [{ required: true, message: '请上传物资图片', trigger: 'change' }],
     material_name: [{ required: true, message: '物资名称不能为空', trigger: 'blur' }],
     warehouse_id: [{ required: true, message: '请选择仓库', trigger: 'change' }],
     inventory: [{ required: true, message: '请选择库存', trigger: 'change' }],