From 7c823d93077738368b52a3cab0867ad485678739 Mon Sep 17 00:00:00 2001
From: liudong <liudong>
Date: 星期四, 25 七月 2024 11:00:23 +0800
Subject: [PATCH] 知识库列表页面修改
---
src/views/dmx/knowledgeLib/index.vue | 107 +++++++++++++++++++++++++++++++++++------------------
1 files changed, 70 insertions(+), 37 deletions(-)
diff --git a/src/views/dmx/knowledgeLib/index.vue b/src/views/dmx/knowledgeLib/index.vue
index aa5d815..34a2728 100644
--- a/src/views/dmx/knowledgeLib/index.vue
+++ b/src/views/dmx/knowledgeLib/index.vue
@@ -6,7 +6,7 @@
<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>
@@ -15,7 +15,17 @@
</a-button>
</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">
@@ -263,12 +273,12 @@
</a-tab-pane>
<a-tab-pane key="2" title="娴嬭瘯">
<div class="rt-container-main">
-
+ <test ></test>
</div>
</a-tab-pane>
<a-tab-pane key="3" title="閰嶇疆">
<div class="rt-container-main">
-
+ <config ></config>
</div>
</a-tab-pane>
</a-tabs>
@@ -287,7 +297,9 @@
import type { TableColumnData } from '@arco-design/web-vue/es/table/interface';
import cloneDeep from 'lodash/cloneDeep';
import Sortable from 'sortablejs';
- import add from '@/views/user/account/add.vue'
+ import add from '@/views/dmx/knowledgeLib/add.vue'
+ import config from '@/views/dmx/knowledgeLib/config.vue'
+ import test from '@/views/dmx/knowledgeLib/test.vue'
import { deleteAccount } from "@/api/account";
type SizeProps = 'mini' | 'small' | 'medium' | 'large';
type Column = TableColumnData & { checked?: true };
@@ -312,6 +324,12 @@
const size = ref<SizeProps>('medium');
let visible = ref(false)
+ let selectedTab = ref(0)
+ let tabs = reactive(['Tab 1', 'Tab 2', 'Tab 3'])
+
+ const selectTab = (index) => {
+ selectedTab.value= index;
+ }
const basePagination: Pagination = {
current: 1,
@@ -344,43 +362,29 @@
// dataIndex: 'index',
// slotName: 'index',
// },
- // {
- // title: t('searchTable.columns.number'),
- // dataIndex: 'number',
- // },
{
- title: t('鐢ㄦ埛鍚�'),
+ title: t('鍚嶇О'),
dataIndex: 'name',
},
- // {
- // title: t('searchTable.columns.contentType'),
- // dataIndex: 'contentType',
- // slotName: 'contentType',
- // },
- // {
- // title: t('searchTable.columns.filterType'),
- // dataIndex: 'filterType',
- // },
- // {
- // title: t('searchTable.columns.count'),
- // dataIndex: 'count',
- // },
{
- title: t('鍒涘缓鏃堕棿'),
+ title: t('鍒嗗揩鏁�'),
+ dataIndex: 'contentType',
+ slotName: 'contentType',
+ },
+ {
+ title: t('涓婁紶鏃堕棿'),
+ dataIndex: 'filterType',
+ },
+ {
+ title: t('鍒涘缓浜�'),
+ dataIndex: 'count',
+ },
+ {
+ title: t('瑙ｆ瀽鐘舵��'),
dataIndex: 'createdTime',
},
{
- title: t('鎵�灞為儴闂�'),
- dataIndex: 'filterType',
- slotName: 'filterType',
- },
- {
- title: t('澶囨敞'),
- dataIndex: 'status',
- slotName: 'status',
- },
- {
- title: t('searchTable.columns.operations'),
+ title: t('鎿嶄綔'),
dataIndex: 'operations',
slotName: 'operations',
},
@@ -559,9 +563,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