feat:知识库列表icon

src/views/knowledge/index.vue

@@ -59,14 +59,7 @@
         >
           <div class="dataset-header">
             <div class="folder-content">
-              <!--              <div class="folder">-->
+              <img :src="getKnowledgeImage(index)" alt="" class="folder" />
-              <!--                &lt;!&ndash;                字符串第一个&ndash;&gt;-->
-
-              <!--                {{ item.name[0] }}-->
-              <!--              </div>-->
-
-              <img :src="konwledgePng_1" alt="" class="folder" />
-              <!--              <svg-icon iconClass="folder" className="folder"></svg-icon>-->
             </div>
             <div class="dataset-body" style="flex:1">
               <h4 class="dataset-title">{{ item.name }}</h4>
@@ -112,13 +105,25 @@
 <script>
 import { docManageDataset, datasetDelete } from '@/api/generatedApi/index'
 import knowledgeForm from '@/views/knowledge/detail/components/knowledgeForm.vue'
-import konwledgePng_1 from '@/assets/images/konwledge/konwledge-1.png'
+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: '',
-      konwledgePng_1,
+      knowledgePng_1,
+      knowledgePng_2,
+      knowledgePng_3,
+      knowledgePng_4,
+      knowledgePng_5,
+      knowledgePng_6,
+      knowledgePng_7,
       datasetList: [],
       nameLike: '',
       drawer: false,
@@ -184,6 +189,18 @@ export default {
           }
         })
       })
+    },
+    getKnowledgeImage(index) {
+      const images = [
+        knowledgePng_1,
+        knowledgePng_2,
+        knowledgePng_3,
+        knowledgePng_4,
+        knowledgePng_5,
+        knowledgePng_6,
+        knowledgePng_7
+      ]
+      return images[index % images.length]
     }
   },
   filters: {