From c83d7586d2de6a554c057c3ee0a35a3b00ffe361 Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Fri, 17 Nov 2023 11:36:16 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=BA=94=E7=94=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/components/ai-dialog/index.vue         | 20 +++++++++++++++++++
 ui/src/components/card-box/index.vue          |  2 +-
 ui/src/components/tag-ellipsis/index.vue      |  2 +-
 ui/src/router/modules/application.ts          |  2 +-
 ui/src/router/routes.ts                       |  2 +-
 .../views/application/CreateApplication.vue   |  7 ++++---
 .../dataset/component/EditParagraphDialog.vue |  2 +-
 ui/src/views/dataset/step/StepSecond.vue      |  4 ++--
 .../paragraph/component/ParagraphDialog.vue   |  3 +--
 9 files changed, 32 insertions(+), 12 deletions(-)
 create mode 100644 ui/src/components/ai-dialog/index.vue

diff --git a/ui/src/components/ai-dialog/index.vue b/ui/src/components/ai-dialog/index.vue
new file mode 100644
index 000000000..9a9d0fa36
--- /dev/null
+++ b/ui/src/components/ai-dialog/index.vue
@@ -0,0 +1,20 @@
+<template>
+  <div class="flex">
+    <AppAvatar>
+      <img src="@/assets/user-icon.svg" style="width: 54%" alt="" />
+    </AppAvatar>
+    <div class="ml-8 w-full">
+      <el-card shadow="always"> XXXXXXXXX </el-card>
+      <el-card shadow="always" class="mt-12"> XXXXXXXXX </el-card>
+    </div>
+  </div>
+</template>
+<script setup lang="ts">
+const props = defineProps({
+  data: {
+    type: Array<any>,
+    default: () => []
+  }
+})
+</script>
+<style lang="scss" scoped></style>
diff --git a/ui/src/components/card-box/index.vue b/ui/src/components/card-box/index.vue
index 34ead065e..aed8ea2ad 100644
--- a/ui/src/components/card-box/index.vue
+++ b/ui/src/components/card-box/index.vue
@@ -53,7 +53,7 @@ function cardLeave() {
   font-size: 14px;
   position: relative;
   min-height: var(--card-min-height);
-
+  border: 1px solid #ffffff;
   .description {
     display: -webkit-box;
     -webkit-box-orient: vertical;
diff --git a/ui/src/components/tag-ellipsis/index.vue b/ui/src/components/tag-ellipsis/index.vue
index 098774af9..09ec24de7 100644
--- a/ui/src/components/tag-ellipsis/index.vue
+++ b/ui/src/components/tag-ellipsis/index.vue
@@ -16,7 +16,7 @@
 import { ref, computed, useSlots } from 'vue'
 defineOptions({ name: 'TagEllipsis' })
 const slots = useSlots()
-const tooltipContent = slots.default()?.[0].children || ''
+const tooltipContent = slots.default?.()?.[0].children || ''
 const tagLabel = ref()
 const isShowTooltip = computed(() => {
   const containerWeight = tagLabel.value?.scrollWidth
diff --git a/ui/src/router/modules/application.ts b/ui/src/router/modules/application.ts
index da630133d..763243d65 100644
--- a/ui/src/router/modules/application.ts
+++ b/ui/src/router/modules/application.ts
@@ -11,7 +11,7 @@ const applicationRouter = {
       component: () => import('@/views/application/index.vue')
     },
     {
-      path: '/application/create', // create 
+      path: '/application/create',
       name: 'CreateApplication',
       meta: { activeMenu: '/application' },
       component: () => import('@/views/application/CreateApplication.vue'),
diff --git a/ui/src/router/routes.ts b/ui/src/router/routes.ts
index b127cfe5d..b894a7405 100644
--- a/ui/src/router/routes.ts
+++ b/ui/src/router/routes.ts
@@ -9,7 +9,7 @@ export const routes: Array<RouteRecordRaw> = [
     path: '/',
     name: 'home',
     component: () => import('@/layout/app-layout/index.vue'),
-    redirect: '/dataset',
+    redirect: '/application',
     children: [
       // {
       //   path: '/first',
diff --git a/ui/src/views/application/CreateApplication.vue b/ui/src/views/application/CreateApplication.vue
index 9e07d9608..6d3a66b37 100644
--- a/ui/src/views/application/CreateApplication.vue
+++ b/ui/src/views/application/CreateApplication.vue
@@ -1,8 +1,9 @@
 <template>
-  <div>
-  创建应用
-  </div>
+  <LayoutContainer header="创建应用" back-to="-1">
+    <AiDialog></AiDialog>
+  </LayoutContainer>
 </template>
 <script setup lang="ts">
+import AiDialog from '@/components/ai-dialog/index.vue'
 </script>
 <style lang="scss" scoped></style>
diff --git a/ui/src/views/dataset/component/EditParagraphDialog.vue b/ui/src/views/dataset/component/EditParagraphDialog.vue
index ca9d1d6f0..99a09b49f 100644
--- a/ui/src/views/dataset/component/EditParagraphDialog.vue
+++ b/ui/src/views/dataset/component/EditParagraphDialog.vue
@@ -1,6 +1,6 @@
 <template>
   <el-dialog title="编辑分段" v-model="dialogVisible" width="600">
-    <ParagraphForm ref="paragraphFormRef" :data="detail" />
+    <ParagraphForm ref="paragraphFormRef" :data="detail" :isEdit="true"/>
     <template #footer>
       <span class="dialog-footer">
         <el-button @click.prevent="dialogVisible = false"> 取消 </el-button>
diff --git a/ui/src/views/dataset/step/StepSecond.vue b/ui/src/views/dataset/step/StepSecond.vue
index 9a3426160..e7c56609c 100644
--- a/ui/src/views/dataset/step/StepSecond.vue
+++ b/ui/src/views/dataset/step/StepSecond.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="set-rules">
     <el-row class="set-rules-height">
-      <el-col :span="12" class="p-24">
+      <el-col :span="10" class="p-24">
         <h4 class="title-decoration-1 mb-8">设置分段规则</h4>
         <div>
           <el-scrollbar>
@@ -70,7 +70,7 @@
         </div>
       </el-col>
 
-      <el-col :span="12" class="p-24 border-l">
+      <el-col :span="14" class="p-24 border-l">
         <div v-loading="loading">
           <h4 class="title-decoration-1 mb-8">分段预览</h4>
           <ParagraphPreview v-model:data="paragraphList" />
diff --git a/ui/src/views/paragraph/component/ParagraphDialog.vue b/ui/src/views/paragraph/component/ParagraphDialog.vue
index 4f7bc34b4..9c1c5c6b2 100644
--- a/ui/src/views/paragraph/component/ParagraphDialog.vue
+++ b/ui/src/views/paragraph/component/ParagraphDialog.vue
@@ -42,7 +42,6 @@
 <script setup lang="ts">
 import { ref, watch, nextTick } from 'vue'
 import { useRoute } from 'vue-router'
-import type { FormInstance, FormRules } from 'element-plus'
 import ParagraphForm from '@/views/paragraph/component/ParagraphForm.vue'
 import ProblemComponent from '@/views/paragraph/component/ProblemComponent.vue'
 import datasetApi from '@/api/dataset'
@@ -62,7 +61,7 @@ const {
 const emit = defineEmits(['refresh'])
 
 const ProblemRef = ref()
-const paragraphFormRef = ref<FormInstance>()
+const paragraphFormRef = ref<any>()
 
 const dialogVisible = ref<boolean>(false)