图片显示问题

src/components/Table/index.vue

@@ -11,7 +11,8 @@
         <!-- 空内容自定义 -->
         <template #empty>
           <div class="flex f-c a-c ">
-            <el-empty image="../../../src/assets/images/empty.png" />
+            <img src="../../assets/images/empty.png" alt="">
+            <span style="font-size: 14px;color: #909399;">暂无数据</span>
           </div>
         </template>
         <el-table-column type="selection" v-if="showSelect" :selectable="selectable" width="55" />

src/utils/composables/imageUtils.ts

@@ -1,3 +1,7 @@
+import avatar1 from '@/assets/images/user/avatar1.png';
+import avatar2 from '@/assets/images/user/avatar2.png';
+import avatar3 from '@/assets/images/user/avatar3.png';
+import avatar4 from '@/assets/images/user/avatar4.png';
 /**
  * 随机获取四个图片中的某一个
  * @returns 随机选中的图片URL或文件名
@@ -5,10 +9,10 @@
 export function getRandomImage(): string {
   // 定义四个图片的URL或文件名
   const images: string[] = [
-    '/src/assets/images/user/avatar1.png',
-    '/src/assets/images/user/avatar2.png',
-    '/src/assets/images/user/avatar3.png',
-    '/src/assets/images/user/avatar4.png',
+    avatar1,
+    avatar2,
+    avatar3,
+    avatar4
   ];
 
   // 生成0到3之间的随机整数