From 32a91a2c2c40ba87493ef6c7b2762126d376f8c6 Mon Sep 17 00:00:00 2001
From: MojtabaSoumi <mojtabasoumi1378@gmail.com>
Date: Mon, 18 May 2026 10:25:05 +0330
Subject: [PATCH] 1405/02/28-fix bug in upload image

---
 components.d.ts                       | 5 +++++
 src/components/UploadPic.vue          | 1 -
 src/pages/menuPages/banners/index.vue | 7 +++++--
 3 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/components.d.ts b/components.d.ts
index eb6ea5c..4690207 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -15,6 +15,7 @@ declare module '@vue/runtime-core' {
     ABadge: typeof import('ant-design-vue/es')['Badge']
     AButton: typeof import('ant-design-vue/es')['Button']
     ACard: typeof import('ant-design-vue/es')['Card']
+    ACheckbox: typeof import('ant-design-vue/es')['Checkbox']
     AConfigProvider: typeof import('ant-design-vue/es')['ConfigProvider']
     ADivider: typeof import('ant-design-vue/es')['Divider']
     ADrawer: typeof import('ant-design-vue/es')['Drawer']
@@ -32,7 +33,10 @@ declare module '@vue/runtime-core' {
     AMenuItem: typeof import('ant-design-vue/es')['MenuItem']
     AModal: typeof import('ant-design-vue/es')['Modal']
     APagination: typeof import('ant-design-vue/es')['Pagination']
+    APopconfirm: typeof import('ant-design-vue/es')['Popconfirm']
+    APopover: typeof import('ant-design-vue/es')['Popover']
     ARadio: typeof import('ant-design-vue/es')['Radio']
+    ARadioButton: typeof import('ant-design-vue/es')['RadioButton']
     ARadioGroup: typeof import('ant-design-vue/es')['RadioGroup']
     ASelect: typeof import('ant-design-vue/es')['Select']
     ASelectOption: typeof import('ant-design-vue/es')['SelectOption']
@@ -42,6 +46,7 @@ declare module '@vue/runtime-core' {
     ATable: typeof import('ant-design-vue/es')['Table']
     ATabPane: typeof import('ant-design-vue/es')['TabPane']
     ATabs: typeof import('ant-design-vue/es')['Tabs']
+    ATextarea: typeof import('ant-design-vue/es')['Textarea']
     ATooltip: typeof import('ant-design-vue/es')['Tooltip']
     AUpload: typeof import('ant-design-vue/es')['Upload']
     BaseButton: typeof import('./src/core/components/BaseButton/index.ts')['default']
diff --git a/src/components/UploadPic.vue b/src/components/UploadPic.vue
index 7bd9dc6..03aff8c 100644
--- a/src/components/UploadPic.vue
+++ b/src/components/UploadPic.vue
@@ -12,7 +12,6 @@
     >
       <div
         @click="deleteAvatar"
-        v-if="imageUrl"
         style="position: absolute; bottom: 10px; left: 0; z-index: 10"
       >
         <BaseIcon icon="vuesax-linear:trash" class="text-red-600 cursor-pointer" />
diff --git a/src/pages/menuPages/banners/index.vue b/src/pages/menuPages/banners/index.vue
index 4055f64..fd2f335 100644
--- a/src/pages/menuPages/banners/index.vue
+++ b/src/pages/menuPages/banners/index.vue
@@ -68,6 +68,7 @@ import UploadPic from "@/components/UploadPic.vue"
 import {updateBannerConst, getHeaderBannerConst} from "@/api/consts"
 import '@vueup/vue-quill/dist/vue-quill.snow.css'
 import {QuillEditor} from '@vueup/vue-quill'
+import {baseURL} from "@root/config";
 
 const benefitsList = ref<IBenefits[]>([])
 let id: number | null = null
@@ -89,11 +90,13 @@ function removeRow(index: number) {
 }
 
 async function handleUpload(file: any, index: number, size: string) {
-  benefitsList.value[index][size] = file.src
+  benefitsList.value[index][size] = `${baseURL}/${file.src}`
 }
 
 function handelRemoveFile(index: number, size: string) {
-  benefitsList.value.splice(benefitsList?.value[index], 1)
+  // console.log(  benefitsList.value.splice(benefitsList?.value[index], 1))
+
+  benefitsList.value.splice(index, 1)
 }
 
 async function handleSubmit() {