feat(web): 添加注释图标和 Alt 文本图标

- 新增多个注释相关图标，包括检查、评论、帮助、插入、键、新段落、无图标、笔记、回形针、段落和图钉图标
- 添加 Alt 文本图标
- 增加版权信息文件

src/views/knowledge/index.vue

@@ -0,0 +1,164 @@
+<template>
+  <div id='index-container' class='container index-container'>
+    <el-card shadow="hover">
+      <div slot="header" class="clearfix">
+        <h3>知识库列表</h3>
+        <p class='mt10 fs14' style='line-height: 20px'>易商数智知识库平台，旨在为用户提供更便捷、更灵敏、更全面的知识存储和操作平台，用户可以通过创建不同的知识库，完成对系统内知识的细分和储备。</p>
+        <p class='mt10 fs14' style='line-height: 20px'>同时也可以通过修改和删除操作，对系统内知识体系进行修正和优化。</p>
+        <el-button type='text' disabled class='mt10'>操作文档</el-button>
+      </div>
+
+
+      <div class='card-body'>
+        <el-row>
+          <el-col :span='8'>
+            <el-input placeholder='输入知识库名称'>
+              <el-button slot="append" icon="el-icon-search"></el-button>
+            </el-input>
+          </el-col>
+        </el-row>
+
+        <div class='ledge-list mt20 fs12'>
+          <el-card shadow="hover" class='item dashed' @click='createdKnowLedge'>新增知识库</el-card>
+          <el-card v-for='(item,index) in datasetList' class='item' shadow="hover" :key='index'>
+            <div class='item-body'>
+              <div>
+                icon
+              </div>
+              <div>
+                <p>{{item.name}}</p>
+                <p>{{item.description}}</p>
+              </div>
+            </div>
+            <div class='item-bottom mt20'>
+                <el-button type='text'  class='fs14' @click='knowLedgeDetail'>查看详情</el-button>
+                <el-button type='text' class='fs14'>修改</el-button>
+                <el-button type='text' class='fs14'>删除</el-button>
+            </div>
+
+          </el-card>
+        </div>
+      </div>
+    </el-card>
+    <div class='table-container'>
+      <div class='button-container'></div>
+
+    </div>
+  </div>
+</template>
+<script>
+import {docManageDataset} from '@/api/generatedApi/index'
+export default {
+  name: 'index',
+  data() {
+    return {
+      datasetList:[]
+    }
+  },
+  props: {},
+  watch: {},
+  components: {},
+  filters: {},
+  methods: {
+
+    getList (){
+      docManageDataset({nameLike:''}).then(res=>{
+        console.log(res)
+        this.datasetList = res.content.content.list
+      })
+    },
+    createdKnowLedge() {
+    },
+    knowLedgeDetail(){
+      this.$router.push({
+        path:'/knowledge/detail'
+      })
+    },
+  },
+  created() {
+  },
+  mounted() {
+    this.getList()
+  },
+  computed: {
+
+  }
+}
+</script>
+<style scoped lang='scss'>
+.ledge-list{
+  display: flex;
+  flex-wrap: wrap;
+  //justify-content: space-between;
+  //margin-left: 2.5%;
+  & .item {
+    border-radius: 8px;
+    height: 200px;
+    width: calc(25% - 20px); // 每个项目占 25%，并预留间隙
+    margin-bottom: 20px;
+    margin-left: 0; // 移除左右内边距
+    margin-right: 25px;
+     /deep/ .el-card__body {
+       padding:0;
+      & .item-body{
+        padding:0 20px;
+        display: flex;
+        height: 119px;
+        margin-top:20px
+      }
+      & .item-bottom{
+        //padding:0 20px;
+        display: flex;
+        justify-content: space-between;
+        background: #F7F9FA;
+        border-top: 1px solid #EFF0F1;
+        & .el-button{
+          color:#8D8F8F;
+          width:33%;
+          text-align: center;
+           &:nth-child(2){
+             position: relative;
+             &::before{
+               position: absolute;
+               content: '';
+               left:0;
+               height:100%;
+               width:1px;
+               background: #EFF0F1;
+               top:0
+             }
+             &::after{
+               position: absolute;
+               content: '';
+               right:0;
+               height:100%;
+               width:1px;
+               background: #EFF0F1;
+               top:0
+             }
+          }
+        }
+      }
+    }
+
+  }
+
+  & .item:nth-child(4n) {
+    margin-right:0;
+  }
+
+  & .dashed{
+    border: 1px dashed #dedede;
+    cursor: pointer;
+    text-align: center;
+    line-height: 200px;
+    color: #6666;
+    &:hover{
+      color: #409EFF;
+      border: 1px dashed #409EFF;
+    }
+  }
+
+
+}
+</style>