From 1c2a7cb539c1109a32da0ff23848a164c443d12c Mon Sep 17 00:00:00 2001
From: HeHaonan <1822907900@qq.com>
Date: Wed, 28 Aug 2024 14:57:34 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/portraitModel/index.vue | 23 ++++++++++++-----------
 1 file changed, 12 insertions(+), 11 deletions(-)

diff --git a/src/views/portraitModel/index.vue b/src/views/portraitModel/index.vue
index 5a7f79d..d1e9d54 100644
--- a/src/views/portraitModel/index.vue
+++ b/src/views/portraitModel/index.vue
@@ -3,7 +3,7 @@
     <div class="tabList">
       <div class="tabs" v-for="item in tabList" :key="item.id" @click="changeTab(item)">
         <div style="display: flex; align-items: center">
-          <img :src="item.backImg" alt="" />
+          <img :src="getAssetsFile(item.backImg)" alt="" />
           <span>{{ item.title }}</span>
         </div>
       </div>
@@ -259,6 +259,7 @@
 <script setup>
 import * as portraitModel from "@/api/portraitModel";
 import mainContent from "@/views/components/mainContent.vue";
+import {getAssetsFile} from '@/utils/index.js'
 import { onMounted } from "vue";
 const { proxy } = getCurrentInstance();
 const currentComponent = ref(null);
@@ -271,61 +272,61 @@ const tabList = ref([
     id: "1",
     key: () => import('./components/rfmAnalysis.vue'),
     title: "RFM分析",
-    backImg: "/src/assets/images/icon1.png",
+    backImg:  "icon1.png",
   },
   {
     id: "2",
     key: () => import('./components/abcAnalysis.vue'),
     title: "帕累托/ABC分析",
-    backImg: "/src/assets/images/icon2.png",
+    backImg: "icon2.png",
   },
   {
     id: "3",
     key: () => import('./components/bostonAnalysis.vue'),
     title: "波士顿矩阵分析",
-    backImg: "/src/assets/images/icon3.png",
+    backImg: "icon3.png",
   },
   {
     id: "4",
     key: () => import('./components/funnelAnalysis.vue'),
     title: "转化分析-漏斗模型",
-    backImg: "/src/assets/images/icon4.png",
+    backImg: "icon4.png",
   },
   {
     id: "5",
     key: () => import('./components/basketAnalysis.vue'),
     title: "购物篮分析",
-    backImg: "/src/assets/images/icon5.png",
+    backImg: "icon5.png",
   },
   {
     id: "6",
     key: () => import('./components/repurchaseAnalysis.vue'),
     title: "复购分析",
-    backImg: "/src/assets/images/icon6.png",
+    backImg: "icon6.png",
   },
   {
     id: "7",
     key: () => import('./components/retainAnalysis.vue'),
     title: "留存分析",
-    backImg: "/src/assets/images/icon7.png",
+    backImg: "icon7.png",
   },
   {
     id: "8",
     key: () => import('./components/viscosityAnalysis.vue'),
     title: "用户粘性分析",
-    backImg: "/src/assets/images/icon8.png",
+    backImg: "icon8.png",
   },
   {
     id: "9",
     key: () => import('./components/AARRRAnalysis.vue'),
     title: "AARRR用户运营分析",
-    backImg: "/src/assets/images/icon9.png",
+    backImg: "icon9.png",
   },
   {
     id: "10",
     key: () => import('./components/portraitAnalysis.vue'),
     title: "用户画像分析",
-    backImg: "/src/assets/images/icon10.png",
+    backImg: "icon10.png",
   },
 ]);
 // defineExpose({ submitMethod });