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

View File

@ -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,49 +113,45 @@ defineExpose({
})
</script>
<style lang="scss" scoped>
.box-card {
width: 30%;
position: relative;
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;
.arrt-object-card {
.box-card {
width: 30%;
position: relative;
margin: 10px;
padding-top: 20px;
}
&:hover {
color: var(--el-color-primary);
background: #ffffff;
.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 {
color: var(--el-color-primary);
background: #ffffff;
border-color: var(--el-color-primary);
.add-icon {
background: #ffffff;
border-color: var(--el-color-primary);
}
}
}
}
:deep(.el-form-item) {
&:last-child {
margin-bottom: 0px;
.delete-button {
position: absolute;
right: 12px;
top: 10px;
height: auto;
}
margin-bottom: 18px;
}
.delete-button {
position: absolute;
right: 12px;
top: 10px;
height: auto;
}
</style>

View File

@ -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>
:deep(.el-form-item) {
&:last-child {
margin-bottom: 0px;
}
margin-bottom: 18px;
}
</style>
<style lang="scss" scoped></style>

View File

@ -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>
:deep(.el-form-item) {
&:last-child {
margin-bottom: 0px;
}
margin-bottom: 18px;
}
</style>
<style lang="scss" scoped></style>

View File

@ -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;
}
.value {
float: right;
@include valueScss;
.progress-table-item {
.value {
float: right;
@include valueScss;
}
}
</style>

View File

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

View File

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

View File

@ -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 {

View File

@ -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

View File

@ -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>