refactor(环境): 优化图片资源加载路径

- 修改知识管理模块相关组件中的图片资源路径- 使用环境变量 VUE_APP_STATIC 来统一静态资源路径
- 删除冗余的图片资源引用，简化代码结构
- 在根目录下添加 .env.prd 文件，配置生产环境变量

src/views/knowledge/detail/components/SearchSetting/Index.vue

@@ -36,7 +36,7 @@
             <template slot="title">
               <div class="flex align-items-c">
                 <img
-                  src="@/assets/images/konwledge/knowledge-5.png"
+                  :src="`${static}/loadImage/knowledge-5.png`"
                   alt=""
                   style="height: 20px"
                 />
@@ -79,6 +79,7 @@ export default {
   props: {},
   data() {
     return {
+      static: process.env.VUE_APP_STATIC,
       // 0-向量检索 1-全文检索 2-混合检索
       searchMethod: 0,
       embeddingItem: {},

src/views/knowledge/detail/components/SearchSetting/SearchForm.vue

@@ -22,7 +22,7 @@
           @click="chooseFixSearch(item)"
         >
           <img
-            src="@/assets/images/konwledge/knowledge-2.png"
+            :src="`${static}/loadImage/knowledge-2.png`"
             alt=""
             style="height: 30px"
           />
@@ -162,6 +162,7 @@ export default {
   },
   data() {
     return {
+      static: process.env.VUE_APP_STATIC,
       form: {
         // 是否启用rerank模型
         rerankingEnable: true,

src/views/knowledge/index.vue

@@ -59,11 +59,7 @@
         >
           <div class="dataset-header mb10">
             <div class="folder-content">
-              <img
+              <img :src="item.image" alt="" class="folder" />
-                :src="item.image ? item.image : getKnowledgeImage(index)"
-                alt=""
-                class="folder"
-              />
             </div>
             <div class="dataset-body" style="flex:1">
               <h4 class="dataset-title">{{ item.name }}</h4>
@@ -110,25 +106,11 @@
 <script>
 import { docManageDataset, datasetDelete } from '@/api/generatedApi/index.js'
 import knowledgeForm from '@/views/knowledge/detail/components/knowledgeForm.vue'
-import knowledgePng_1 from '@/assets/images/konwledge/knowledge-1.png'
-import knowledgePng_2 from '@/assets/images/konwledge/knowledge-2.png'
-import knowledgePng_3 from '@/assets/images/konwledge/knowledge-3.png'
-import knowledgePng_4 from '@/assets/images/konwledge/knowledge-4.png'
-import knowledgePng_5 from '@/assets/images/konwledge/knowledge-5.png'
-import knowledgePng_6 from '@/assets/images/konwledge/knowledge-6.png'
-import knowledgePng_7 from '@/assets/images/konwledge/knowledge-7.png'
 export default {
   name: 'index',
   data() {
     return {
       datasetId: '',
-      knowledgePng_1,
-      knowledgePng_2,
-      knowledgePng_3,
-      knowledgePng_4,
-      knowledgePng_5,
-      knowledgePng_6,
-      knowledgePng_7,
       datasetList: [],
       nameLike: '',
       drawer: false,
@@ -205,18 +187,6 @@ export default {
       // }).then(() => {
       //
       // })
-    },
-    getKnowledgeImage(index) {
-      const images = [
-        knowledgePng_1,
-        knowledgePng_2,
-        knowledgePng_3,
-        knowledgePng_4,
-        knowledgePng_5,
-        knowledgePng_6,
-        knowledgePng_7
-      ]
-      return images[index % images.length]
     }
   },
   filters: {

src/views/track/Index.vue

@@ -5,7 +5,8 @@ import {
 } from '@/api/generatedApi'
 import KnowledgeInfo from '@/views/track/views/knowledge-info/Index.vue'
 import { getUserList } from '@/api/generatedApi/system'
-import knowledgePng_2 from '@/assets/images/konwledge/knowledge-2.png'
+import knowledgePng_2 from '../../../public/loadImage/knowledge-2.png'
+
 export default {
   components: {
     KnowledgeInfo