添加图片

yangyin

2024-08-30 4a3184a03f86dde138301f2d89ad180c0059f24d

 src/views/project/yw/dataManage/knowledge/Knowledge.vue

@@ -1,27 +1,40 @@
<template>
   <div class="h100 overflow-y-auto p-[16px]">
      <div class="flex flex-col h100 border-solid border-1">
      <div class="flex flex-col h100">
         <div class="text-[16px] font-[500] h-[22px]">知识库管理</div>
         <div class="mx-0 mt-[12px] mb-[16px] flex justify-between items-center">
            <el-input
               v-model="state.knowledgeBaseForm.Name"
               style="width: 226.4px"
               style="width: 230px; margin-right: 10px; background: #ffffff; border-radius: 6px; transition: all 0.2s"
               placeholder="搜索知识库名称"
               clearable
               :suffix-icon="Search"
            ></el-input>
            <el-button icon="ele-Plus" @click="importData()" type="primary"> 创建知识库 </el-button>
            <el-button icon="ele-Plus" @click="createKnowledgeBase()" type="primary"> 创建知识库 </el-button>
         </div>
         <div class="flex flex-wrap gap-3 overflow-x-auto set_item_jel">
            <img :src="knowledgeLeft" class="set_item_img" />
            <div class="set_item_content">
               <div class="flex items-center">
                  <div class="mr-[2px] text-[14px] font-[500] h-[22px]">知识库名称</div>
                  <div class="mr-[10px] text-[14px] font-[500] h-[22px]">知识库名称</div>
                  <span class="set_desc_text">
                     <span class="set_desc_icon"> </span>
                     <span class="set_desc_icon ywifont ywicon-wendang"> </span>
                     1个知识
                  </span>
                  <span class="set_desc_text">
                     <span class="set_desc_icon ywifont ywicon-wendang"> </span>
                     {{ state.currentKnowledgeBaseTime }}更新
                  </span>
               </div>
            </div>
            <div class="set_btn_group">
               <el-button link class="text-[12px] text-[#686682]">查看 </el-button>
               <el-divider direction="vertical" />
               <el-button link class="text-[12px] text-[#686682]">命中测试 </el-button>
               <el-divider direction="vertical" />
               <el-button link class="text-[12px] text-[#686682]">编辑 </el-button>
               <el-divider direction="vertical" />
               <el-button link class="text-[12px] text-[#686682]">删除 </el-button>
            </div>
         </div>
      </div>
@@ -31,19 +44,28 @@
<script setup lang="ts">
import { Search } from '@element-plus/icons-vue';
import { reactive } from 'vue';
import knowledgeLeft from '/static/images/knowledge/left.png';
import { useRouter } from 'vue-router';
import knowledgeLeft from '/static/images/knowledge/data_type_1.png';
const router = useRouter();
const state = reactive({
   knowledgeBaseForm: {
      Name: '',
   },
   currentKnowledgeBaseTime: '2024-08-29 14:22:14',
});
//创建知识库
const createKnowledgeBase = () => {
   router.push({
      name: 'AddKnowledge',
   });
};
</script>
<style scoped lang="scss">
.set_item_jel {
   align-items: center;
   background: #fff;
   border-radius: 16px;
   min-width: 700px;
   max-width: 700px;
   padding: 16px 20px;
   width: 100%;
   box-sizing: border-box;
@@ -75,5 +97,8 @@
         justify-content: center;
      }
   }
   .set_btn_group {
      flex-shrink: 0;
   }
}
</style>