fix: 图片地址修改

src/views/home/data.ts

@@ -1,4 +1,13 @@
 import { dayjs, getRandomIntBetween } from "./utils";
+import quanliangbaosong from "@/assets/home/quanliangbaosong@2x.png";
+import daishenpi from "@/assets/home/daishenpi@2x.png";
+import shenpitongguo from "@/assets/home/shenpitongguo@2x.png";
+import bohui from "@/assets/home/bohui@2x.png";
+import shixiao from "@/assets/home/shixiao@2x.png";
+import baosongguanli from "@/assets/home/baosongguanli@2x.png";
+import quanliangzhishi from "@/assets/home/quanliangzhishi@2x.png";
+import minganci from "@/assets/home/minganci@2x.png";
+import shenpi from "@/assets/home/shenpi@2x.png";
 /** 数据统计 */
 const tableData = Array.from({ length: 30 }).map((_, index) => {
   return {
@@ -15,46 +24,46 @@ const processList = [
   {
     label: "全量报送",
     value: 24,
-    bgImage: "/src/assets/home/quanliangbaosong@2x.png"
+    bgImage: quanliangbaosong
   },
   {
     label: "待审批",
     value: 24,
-    bgImage: "/src/assets/home/daishenpi@2x.png"
+    bgImage: daishenpi
   },
   {
     label: "审批通过",
     value: 24,
-    bgImage: "/src/assets/home/shenpitongguo@2x.png"
+    bgImage: shenpitongguo
   },
   {
     label: "驳回",
     value: 0,
-    bgImage: "/src/assets/home/bohui@2x.png"
+    bgImage: bohui
   },
   {
     label: "失效",
     value: 24,
-    bgImage: "/src/assets/home/shixiao@2x.png"
+    bgImage: shixiao
   }
 ];
 
 const commonList = [
   {
     label: "报送知识",
-    bgImage: "/src/assets/home/baosongguanli@2x.png"
+    bgImage: baosongguanli
   },
   {
     label: "全量知识",
-    bgImage: "/src/assets/home/quanliangzhishi@2x.png"
+    bgImage: quanliangzhishi
   },
   {
     label: "知识审批",
-    bgImage: "/src/assets/home/minganci@2x.png"
+    bgImage: minganci
   },
   {
     label: "账号管理",
-    bgImage: "/src/assets/home/shenpi@2x.png"
+    bgImage: shenpi
   }
 ];
 

src/views/home/index.vue

@@ -6,6 +6,8 @@ import { ArrowRight } from "@element-plus/icons-vue";
 import { queryMyKnowledgeList } from "@/api/home";
 import { useRouter } from "vue-router";
 import { processList, commonList } from "./data";
+import livelihood from "@/assets/home/livelihood_Information.png";
+import myProcessIcon from "@/assets/home/my_process_icon.png";
 
 defineOptions({
   name: "Home"
@@ -80,10 +82,7 @@ onMounted(() => {
           :body-style="{ padding: '0px' }"
         >
           <div class="h-[204px]">
-            <img
-              src="@/assets/home/livelihood_Information.png"
-              class="w-[100%] h-[100%]"
-            />
+            <img :src="livelihood" class="w-[100%] h-[100%]" />
           </div>
         </el-card>
       </re-col>
@@ -110,10 +109,7 @@ onMounted(() => {
           <div class="my_process">
             <div class="my_process_header">
               <div class="my_process_header-right">
-                <img
-                  src="@/assets/home/my_process_icon.png"
-                  class="w-[24px] h-[24px] mr-2"
-                />
+                <img :src="myProcessIcon" class="w-[24px] h-[24px] mr-2" />
                 <span>知识报送</span>
               </div>
               <div class="my_process_header-left">
@@ -164,10 +160,7 @@ onMounted(() => {
         >
           <div class="flex justify-between">
             <div class="flex justify-start">
-              <img
-                src="@/assets/home/my_process_icon.png"
-                class="w-[24px] h-[24px] mr-2"
-              />
+              <img :src="myProcessIcon" class="w-[24px] h-[24px] mr-2" />
               <span>最新报送知识</span>
             </div>
             <div>
@@ -200,10 +193,7 @@ onMounted(() => {
         <el-card shadow="never" class="h-[380px]">
           <div class="home_title">
             <div class="flex justify-start">
-              <img
-                src="@/assets/home/my_process_icon.png"
-                class="w-[24px] h-[24px] mr-2"
-              />
+              <img :src="myProcessIcon" class="w-[24px] h-[24px] mr-2" />
               <span>常用功能</span>
             </div>
           </div>
@@ -241,10 +231,7 @@ onMounted(() => {
         <el-card shadow="never" class="h-[350px]">
           <div class="home_title">
             <div class="flex justify-start">
-              <img
-                src="@/assets/home/my_process_icon.png"
-                class="w-[24px] h-[24px] mr-2"
-              />
+              <img :src="myProcessIcon" class="w-[24px] h-[24px] mr-2" />
               <span>最新知识问题</span>
             </div>
             <div>
@@ -288,10 +275,7 @@ onMounted(() => {
         <el-card shadow="never" class="h-[350px]">
           <div class="home_title">
             <div class="flex justify-start">
-              <img
-                src="@/assets/home/my_process_icon.png"
-                class="w-[24px] h-[24px] mr-2"
-              />
+              <img :src="myProcessIcon" class="w-[24px] h-[24px] mr-2" />
               <span>常问问题</span>
             </div>
             <div>