feat:

ui/src/components/dynamics-form/items/complex/ArrayObjectCard.vue

@@ -1,5 +1,5 @@
 <template v-loading="_loading">
-  <div style="width: 100%; display: flex; flex-wrap: wrap">
+  <div class="arrt-object-card flex w-full">
     <el-card class="box-card" :style="style" v-for="(item, index) in _data" :key="index">
       <DynamicsForm
         :style="formStyle"
@@ -113,6 +113,7 @@ defineExpose({
 })
 </script>
 <style lang="scss" scoped>
+.arrt-object-card {
   .box-card {
     width: 30%;
     position: relative;
@@ -146,16 +147,11 @@ defineExpose({
       }
     }
   }
-:deep(.el-form-item) {
-  &:last-child {
-    margin-bottom: 0px;
-  }
-  margin-bottom: 18px;
-}
   .delete-button {
     position: absolute;
     right: 12px;
     top: 10px;
     height: auto;
   }
+}
 </style>

ui/src/components/dynamics-form/items/complex/ObjectCard.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-card class="box-card" :style="style">
+  <el-card :style="style">
     <DynamicsForm
       :read-only="view"
       :style="formStyle"
@@ -72,11 +72,4 @@ defineExpose({
   validate
 })
 </script>
-<style lang="scss" scoped>
+<style lang="scss" scoped></style>
-:deep(.el-form-item) {
-  &:last-child {
-    margin-bottom: 0px;
-  }
-  margin-bottom: 18px;
-}
-</style>

ui/src/components/dynamics-form/items/complex/TabCard.vue

@@ -8,7 +8,7 @@
         :name="index"
       >
         <template v-if="formField.children">
-          <el-card class="box-card" :style="style">
+          <el-card :style="style">
             <DynamicsForm
               :style="formStyle"
               :view="view"
@@ -119,11 +119,4 @@ defineExpose({
   field: props.field
 })
 </script>
-<style lang="scss" scoped>
+<style lang="scss" scoped></style>
-:deep(.el-form-item) {
-  &:last-child {
-    margin-bottom: 0px;
-  }
-  margin-bottom: 18px;
-}
-</style>

ui/src/components/dynamics-form/items/table/ProgressTableItem.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="progress-table-item">
     <el-popover placement="top-start" :title="row[text_field]" :width="200" trigger="hover">
       <template #reference>
         <el-progress v-bind="$attrs" :percentage="row[value_field]"></el-progress
@@ -61,8 +61,10 @@ const view_card = computed(() => {
   line-height: 22px;
   height: 22px;
 }
+.progress-table-item {
   .value {
     float: right;
     @include valueScss;
   }
+}
 </style>

ui/src/components/dynamics-form/items/table/TableCheckbox.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="table-checkbox">
     <div class="header">
       <div class="title">{{ title }}</div>
 
@@ -186,6 +186,7 @@ const activeText = computed(() => {
 })
 </script>
 <style lang="scss" scoped>
+.table-checkbox {
   .header {
     display: flex;
     justify-content: space-between;
@@ -208,4 +209,5 @@ const activeText = computed(() => {
       color: var(--el-color-primary);
     }
   }
+}
 </style>

ui/src/components/dynamics-form/items/table/TableRadio.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="table-radio">
     <div class="header">
       <div class="title">{{ title }}</div>
 
@@ -174,6 +174,7 @@ const activeText = computed(() => {
 })
 </script>
 <style lang="scss" scoped>
+.table-radio {
   .header {
     display: flex;
     justify-content: space-between;
@@ -196,4 +197,5 @@ const activeText = computed(() => {
       color: var(--el-color-primary);
     }
   }
+}
 </style>

ui/src/styles/element-plus.scss

@@ -29,8 +29,13 @@
 }
 
 .el-form-item {
-  margin-bottom: 24px;
+  margin-bottom: 18px;
-
+  .el-form-item {
+    margin-bottom: 18px;
+    &:last-child {
+      margin-bottom: 0px;
+    }
+  }
 }
 
 .el-dialog {

ui/src/views/dataset/index.vue

@@ -116,6 +116,7 @@ function deleteDateset(row: any) {
           const index = datasetList.value.findIndex((v) => v.id === row.id)
           datasetList.value.splice(index, 1)
           MsgSuccess('删除成功')
+          loading.value = false
         })
         .catch(() => {
           loading.value = false

ui/src/views/dataset/step/ResultSuccess.vue

@@ -3,7 +3,7 @@
     <el-result icon="success" title="🎉 数据集创建成功 🎉">
       <template #sub-title>
         <div class="mt-8">
-          <span class="bold">{{ data?.documment_list.length || 0 }}</span>
+          <span class="bold">{{ data?.document_list.length || 0 }}</span>
           <el-text type="info" class="ml-4">文档</el-text>
           <el-divider direction="vertical" />
           <span class="bold">{{ paragraph_count || 0 }}</span>