From dc9d625a29f3196c53bd59b2b4437477e7adbe01 Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Tue, 21 Nov 2023 15:22:10 +0800
Subject: [PATCH] feat:

---
 ui/src/layout/app-layout/index.vue                  | 12 ++++++++++--
 ui/src/styles/variables.scss                        |  6 ++----
 ui/src/views/application/CreateApplication.vue      | 10 ++++++++--
 ui/src/views/dataset/component/ParagraphPreview.vue |  2 +-
 ui/src/views/dataset/step/StepSecond.vue            |  8 ++------
 ui/src/views/paragraph/index.vue                    |  2 +-
 6 files changed, 24 insertions(+), 16 deletions(-)

diff --git a/ui/src/layout/app-layout/index.vue b/ui/src/layout/app-layout/index.vue
index 1d93815ef..98c3f8019 100644
--- a/ui/src/layout/app-layout/index.vue
+++ b/ui/src/layout/app-layout/index.vue
@@ -15,14 +15,22 @@ import { TopBar, AppMain } from '../components'
 <style lang="scss" scoped>
 .app-layout {
   background-color: var(--app-layout-bg-color);
+  height: 100%;
 }
 
 .app-main {
-  height: calc(100vh - var(--app-header-height));
-  padding: 0 !important;
+  position: relative;
+  height: 100%;
+  padding: var(--app-header-height) 0 0 !important;
   box-sizing: border-box;
+  overflow: auto;
 }
 .app-header {
   background: var(--app-header-bg-color);
+  position: fixed;
+  width: 100%;
+  left: 0;
+  top: 0;
+  z-index: 100;
 }
 </style>
diff --git a/ui/src/styles/variables.scss b/ui/src/styles/variables.scss
index fc309228d..f72b43063 100644
--- a/ui/src/styles/variables.scss
+++ b/ui/src/styles/variables.scss
@@ -14,7 +14,7 @@
   --app-header-padding: 0 20px;
   --app-header-bg-color: linear-gradient(90deg, #ebf1ff 24.34%, #e5fbf8 56.18%, #f2ebfe 90.18%);
   --app-logo-color: linear-gradient(180deg, #3370ff 0%, #7f3bf5 100%);
-  --app-avatar-gradient-color: linear-gradient(270deg, #9258F7 0%, #3370FF 100%);
+  --app-avatar-gradient-color: linear-gradient(270deg, #9258f7 0%, #3370ff 100%);
 
   // 计算高度
   --app-main-height: calc(100vh - var(--app-header-height) - var(--app-view-padding) * 2 - 40px);
@@ -34,7 +34,5 @@
   --setting-left-width: 280px;
 
   /** dataset */
-  --create-dataset-height: calc(
-    100vh - var(--app-header-height) - var(--app-view-padding) * 2 - 70px
-  );
+  --create-dataset-height: calc(var(--app-main-height) - 70px);
 }
diff --git a/ui/src/views/application/CreateApplication.vue b/ui/src/views/application/CreateApplication.vue
index 9ef7e8052..9e7c7cbaa 100644
--- a/ui/src/views/application/CreateApplication.vue
+++ b/ui/src/views/application/CreateApplication.vue
@@ -4,7 +4,9 @@
       <el-col :span="10" class="p-24"> </el-col>
       <el-col :span="14" class="p-24 border-l">
         <h4 class="title-decoration-1 mb-8">调试预览</h4>
-        <AiDialog></AiDialog>
+        <div class="dialog-height">
+          <AiDialog></AiDialog>
+        </div>
       </el-col>
     </el-row>
   </LayoutContainer>
@@ -12,4 +14,8 @@
 <script setup lang="ts">
 import AiDialog from '@/components/ai-dialog/index.vue'
 </script>
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+.dialog-height {
+  height: calc(var(--app-main-height) - 75px);
+}
+</style>
diff --git a/ui/src/views/dataset/component/ParagraphPreview.vue b/ui/src/views/dataset/component/ParagraphPreview.vue
index a60c40303..988358e33 100644
--- a/ui/src/views/dataset/component/ParagraphPreview.vue
+++ b/ui/src/views/dataset/component/ParagraphPreview.vue
@@ -135,6 +135,6 @@ onMounted(() => {})
   }
 }
 .paragraph-list {
-  height: calc(var(--create-dataset-height) - 125px);
+  height: calc(var(--create-dataset-height) - 95px);
 }
 </style>
diff --git a/ui/src/views/dataset/step/StepSecond.vue b/ui/src/views/dataset/step/StepSecond.vue
index b9e9b1f8d..0cab87a22 100644
--- a/ui/src/views/dataset/step/StepSecond.vue
+++ b/ui/src/views/dataset/step/StepSecond.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="set-rules">
-    <el-row class="set-rules-height">
+    <el-row>
       <el-col :span="10" class="p-24">
         <h4 class="title-decoration-1 mb-8">设置分段规则</h4>
         <div>
@@ -164,12 +164,8 @@ defineExpose({
 .set-rules {
   width: 100%;
 
-  .set-rules-height {
-    height: var(--create-dataset-height);
-  }
-
   .left-height {
-    max-height: calc(var(--create-dataset-height) - 105px);
+    max-height: calc(var(--create-dataset-height) - 70px);
     overflow-x: hidden;
   }
 
diff --git a/ui/src/views/paragraph/index.vue b/ui/src/views/paragraph/index.vue
index 699970e3c..bfd94407d 100644
--- a/ui/src/views/paragraph/index.vue
+++ b/ui/src/views/paragraph/index.vue
@@ -44,7 +44,7 @@
                 :showIcon="false"
                 @click="editParagraph(item)"
               >
-                <div class="active-button">
+                <div class="active-button" @click.stop>
                   <el-switch v-model="item.is_active" @change="changeState($event, item)" />
                 </div>