zhuchaowe/maxkb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat:

Browse Source
This commit is contained in:
wangdan-fit2cloud 2023-12-12 14:13:22 +08:00
parent 123a4b29b8
commit 8ca8e359d4
9 changed files with 98 additions and 104 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,5 +1,5 @@
<template v-loading="_loading"> <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"> <el-card class="box-card" :style="style" v-for="(item, index) in _data" :key="index">
<DynamicsForm <DynamicsForm
:style="formStyle" :style="formStyle"
@ -113,49 +113,45 @@ defineExpose({
}) })
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.box-card { .arrt-object-card {
width: 30%; .box-card {
position: relative; width: 30%;
margin: 10px; position: relative;
padding-top: 20px; margin: 10px;
} padding-top: 20px;
.card-add {
display: inline-flex;
justify-content: center;
align-items: center;
font-size: 16px;
cursor: pointer;
min-height: var(--card-min-height);
border: 1px dashed var(--el-color-primary);
background: #eff0f1;
padding-bottom: 20px;
.add-icon {
font-size: 14px;
border-radius: 4px;
border: 1px solid var(--app-border-color-dark);
background: var(--app-layout-bg-color);
margin-right: 12px;
} }
&:hover { .card-add {
color: var(--el-color-primary); display: inline-flex;
background: #ffffff; justify-content: center;
align-items: center;
font-size: 16px;
cursor: pointer;
min-height: var(--card-min-height);
border: 1px dashed var(--el-color-primary);
background: #eff0f1;
padding-bottom: 20px;
.add-icon { .add-icon {
font-size: 14px;
border-radius: 4px;
border: 1px solid var(--app-border-color-dark);
background: var(--app-layout-bg-color);
margin-right: 12px;
}
&:hover {
color: var(--el-color-primary);
background: #ffffff; background: #ffffff;
border-color: var(--el-color-primary); .add-icon {
background: #ffffff;
border-color: var(--el-color-primary);
}
} }
} }
} .delete-button {
:deep(.el-form-item) { position: absolute;
&:last-child { right: 12px;
margin-bottom: 0px; top: 10px;
height: auto;
} }
margin-bottom: 18px;
}
.delete-button {
position: absolute;
right: 12px;
top: 10px;
height: auto;
} }
</style> </style>

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

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

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

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

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

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

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

@ -1,5 +1,5 @@
<template> <template>
<div> <div class="table-checkbox">
<div class="header"> <div class="header">
<div class="title">{{ title }}</div> <div class="title">{{ title }}</div>
@ -186,26 +186,28 @@ const activeText = computed(() => {
}) })
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.header { .table-checkbox {
display: flex; .header {
justify-content: space-between; display: flex;
margin-bottom: 16px; justify-content: space-between;
.title { margin-bottom: 16px;
color: #1f2329; .title {
font-weight: 400; color: #1f2329;
font-size: 14px; font-weight: 400;
line-height: 22px; font-size: 14px;
line-height: 22px;
}
.input-with-select {
width: 45%;
}
} }
.input-with-select { .msg {
width: 45%; margin-top: 12px;
} color: rgba(100, 106, 115, 1);
} .active {
.msg { margin-left: 3px;
margin-top: 12px; color: var(--el-color-primary);
color: rgba(100, 106, 115, 1); }
.active {
margin-left: 3px;
color: var(--el-color-primary);
} }
} }
</style> </style>

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

@ -1,5 +1,5 @@
<template> <template>
<div> <div class="table-radio">
<div class="header"> <div class="header">
<div class="title">{{ title }}</div> <div class="title">{{ title }}</div>
@ -174,26 +174,28 @@ const activeText = computed(() => {
}) })
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.header { .table-radio {
display: flex; .header {
justify-content: space-between; display: flex;
margin-bottom: 16px; justify-content: space-between;
.title { margin-bottom: 16px;
color: #1f2329; .title {
font-weight: 400; color: #1f2329;
font-size: 14px; font-weight: 400;
line-height: 22px; font-size: 14px;
line-height: 22px;
}
.input-with-select {
width: 45%;
}
} }
.input-with-select { .msg {
width: 45%; margin-top: 12px;
} color: rgba(100, 106, 115, 1);
} .active {
.msg { margin-left: 3px;
margin-top: 12px; color: var(--el-color-primary);
color: rgba(100, 106, 115, 1); }
.active {
margin-left: 3px;
color: var(--el-color-primary);
} }
} }
</style> </style>

9
ui/src/styles/element-plus.scss
View File

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

1
ui/src/views/dataset/index.vue
View File

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

2
ui/src/views/dataset/step/ResultSuccess.vue
View File

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