topdog/supersonic
1
0
Fork 0
mirror of https://github.com/tencentmusic/supersonic.git synced 2026-04-24 16:34:20 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

[improvement][headless-fe] Optimized the tag setting system. (#868)

Browse Source 
* [improvement][semantic-fe] Add model alias setting & Add view permission restrictions to the model permission management tab.
[improvement][semantic-fe] Add permission control to the action buttons for the main domain; apply high sensitivity filtering to the authorization of metrics/dimensions.
[improvement][semantic-fe] Optimize the editing mode in the dimension/metric/datasource components to use the modelId stored in the database for data, instead of relying on the data from the state manager.

* [improvement][semantic-fe] Add time granularity setting in the data source configuration.

* [improvement][semantic-fe] Dictionary import for dimension values supported in Q&A visibility

* [improvement][semantic-fe] Modification of data source creation prompt wording"

* [improvement][semantic-fe] metric market experience optimization

* [improvement][semantic-fe] enhance the analysis of metric trends

* [improvement][semantic-fe] optimize the presentation of metric trend permissions

* [improvement][semantic-fe] add metric trend download functionality

* [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.
This commit is contained in:
tristanliu
2024-03-29 14:33:35 +08:00
committed by GitHub
parent 8cdd0b001a
commit 1ab88360ac
31 changed files with 1364 additions and 301 deletions
Download Patch File Download Diff File Expand all files Collapse all files

113
webapp/packages/supersonic-fe/src/pages/SemanticModel/Insights/Market.tsx
View File

@@ -6,7 +6,7 @@ import type { Dispatch } from 'umi';
import { connect, useModel } from 'umi';
import type { StateType } from '../model';
import { SENSITIVE_LEVEL_ENUM } from '../constant';
import { getTagList, deleteTag, batchUpdateTagStatus, getTagObjectList } from '../service';
import { getTagList, deleteTag, batchDeleteTag, getTagObjectList } from '../service';
import TagFilter from './components/TagFilter';
import TagInfoCreateForm from './components/TagInfoCreateForm';
import { StatusEnum } from '../enum';
@@ -46,9 +46,7 @@ const ClassMetricTable: React.FC<Props> = ({ domainManger, dispatch }) => {
const [dataSource, setDataSource] = useState<ISemantic.ITagItem[]>([]);
const [tagItem, setTagItem] = useState<ISemantic.ITagItem>();
const [selectedRowKeys, setSelectedRowKeys] = useState<React.Key[]>([]);
const [filterParams, setFilterParams] = useState<Record<string, any>>({
showType: localStorage.getItem('metricMarketShowType') === '1' ? true : false,
});
const [filterParams, setFilterParams] = useState<Record<string, any>>({});
const [downloadLoading, setDownloadLoading] = useState<boolean>(false);
@@ -66,23 +64,36 @@ const ClassMetricTable: React.FC<Props> = ({ domainManger, dispatch }) => {
const { code, msg, data } = await getTagObjectList({});
if (code === 200) {
setTagObjectList(data);
const target = data[0];
if (target) {
queryTagList({ ...filterParams, tagObjectId: target.id });
}
// const target = data[0];
// if (target) {
// queryTagList({ ...filterParams, tagObjectId: target.id });
// }
return;
}
message.error(msg);
};
const queryBatchUpdateStatus = async (ids: React.Key[], status: StatusEnum) => {
// const getTagList = (ids: React.Key[])=>{
// const filterItem = dataSource.filter((item)=>{
// return ids.includes(item.id);
// });
// const dimension = {
// }
// filterItem.forEach((item)=>{
// })
// }
const queryBatchDeleteTag = async (ids: React.Key[]) => {
if (Array.isArray(ids) && ids.length === 0) {
return;
}
const { code, msg } = await batchUpdateTagStatus({
ids,
status,
});
const { code, msg } = await batchDeleteTag([
{
ids,
},
]);
if (code === 200) {
queryTagList(filterParams);
return;
@@ -94,6 +105,11 @@ const ClassMetricTable: React.FC<Props> = ({ domainManger, dispatch }) => {
if (!disabledLoading) {
setLoading(true);
}
if (!params.tagObjectId) {
setLoading(false);
setDataSource([]);
return;
}
const { code, data, msg } = await getTagList({
...pagination,
...params,
@@ -191,12 +207,12 @@ const ClassMetricTable: React.FC<Props> = ({ domainManger, dispatch }) => {
// },
{
dataIndex: 'domainName',
title: '所属主题域',
title: '主题域',
search: false,
},
{
dataIndex: 'tagObjectName',
title: '所属对象',
title: '标签对象',
search: false,
},
{
@@ -221,14 +237,14 @@ const ClassMetricTable: React.FC<Props> = ({ domainManger, dispatch }) => {
if (record.hasAdminRes) {
return (
<Space>
<a
{/* <a
key="metricEditBtn"
onClick={() => {
handleMetricEdit(record);
}}
>
编辑
</a>
</a> */}
<Popconfirm
title="确认删除？"
@@ -303,18 +319,18 @@ const ClassMetricTable: React.FC<Props> = ({ domainManger, dispatch }) => {
// }),
};
const onMenuClick = (key: string) => {
switch (key) {
case 'batchStart':
queryBatchUpdateStatus(selectedRowKeys, StatusEnum.ONLINE);
break;
case 'batchStop':
queryBatchUpdateStatus(selectedRowKeys, StatusEnum.OFFLINE);
break;
default:
break;
}
};
// const onMenuClick = (key: string) => {
// switch (key) {
// case 'batchStart':
// queryBatchUpdateStatus(selectedRowKeys, StatusEnum.ONLINE);
// break;
// case 'batchStop':
// queryBatchUpdateStatus(selectedRowKeys, StatusEnum.OFFLINE);
// break;
// default:
// break;
// }
// };
return (
<>
@@ -322,6 +338,13 @@ const ClassMetricTable: React.FC<Props> = ({ domainManger, dispatch }) => {
<TagFilter
tagObjectList={tagObjectList}
initFilterValues={filterParams}
onFilterInit={(values) => {
setFilterParams({
...filterParams,
...values,
});
queryTagList(values);
}}
onFiltersChange={(_, values) => {
if (_.showType !== undefined) {
setLoading(true);
@@ -346,22 +369,22 @@ const ClassMetricTable: React.FC<Props> = ({ domainManger, dispatch }) => {
return false;
}}
sticky={{ offsetHeader: 0 }}
// rowSelection={{
// type: 'checkbox',
// ...rowSelection,
// }}
// toolBarRender={() => [
// <BatchCtrlDropDownButton
// key="ctrlBtnList"
// downloadLoading={downloadLoading}
// onDeleteConfirm={() => {
// queryBatchUpdateStatus(selectedRowKeys, StatusEnum.DELETED);
// }}
// hiddenList={['batchDownload', 'batchStart', 'batchStop']}
// disabledList={hasAllPermission ? [] : ['batchStart', 'batchDelete']}
// onMenuClick={onMenuClick}
// />,
// ]}
rowSelection={{
type: 'checkbox',
...rowSelection,
}}
toolBarRender={() => [
<BatchCtrlDropDownButton
key="ctrlBtnList"
downloadLoading={downloadLoading}
onDeleteConfirm={() => {
queryBatchDeleteTag(selectedRowKeys);
}}
hiddenList={['batchDownload', 'batchStart', 'batchStop']}
disabledList={hasAllPermission ? [] : ['batchStart', 'batchDelete']}
// onMenuClick={onMenuClick}
/>,
]}
loading={loading}
onChange={(data: any) => {
const { current, pageSize, total } = data;

92
webapp/packages/supersonic-fe/src/pages/SemanticModel/Insights/components/TagFilter.tsx
View File

@@ -1,7 +1,7 @@
import { Form, Input, Space, Row, Col, Switch, Select } from 'antd';
import StandardFormRow from '@/components/StandardFormRow';
import TagSelect from '@/components/TagSelect';
import React, { useEffect } from 'react';
import React, { useEffect, useState, useRef } from 'react';
import { SENSITIVE_LEVEL_OPTIONS } from '../../constant';
import { SearchOutlined } from '@ant-design/icons';
import DomainTreeSelect from '../../components/DomainTreeSelect';
@@ -13,10 +13,16 @@ const FormItem = Form.Item;
type Props = {
tagObjectList: ISemantic.ITagObjectItem[];
initFilterValues?: any;
onFilterInit?: (values: any) => void;
onFiltersChange: (_: any, values: any) => void;
};
const TagFilter: React.FC<Props> = ({ tagObjectList, initFilterValues = {}, onFiltersChange }) => {
const TagFilter: React.FC<Props> = ({
tagObjectList,
initFilterValues = {},
onFilterInit,
onFiltersChange,
}) => {
const [form] = Form.useForm();
useEffect(() => {
@@ -25,16 +31,45 @@ const TagFilter: React.FC<Props> = ({ tagObjectList, initFilterValues = {}, onFi
});
}, [form]);
const [currentDomainId, setCurrentDomainId] = useState<number>();
const [tagObjectOptions, setTagObjectOptions] = useState<OptionsItem[]>([]);
const initState = useRef<boolean>(false);
useEffect(() => {
const target = tagObjectList?.[0];
if (!target) {
return;
const options = tagObjectList
.filter((item) => {
if (currentDomainId) {
return item.domainId === currentDomainId;
} else {
return true;
}
})
.map((item: ISemantic.ITagObjectItem) => {
return {
label: item.name,
value: item.id,
};
});
setTagObjectOptions(options);
const target = options[0];
form.setFieldValue('tagObjectId', target?.value);
if (currentDomainId && target?.value && !initState.current) {
initState.current = true;
const data = form.getFieldsValue();
onFilterInit?.({ ...data, tagObjectId: target?.value });
}
form.setFieldValue('tagObjectId', target.id);
}, [tagObjectList]);
}, [currentDomainId, tagObjectList]);
// useEffect(() => {
// if (currentDomainId) {
// onFilterInit?.();
// }
// }, [currentDomainId])
const handleValuesChange = (value: any, values: any) => {
localStorage.setItem('metricMarketShowType', !!values.showType ? '1' : '0');
onFiltersChange(value, values);
};
@@ -73,6 +108,22 @@ const TagFilter: React.FC<Props> = ({ tagObjectList, initFilterValues = {}, onFi
if (value.key) {
return;
}
if (value.domainId) {
setCurrentDomainId(value.domainId);
const options = tagObjectList.filter((item) => {
if (value.domainId) {
return item.domainId === value.domainId;
} else {
return true;
}
});
handleValuesChange(value, {
...values,
tagObjectId: options[0]?.id,
});
return;
}
handleValuesChange(value, values);
}}
>
@@ -108,17 +159,23 @@ const TagFilter: React.FC<Props> = ({ tagObjectList, initFilterValues = {}, onFi
</div>
</StandardFormRow>
<Space size={40}>
<StandardFormRow key="tagObjectId" title="所属对象" block>
<StandardFormRow key="domainId" title="主题域" block>
<FormItem name="domainId">
<DomainTreeSelect
firstLevelOnly={true}
treeSelectProps={{ multiple: false, allowClear: false }}
onDefaultValue={(value) => {
setCurrentDomainId(value);
}}
/>
</FormItem>
</StandardFormRow>
<StandardFormRow key="tagObjectId" title="标签对象" block>
<FormItem name="tagObjectId">
<Select
style={{ minWidth: 150 }}
placeholder="请选择所属对象"
options={tagObjectList.map((item: ISemantic.ITagObjectItem) => {
return {
label: item.name,
value: item.id,
};
})}
options={tagObjectOptions}
/>
</FormItem>
</StandardFormRow>
@@ -138,11 +195,6 @@ const TagFilter: React.FC<Props> = ({ tagObjectList, initFilterValues = {}, onFi
</StandardFormRow>
);
})}
{/* <StandardFormRow key="domainIds" title="所属主题域" block>
<FormItem name="domainIds">
<DomainTreeSelect />
</FormItem>
</StandardFormRow> */}
</Space>
</Form>
);

2
webapp/packages/supersonic-fe/src/pages/SemanticModel/Insights/style.less
View File

@@ -16,7 +16,7 @@
// margin-bottom: 12px;
background: #fff;
border-radius: 10px;
width: 540px;
width: 740px;
margin: 0 auto;
.searchInput {
width: 100%;