From 42dc41db1954cf54764325c47e5f7051ffaf9cde Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Tue, 21 Nov 2023 11:43:47 +0800
Subject: [PATCH] feat:

---
 ui/src/components/ai-dialog/index.vue | 32 ++++++++++++++++++---------
 ui/src/styles/app.scss                |  4 ++++
 ui/src/views/document/index.vue       |  8 +++++++
 3 files changed, 33 insertions(+), 11 deletions(-)

diff --git a/ui/src/components/ai-dialog/index.vue b/ui/src/components/ai-dialog/index.vue
index e84ba54da..2dbdacf64 100644
--- a/ui/src/components/ai-dialog/index.vue
+++ b/ui/src/components/ai-dialog/index.vue
@@ -1,14 +1,17 @@
 <template>
   <div class="ai-dialog">
     <el-scrollbar>
-      <div class="ai-dialog__content flex">
-        <AppAvatar class="avatar-gradient">
-          <img src="@/assets/icon_robot.svg" style="width: 54%" alt="" />
-        </AppAvatar>
-        <AppAvatar>
-          <img src="@/assets/user-icon.svg" style="width: 54%" alt="" />
-        </AppAvatar>
-        <div class="ml-8 w-full">
+      <div class="ai-dialog__content">
+        <div class="avatar">
+          <AppAvatar class="avatar-gradient">
+            <img src="@/assets/icon_robot.svg" style="width: 54%" alt="" />
+          </AppAvatar>
+          <AppAvatar>
+            <img src="@/assets/user-icon.svg" style="width: 54%" alt="" />
+          </AppAvatar>
+        </div>
+
+        <div class="content ml-8">
           <el-card shadow="always" class="dialog-card">
             <h4>您好，我是 MaxKB 智能小助手</h4>
             <div class="mt-4">
@@ -73,14 +76,21 @@ const inputValue = ref('')
 </script>
 <style lang="scss" scoped>
 .ai-dialog {
-  // min-height: 400px;
-  // height: 100%;
-  height: calc(100% - 10px);
+  min-height: 400px;
+  height: 100%;
+  padding-bottom: 20px;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   &__content {
     flex: 1;
+
+    .avatar {
+      float: left;
+    }
+    .content {
+      padding-left: 50px;
+    }
     .problem-button {
       border: none;
       border-radius: 8px;
diff --git a/ui/src/styles/app.scss b/ui/src/styles/app.scss
index e7451ad09..3f4ce3c54 100644
--- a/ui/src/styles/app.scss
+++ b/ui/src/styles/app.scss
@@ -267,6 +267,7 @@ h4 {
 
 // 表格第一行插入自定义行
 .table-quick-append {
+  background: #ffffff;
   .el-table__append-wrapper {
     position: absolute;
     top: 0;
@@ -277,9 +278,12 @@ h4 {
     align-items: center;
     display: flex;
     padding: 0 12px;
+    background: #ffffff;
     cursor: pointer;
+    z-index: 2;
     &:hover {
       background: var(--el-color-primary-light-9);
+      z-index: 1;
     }
   }
   .el-table__body {
diff --git a/ui/src/views/document/index.vue b/ui/src/views/document/index.vue
index eef9f4f5c..7afa6ff13 100644
--- a/ui/src/views/document/index.vue
+++ b/ui/src/views/document/index.vue
@@ -28,6 +28,7 @@
           @creatQuick="creatQuickHandle"
           @row-click="rowClickHandle"
           v-loading="loading"
+          :max-height="tableHeight"
         >
           <el-table-column prop="name" label="文件名称" min-width="280">
             <template #default="{ row }">
@@ -114,6 +115,7 @@ const loading = ref(false)
 const filterText = ref('')
 const documentData = ref<any[]>([])
 const currentMouseId = ref(null)
+const tableHeight = ref(0)
 
 const paginationConfig = reactive({
   currentPage: 1,
@@ -223,6 +225,12 @@ function getList() {
 }
 
 onMounted(() => {
+  tableHeight.value = window.innerHeight - 300
+  window.onresize = () => {
+    return (() => {
+      tableHeight.value = window.innerHeight - 300
+    })()
+  }
   getList()
 })
 </script>