mirror of
https://github.com/tencentmusic/supersonic.git
synced 2025-12-12 20:51:48 +00:00
[improvement][headless-fe] Added support for data sets with non-partitioned time fields (#1560)
* [improvement][semantic-fe] fix the dimension initialization issue in metric correlation * [improvement][semantic-fe] Fix the issue of database changes not taking effect when creating based on an SQL data source. * [improvement][semantic-fe] Optimizing pagination logic and some CSS styles * [improvement][semantic-fe] Fixing the API for the indicator list by changing "current" to "pageNum" * [improvement][semantic-fe] Fixing the default value setting for the indicator list * [improvement][semantic-fe] Adding batch operations for indicators/dimensions/models * [improvement][semantic-fe] Replacing the single status update API for indicators/dimensions with a batch update API * [improvement][semantic-fe] Redesigning the indicator homepage to incorporate trend charts and table functionality for indicators * [improvement][semantic-fe] Optimizing the logic for setting dimension values and editing data sources, and adding system settings functionality * [improvement][semantic-fe] Upgrading antd version to 5.x, extracting the batch operation button component, optimizing the interaction for system settings, and expanding the configuration generation types for list-to-select component. * [improvement][semantic-fe] Adding the ability to filter dimensions based on whether they are tags or not. * [improvement][semantic-fe] Adding the ability to edit relationships between models in the canvas. * [improvement][semantic-fe] Updating the datePicker component to use dayjs instead. * [improvement][semantic-fe] Fixing the issue with passing the model ID for dimensions in the indicator market. * [improvement][semantic-fe] Fixing the abnormal state of the popup when creating a model. * [improvement][semantic-fe] Adding permission logic for bulk operations in the indicator market. * [improvement][semantic-fe] Adding the ability to download and transpose data. * [improvement][semantic-fe] Fixing the initialization issue with the date selection component in the indicator details page when switching time granularity. * [improvement][semantic-fe] Fixing the logic error in the dimension value setting. * [improvement][semantic-fe] Fixing the synchronization issue with the question and answer settings information. * [improvement][semantic-fe] Optimizing the canvas functionality for better performance and user experience. * [improvement][semantic-fe] Optimizing the update process for drawing model relationship edges in the canvas. * [improvement][semantic-fe] Changing the line type for canvas connections. * [improvement][semantic-fe] Replacing the initialization variable from "semantic" to "headless". * [improvement][semantic-fe] Fixing the missing migration issue for default drill-down dimension configuration in model editing. Additionally, optimizing the data retrieval method for initializing fields in the model. * [improvement][semantic-fe] Updating the logic for the fieldName. * [improvement][semantic-fe] Adjusting the position of the metrics tab. * [improvement][semantic-fe] Changing the 字段名称 to 英文名称. * [improvement][semantic-fe] Fix metric measurement deletion. * [improvement][semantic-fe] UI optimization for metric details page. * [improvement][semantic-fe] UI optimization for metric details page. * [improvement][semantic-fe] UI adjustment for metric details page. * [improvement][semantic-fe] The granularity field in the time type of model editing now supports setting it as empty. * [improvement][semantic-fe] Added field type and metric type to the metric creation options. * [improvement][semantic-fe] The organization structure selection feature has been added to the permission management. * [improvement][semantic-fe] Improved user experience for the metric list. * [improvement][semantic-fe] fix update the metric list. * [improvement][headless-fe] Added view management functionality. * [improvement][headless-fe] The view management functionality has been added. This feature allows users to create, edit, and manage different views within the system. * [improvement][headless-fe] Added model editing side effect detection. * [improvement][headless-fe] Fixed the logic error in view editing. * [improvement][headless-fe] Fixed the issue with initializing dimension associations in metric settings. * [improvement][headless-fe] Added the ability to hide the Q&A settings entry point. * [improvement][headless-fe] Fixed the issue with selecting search results in metric field creation. * [improvement][headless-fe] Added search functionality to the field list in model editing. * [improvement][headless-fe] fix the field list in model editing * [improvement][headless-fe] Restructured the data for the dimension value settings interface. * [improvement][headless-fe] Added dynamic variable functionality to model creation based on SQL scripts. * [improvement][headless-fe] Added support for passing dynamic variables as parameters in the executeSql function. * [improvement][headless-fe] Resolved the issue where users were unable to select all options for dimensions, metrics, and fields in the metric generation process. * [improvement][headless-fe] Replaced the term "view" with "dataset" * [improvement][headless-fe] Added the ability to export metrics and dimensions to a specific target. * [improvement][headless-fe] Enhanced dataset creation to support the tag mode. * [improvement][headless-fe] Added tag value setting. * [improvement][headless-fe] Optimized the tag setting system. * [improvement][headless-fe] Optimized the tag setting system. * [improvement][headless-fe] Updated the data initialization for model editing to use API requests instead. * [improvement][headless-fe] Added search functionality to model management. * [improvement][headless-fe] Removed field null validation during model editing. * [improvement][headless-fe] Updated the batch operation button component. * [improvement][headless-fe] Optimized the logic for initializing indicators in dimension value settings. * [improvement][headless-fe] Adjusted the length of the input field for model editing names. * [improvement][headless-fe] Lock the version of the @ant-design/pro-table component and replace it with @ant-design/pro-components. * [improvement][headless-fe] Optimized the style of the metrics market and tags market. * [improvement][headless-fe] The quick creation of model fields now defaults to using the "comment" field for filling. * [improvement][headless-fe] The quick creation of model fields now defaults to using the "comment" field for filling * [improvement][headless-fe] The quick creation of model fields now defaults to using the "comment" field for filling. * [improvement][headless-fe] Fixed the issue where the conditions for metric measurement creation were not being saved correctly. * [improvement][headless-fe] Default value setting for hiding dimensions. * [improvement][headless-fe] Updated the file imports in the project. * [improvement][headless-fe] Adjusted the logic for displaying the tab in the theme domain. * [improvement][headless-fe] Added term management functionality. * [improvement][headless-fe] When creating a model, the current metric operator now allows for clearance. * [improvement][headless-fe] Term management interface transformation * [improvement][headless-fe] Migrating scaffold version to @umi/max * [improvement][headless-fe] remove modle column * [improvement][headless-fe] 1.Added configuration for the large language model in the agent; 2.upgraded React version from 17 to 18; 3.modified some UI effects. * [improvement][headless-fe] Added a simplified mode to the question-answering system. * [improvement][headless-fe] remove pnpm-lock * [improvement][headless-fe] add pnpm-lock * [improvement][headless-fe] Fixed the issue with passing the modelId during initialization. * [improvement][headless-fe] Fixed the issue with abnormal comments during model creation. * [improvement][headless-fe] fix build bugs * [improvement][headless-fe] change build config * [improvement][headless-fe] route config change * [improvement][headless-fe] Optimized data updating when switching domains. * [improvement][headless-fe] css change * [improvement][semantic-fe] logo css change * [improvement][semantic-fe] system config add defaultValue support * [improvement][semantic-fe] tag mode wording change * [improvement][semantic-fe] fix metric edit page init error * [improvement][supersonic-fe] Updated the way chat projects are imported in supersonic-fe. * [improvement][chat-engine] Added a background silent mode for watching chat projects. * [improvement][supersonic-fe] fix proxy url * [improvement][headless-fe] agent setting update * [improvement][headless-fe] Agent configuration: Added connectivity testing for large models. * [improvement][headless-fe] Chat: Enabled integration with agent configuration. * [improvement][headless-fe] SQL formatter: Updated the import method. * [improvement][headless-fe] login fixed * [improvement][headless-fe] Agent: Optimized the logic for saving. * [improvement][headless-fe] Model management: Integrated into the main theme domain. * [improvement][headless-fe] Sensitivity: Added bulk modification functionality. * [improvement][headless-fe] wording change * [improvement][headless-fe] Prompt configuration: Added the ability to configure prompts. * [improvement][headless-fe] Added the ability to configure embedding models. * [improvement][headless-fe] hidden configure embedding models. * [improvement][headless-fe] Connection test prompt update for large language model settings. * [improvement][headless-fe] add memory review config * [improvement][headless-fe] Rollback of data structure for large language model configuration. * [improvement][headless-fe] Added dependency relationships between various items in system configuration. * [improvement][headless-fe] Added password parsing to the generation rules of system settings. * [improvement][headless-fe] Added slider parsing to the generation rules of system settings. * [improvement][headless-fe] Optimized the logic for initializing values in system settings. * [improvement][headless-fe] Optimized the time format * [improvement][headless-fe] Unified the SQL generation method for data sets to ensure consistency and improve efficiency. * [improvement][headless-fe] Added support for data sets with non-partitioned time fields --------- Co-authored-by: tristanliu <tristanliu@tencent.com>
This commit is contained in:
@@ -3,7 +3,7 @@ import { Form, Button, Modal, Steps, message } from 'antd';
|
|||||||
import ModelBasicForm from './ModelBasicForm';
|
import ModelBasicForm from './ModelBasicForm';
|
||||||
import ModelFieldForm from './ModelFieldForm';
|
import ModelFieldForm from './ModelFieldForm';
|
||||||
import { formLayout } from '@/components/FormHelper/utils';
|
import { formLayout } from '@/components/FormHelper/utils';
|
||||||
import { EnumDataSourceType } from '../constants';
|
import { EnumDataSourceType, EnumModelDataType } from '../constants';
|
||||||
import styles from '../style.less';
|
import styles from '../style.less';
|
||||||
import {
|
import {
|
||||||
updateModel,
|
updateModel,
|
||||||
@@ -203,6 +203,19 @@ const ModelCreateForm: React.FC<CreateFormProps> = ({
|
|||||||
},
|
},
|
||||||
});
|
});
|
||||||
break;
|
break;
|
||||||
|
case EnumDataSourceType.PARTITION_TIME:
|
||||||
|
fieldsClassify.dimensions.push({
|
||||||
|
bizName: fieldName,
|
||||||
|
type,
|
||||||
|
isCreateDimension,
|
||||||
|
name,
|
||||||
|
dateFormat,
|
||||||
|
typeParams: {
|
||||||
|
isPrimary: true,
|
||||||
|
timeGranularity: timeGranularity || '',
|
||||||
|
},
|
||||||
|
});
|
||||||
|
break;
|
||||||
case EnumDataSourceType.FOREIGN:
|
case EnumDataSourceType.FOREIGN:
|
||||||
case EnumDataSourceType.PRIMARY:
|
case EnumDataSourceType.PRIMARY:
|
||||||
fieldsClassify.identifiers.push({
|
fieldsClassify.identifiers.push({
|
||||||
@@ -303,11 +316,21 @@ const ModelCreateForm: React.FC<CreateFormProps> = ({
|
|||||||
setFields(columnFields || []);
|
setFields(columnFields || []);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
const formatterIdentifiers = (identifiersList: any[] = []) => {
|
||||||
|
return identifiersList.map((identifiers: any) => {
|
||||||
|
return {
|
||||||
|
...identifiers,
|
||||||
|
classType: EnumModelDataType.IDENTIFIERS,
|
||||||
|
};
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
const formatterMeasures = (measuresList: any[] = []) => {
|
const formatterMeasures = (measuresList: any[] = []) => {
|
||||||
return measuresList.map((measures: any) => {
|
return measuresList.map((measures: any) => {
|
||||||
return {
|
return {
|
||||||
...measures,
|
...measures,
|
||||||
type: EnumDataSourceType.MEASURES,
|
type: EnumDataSourceType.MEASURES,
|
||||||
|
classType: EnumModelDataType.MEASURES,
|
||||||
};
|
};
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
@@ -317,6 +340,7 @@ const ModelCreateForm: React.FC<CreateFormProps> = ({
|
|||||||
return {
|
return {
|
||||||
...dimension,
|
...dimension,
|
||||||
timeGranularity: typeParams?.timeGranularity || '',
|
timeGranularity: typeParams?.timeGranularity || '',
|
||||||
|
classType: EnumModelDataType.DIMENSION,
|
||||||
};
|
};
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
@@ -358,7 +382,7 @@ const ModelCreateForm: React.FC<CreateFormProps> = ({
|
|||||||
form.setFieldsValue(initValue);
|
form.setFieldsValue(initValue);
|
||||||
const formatFields = [
|
const formatFields = [
|
||||||
...formatterDimensions(dimensions || []),
|
...formatterDimensions(dimensions || []),
|
||||||
...(identifiers || []),
|
...formatterIdentifiers(identifiers || []),
|
||||||
...formatterMeasures(measures || []),
|
...formatterMeasures(measures || []),
|
||||||
];
|
];
|
||||||
initFields(formatFields, columns);
|
initFields(formatFields, columns);
|
||||||
@@ -517,7 +541,7 @@ const ModelCreateForm: React.FC<CreateFormProps> = ({
|
|||||||
return (
|
return (
|
||||||
<Modal
|
<Modal
|
||||||
forceRender
|
forceRender
|
||||||
width={currentStep ? 1300 : 800}
|
width={currentStep ? 1400 : 800}
|
||||||
destroyOnClose
|
destroyOnClose
|
||||||
title={`${isEdit ? '编辑' : '新建'}模型`}
|
title={`${isEdit ? '编辑' : '新建'}模型`}
|
||||||
maskClosable={false}
|
maskClosable={false}
|
||||||
|
|||||||
@@ -11,6 +11,9 @@ import {
|
|||||||
AGG_OPTIONS,
|
AGG_OPTIONS,
|
||||||
EnumDataSourceType,
|
EnumDataSourceType,
|
||||||
DATE_OPTIONS,
|
DATE_OPTIONS,
|
||||||
|
DIM_OPTIONS,
|
||||||
|
EnumModelDataType,
|
||||||
|
PARTITION_TIME_FORMATTER,
|
||||||
} from '../constants';
|
} from '../constants';
|
||||||
import styles from '../style.less';
|
import styles from '../style.less';
|
||||||
|
|
||||||
@@ -20,6 +23,7 @@ type FieldItem = {
|
|||||||
dataType: string;
|
dataType: string;
|
||||||
name: string;
|
name: string;
|
||||||
type: EnumDataSourceType;
|
type: EnumDataSourceType;
|
||||||
|
classType: EnumModelDataType;
|
||||||
comment?: string;
|
comment?: string;
|
||||||
agg?: string;
|
agg?: string;
|
||||||
checked?: number;
|
checked?: number;
|
||||||
@@ -43,9 +47,11 @@ type Props = {
|
|||||||
const { Option } = Select;
|
const { Option } = Select;
|
||||||
|
|
||||||
const getCreateFieldName = (type: EnumDataSourceType) => {
|
const getCreateFieldName = (type: EnumDataSourceType) => {
|
||||||
const isCreateName = [EnumDataSourceType.CATEGORICAL, EnumDataSourceType.TIME].includes(
|
const isCreateName = [
|
||||||
type as EnumDataSourceType,
|
EnumDataSourceType.CATEGORICAL,
|
||||||
)
|
EnumDataSourceType.TIME,
|
||||||
|
EnumDataSourceType.PARTITION_TIME,
|
||||||
|
].includes(type as EnumDataSourceType)
|
||||||
? 'isCreateDimension'
|
? 'isCreateDimension'
|
||||||
: 'isCreateMetric';
|
: 'isCreateMetric';
|
||||||
return isCreateName;
|
return isCreateName;
|
||||||
@@ -72,31 +78,92 @@ const ModelFieldForm: React.FC<Props> = ({
|
|||||||
{
|
{
|
||||||
title: '英文名称',
|
title: '英文名称',
|
||||||
dataIndex: 'fieldName',
|
dataIndex: 'fieldName',
|
||||||
width: 100,
|
width: 250,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: '字段类型',
|
title: '字段类型',
|
||||||
dataIndex: 'dataType',
|
dataIndex: 'dataType',
|
||||||
width: 80,
|
width: 150,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: '语义类型',
|
title: '语义类型',
|
||||||
dataIndex: 'type',
|
dataIndex: 'type',
|
||||||
width: 100,
|
width: 250,
|
||||||
render: (_: any, record: FieldItem) => {
|
render: (_: any, record: FieldItem) => {
|
||||||
const type = fields.find((field) => field.bizName === record.bizName)?.type;
|
const type = fields.find((field) => field.bizName === record.bizName)?.type;
|
||||||
|
const classType = fields.find((field) => field.bizName === record.bizName)?.classType;
|
||||||
|
const selectTypeValue = [EnumModelDataType.DIMENSION].includes(classType)
|
||||||
|
? classType
|
||||||
|
: type;
|
||||||
return (
|
return (
|
||||||
|
<Space>
|
||||||
<Select
|
<Select
|
||||||
placeholder="字段类型"
|
placeholder="字段类型"
|
||||||
value={type}
|
value={selectTypeValue}
|
||||||
allowClear
|
allowClear
|
||||||
onChange={(value) => {
|
onChange={(value) => {
|
||||||
let defaultParams = {};
|
let defaultParams = {};
|
||||||
if (value === EnumDataSourceType.MEASURES) {
|
if (value === EnumDataSourceType.MEASURES) {
|
||||||
defaultParams = {
|
defaultParams = {
|
||||||
agg: AGG_OPTIONS[0].value,
|
agg: AGG_OPTIONS[0].value,
|
||||||
|
classType: EnumDataSourceType.MEASURES,
|
||||||
|
type: EnumDataSourceType.MEASURES,
|
||||||
};
|
};
|
||||||
} else if (value === EnumDataSourceType.TIME) {
|
}
|
||||||
|
// else if (value === EnumDataSourceType.TIME) {
|
||||||
|
// defaultParams = {
|
||||||
|
// dateFormat: DATE_FORMATTER[0],
|
||||||
|
// timeGranularity: 'day',
|
||||||
|
// };
|
||||||
|
// }
|
||||||
|
else if (value === EnumModelDataType.DIMENSION) {
|
||||||
|
defaultParams = {
|
||||||
|
type: DIM_OPTIONS[0].value,
|
||||||
|
classType: EnumModelDataType.DIMENSION,
|
||||||
|
};
|
||||||
|
} else if (value === EnumDataSourceType.PRIMARY) {
|
||||||
|
defaultParams = {
|
||||||
|
type: EnumDataSourceType.PRIMARY,
|
||||||
|
classType: EnumModelDataType.IDENTIFIERS,
|
||||||
|
};
|
||||||
|
} else {
|
||||||
|
defaultParams = {
|
||||||
|
agg: undefined,
|
||||||
|
dateFormat: undefined,
|
||||||
|
timeGranularity: undefined,
|
||||||
|
};
|
||||||
|
}
|
||||||
|
const isCreateName = getCreateFieldName(value);
|
||||||
|
const editState = !isUndefined(record[isCreateName])
|
||||||
|
? !!record[isCreateName]
|
||||||
|
: true;
|
||||||
|
const { name, comment } = record;
|
||||||
|
const params = {
|
||||||
|
...record,
|
||||||
|
type: value,
|
||||||
|
classType: value,
|
||||||
|
name: name || comment,
|
||||||
|
[isCreateName]: editState,
|
||||||
|
...defaultParams,
|
||||||
|
};
|
||||||
|
onFieldChange(record.bizName, params);
|
||||||
|
}}
|
||||||
|
style={{ width: '100%' }}
|
||||||
|
>
|
||||||
|
{TYPE_OPTIONS.map((item) => (
|
||||||
|
<Option key={item.label} value={item.value}>
|
||||||
|
{item.label}
|
||||||
|
</Option>
|
||||||
|
))}
|
||||||
|
</Select>
|
||||||
|
{classType === EnumModelDataType.DIMENSION && (
|
||||||
|
<Select
|
||||||
|
placeholder="维度类型"
|
||||||
|
value={type}
|
||||||
|
onChange={(value) => {
|
||||||
|
// handleFieldChange(record, 'agg', value);
|
||||||
|
let defaultParams = {};
|
||||||
|
if (value === EnumDataSourceType.TIME) {
|
||||||
defaultParams = {
|
defaultParams = {
|
||||||
dateFormat: DATE_FORMATTER[0],
|
dateFormat: DATE_FORMATTER[0],
|
||||||
timeGranularity: 'day',
|
timeGranularity: 'day',
|
||||||
@@ -109,7 +176,9 @@ const ModelFieldForm: React.FC<Props> = ({
|
|||||||
};
|
};
|
||||||
}
|
}
|
||||||
const isCreateName = getCreateFieldName(value);
|
const isCreateName = getCreateFieldName(value);
|
||||||
const editState = !isUndefined(record[isCreateName]) ? !!record[isCreateName] : true;
|
const editState = !isUndefined(record[isCreateName])
|
||||||
|
? !!record[isCreateName]
|
||||||
|
: true;
|
||||||
const { name, comment } = record;
|
const { name, comment } = record;
|
||||||
onFieldChange(record.bizName, {
|
onFieldChange(record.bizName, {
|
||||||
...record,
|
...record,
|
||||||
@@ -119,21 +188,24 @@ const ModelFieldForm: React.FC<Props> = ({
|
|||||||
...defaultParams,
|
...defaultParams,
|
||||||
});
|
});
|
||||||
}}
|
}}
|
||||||
style={{ width: '100%' }}
|
defaultValue={DIM_OPTIONS[0].value}
|
||||||
|
style={{ width: '100px' }}
|
||||||
>
|
>
|
||||||
{TYPE_OPTIONS.map((item) => (
|
{DIM_OPTIONS.map((item) => (
|
||||||
<Option key={item.label} value={item.value}>
|
<Option key={item.value} value={item.value}>
|
||||||
{item.label}
|
{item.label}
|
||||||
</Option>
|
</Option>
|
||||||
))}
|
))}
|
||||||
</Select>
|
</Select>
|
||||||
|
)}
|
||||||
|
</Space>
|
||||||
);
|
);
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: '扩展配置',
|
title: '扩展配置',
|
||||||
dataIndex: 'extender',
|
dataIndex: 'extender',
|
||||||
width: 200,
|
// width: 200,
|
||||||
render: (_: any, record: FieldItem) => {
|
render: (_: any, record: FieldItem) => {
|
||||||
const { type } = record;
|
const { type } = record;
|
||||||
if (type === EnumDataSourceType.PRIMARY) {
|
if (type === EnumDataSourceType.PRIMARY) {
|
||||||
@@ -181,7 +253,8 @@ const ModelFieldForm: React.FC<Props> = ({
|
|||||||
const isTag = fields.find((field) => field.bizName === record.bizName)?.isTag;
|
const isTag = fields.find((field) => field.bizName === record.bizName)?.isTag;
|
||||||
return (
|
return (
|
||||||
<Space>
|
<Space>
|
||||||
<span>设为标签</span>
|
<Space>
|
||||||
|
<span>设为标签:</span>
|
||||||
<Switch
|
<Switch
|
||||||
defaultChecked
|
defaultChecked
|
||||||
size="small"
|
size="small"
|
||||||
@@ -194,25 +267,31 @@ const ModelFieldForm: React.FC<Props> = ({
|
|||||||
<ExclamationCircleOutlined />
|
<ExclamationCircleOutlined />
|
||||||
</Tooltip>
|
</Tooltip>
|
||||||
</Space>
|
</Space>
|
||||||
|
</Space>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
if (type === EnumDataSourceType.TIME) {
|
if ([EnumDataSourceType.TIME, EnumDataSourceType.PARTITION_TIME].includes(type)) {
|
||||||
const dateFormat = fields.find((field) => field.bizName === record.bizName)?.dateFormat;
|
const dateFormat = fields.find((field) => field.bizName === record.bizName)?.dateFormat;
|
||||||
const timeGranularity = fields.find(
|
const timeGranularity = fields.find(
|
||||||
(field) => field.bizName === record.bizName,
|
(field) => field.bizName === record.bizName,
|
||||||
)?.timeGranularity;
|
)?.timeGranularity;
|
||||||
|
const dateFormatterOptions =
|
||||||
|
type === EnumDataSourceType.PARTITION_TIME ? PARTITION_TIME_FORMATTER : DATE_FORMATTER;
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
<Space direction="vertical">
|
||||||
<Space>
|
<Space>
|
||||||
|
<span>时间格式:</span>
|
||||||
<Select
|
<Select
|
||||||
placeholder="时间格式"
|
placeholder="时间格式"
|
||||||
value={dateFormat}
|
value={dateFormat}
|
||||||
onChange={(value) => {
|
onChange={(value) => {
|
||||||
handleFieldChange(record, 'dateFormat', value);
|
handleFieldChange(record, 'dateFormat', value);
|
||||||
}}
|
}}
|
||||||
defaultValue={DATE_FORMATTER[0]}
|
defaultValue={dateFormatterOptions[0]}
|
||||||
style={{ minWidth: 150 }}
|
style={{ minWidth: 250 }}
|
||||||
>
|
>
|
||||||
{DATE_FORMATTER.map((item) => (
|
{dateFormatterOptions.map((item) => (
|
||||||
<Option key={item} value={item}>
|
<Option key={item} value={item}>
|
||||||
{item}
|
{item}
|
||||||
</Option>
|
</Option>
|
||||||
@@ -221,6 +300,8 @@ const ModelFieldForm: React.FC<Props> = ({
|
|||||||
<Tooltip title="请选择数据库中时间字段对应格式">
|
<Tooltip title="请选择数据库中时间字段对应格式">
|
||||||
<ExclamationCircleOutlined />
|
<ExclamationCircleOutlined />
|
||||||
</Tooltip>
|
</Tooltip>
|
||||||
|
</Space>
|
||||||
|
<Space>
|
||||||
<span>时间粒度:</span>
|
<span>时间粒度:</span>
|
||||||
<Select
|
<Select
|
||||||
placeholder="时间粒度"
|
placeholder="时间粒度"
|
||||||
@@ -229,7 +310,7 @@ const ModelFieldForm: React.FC<Props> = ({
|
|||||||
handleFieldChange(record, 'timeGranularity', value);
|
handleFieldChange(record, 'timeGranularity', value);
|
||||||
}}
|
}}
|
||||||
defaultValue={timeGranularity === '' ? undefined : DATE_OPTIONS[0]}
|
defaultValue={timeGranularity === '' ? undefined : DATE_OPTIONS[0]}
|
||||||
style={{ minWidth: 80 }}
|
style={{ minWidth: 180 }}
|
||||||
allowClear
|
allowClear
|
||||||
>
|
>
|
||||||
{DATE_OPTIONS.map((item) => (
|
{DATE_OPTIONS.map((item) => (
|
||||||
@@ -239,6 +320,7 @@ const ModelFieldForm: React.FC<Props> = ({
|
|||||||
))}
|
))}
|
||||||
</Select>
|
</Select>
|
||||||
</Space>
|
</Space>
|
||||||
|
</Space>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
return <></>;
|
return <></>;
|
||||||
@@ -262,16 +344,15 @@ const ModelFieldForm: React.FC<Props> = ({
|
|||||||
EnumDataSourceType.FOREIGN,
|
EnumDataSourceType.FOREIGN,
|
||||||
EnumDataSourceType.CATEGORICAL,
|
EnumDataSourceType.CATEGORICAL,
|
||||||
EnumDataSourceType.TIME,
|
EnumDataSourceType.TIME,
|
||||||
|
EnumDataSourceType.PARTITION_TIME,
|
||||||
EnumDataSourceType.MEASURES,
|
EnumDataSourceType.MEASURES,
|
||||||
].includes(type as EnumDataSourceType)
|
].includes(type as EnumDataSourceType)
|
||||||
) {
|
) {
|
||||||
const isCreateName = getCreateFieldName(type);
|
const isCreateName = getCreateFieldName(type);
|
||||||
const editState = !isUndefined(record[isCreateName]) ? !!record[isCreateName] : true;
|
const editState = !isUndefined(record[isCreateName]) ? !!record[isCreateName] : true;
|
||||||
return (
|
return (
|
||||||
<Row>
|
<Space>
|
||||||
<Col flex="25px">
|
|
||||||
<Checkbox
|
<Checkbox
|
||||||
style={{ width: '100%', position: 'relative', top: 5 }}
|
|
||||||
checked={editState}
|
checked={editState}
|
||||||
onChange={(e) => {
|
onChange={(e) => {
|
||||||
const value = e.target.checked ? 1 : 0;
|
const value = e.target.checked ? 1 : 0;
|
||||||
@@ -291,8 +372,6 @@ const ModelFieldForm: React.FC<Props> = ({
|
|||||||
}
|
}
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
</Col>
|
|
||||||
<Col flex="auto">
|
|
||||||
<Input
|
<Input
|
||||||
className={!inputValue && styles.dataSourceFieldsName}
|
className={!inputValue && styles.dataSourceFieldsName}
|
||||||
style={{ minHeight: 20 }}
|
style={{ minHeight: 20 }}
|
||||||
@@ -309,8 +388,7 @@ const ModelFieldForm: React.FC<Props> = ({
|
|||||||
}}
|
}}
|
||||||
placeholder="请填写名称"
|
placeholder="请填写名称"
|
||||||
/>
|
/>
|
||||||
</Col>
|
</Space>
|
||||||
</Row>
|
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
return <></>;
|
return <></>;
|
||||||
|
|||||||
@@ -7,20 +7,52 @@ export const EDITOR_HEIGHT_MAP = new Map([
|
|||||||
export enum EnumDataSourceType {
|
export enum EnumDataSourceType {
|
||||||
CATEGORICAL = 'categorical',
|
CATEGORICAL = 'categorical',
|
||||||
TIME = 'time',
|
TIME = 'time',
|
||||||
|
PARTITION_TIME = 'partition_time',
|
||||||
MEASURES = 'measures',
|
MEASURES = 'measures',
|
||||||
PRIMARY = 'primary',
|
PRIMARY = 'primary',
|
||||||
FOREIGN = 'foreign',
|
FOREIGN = 'foreign',
|
||||||
}
|
}
|
||||||
|
|
||||||
export const TYPE_OPTIONS = [
|
export enum EnumModelDataType {
|
||||||
|
DIMENSION = 'dimension',
|
||||||
|
IDENTIFIERS = 'identifiers',
|
||||||
|
MEASURES = 'measures',
|
||||||
|
}
|
||||||
|
|
||||||
|
export const modelDataClass = {
|
||||||
|
[EnumModelDataType.DIMENSION]: [
|
||||||
|
EnumDataSourceType.CATEGORICAL,
|
||||||
|
EnumDataSourceType.TIME,
|
||||||
|
EnumDataSourceType.PARTITION_TIME,
|
||||||
|
],
|
||||||
|
[EnumModelDataType.IDENTIFIERS]: [EnumDataSourceType.PRIMARY, EnumDataSourceType.FOREIGN],
|
||||||
|
[EnumModelDataType.MEASURES]: [EnumDataSourceType.MEASURES],
|
||||||
|
};
|
||||||
|
|
||||||
|
export const DIM_OPTIONS = [
|
||||||
{
|
{
|
||||||
label: '维度',
|
label: '枚举',
|
||||||
value: EnumDataSourceType.CATEGORICAL,
|
value: EnumDataSourceType.CATEGORICAL,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: '日期',
|
label: '普通时间',
|
||||||
value: EnumDataSourceType.TIME,
|
value: EnumDataSourceType.TIME,
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
label: '分区时间',
|
||||||
|
value: EnumDataSourceType.PARTITION_TIME,
|
||||||
|
},
|
||||||
|
];
|
||||||
|
|
||||||
|
export const TYPE_OPTIONS = [
|
||||||
|
{
|
||||||
|
label: '维度',
|
||||||
|
value: EnumModelDataType.DIMENSION,
|
||||||
|
},
|
||||||
|
// {
|
||||||
|
// label: '日期',
|
||||||
|
// value: EnumDataSourceType.TIME,
|
||||||
|
// },
|
||||||
{
|
{
|
||||||
label: '度量',
|
label: '度量',
|
||||||
value: EnumDataSourceType.MEASURES,
|
value: EnumDataSourceType.MEASURES,
|
||||||
@@ -64,4 +96,20 @@ export const AGG_OPTIONS = [
|
|||||||
|
|
||||||
export const DATE_OPTIONS = ['day', 'week', 'month'];
|
export const DATE_OPTIONS = ['day', 'week', 'month'];
|
||||||
|
|
||||||
export const DATE_FORMATTER = ['yyyy-MM-dd', 'yyyyMMdd', 'yyyy-MM', 'yyyyMM'];
|
export const DATE_FORMATTER = [
|
||||||
|
'yyyy-MM-dd',
|
||||||
|
'yyyy-MM-dd HH:mm:ss',
|
||||||
|
'yyyy-MM-dd HH:mm',
|
||||||
|
'yyyy-MM-dd HH',
|
||||||
|
'yyyyMMdd',
|
||||||
|
'yyyy-MM',
|
||||||
|
'yyyyMM',
|
||||||
|
];
|
||||||
|
|
||||||
|
export const PARTITION_TIME_FORMATTER = [
|
||||||
|
'yyyy-MM-dd',
|
||||||
|
'yyyy-MM-dd HH',
|
||||||
|
'yyyyMMdd',
|
||||||
|
'yyyy-MM',
|
||||||
|
'yyyyMM',
|
||||||
|
];
|
||||||
|
|||||||
@@ -152,6 +152,8 @@ const MetricTrendSection: React.FC<Props> = ({
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<div className={styles.metricTrendSection}>
|
<div className={styles.metricTrendSection}>
|
||||||
|
{metircData?.containsPartitionDimensions !== false && (
|
||||||
|
<>
|
||||||
<div className={styles.sectionBox}>
|
<div className={styles.sectionBox}>
|
||||||
<Row style={{ padding: '10px 10px 0px 10px' }}>
|
<Row style={{ padding: '10px 10px 0px 10px' }}>
|
||||||
<Col flex="1 1 200px">
|
<Col flex="1 1 200px">
|
||||||
@@ -188,6 +190,7 @@ const MetricTrendSection: React.FC<Props> = ({
|
|||||||
/>
|
/>
|
||||||
</FormItem>
|
</FormItem>
|
||||||
</StandardFormRow>
|
</StandardFormRow>
|
||||||
|
|
||||||
<StandardFormRow key="dimensionSelected" title="维度下钻:">
|
<StandardFormRow key="dimensionSelected" title="维度下钻:">
|
||||||
<FormItem name="dimensionSelected">
|
<FormItem name="dimensionSelected">
|
||||||
<Select
|
<Select
|
||||||
@@ -195,7 +198,9 @@ const MetricTrendSection: React.FC<Props> = ({
|
|||||||
options={relationDimensionOptions}
|
options={relationDimensionOptions}
|
||||||
showSearch
|
showSearch
|
||||||
filterOption={(input, option) =>
|
filterOption={(input, option) =>
|
||||||
((option?.label ?? '') as string).toLowerCase().includes(input.toLowerCase())
|
((option?.label ?? '') as string)
|
||||||
|
.toLowerCase()
|
||||||
|
.includes(input.toLowerCase())
|
||||||
}
|
}
|
||||||
mode="multiple"
|
mode="multiple"
|
||||||
placeholder="请选择下钻维度"
|
placeholder="请选择下钻维度"
|
||||||
@@ -287,7 +292,8 @@ const MetricTrendSection: React.FC<Props> = ({
|
|||||||
/>
|
/>
|
||||||
</ProCard>
|
</ProCard>
|
||||||
</div>
|
</div>
|
||||||
|
</>
|
||||||
|
)}
|
||||||
<div className={styles.sectionBox} style={{ paddingBottom: 0 }}>
|
<div className={styles.sectionBox} style={{ paddingBottom: 0 }}>
|
||||||
<ProCard
|
<ProCard
|
||||||
size="small"
|
size="small"
|
||||||
|
|||||||
@@ -12,7 +12,8 @@ import SelectTMEPerson from '@/components/SelectTMEPerson';
|
|||||||
import { ConfigParametersItem } from '../../../System/types';
|
import { ConfigParametersItem } from '../../../System/types';
|
||||||
import { genneratorFormItemList } from '../../utils';
|
import { genneratorFormItemList } from '../../utils';
|
||||||
import { ISemantic } from '../../data';
|
import { ISemantic } from '../../data';
|
||||||
|
import { encryptPassword, decryptPassword } from '@/utils/utils';
|
||||||
|
import CryptoJS from 'crypto-js';
|
||||||
import styles from '../style.less';
|
import styles from '../style.less';
|
||||||
type Props = {
|
type Props = {
|
||||||
domainId?: number;
|
domainId?: number;
|
||||||
@@ -28,6 +29,7 @@ const DatabaseCreateForm: ForwardRefRenderFunction<any, Props> = (
|
|||||||
{ domainId, databaseId, onSubmit, hideSubmitBtn = false },
|
{ domainId, databaseId, onSubmit, hideSubmitBtn = false },
|
||||||
ref,
|
ref,
|
||||||
) => {
|
) => {
|
||||||
|
const encryptKey = CryptoJS.enc.Utf8.parse('supersonic@2024');
|
||||||
const [form] = Form.useForm();
|
const [form] = Form.useForm();
|
||||||
const [selectedDbType, setSelectedDbType] = useState<string>('');
|
const [selectedDbType, setSelectedDbType] = useState<string>('');
|
||||||
const [databaseOptions, setDatabaseOptions] = useState<{ value: string; label: string }[]>([]);
|
const [databaseOptions, setDatabaseOptions] = useState<{ value: string; label: string }[]>([]);
|
||||||
@@ -57,7 +59,7 @@ const DatabaseCreateForm: ForwardRefRenderFunction<any, Props> = (
|
|||||||
const queryDatabaseDetail = async (id: number) => {
|
const queryDatabaseDetail = async (id: number) => {
|
||||||
const { code, msg, data } = await getDatabaseDetail(id);
|
const { code, msg, data } = await getDatabaseDetail(id);
|
||||||
if (code === 200) {
|
if (code === 200) {
|
||||||
setDataBaseDetail(data);
|
setDataBaseDetail({ ...data, password: data.password ? decryptPassword(data.password) : '' });
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
message.error(msg);
|
message.error(msg);
|
||||||
@@ -91,10 +93,12 @@ const DatabaseCreateForm: ForwardRefRenderFunction<any, Props> = (
|
|||||||
|
|
||||||
const saveDatabaseConfig = async () => {
|
const saveDatabaseConfig = async () => {
|
||||||
const values = await form.validateFields();
|
const values = await form.validateFields();
|
||||||
|
const { password } = values;
|
||||||
const { code, msg } = await saveDatabase({
|
const { code, msg } = await saveDatabase({
|
||||||
...(dataBaseDetail || {}),
|
...(dataBaseDetail || {}),
|
||||||
...values,
|
...values,
|
||||||
domainId,
|
domainId,
|
||||||
|
password: encryptPassword(password),
|
||||||
});
|
});
|
||||||
|
|
||||||
if (code === 200) {
|
if (code === 200) {
|
||||||
@@ -106,10 +110,12 @@ const DatabaseCreateForm: ForwardRefRenderFunction<any, Props> = (
|
|||||||
};
|
};
|
||||||
const testDatabaseConnection = async () => {
|
const testDatabaseConnection = async () => {
|
||||||
const values = await form.validateFields();
|
const values = await form.validateFields();
|
||||||
|
const { password } = values;
|
||||||
setTestLoading(true);
|
setTestLoading(true);
|
||||||
const { code, data } = await testDatabaseConnect({
|
const { code, data } = await testDatabaseConnect({
|
||||||
...values,
|
...values,
|
||||||
domainId,
|
domainId,
|
||||||
|
password: encryptPassword(password),
|
||||||
});
|
});
|
||||||
setTestLoading(false);
|
setTestLoading(false);
|
||||||
if (code === 200 && data) {
|
if (code === 200 && data) {
|
||||||
|
|||||||
@@ -552,18 +552,18 @@ export async function queryStruct({
|
|||||||
isTransform,
|
isTransform,
|
||||||
metricIds,
|
metricIds,
|
||||||
dimensionIds,
|
dimensionIds,
|
||||||
orders: [{ column: dateField, direction: 'desc' }],
|
// orders: [{ column: dateField, direction: 'desc' }],
|
||||||
params: [],
|
params: [],
|
||||||
dateInfo: {
|
// dateInfo: {
|
||||||
dateMode: 'BETWEEN',
|
// dateMode: 'BETWEEN',
|
||||||
startDate,
|
// startDate,
|
||||||
endDate,
|
// endDate,
|
||||||
dateList: [],
|
// dateList: [],
|
||||||
unit: 7,
|
// unit: 7,
|
||||||
groupByDate: true,
|
// groupByDate: true,
|
||||||
period,
|
// period,
|
||||||
text: 'null',
|
// text: 'null',
|
||||||
},
|
// },
|
||||||
limit: 2000,
|
limit: 2000,
|
||||||
nativeQuery: false,
|
nativeQuery: false,
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -136,7 +136,7 @@ export const findLeafNodesFromDomainList = (
|
|||||||
return leafNodes;
|
return leafNodes;
|
||||||
};
|
};
|
||||||
|
|
||||||
export const genneratorFormItemList = (itemList: ConfigParametersItem[], form) => {
|
export const genneratorFormItemList = (itemList: ConfigParametersItem[]) => {
|
||||||
const list = itemList.reduce((itemList: ReactNode[], item) => {
|
const list = itemList.reduce((itemList: ReactNode[], item) => {
|
||||||
const { dataType, name, comment, placeholder, description, require, visible, sliderConfig } =
|
const { dataType, name, comment, placeholder, description, require, visible, sliderConfig } =
|
||||||
item;
|
item;
|
||||||
|
|||||||
Reference in New Issue
Block a user