From f99c87cbd7b9aabfd4903894b05a2933afbea8b4 Mon Sep 17 00:00:00 2001
From: liudong <liudong>
Date: 星期四, 25 七月 2024 15:25:40 +0800
Subject: [PATCH] 知识库图片上传功能以及添加知识库功能修改
---
src/views/dmx/knowledgeLib/index.vue | 64 ++++++++++++++++++++++++++-----
1 files changed, 53 insertions(+), 11 deletions(-)
diff --git a/src/views/dmx/knowledgeLib/index.vue b/src/views/dmx/knowledgeLib/index.vue
index 7680fec..de20746 100644
--- a/src/views/dmx/knowledgeLib/index.vue
+++ b/src/views/dmx/knowledgeLib/index.vue
@@ -6,16 +6,22 @@
<div class="lf-container-top">
<a-input-search
:placeholder="$t('cardList.searchInput.placeholder')"
- style="width: 110px;"
+ style="width: 130px;"
/>
- <a-button type="primary" @click="add" style="margin-left: 10px">
- <template #icon>
- <icon-plus />
- </template>
- </a-button>
+ <addKnow></addKnow>
</div>
<div class="lf-container-down">
-
+ <div class="tabs">
+ <div
+ class="tab"
+ v-for="(tab, index) in tabs"
+ :key="index"
+ @click="selectTab(index)"
+ :class="{ 'active': selectedTab === index }"
+ >
+ {{ tab }}
+ </div>
+ </div>
</div>
</div>
<div class="rt-container">
@@ -38,7 +44,7 @@
style="width: 200px;margin-right: 10px"
/>
<!-- 鏂板缓-->
- <add edit="add" />
+ <add />
</a-col>
<!-- <a-col :span="8">-->
<!-- <a-form-item field="name" :label="$t('searchTable.form.name')">-->
@@ -250,7 +256,7 @@
{{ $t(`searchTable.form.status.${record.status}`) }}
</template>
<template #operations="{ record }">
- <add edit="edit" :record = 'record' />
+
<a-popconfirm content="纭畾鍒犻櫎鍚楋紵" type="warning" @ok="deleteItem(record)">
<a-button v-permission="['admin']" type="text" size="small">
{{ $t('鍒犻櫎') }}
@@ -288,6 +294,7 @@
import cloneDeep from 'lodash/cloneDeep';
import Sortable from 'sortablejs';
import add from '@/views/dmx/knowledgeLib/add.vue'
+ import addKnow from '@/views/dmx/knowledgeLib/addKnow.vue'
import config from '@/views/dmx/knowledgeLib/config.vue'
import test from '@/views/dmx/knowledgeLib/test.vue'
import { deleteAccount } from "@/api/account";
@@ -314,6 +321,12 @@
const size = ref<SizeProps>('medium');
let visible = ref(false)
+ let selectedTab = ref(0)
+ let tabs = reactive(['娉曞緥鐭ヨ瘑搴�', '鏀垮姟鐭ヨ瘑搴�', '鍖诲鐭ヨ瘑搴�', '鍏朵粬鐭ヨ瘑搴�'])
+
+ const selectTab = (index) => {
+ selectedTab.value= index;
+ }
const basePagination: Pagination = {
current: 1,
@@ -547,9 +560,38 @@
display: flex;
}
.lf-container-down{
- width: 80%;
+ display: flex;
+ flex-direction: column;
+ width: 90%;
height: calc(100% - 5rem);
- border: 1px solid #cccccc;
+ border: 1px solid #eeeeee;
+ overflow: auto;
+ padding: 10px;
+ .tabs .tab {
+ cursor: pointer;
+ box-sizing: border-box;
+ margin: 10px 0;
+ padding:0 10px;
+ color: rgba(0, 0, 0, 0.88);
+ font-size: 14px;
+ height: 40px;
+ line-height: 40px;
+ list-style: none;
+ position: relative;
+ background: #ffffff;
+ border: 1px solid #f0f0f0;
+ border-radius: 8px;
+ }
+ .tabs .tab:hover {
+ border: 1px solid #ffffff;
+ background: #e8e8ea;
+ box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
+ }
+ .tabs .tab.active {
+ border: 1px solid #e8e8ea;
+ background: #e8e8ea;
+ cursor: pointer;
+ }
}
}
.rt-container{
--
Gitblit v1.8.0