From c8ac1c82a597692116b5b7e665e5db5333eb3212 Mon Sep 17 00:00:00 2001
From: wangyilin <1454641981@qq.com>
Date: Fri, 3 Jan 2025 11:49:34 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E4=B8=8A=E4=BC=A0=E5=9B=BE?=
 =?UTF-8?q?=E7=89=87=E4=B8=A4=E5=BC=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/upload/SingleImageFileUpload.vue  | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

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