1405/02/28-fix bug in upload image

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']

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" />

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() {