添加上传图片两张

securityManagement/src/components/upload/SingleImageFileUpload.vue

@@ -9,7 +9,7 @@
     />
 
     <a-button class="btn-success" @click="selectFile">{{ btnLabel }}</a-button>
-    <input :id="id" type="file" style="display: none" ref="fileInput" />
+    <input :idFile="idFile" type="file" style="display: none" ref="fileInput" />
   </div>
 </template>
 
@@ -34,7 +34,7 @@ const props = withDefaults(
     width?: string | number;
     height?: string | number;
     btnLabel?: string;
-    id: string;
+    idFile?: string | any;
   }>(),
   {
     parentDir: "",
@@ -43,7 +43,7 @@ const props = withDefaults(
     width: "150px",
     height: "150px",
     btnLabel: "选择图片",
-    id: "myFileInput",
+    idFile: "myFileInput",
   }
 );
 
@@ -54,7 +54,7 @@ const uploadUrl = ref();
 const fileInput = ref(null);
 
 const selectFile = () => {
-  document.getElementById(props.id)?.click();
+  document.getElementById(props.idFile)?.click();
 };
 
 async function inputFileListener(this: HTMLInputElement) {
@@ -107,13 +107,13 @@ const fileDelete = () => {
 };
 onMounted(() => {
   document
-    .getElementById(props.id)
+    .getElementById(props.idFile)
     ?.addEventListener("change", inputFileListener);
 });
 
 onUnmounted(() => {
   document
-    .getElementById(props.id)
+    .getElementById(props.idFile)
     ?.removeEventListener("change", inputFileListener);
 });
 defineExpose({ fileDelete });

securityManagement/src/views/enterprise.vue

@@ -61,7 +61,7 @@
                   <SingleImageFileUpload
                     v-model:value="formDate.securityServiceLicence"
                     ref="permitUpload"
-                    id="securityServiceLicenceInput"
+                    id-file="securityServiceLicenceInput"
                   ></SingleImageFileUpload>
                   <div style="color: red; text-align: left">
                     注：自行招用单位备案证或保安许可证