From 57ff0e2e01288c58849e1fde5e7a441ee043ce61 Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Fri, 23 Feb 2024 16:48:15 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E5=BA=94=E7=94=A8?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/components/card-add/index.vue                 |  3 ++-
 .../components/top-bar/avatar/ResetPasssword.vue     |  2 +-
 ui/src/styles/element-plus.scss                      | 12 +++++++++---
 ui/src/views/applicaiton-overview/index.vue          |  6 +++---
 ui/src/views/dataset/step/StepSecond.vue             |  4 +---
 ui/src/views/log/index.vue                           |  4 ++--
 ui/src/views/paragraph/component/ParagraphDialog.vue |  8 +++-----
 .../views/paragraph/component/ProblemComponent.vue   |  2 +-
 .../views/template/component/CreateModelDialog.vue   |  1 +
 9 files changed, 23 insertions(+), 19 deletions(-)

diff --git a/ui/src/components/card-add/index.vue b/ui/src/components/card-add/index.vue
index 2edea748..bdc5b41f 100644
--- a/ui/src/components/card-add/index.vue
+++ b/ui/src/components/card-add/index.vue
@@ -24,7 +24,7 @@ defineProps({
   font-size: 16px;
   cursor: pointer;
   min-height: var(--card-min-height);
-  border: 1px dashed var(--el-color-primary);
+  border: 1px dashed var(--el-border-color);
   background: #eff0f1;
   border-radius: 8px;
 
@@ -38,6 +38,7 @@ defineProps({
   &:hover {
     color: var(--el-color-primary);
     background: #ffffff;
+    border: 1px dashed var(--el-color-primary);
     .add-icon {
       background: #ffffff;
       border-color: var(--el-color-primary);
diff --git a/ui/src/layout/components/top-bar/avatar/ResetPasssword.vue b/ui/src/layout/components/top-bar/avatar/ResetPasssword.vue
index 297f6ebe..eedb9e29 100644
--- a/ui/src/layout/components/top-bar/avatar/ResetPasssword.vue
+++ b/ui/src/layout/components/top-bar/avatar/ResetPasssword.vue
@@ -6,7 +6,7 @@
       :model="resetPasswordForm"
       :rules="rules"
     >
-      <p class="mt-16 mb-8 lighter">新密码</p>
+      <p class="mb-8 lighter">新密码</p>
       <el-form-item prop="password" style="margin-bottom: 8px">
         <el-input
           type="password"
diff --git a/ui/src/styles/element-plus.scss b/ui/src/styles/element-plus.scss
index c0e583d8..9651c00a 100644
--- a/ui/src/styles/element-plus.scss
+++ b/ui/src/styles/element-plus.scss
@@ -67,8 +67,11 @@
     color: var(--app-text-color);
   }
 }
+.el-dialog__headerbtn {
+  top: 6px;
+}
 .el-dialog__header {
-  padding-bottom: 8px;
+  padding-bottom: 24px;
 }
 .el-dialog__footer {
   padding-top: 0;
@@ -106,8 +109,8 @@
   }
 }
 .el-message-box__headerbtn {
-  right: -5px;
-  top: -5px;
+  right: 10px;
+  top: 15px;
   .el-message-box__close {
     font-size: 20px;
   }
@@ -247,6 +250,9 @@
   padding-left: 11px;
 }
 
+.el-select {
+  min-width: 200px;
+}
 .el-tabs__header {
   margin: 0 0 12px;
 }
diff --git a/ui/src/views/applicaiton-overview/index.vue b/ui/src/views/applicaiton-overview/index.vue
index 13fefcc0..d8ed64c2 100644
--- a/ui/src/views/applicaiton-overview/index.vue
+++ b/ui/src/views/applicaiton-overview/index.vue
@@ -30,7 +30,7 @@
               />
             </div>
 
-            <div class="mt-4 url-height">
+            <div class="mt-4 mb-16 url-height">
               <span class="vertical-middle lighter break-all">
                 {{ shareUrl }}
               </span>
@@ -56,7 +56,7 @@
             <div class="flex">
               <el-text type="info">API访问凭据</el-text>
             </div>
-            <div class="mt-4 url-height">
+            <div class="mt-4 mb-16 url-height">
               <span class="vertical-middle lighter break-all">
                 {{ apiUrl }}
               </span>
@@ -157,7 +157,7 @@ onMounted(() => {
     top: 21px;
   }
   .url-height {
-    min-height: 50px;
+    // min-height: 50px;
   }
 }
 </style>
diff --git a/ui/src/views/dataset/step/StepSecond.vue b/ui/src/views/dataset/step/StepSecond.vue
index aba30c5f..0aa3bf9b 100644
--- a/ui/src/views/dataset/step/StepSecond.vue
+++ b/ui/src/views/dataset/step/StepSecond.vue
@@ -210,9 +210,7 @@ defineExpose({
   }
 
   &__form {
-    .el-select {
-      width: 100%;
-    }
+
 
     .title {
       font-size: 14px;
diff --git a/ui/src/views/log/index.vue b/ui/src/views/log/index.vue
index 5f3277cc..2578aa6d 100644
--- a/ui/src/views/log/index.vue
+++ b/ui/src/views/log/index.vue
@@ -2,7 +2,7 @@
   <LayoutContainer header="对话日志">
     <div class="p-24">
       <div class="mb-16">
-        <el-select v-model="history_day" class="mr-12" @change="changeHandle">
+        <el-select v-model="history_day" class="mr-12 w-240" @change="changeHandle">
           <el-option
             v-for="item in dayOptions"
             :key="item.value"
@@ -87,7 +87,7 @@
                 <AppIcon iconName="app-like-color"></AppIcon>
                 {{ row.star_num }}
               </span>
-              <span v-if="row.trample_num" class="ml-4">
+              <span v-if="row.trample_num" class="ml-8">
                 <AppIcon iconName="app-oppose-color"></AppIcon>
                 {{ row.trample_num }}
               </span>
diff --git a/ui/src/views/paragraph/component/ParagraphDialog.vue b/ui/src/views/paragraph/component/ParagraphDialog.vue
index 493e5407..75a990fc 100644
--- a/ui/src/views/paragraph/component/ParagraphDialog.vue
+++ b/ui/src/views/paragraph/component/ParagraphDialog.vue
@@ -9,7 +9,7 @@
     <el-row v-loading="loading">
       <el-col :span="16">
         <el-scrollbar height="370" wrap-class="paragraph-scrollbar">
-          <div class="p-24" style="padding-bottom: 8px;">
+          <div class="p-24" style="padding-bottom: 8px">
             <div class="flex-between mb-16">
               <div class="bold title align-center">分段内容</div>
               <el-button text @click="isEdit = true" v-if="problemId && !isEdit">
@@ -144,12 +144,10 @@ defineExpose({ open })
     border-top: 1px solid var(--el-border-color);
   }
   .el-dialog__footer {
-    padding-top: 16px;
+    padding: 16px 24px;
     border-top: 1px solid var(--el-border-color);
   }
-  .el-dialog__headerbtn {
-    top: 6px;
-  }
+
   .title {
     color: var(--app-text-color);
   }
diff --git a/ui/src/views/paragraph/component/ProblemComponent.vue b/ui/src/views/paragraph/component/ProblemComponent.vue
index efb644d2..71be458c 100644
--- a/ui/src/views/paragraph/component/ProblemComponent.vue
+++ b/ui/src/views/paragraph/component/ProblemComponent.vue
@@ -9,7 +9,7 @@
     </span>
   </p>
   <div v-loading="loading">
-    <el-scrollbar height="359px">
+    <el-scrollbar height="345px">
       <div class="p-24" style="padding-top: 16px">
         <el-input
           ref="inputRef"
diff --git a/ui/src/views/template/component/CreateModelDialog.vue b/ui/src/views/template/component/CreateModelDialog.vue
index e2e104c5..757360cd 100644
--- a/ui/src/views/template/component/CreateModelDialog.vue
+++ b/ui/src/views/template/component/CreateModelDialog.vue
@@ -29,6 +29,7 @@
       ref="dynamicsFormRef"
       label-position="top"
       require-asterisk-position="right"
+      class="mb-24"
     >
       <template #default>
         <el-form-item label="模型名称" prop="name" :rules="base_form_data_rule.name">