zhuchaowe/maxkb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat:

Browse Source
This commit is contained in:
wangdan-fit2cloud 2023-11-21 11:43:47 +08:00
parent 7ecb48434b
commit 42dc41db19
3 changed files with 33 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
ui/src/components/ai-dialog/index.vue
View File

@ -1,14 +1,17 @@
<template> <template>
<div class="ai-dialog"> <div class="ai-dialog">
<el-scrollbar> <el-scrollbar>
<div class="ai-dialog__content flex"> <div class="ai-dialog__content">
<AppAvatar class="avatar-gradient"> <div class="avatar">
<img src="@/assets/icon_robot.svg" style="width: 54%" alt="" /> <AppAvatar class="avatar-gradient">
</AppAvatar> <img src="@/assets/icon_robot.svg" style="width: 54%" alt="" />
<AppAvatar> </AppAvatar>
<img src="@/assets/user-icon.svg" style="width: 54%" alt="" /> <AppAvatar>
</AppAvatar> <img src="@/assets/user-icon.svg" style="width: 54%" alt="" />
<div class="ml-8 w-full"> </AppAvatar>
</div>
<div class="content ml-8">
<el-card shadow="always" class="dialog-card"> <el-card shadow="always" class="dialog-card">
<h4>您好，我是 MaxKB 智能小助手</h4> <h4>您好，我是 MaxKB 智能小助手</h4>
<div class="mt-4"> <div class="mt-4">
@ -73,14 +76,21 @@ const inputValue = ref('')
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.ai-dialog { .ai-dialog {
// min-height: 400px; min-height: 400px;
// height: 100%; height: 100%;
height: calc(100% - 10px); padding-bottom: 20px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
box-sizing: border-box; box-sizing: border-box;
&__content { &__content {
flex: 1; flex: 1;
.avatar {
float: left;
}
.content {
padding-left: 50px;
}
.problem-button { .problem-button {
border: none; border: none;
border-radius: 8px; border-radius: 8px;

4
ui/src/styles/app.scss
View File

@ -267,6 +267,7 @@ h4 {
// 表格第一行插入自定义行 // 表格第一行插入自定义行
.table-quick-append { .table-quick-append {
background: #ffffff;
.el-table__append-wrapper { .el-table__append-wrapper {
position: absolute; position: absolute;
top: 0; top: 0;
@ -277,9 +278,12 @@ h4 {
align-items: center; align-items: center;
display: flex; display: flex;
padding: 0 12px; padding: 0 12px;
background: #ffffff;
cursor: pointer; cursor: pointer;
z-index: 2;
&:hover { &:hover {
background: var(--el-color-primary-light-9); background: var(--el-color-primary-light-9);
z-index: 1;
} }
} }
.el-table__body { .el-table__body {

8
ui/src/views/document/index.vue
View File

@ -28,6 +28,7 @@
@creatQuick="creatQuickHandle" @creatQuick="creatQuickHandle"
@row-click="rowClickHandle" @row-click="rowClickHandle"
v-loading="loading" v-loading="loading"
:max-height="tableHeight"
> >
<el-table-column prop="name" label="文件名称" min-width="280"> <el-table-column prop="name" label="文件名称" min-width="280">
<template #default="{ row }"> <template #default="{ row }">
@ -114,6 +115,7 @@ const loading = ref(false)
const filterText = ref('') const filterText = ref('')
const documentData = ref<any[]>([]) const documentData = ref<any[]>([])
const currentMouseId = ref(null) const currentMouseId = ref(null)
const tableHeight = ref(0)
const paginationConfig = reactive({ const paginationConfig = reactive({
currentPage: 1, currentPage: 1,
@ -223,6 +225,12 @@ function getList() {
} }
onMounted(() => { onMounted(() => {
tableHeight.value = window.innerHeight - 300
window.onresize = () => {
return (() => {
tableHeight.value = window.innerHeight - 300
})()
}
getList() getList()
}) })
</script> </script>