feat:

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));
+  position: relative;
-  padding: 0 !important;
+  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>

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(
+  --create-dataset-height: calc(var(--app-main-height) - 70px);
-    100vh - var(--app-header-height) - var(--app-view-padding) * 2 - 70px
-  );
 }

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>

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>

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;
   }
 

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>