large-model-component 1.0.2 → 1.0.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "large-model-component",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "private": false,
   "scripts": {
     "dev": "vue-cli-service serve",

package/packages/header/header.vue

@@ -82,7 +82,7 @@
           <div v-if="token !== ''" class="message">
             <el-badge :value="msgCountInfo.unReadCnt">
               <img
-                :src="msgCountInfo.unReadCnt > 0 ? require('@/assets/blue_tip.png') : require('@/assets/gray_tip.png')"
+                :src="msgCountInfo.unReadCnt > 0 ? require('../../src/assets/blue_tip.png') : require('../../src/assets/gray_tip.png')"
                 class="badge-image"
                 alt=""
                 @click="handleJump"/>

package/packages/model/model.vue

@@ -15,7 +15,7 @@
         <el-container class="chat-layout">
           <!-- 左侧侧边栏 -->
           <el-aside width="216px" class="sidebar">
-            <img src="@/assets/img/zhijing-model.png" alt="" class="top-logo"/>
+            <img src="../../src/assets/img/zhijing-model.png" alt="" class="top-logo"/>
             <el-button
               type="primary"
               icon="el-icon-plus"
@@ -68,13 +68,13 @@
               <!-- 欢迎页 -->
               <div v-if="conversation.dialogue.length === 0" class="welcome-screen">
                 <div class="welcome-content">
-                  <img src="@/assets/img/zhijing-model.png" alt="Logo" class="welcome-logo"/>
+                  <img src="../../src/assets/img/zhijing-model.png" alt="Logo" class="welcome-logo"/>
                   <p class="welcome-desc">行业场景图谱领域的专业大模型，依托"场景图谱 + 要素清单 + 资料数据"进行训练优化，<br>实现企业需求与资源的高效对接。
                   </p>
                 </div>
                 <div class="faq-section">
                   <div class="faq-header">
-                    <div class="faq-title"><img src="@/assets/img/qas.png" alt="">常见问题</div>
+                    <div class="faq-title"><img src="../../src/assets/img/qas.png" alt="">常见问题</div>
                     <div class="refresh-btn" @click="changeFaq"><i class="el-icon-refresh"
                                                                    style="margin-right: 4px;"></i> 换一批
                     </div>
@@ -93,7 +93,7 @@
                      :class="item.role">
                   <div class="message-bubble">
                     <img
-                      :src="item.role === 'assistant' ? require('@/assets/img/serviceIcon.png') : require('@/assets/img/quizzer.png')"
+                      :src="item.role === 'assistant' ? require('../../src/assets/img/serviceIcon.png') : require('../../src/assets/img/quizzer.png')"
                       alt="" class="avatar"/>
                     <div class="bubble-content" :class="item.role">
                       <contentFold v-if="item.role === 'assistant'" :content="item.content"></contentFold>
@@ -212,10 +212,10 @@ import ContentFold from "@/components/contentFold";
 const ALLOWED_EXTENSIONS = ['pdf', 'doc', 'docx', 'txt', 'pptx', 'ppt', 'xls', 'xlsx', 'jpg', 'jpeg', 'png', 'gif', 'webp'];
 const MAX_FILE_SIZE = 10 * 1024 * 1024; // 10M
 const DEFAULT_ICONS = [
-  require("@/assets/img/quick_finder_icon1.png"),
-  require("@/assets/img/quick_finder_icon2.png"),
-  require("@/assets/img/quick_finder_icon3.png"),
-  require("@/assets/img/quick_finder_icon4.png")
+  require("../../src/assets/img/quick_finder_icon1.png"),
+  require("../../src/assets/img/quick_finder_icon2.png"),
+  require("../../src/assets/img/quick_finder_icon3.png"),
+  require("../../src/assets/img/quick_finder_icon4.png")
 ];
 export default {
   name: 'LLMAssistantDialog',
@@ -885,7 +885,7 @@ $border-color: #EBEEF5;
   right: 30px;
   bottom: 100px;
   cursor: pointer;
-  background: url("~@/assets/img/ai-chart.png");
+  background: url("~../../src/assets/img/ai-chart.png");
   background-size: 100% 100%;
   z-index: 998;
 }
@@ -933,7 +933,7 @@ $border-color: #EBEEF5;
   border-radius: 8px 0 0 8px;
   position: relative;
   z-index: 1;
-  background: linear-gradient(180deg, rgba(0, 109, 255, 0.08) 0%, rgba(0, 91, 255, 0.18) 100%), url('~@/assets/img/scrol-bg.png') no-repeat bottom center / 100% 280px;
+  background: linear-gradient(180deg, rgba(0, 109, 255, 0.08) 0%, rgba(0, 91, 255, 0.18) 100%), url('~../../src/assets/img/scrol-bg.png') no-repeat bottom center / 100% 280px;
 
   .top-logo {
     width: 90px;
@@ -1157,7 +1157,7 @@ $border-color: #EBEEF5;
     right: 20px;
     z-index: 10;
     cursor: pointer;
-    background: url("~@/assets/img/close.png");
+    background: url("~../../src/assets/img/close.png");
     background-size: 100% 100%;
   }
 

package/vue.config.js

@@ -16,11 +16,14 @@ const devConfig = {
       .tap((options) => {
         return options;
       });
+    config.resolve.alias
+      .set('@', path.resolve(__dirname, 'src'));
   },
   configureWebpack: {
     resolve: {
       alias: {
         '@pack': path.resolve(__dirname, 'packages'),
+        '@': path.resolve(__dirname, 'src'),
       },
     },
   },