public/dataease
1
0
Fork 0
mirror of https://github.com/dataease/dataease.git synced 2026-05-15 05:22:13 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: UI库升级

Browse Source
This commit is contained in:
dataeaseShu
2025-05-09 15:57:23 +08:00
committed by dataeaseShu
parent d92e1d6199
commit 3adda8a98a
21 changed files with 72 additions and 128 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
core/core-frontend/src/components/de-app/AppExportForm.vue
View File

@@ -2,7 +2,7 @@
<el-drawer
:title="t('visualization.app_export')"
v-model="state.applyDownloadDrawer"
custom-class="de-user-drawer"
modal-class="de-user-drawer"
size="600px"
direction="rtl"
>

2
core/core-frontend/src/components/drawer-main/src/DrawerMain.vue
View File

@@ -119,7 +119,7 @@ defineExpose({
:title="t('common.filter_condition')"
v-model="userDrawer"
size="600px"
custom-class="drawer-main-container"
modal-class="drawer-main-container"
direction="rtl"
>
<div v-for="(component, index) in componentList" :key="index">

2
core/core-frontend/src/components/relation-chart/index.vue
View File

@@ -94,7 +94,7 @@ defineExpose({
<el-drawer
title="血缘关系图"
v-model="relationDrawer"
custom-class="de-relation-drawer"
modal-class="de-relation-drawer"
size="1200px"
direction="rtl"
>

6
core/core-frontend/src/style/index.less
View File

@@ -1,6 +1,5 @@
:root {
font-family: var(--de-custom_font, 'PingFang');
line-height: 1.5;
font-weight: 400;
color-scheme: light dark;
-webkit-font-smoothing: antialiased;
@@ -684,3 +683,8 @@ strong {
.ed-month-table td {
padding: 8px 0 !important;
}
.excel-header-cell,
.header-cell {
background-color: #f5f6f7 !important;
}

14
core/core-frontend/src/views/chart/components/editor/filter/auth-tree-chart/FilterFiled.vue
View File

@@ -493,6 +493,7 @@ const emits = defineEmits(['update:item', 'del'])
<span class="filed-title">{{ t('auth.screen_method') }}</span>
<el-select
size="small"
class="w181"
@change="filterTypeChange"
v-model="item.filterType"
:placeholder="t('auth.select')"
@@ -755,11 +756,15 @@ const emits = defineEmits(['update:item', 'del'])
}
.w100.ed-select {
width: 100px;
width: 100px !important;
}
.w181.ed-select {
width: 181px !important;
}
.w70 {
width: 70px;
width: 70px !important;
}
.mar5 {
@@ -844,11 +849,12 @@ const emits = defineEmits(['update:item', 'del'])
}
}
:deep(.ed-input__wrapper) {
:deep(.ed-input__wrapper),
:deep(.ed-select__wrapper) {
background-color: #f8f8fa;
border: none;
border-radius: 0;
box-shadow: none;
box-shadow: none !important;
height: 26px;
font-family: var(--de-custom_font, 'PingFang');
word-wrap: break-word;

14
core/core-frontend/src/views/chart/components/editor/filter/auth-tree/FilterFiled.vue
View File

@@ -375,6 +375,7 @@ const emits = defineEmits(['update:item', 'del'])
size="small"
@change="filterTypeChange"
v-model="item.filterType"
class="w181"
:placeholder="t('auth.select')"
>
<el-option
@@ -586,11 +587,15 @@ const emits = defineEmits(['update:item', 'del'])
}
.w100.ed-select {
width: 100px;
width: 100px !important;
}
.w181.ed-select {
width: 181px !important;
}
.w70 {
width: 70px;
width: 70px !important;
}
.mar5 {
@@ -676,11 +681,12 @@ const emits = defineEmits(['update:item', 'del'])
}
}
:deep(.ed-input__wrapper) {
:deep(.ed-input__wrapper),
:deep(.ed-select__wrapper) {
background-color: #f8f8fa;
border: none;
border-radius: 0;
box-shadow: none;
box-shadow: none !important;
height: 26px;
font-family: var(--de-custom_font, 'PingFang');
word-wrap: break-word;

4
core/core-frontend/src/views/chart/components/editor/index.vue
View File

@@ -5137,7 +5137,9 @@ span {
:deep(.ed-select__prefix) {
padding: 0;
margin: 0;
border: none;
&::after {
display: none;
}
height: 20px;
.chart-type-select-icon {
width: 23px;

2
core/core-frontend/src/views/common/DeAppApply.vue
View File

@@ -2,7 +2,7 @@
<el-drawer
:title="t('visualization.save_app')"
v-model="state.appApplyDrawer"
custom-class="de-app-drawer"
modal-class="de-app-drawer"
:show-close="false"
size="500px"
direction="rtl"

2
core/core-frontend/src/views/common/MultiplexingCanvas.vue
View File

@@ -5,7 +5,7 @@
v-model="dialogShow"
trigger="click"
:title="t('visualization.multiplexing')"
custom-class="custom-drawer"
modal-class="custom-drawer"
@closed="handleClose()"
>
<!-- 标识当前在复用页，用于作为轮播提示前缀 -->

2
core/core-frontend/src/views/share/share/TicketEdit.vue
View File

@@ -259,7 +259,7 @@ defineExpose({
<el-drawer
:title="`${t('commons.add')} Ticket`"
v-model="dialogVisible"
custom-class="ticket-param-drawer"
modal-class="ticket-param-drawer"
size="600px"
direction="rtl"
>

2
core/core-frontend/src/views/system/parameter/basic/BasicEdit.vue
View File

@@ -254,7 +254,7 @@ defineExpose({
<el-drawer
:title="title"
v-model="dialogVisible"
custom-class="basic-param-drawer"
modal-class="basic-param-drawer"
size="600px"
direction="rtl"
>

2
core/core-frontend/src/views/system/parameter/engine/EngineEdit.vue
View File

@@ -268,7 +268,7 @@ defineExpose({
<el-drawer
:title="t('system.engine_settings')"
v-model="dialogVisible"
custom-class="basic-param-drawer"
modal-class="basic-param-drawer"
size="600px"
direction="rtl"
>

2
core/core-frontend/src/views/system/parameter/map/GeometryEdit.vue
View File

@@ -191,7 +191,7 @@ defineExpose({
<el-drawer
:title="t('system.geographic_information')"
v-model="dialogVisible"
custom-class="geometry-info-drawer"
modal-class="geometry-info-drawer"
size="600px"
direction="rtl"
>

2
core/core-frontend/src/views/visualized/data/dataset/ExportExcel.vue
View File

@@ -336,7 +336,7 @@ defineExpose({
<template>
<el-drawer
v-loading="drawerLoading"
custom-class="de-export-excel"
modal-class="de-export-excel"
:title="$t('data_export.export_center')"
v-model="drawer"
direction="rtl"

14
core/core-frontend/src/views/visualized/data/dataset/auth-tree/FilterFiled.vue
View File

@@ -384,6 +384,7 @@ const emits = defineEmits(['update:item', 'del'])
size="small"
@change="filterTypeChange"
v-model="item.filterType"
class="w181"
:placeholder="t('auth.select')"
>
<el-option
@@ -586,11 +587,15 @@ const emits = defineEmits(['update:item', 'del'])
}
.w100.ed-select {
width: 100px;
width: 100px !important;
}
.w181.ed-select {
width: 181px !important;
}
.w70 {
width: 70px;
width: 70px !important;
}
.mar5 {
@@ -676,11 +681,12 @@ const emits = defineEmits(['update:item', 'del'])
}
}
:deep(.ed-input__wrapper) {
:deep(.ed-input__wrapper),
:deep(.ed-select__wrapper) {
background-color: #f8f8fa;
border: none;
border-radius: 0;
box-shadow: none;
box-shadow: none !important;
height: 26px;
font-family: var(--de-custom_font, 'PingFang');
word-wrap: break-word;

2
core/core-frontend/src/views/visualized/data/dataset/form/AddSql.vue
View File

@@ -959,7 +959,7 @@ const mousedownDrag = () => {
<el-drawer
:title="dialogTitle"
v-model="showVariableMgm"
custom-class="sql-dataset-drawer"
modal-class="sql-dataset-drawer"
size="870px"
direction="rtl"
>

2
core/core-frontend/src/views/visualized/data/dataset/form/DatasetUnion.vue
View File

@@ -1200,7 +1200,7 @@ const emits = defineEmits([
<el-drawer
:before-close="closeEditUnion"
v-model="editUnion"
custom-class="union-item-drawer"
modal-class="union-item-drawer"
size="600px"
direction="rtl"
>

2
core/core-frontend/src/views/visualized/data/dataset/form/index.vue
View File

@@ -2548,7 +2548,7 @@ const getIconNameCalc = (deType, extField, dimension = false) => {
<el-drawer
:title="t('dataset.edit_union_relation')"
v-model="editUnion"
custom-class="union-dataset-drawer"
modal-class="union-dataset-drawer"
size="840px"
:before-close="closeEditUnion"
direction="rtl"

1
core/core-frontend/src/views/visualized/data/dataset/index.vue
View File

@@ -1041,6 +1041,7 @@ const proxyAllowDrop = debounce((arg1, arg2) => {
:columns="columns"
v-loading="dataPreviewLoading"
:data="tableData"
header-class="excel-header-cell"
:width="width"
:height="height"
fixed

96
core/core-frontend/src/views/visualized/data/datasource/form/ApiHttpRequestDraw.vue
View File

@@ -670,35 +670,25 @@ defineExpose({
activeName === 'table' ? t('datasource.data_table') : t('data_source.interface_parameters')
"
v-model="edit_api_item"
custom-class="api-datasource-drawer"
modal-class="api-datasource-drawer"
size="1000px"
:before-close="closeEditItem"
direction="rtl"
>
<div class="flex-center">
<el-steps :active="active" align-center>
<div class="flex-center" style="width: 100%">
<el-steps custom style="max-width: 400px; flex: 1" :active="active" align-center>
<el-step>
<template #icon>
<div class="step-icon">
<span class="icon">
{{ active <= 0 ? '1' : '' }}
</span>
<span class="title">{{ t('datasource.api_step_1') }}</span>
</div>
<template #title>
{{ t('datasource.api_step_1') }}
</template>
</el-step>
<el-step>
<template #icon>
<div class="step-icon">
<span class="icon">
{{ active <= 1 ? '2' : '' }}
</span>
<span class="title">{{
activeName === 'table'
? t('datasource.api_step_2')
: t('data_source.extract_parameters')
}}</span>
</div>
<template #title>
{{
activeName === 'table'
? t('datasource.api_step_2')
: t('data_source.extract_parameters')
}}
</template>
</el-step>
</el-steps>
@@ -1035,70 +1025,6 @@ defineExpose({
.ed-steps {
width: 630px;
}
.ed-step.is-center .ed-step__line {
width: 208px;
right: 104px;
z-index: 5;
left: calc(100% - 104px);
}
.ed-step__icon.is-icon {
width: auto;
position: relative;
z-index: 0;
}
.ed-step__head.is-finish::after {
right: calc(100% - 133px);
top: 44%;
}
.ed-step__head.is-process .ed-step__icon {
background-color: transparent;
.step-icon {
.icon {
background: var(--ed-color-primary);
}
}
}
.ed-step__head.is-finish .ed-step__icon {
background-color: transparent;
.step-icon {
.icon {
border: 1px solid var(--ed-color-primary);
}
}
}
.ed-step__head.is-wait .ed-step__icon {
background-color: transparent;
.step-icon {
.icon {
color: #8f959e;
border: 1px solid #8f959e;
}
}
}
.step-icon {
display: flex;
padding: 0 48px;
align-items: center;
.icon {
width: 28px;
height: 28px;
line-height: 27px;
border-radius: 50%;
}
.title {
margin-left: 8px;
color: #1f2329;
font-size: 14px;
font-weight: 400;
line-height: 22px;
}
}
}
.ed-form {

25
core/core-frontend/src/views/visualized/data/datasource/form/index.vue
View File

@@ -781,26 +781,16 @@ defineExpose({
>
<template #header="{ close }">
<span>{{ drawTitle }}</span>
<div v-if="!editDs" class="editor-step flex-center">
<el-steps space="150px" :active="activeStep" align-center>
<div v-if="!editDs" class="flex-center" style="width: 100%">
<el-steps custom style="max-width: 500px; flex: 1" :active="activeStep" align-center>
<el-step>
<template #icon>
<div class="step-icon">
<span class="icon">
{{ activeStep <= 0 ? '1' : '' }}
</span>
<span class="title">{{ t('deDataset.select_data_source') }}</span>
</div>
<template #title>
{{ t('deDataset.select_data_source') }}
</template>
</el-step>
<el-step>
<template #icon>
<div class="step-icon">
<span class="icon">
{{ activeStep <= 1 ? '2' : '' }}
</span>
<span class="title">{{ t('data_source.configuration_information') }}</span>
</div>
<template #title>
{{ t('data_source.configuration_information') }}
</template>
</el-step>
</el-steps>
@@ -1205,6 +1195,9 @@ defineExpose({
padding-right: 24px;
float: left;
border-top: 1px solid rgba(31, 35, 41, 0.15);
position: relative;
z-index: 10;
background: #fff;
}
}
}