mirror of
https://github.com/tencentmusic/supersonic.git
synced 2026-01-03 07:48:16 +08:00
[improvement][headless-fe] Revamped the dimension value settings in the assistant module. (#1842)
* [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 * [improvement][headless-fe] Added support for editing time formats in dimension settings * [improvement][headless-fe] Rolled back the time parameter in the metric details page to its previous state * [improvement][headless-fe] Fixed the issue with hidden field validation when editing dimensions * [improvement][headless-fe] Added a connectivity test for large models in the system settings * [improvement][headless-fe] Changed the METRIC type in ChatContextType queryType to AGGREGATE * [improvement][headless-fe] Added query and batch delete operations to the terminology management feature * [improvement][headless-fe] Enhanced the memory management feature by adding sorting functionality and other optimization features. * [improvement][headless-fe] Resolved the compatibility issue with the backend service where the updatedAt and other time fields were not being properly converted to the updated_at format for sorting purposes. * [improvement][headless-fe] Added a configuration interface for large language models * [improvement][headless-fe] Introduced a new configuration option in the assistant module specifically for large model applications. * [improvement][headless-fe] Replaced the agentConfig with toolConfig * [improvement][headless-fe] Resolved the issue with the test connection parameters for the large model configuration. * [improvement][headless-fe] Implemented a new feature where the tool configuration types can be fetched from the backend API * [improvement][headless-fe] Updated the dimension value settings to retrieve and display values from a dictionary. * [improvement][headless-fe] Adjusted the pageSize of the dimension value settings list to 20. * [improvement][headless-fe] Introduced a revamped configuration for the large model in the assistant module. * [improvement][headless-fe] Added new functionality to the assistant's memory management system * [improvement][headless-fe] Optimized the management of CSS styles in the assistant module. * [improvement][headless] fixed build config * [improvement][headless-fe] Revamped the dimension value settings in the assistant module. --------- Co-authored-by: tristanliu <tristanliu@tencent.com>
This commit is contained in:
tristanliu
@@ -1,16 +1,16 @@
|
||||
import React, { useState, useEffect } from 'react';
|
||||
import React, { useState, useEffect, ReactNode } from 'react';
|
||||
import { List, Collapse, Button } from 'antd';
|
||||
import { uuid } from '@/utils/utils';
|
||||
import SqlEditor from '@/components/SqlEditor';
|
||||
|
||||
import styles from './style.less';
|
||||
|
||||
const { Panel } = Collapse;
|
||||
|
||||
type Props = {
|
||||
title?: string;
|
||||
title?: string | ReactNode;
|
||||
defaultCollapse?: boolean;
|
||||
value?: string[];
|
||||
createBtnType?: 'link' | 'primary';
|
||||
onChange?: (list: string[]) => void;
|
||||
};
|
||||
|
||||
@@ -21,7 +21,13 @@ type ListItem = {
|
||||
|
||||
type List = ListItem[];
|
||||
|
||||
const CommonEditList: React.FC<Props> = ({ title, defaultCollapse = false, value, onChange }) => {
|
||||
const CommonEditList: React.FC<Props> = ({
|
||||
title,
|
||||
defaultCollapse = false,
|
||||
value,
|
||||
createBtnType = 'link',
|
||||
onChange,
|
||||
}) => {
|
||||
const [listDataSource, setListDataSource] = useState<List>([]);
|
||||
const [currentSql, setCurrentSql] = useState<string>('');
|
||||
const [activeKey, setActiveKey] = useState<string>();
|
||||
@@ -61,7 +67,7 @@ const CommonEditList: React.FC<Props> = ({ title, defaultCollapse = false, value
|
||||
activeKey ? (
|
||||
<Button
|
||||
key="saveBtn"
|
||||
type="link"
|
||||
type={createBtnType}
|
||||
onClick={() => {
|
||||
if (!currentRecord && !currentSql) {
|
||||
setActiveKey(undefined);
|
||||
@@ -98,7 +104,7 @@ const CommonEditList: React.FC<Props> = ({ title, defaultCollapse = false, value
|
||||
</Button>
|
||||
) : (
|
||||
<Button
|
||||
type="link"
|
||||
type={createBtnType}
|
||||
key="createBtn"
|
||||
onClick={() => {
|
||||
setCurrentRecord(undefined);
|
||||
|
||||
@@ -1,10 +1,20 @@
|
||||
import React, { useEffect, useState } from 'react';
|
||||
import { Button, Modal, message, Space, Tooltip, Tabs, Input } from 'antd';
|
||||
import { Button, Modal, message, Tabs, Input, Form, Divider } from 'antd';
|
||||
import TableHeaderFilter from '@/components/TableHeaderFilter';
|
||||
import { ISemantic } from '../data';
|
||||
import CommonEditTable from './CommonEditTable';
|
||||
import { updateDimension, getDictData } from '../service';
|
||||
import { KnowledgeConfigTypeEnum, KnowledgeConfigStatusEnum } from '../enum';
|
||||
import BatchCtrlDropDownButton from '@/components/BatchCtrlDropDownButton';
|
||||
import {
|
||||
updateDimension,
|
||||
getDictData,
|
||||
searchKnowledgeConfigQuery,
|
||||
editDictConfig,
|
||||
} from '../service';
|
||||
import { uniqueArray } from '@/utils/utils';
|
||||
|
||||
import DimensionValueSettingForm from './Entity/DimensionValueSettingForm';
|
||||
import DimensionValueFilterModal from './Entity/DimensionValueFilterModal';
|
||||
|
||||
export type CreateFormProps = {
|
||||
dimensionValueSettingList: ISemantic.IDimensionValueSettingItem[];
|
||||
@@ -14,7 +24,7 @@ export type CreateFormProps = {
|
||||
onSubmit: (values?: any) => void;
|
||||
};
|
||||
|
||||
type TableDataSource = { techName: string; bizName: string; alias?: string[] };
|
||||
type TableDataSource = { value: string; bizName: string; alias?: string[] };
|
||||
|
||||
const DimensionValueSettingModal: React.FC<CreateFormProps> = ({
|
||||
onCancel,
|
||||
@@ -25,16 +35,29 @@ const DimensionValueSettingModal: React.FC<CreateFormProps> = ({
|
||||
}) => {
|
||||
const [tableDataSource, setTableDataSource] = useState<TableDataSource[]>([]);
|
||||
const [dimValueMaps, setDimValueMaps] = useState<ISemantic.IDimensionValueSettingItem[]>([]);
|
||||
const [form] = Form.useForm();
|
||||
const [refreshLoading, setRefreshLoading] = useState<boolean>(false);
|
||||
|
||||
const [knowledgeConfig, setKnowledgeConfig] = useState<ISemantic.IDictKnowledgeConfigItem>();
|
||||
const [dimensionVisibleState, setDimensionVisibleState] = useState<KnowledgeConfigStatusEnum>(
|
||||
KnowledgeConfigStatusEnum.OFFLINE,
|
||||
);
|
||||
const [selectedRowKeys, setSelectedRowKeys] = useState<React.Key[]>([]);
|
||||
const [llmLoading, setLlmLoading] = useState<boolean>(false);
|
||||
const [filterParams, setFilterParams] = useState<Record<string, any>>({});
|
||||
const [menuKey, setMenuKey] = useState<string>('default');
|
||||
const [saveLoading, setSaveLoading] = useState<boolean>(false);
|
||||
const [dimensionValueFilterModalVisible, setDimensionValueFilterModalVisible] =
|
||||
useState<boolean>(false);
|
||||
|
||||
const defaultPagination = {
|
||||
current: 1,
|
||||
pageSize: 20,
|
||||
pageSize: 10,
|
||||
total: 0,
|
||||
};
|
||||
const [pagination, setPagination] = useState(defaultPagination);
|
||||
useEffect(() => {
|
||||
searchKnowledgeConfig();
|
||||
queryDictData();
|
||||
setDimValueMaps(dimensionValueSettingList);
|
||||
}, [dimensionValueSettingList]);
|
||||
@@ -59,6 +82,54 @@ const DimensionValueSettingModal: React.FC<CreateFormProps> = ({
|
||||
message.error(msg);
|
||||
};
|
||||
|
||||
const editConfigQuery = async (config: Record<string, any>) => {
|
||||
if (!knowledgeConfig?.id) {
|
||||
message.success('配置不存在!');
|
||||
return;
|
||||
}
|
||||
setSaveLoading(true);
|
||||
const queryConfig = {
|
||||
...knowledgeConfig,
|
||||
config: {
|
||||
...knowledgeConfig.config,
|
||||
...config,
|
||||
},
|
||||
};
|
||||
const { code } = await editDictConfig(queryConfig);
|
||||
setSaveLoading(false);
|
||||
if (code === 200) {
|
||||
searchKnowledgeConfig();
|
||||
message.success('维度值设置保存成功!');
|
||||
return;
|
||||
}
|
||||
message.error('维度值设置保存失败!');
|
||||
};
|
||||
|
||||
const searchKnowledgeConfig = async () => {
|
||||
setRefreshLoading(true);
|
||||
const { code, data } = await searchKnowledgeConfigQuery({
|
||||
type: KnowledgeConfigTypeEnum.DIMENSION,
|
||||
itemId: dimensionItem.id,
|
||||
});
|
||||
|
||||
setRefreshLoading(false);
|
||||
if (code !== 200) {
|
||||
message.error('获取字典导入配置失败!');
|
||||
return;
|
||||
}
|
||||
const configItem = data[0];
|
||||
if (configItem) {
|
||||
const { status, config } = configItem;
|
||||
setDimensionVisibleState(status);
|
||||
|
||||
form.setFieldsValue({
|
||||
...config,
|
||||
});
|
||||
setKnowledgeConfig(configItem);
|
||||
} else {
|
||||
}
|
||||
};
|
||||
|
||||
const queryDictData = async (params = {}) => {
|
||||
setLlmLoading(true);
|
||||
const { code, data } = await getDictData({
|
||||
@@ -139,30 +210,11 @@ const DimensionValueSettingModal: React.FC<CreateFormProps> = ({
|
||||
],
|
||||
},
|
||||
},
|
||||
// {
|
||||
// title: '业务名称',
|
||||
// dataIndex: 'bizName',
|
||||
// width: 200,
|
||||
// tooltip:
|
||||
// '查询完成后,最终返回给用户的维度值信息。比如将技术名称kw转换成酷我平台,最终返回给用户是酷我平台',
|
||||
// fieldProps: {
|
||||
// placeholder: '请填写业务名称',
|
||||
// },
|
||||
// formItemProps: {
|
||||
// rules: [
|
||||
// {
|
||||
// required: true,
|
||||
// whitespace: true,
|
||||
// message: '此项是必填项',
|
||||
// },
|
||||
// ],
|
||||
// },
|
||||
// },
|
||||
{
|
||||
title: '别名',
|
||||
dataIndex: 'alias',
|
||||
valueType: 'select',
|
||||
width: 500,
|
||||
width: 480,
|
||||
tooltip:
|
||||
'解析用户查询意图时,支持别名到技术名称的转换。比如用户输入kw、kuwo、酷我,完成设置后,都可以将其转换成技术名称kw',
|
||||
fieldProps: {
|
||||
@@ -172,95 +224,235 @@ const DimensionValueSettingModal: React.FC<CreateFormProps> = ({
|
||||
tokenSeparators: [','],
|
||||
},
|
||||
},
|
||||
];
|
||||
|
||||
const tabItem = [
|
||||
{
|
||||
label: '维度值管理',
|
||||
key: 'default',
|
||||
children: (
|
||||
<CommonEditTable
|
||||
tableDataSource={tableDataSource}
|
||||
columnList={columns}
|
||||
onDataSourceChange={(tableData) => {
|
||||
const dimValueMaps = tableData.map((item: TableDataSource) => {
|
||||
return {
|
||||
...item,
|
||||
};
|
||||
});
|
||||
setDimValueMaps(dimValueMaps);
|
||||
}}
|
||||
hideCtrlBtn={['deleteBtn']}
|
||||
editableProTableProps={{
|
||||
recordCreatorProps: false,
|
||||
pagination: pagination,
|
||||
headerTitle: (
|
||||
<TableHeaderFilter
|
||||
components={[
|
||||
{
|
||||
label: '维度值搜索',
|
||||
component: (
|
||||
<Input.Search
|
||||
style={{ width: 280 }}
|
||||
placeholder="请输入维度值名称"
|
||||
onSearch={(value) => {
|
||||
setFilterParams((preState) => {
|
||||
return {
|
||||
...preState,
|
||||
keyValue: value,
|
||||
};
|
||||
});
|
||||
queryDictData({ keyValue: value });
|
||||
}}
|
||||
/>
|
||||
),
|
||||
},
|
||||
]}
|
||||
/>
|
||||
),
|
||||
onTableChange: (data: any) => {
|
||||
const { current, pageSize, total } = data;
|
||||
setPagination({
|
||||
current,
|
||||
pageSize,
|
||||
total,
|
||||
});
|
||||
queryDictData({ current, pageSize });
|
||||
},
|
||||
}}
|
||||
/>
|
||||
),
|
||||
title: '黑名单',
|
||||
dataIndex: 'black',
|
||||
width: 80,
|
||||
editable: false,
|
||||
render: (_, record: TableDataSource) => {
|
||||
const list = knowledgeConfig?.config?.blackList;
|
||||
if (Array.isArray(list) && list.includes(record.value)) {
|
||||
return <span style={{ color: '#1677ff' }}>是</span>;
|
||||
}
|
||||
return '-';
|
||||
},
|
||||
},
|
||||
{
|
||||
label: '维度值设置',
|
||||
key: 'setting',
|
||||
children: <DimensionValueSettingForm dataItem={dimensionItem} />,
|
||||
title: '白名单',
|
||||
dataIndex: 'white',
|
||||
width: 80,
|
||||
editable: false,
|
||||
render: (_, record: TableDataSource) => {
|
||||
const list = knowledgeConfig?.config?.whiteList;
|
||||
if (Array.isArray(list) && list.includes(record.value)) {
|
||||
return <span style={{ color: '#1677ff' }}>是</span>;
|
||||
}
|
||||
return '-';
|
||||
},
|
||||
},
|
||||
];
|
||||
|
||||
const handleMenuChange = (key: string) => {
|
||||
setMenuKey(key);
|
||||
const rowSelection = {
|
||||
onChange: (selectedRowKeys: React.Key[]) => {
|
||||
setSelectedRowKeys(selectedRowKeys);
|
||||
},
|
||||
};
|
||||
|
||||
const onMenuClick = (key: string, selectedKeys: React.Key[]) => {
|
||||
if (selectedKeys.length === 0) {
|
||||
message.error('请选择至少一个维度值');
|
||||
return;
|
||||
}
|
||||
switch (key) {
|
||||
case 'batchDimensionValueBlackList': {
|
||||
const configBlackList = knowledgeConfig?.config?.blackList || [];
|
||||
const blackList = uniqueArray([...selectedKeys, ...configBlackList]);
|
||||
editConfigQuery({
|
||||
blackList,
|
||||
});
|
||||
break;
|
||||
}
|
||||
case 'batchDimensionValueWhiteList': {
|
||||
const configWhiteList = knowledgeConfig?.config?.whiteList || [];
|
||||
const whiteList = uniqueArray([...selectedKeys, ...configWhiteList]);
|
||||
editConfigQuery({
|
||||
whiteList,
|
||||
});
|
||||
break;
|
||||
}
|
||||
case 'batchRemoveDimensionValueBlackList': {
|
||||
const configBlackList = knowledgeConfig?.config?.blackList || [];
|
||||
const blackList = configBlackList.filter((item) => {
|
||||
return !selectedKeys.includes(item);
|
||||
});
|
||||
editConfigQuery({
|
||||
blackList,
|
||||
});
|
||||
break;
|
||||
}
|
||||
case 'batchRemoveDimensionValueWhiteList':
|
||||
{
|
||||
const configWhiteList = knowledgeConfig?.config?.whiteList || [];
|
||||
const whiteList = configWhiteList.filter((item) => {
|
||||
return !selectedKeys.includes(item);
|
||||
});
|
||||
editConfigQuery({
|
||||
whiteList,
|
||||
});
|
||||
}
|
||||
break;
|
||||
case 'batchAddRuleList':
|
||||
{
|
||||
editConfigQuery({
|
||||
ruleList: selectedKeys,
|
||||
});
|
||||
}
|
||||
break;
|
||||
default:
|
||||
break;
|
||||
}
|
||||
};
|
||||
|
||||
// const refreshTableData = () => {
|
||||
// queryDictData({
|
||||
// ...pagination,
|
||||
// ...filterParams,
|
||||
// });
|
||||
// };
|
||||
|
||||
// const tabItem = [
|
||||
// {
|
||||
// label: '维度值管理',
|
||||
// key: 'default',
|
||||
// children: (
|
||||
|
||||
// ),
|
||||
// },
|
||||
// {
|
||||
// label: '维度值设置',
|
||||
// key: 'setting',
|
||||
// children: <DimensionValueSettingForm dataItem={dimensionItem} />,
|
||||
// },
|
||||
// ];
|
||||
|
||||
// const handleMenuChange = (key: string) => {
|
||||
// setMenuKey(key);
|
||||
// };
|
||||
|
||||
return (
|
||||
<Modal
|
||||
width={1200}
|
||||
destroyOnClose
|
||||
title="维度值设置"
|
||||
title={`维度值设置[${dimensionItem?.name}]`}
|
||||
style={{ top: 48 }}
|
||||
maskClosable={false}
|
||||
open={open}
|
||||
footer={renderFooter()}
|
||||
onCancel={onCancel}
|
||||
>
|
||||
<Tabs
|
||||
items={tabItem}
|
||||
size="large"
|
||||
activeKey={menuKey}
|
||||
onChange={(menuKey: string) => {
|
||||
handleMenuChange(menuKey);
|
||||
}}
|
||||
/>
|
||||
<div>
|
||||
<DimensionValueSettingForm
|
||||
dataItem={dimensionItem}
|
||||
knowledgeConfig={knowledgeConfig}
|
||||
onVisibleChange={(state) => {
|
||||
setDimensionVisibleState(state);
|
||||
}}
|
||||
/>
|
||||
{dimensionVisibleState === KnowledgeConfigStatusEnum.ONLINE && (
|
||||
<>
|
||||
<Divider style={{ margin: 10 }} />
|
||||
<CommonEditTable
|
||||
rowKey="value"
|
||||
tableDataSource={tableDataSource}
|
||||
columnList={columns}
|
||||
onDataSourceChange={(tableData) => {
|
||||
const dimValueMaps = tableData.map((item: TableDataSource) => {
|
||||
return {
|
||||
...item,
|
||||
};
|
||||
});
|
||||
setDimValueMaps(dimValueMaps);
|
||||
}}
|
||||
hideCtrlBtn={['deleteBtn']}
|
||||
editableProTableProps={{
|
||||
toolBarRender: () => [
|
||||
<Button
|
||||
key="3"
|
||||
type="primary"
|
||||
onClick={() => {
|
||||
setDimensionValueFilterModalVisible(true);
|
||||
}}
|
||||
>
|
||||
维度值过滤
|
||||
</Button>,
|
||||
<BatchCtrlDropDownButton
|
||||
key="ctrlBtnList"
|
||||
hiddenList={['batchStart', 'batchStop', 'batchDownload', 'batchDelete']}
|
||||
extenderList={[
|
||||
'batchDimensionValueBlackList',
|
||||
'batchDimensionValueWhiteList',
|
||||
'batchRemoveDimensionValueBlackList',
|
||||
'batchRemoveDimensionValueWhiteList',
|
||||
]}
|
||||
onMenuClick={(key) => {
|
||||
onMenuClick(key, selectedRowKeys);
|
||||
}}
|
||||
/>,
|
||||
],
|
||||
|
||||
rowSelection: {
|
||||
type: 'checkbox',
|
||||
...rowSelection,
|
||||
},
|
||||
recordCreatorProps: false,
|
||||
pagination: pagination,
|
||||
headerTitle: (
|
||||
<TableHeaderFilter
|
||||
components={[
|
||||
{
|
||||
label: '维度值搜索',
|
||||
component: (
|
||||
<Input.Search
|
||||
style={{ width: 280 }}
|
||||
placeholder="请输入维度值名称"
|
||||
onSearch={(value) => {
|
||||
setFilterParams((preState) => {
|
||||
return {
|
||||
...preState,
|
||||
keyValue: value,
|
||||
};
|
||||
});
|
||||
queryDictData({ keyValue: value });
|
||||
}}
|
||||
/>
|
||||
),
|
||||
},
|
||||
]}
|
||||
/>
|
||||
),
|
||||
onTableChange: (data: any) => {
|
||||
const { current, pageSize, total } = data;
|
||||
setPagination({
|
||||
current,
|
||||
pageSize,
|
||||
total,
|
||||
});
|
||||
queryDictData({ current, pageSize });
|
||||
},
|
||||
}}
|
||||
/>
|
||||
</>
|
||||
)}
|
||||
</div>
|
||||
{dimensionValueFilterModalVisible && (
|
||||
<DimensionValueFilterModal
|
||||
config={knowledgeConfig!}
|
||||
onCancel={() => {
|
||||
setDimensionValueFilterModalVisible(false);
|
||||
}}
|
||||
onMenuClick={onMenuClick}
|
||||
/>
|
||||
)}
|
||||
</Modal>
|
||||
);
|
||||
};
|
||||
|
||||
@@ -0,0 +1,268 @@
|
||||
import React, { useEffect, useState } from 'react';
|
||||
import { Button, Modal, message, Space, Tooltip, Tabs, Input } from 'antd';
|
||||
import TableHeaderFilter from '@/components/TableHeaderFilter';
|
||||
import { ISemantic } from '../data';
|
||||
import CommonEditTable from './CommonEditTable';
|
||||
import { updateDimension, getDictData } from '../service';
|
||||
import DimensionValueSettingForm from './Entity/DimensionValueSettingForm';
|
||||
|
||||
export type CreateFormProps = {
|
||||
dimensionValueSettingList: ISemantic.IDimensionValueSettingItem[];
|
||||
onCancel: () => void;
|
||||
dimensionItem: ISemantic.IDimensionItem;
|
||||
open: boolean;
|
||||
onSubmit: (values?: any) => void;
|
||||
};
|
||||
|
||||
type TableDataSource = { techName: string; bizName: string; alias?: string[] };
|
||||
|
||||
const DimensionValueSettingModal: React.FC<CreateFormProps> = ({
|
||||
onCancel,
|
||||
open,
|
||||
dimensionItem,
|
||||
dimensionValueSettingList,
|
||||
onSubmit,
|
||||
}) => {
|
||||
const [tableDataSource, setTableDataSource] = useState<TableDataSource[]>([]);
|
||||
const [dimValueMaps, setDimValueMaps] = useState<ISemantic.IDimensionValueSettingItem[]>([]);
|
||||
const [llmLoading, setLlmLoading] = useState<boolean>(false);
|
||||
const [filterParams, setFilterParams] = useState<Record<string, any>>({});
|
||||
const [menuKey, setMenuKey] = useState<string>('default');
|
||||
const defaultPagination = {
|
||||
current: 1,
|
||||
pageSize: 20,
|
||||
total: 0,
|
||||
};
|
||||
const [pagination, setPagination] = useState(defaultPagination);
|
||||
useEffect(() => {
|
||||
queryDictData();
|
||||
setDimValueMaps(dimensionValueSettingList);
|
||||
}, [dimensionValueSettingList]);
|
||||
|
||||
const handleSubmit = async () => {
|
||||
await saveDimension({ dimValueMaps });
|
||||
onSubmit?.(dimValueMaps);
|
||||
};
|
||||
|
||||
const saveDimension = async (fieldsValue: any) => {
|
||||
if (!dimensionItem?.id) {
|
||||
return;
|
||||
}
|
||||
const queryParams = {
|
||||
...dimensionItem,
|
||||
...fieldsValue,
|
||||
};
|
||||
const { code, msg } = await updateDimension(queryParams);
|
||||
if (code === 200) {
|
||||
return;
|
||||
}
|
||||
message.error(msg);
|
||||
};
|
||||
|
||||
const queryDictData = async (params = {}) => {
|
||||
setLlmLoading(true);
|
||||
const { code, data } = await getDictData({
|
||||
modelId: dimensionItem.modelId,
|
||||
itemId: dimensionItem.id,
|
||||
...filterParams,
|
||||
...defaultPagination,
|
||||
...params,
|
||||
});
|
||||
|
||||
setLlmLoading(false);
|
||||
if (code === 200) {
|
||||
const { list, total, pageSize, current } = data;
|
||||
setPagination({
|
||||
current,
|
||||
pageSize,
|
||||
total,
|
||||
});
|
||||
if (Array.isArray(list)) {
|
||||
setTableDataSource(list);
|
||||
}
|
||||
} else {
|
||||
message.error('大语言模型解析异常');
|
||||
}
|
||||
};
|
||||
|
||||
const renderFooter = () => {
|
||||
return (
|
||||
<>
|
||||
<Button onClick={onCancel}>取消</Button>
|
||||
{menuKey === 'default' && (
|
||||
<>
|
||||
{/* <Button
|
||||
type="primary"
|
||||
loading={llmLoading}
|
||||
onClick={() => {
|
||||
generatorDimensionValue();
|
||||
}}
|
||||
>
|
||||
<Space>
|
||||
智能填充
|
||||
<Tooltip title="智能填充将根据维度相关信息，使用大语言模型获取可能被使用的维度值">
|
||||
<InfoCircleOutlined />
|
||||
</Tooltip>
|
||||
</Space>
|
||||
</Button> */}
|
||||
<Button
|
||||
type="primary"
|
||||
onClick={() => {
|
||||
handleSubmit();
|
||||
}}
|
||||
>
|
||||
完成
|
||||
</Button>
|
||||
</>
|
||||
)}
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
const columns = [
|
||||
{
|
||||
title: '维度值',
|
||||
dataIndex: 'value',
|
||||
width: 200,
|
||||
editable: false,
|
||||
tooltip: '数据库中存储的维度值数据。 比如数据库中维度平台的维度值有kw、qy等',
|
||||
formItemProps: {
|
||||
fieldProps: {
|
||||
placeholder: '请填写维度值',
|
||||
},
|
||||
rules: [
|
||||
{
|
||||
required: true,
|
||||
whitespace: true,
|
||||
message: '此项是必填项',
|
||||
},
|
||||
],
|
||||
},
|
||||
},
|
||||
// {
|
||||
// title: '业务名称',
|
||||
// dataIndex: 'bizName',
|
||||
// width: 200,
|
||||
// tooltip:
|
||||
// '查询完成后,最终返回给用户的维度值信息。比如将技术名称kw转换成酷我平台,最终返回给用户是酷我平台',
|
||||
// fieldProps: {
|
||||
// placeholder: '请填写业务名称',
|
||||
// },
|
||||
// formItemProps: {
|
||||
// rules: [
|
||||
// {
|
||||
// required: true,
|
||||
// whitespace: true,
|
||||
// message: '此项是必填项',
|
||||
// },
|
||||
// ],
|
||||
// },
|
||||
// },
|
||||
{
|
||||
title: '别名',
|
||||
dataIndex: 'alias',
|
||||
valueType: 'select',
|
||||
width: 500,
|
||||
tooltip:
|
||||
'解析用户查询意图时,支持别名到技术名称的转换。比如用户输入kw、kuwo、酷我,完成设置后,都可以将其转换成技术名称kw',
|
||||
fieldProps: {
|
||||
placeholder: '输入别名后回车确认，多别名输入、复制粘贴支持英文逗号自动分隔',
|
||||
mode: 'tags',
|
||||
maxTagCount: 5,
|
||||
tokenSeparators: [','],
|
||||
},
|
||||
},
|
||||
];
|
||||
|
||||
const tabItem = [
|
||||
{
|
||||
label: '维度值管理',
|
||||
key: 'default',
|
||||
children: (
|
||||
<CommonEditTable
|
||||
tableDataSource={tableDataSource}
|
||||
columnList={columns}
|
||||
onDataSourceChange={(tableData) => {
|
||||
const dimValueMaps = tableData.map((item: TableDataSource) => {
|
||||
return {
|
||||
...item,
|
||||
};
|
||||
});
|
||||
setDimValueMaps(dimValueMaps);
|
||||
}}
|
||||
hideCtrlBtn={['deleteBtn']}
|
||||
editableProTableProps={{
|
||||
recordCreatorProps: false,
|
||||
pagination: pagination,
|
||||
headerTitle: (
|
||||
<TableHeaderFilter
|
||||
components={[
|
||||
{
|
||||
label: '维度值搜索',
|
||||
component: (
|
||||
<Input.Search
|
||||
style={{ width: 280 }}
|
||||
placeholder="请输入维度值名称"
|
||||
onSearch={(value) => {
|
||||
setFilterParams((preState) => {
|
||||
return {
|
||||
...preState,
|
||||
keyValue: value,
|
||||
};
|
||||
});
|
||||
queryDictData({ keyValue: value });
|
||||
}}
|
||||
/>
|
||||
),
|
||||
},
|
||||
]}
|
||||
/>
|
||||
),
|
||||
onTableChange: (data: any) => {
|
||||
const { current, pageSize, total } = data;
|
||||
setPagination({
|
||||
current,
|
||||
pageSize,
|
||||
total,
|
||||
});
|
||||
queryDictData({ current, pageSize });
|
||||
},
|
||||
}}
|
||||
/>
|
||||
),
|
||||
},
|
||||
{
|
||||
label: '维度值设置',
|
||||
key: 'setting',
|
||||
children: <DimensionValueSettingForm dataItem={dimensionItem} />,
|
||||
},
|
||||
];
|
||||
|
||||
const handleMenuChange = (key: string) => {
|
||||
setMenuKey(key);
|
||||
};
|
||||
|
||||
return (
|
||||
<Modal
|
||||
width={1200}
|
||||
destroyOnClose
|
||||
title="维度值设置"
|
||||
style={{ top: 48 }}
|
||||
maskClosable={false}
|
||||
open={open}
|
||||
footer={renderFooter()}
|
||||
onCancel={onCancel}
|
||||
>
|
||||
<Tabs
|
||||
items={tabItem}
|
||||
size="large"
|
||||
activeKey={menuKey}
|
||||
onChange={(menuKey: string) => {
|
||||
handleMenuChange(menuKey);
|
||||
}}
|
||||
/>
|
||||
</Modal>
|
||||
);
|
||||
};
|
||||
|
||||
export default DimensionValueSettingModal;
|
||||
@@ -192,7 +192,7 @@ const DomainManagerTab: React.FC<Props> = ({
|
||||
activeKey={getActiveKey()}
|
||||
tabBarExtraContent={{
|
||||
right:
|
||||
getActiveKey() === 'overview' ? (
|
||||
getActiveKey() === 'modelManage' ? (
|
||||
<Radio.Group
|
||||
buttonStyle="solid"
|
||||
value={showModelType}
|
||||
|
||||
@@ -0,0 +1,84 @@
|
||||
import { useState } from 'react';
|
||||
import { Modal, Radio } from 'antd';
|
||||
import DimensionValueFilterTable from './DimensionValueFilterTable';
|
||||
import FormItemTitle from '@/components/FormHelper/FormItemTitle';
|
||||
import { KnowledgeConfigTypeEnum, DimensionValueListType } from '../../enum';
|
||||
import type { ISemantic } from '../../data';
|
||||
import CommonEditList from '../../components/CommonEditList';
|
||||
|
||||
type Props = {
|
||||
config: ISemantic.IDictKnowledgeConfigItem;
|
||||
type?: KnowledgeConfigTypeEnum;
|
||||
onSubmit?: () => void;
|
||||
onCancel?: () => void;
|
||||
onMenuClick?: (key: string, selectedKes: React.Key[]) => void;
|
||||
};
|
||||
|
||||
const DimensionValueFilterModal: React.FC<Props> = ({
|
||||
config: knowledgeConfig,
|
||||
onCancel,
|
||||
onMenuClick,
|
||||
}) => {
|
||||
const [listType, setListType] = useState(DimensionValueListType.BLACK_LIST);
|
||||
const [filterRulesList, setFilterRulesList] = useState<string[]>([]);
|
||||
|
||||
return (
|
||||
<>
|
||||
<Modal
|
||||
width={800}
|
||||
destroyOnClose
|
||||
title={`维度值过滤`}
|
||||
style={{ top: 48 }}
|
||||
maskClosable={false}
|
||||
open={true}
|
||||
onCancel={onCancel}
|
||||
>
|
||||
<div>
|
||||
<Radio.Group
|
||||
buttonStyle="solid"
|
||||
value={listType}
|
||||
onChange={(e) => {
|
||||
setListType(e.target.value);
|
||||
}}
|
||||
>
|
||||
<Radio.Button value={DimensionValueListType.BLACK_LIST}>黑名单</Radio.Button>
|
||||
<Radio.Button value={DimensionValueListType.WHITE_LIST}>白名单</Radio.Button>
|
||||
<Radio.Button value={DimensionValueListType.RULE_LIST}>自定义过滤规则</Radio.Button>
|
||||
</Radio.Group>
|
||||
|
||||
<div>
|
||||
{[DimensionValueListType.BLACK_LIST, DimensionValueListType.WHITE_LIST].includes(
|
||||
listType,
|
||||
) && (
|
||||
<DimensionValueFilterTable
|
||||
dataSource={knowledgeConfig?.config?.[listType]}
|
||||
listType={listType}
|
||||
onMenuClick={onMenuClick}
|
||||
/>
|
||||
)}
|
||||
{DimensionValueListType.RULE_LIST === listType && (
|
||||
<div style={{ marginTop: 20 }}>
|
||||
<CommonEditList
|
||||
title={
|
||||
<FormItemTitle
|
||||
title={`过滤规则`}
|
||||
subTitle={`将尚不存在的维度值以自定义的方式`}
|
||||
/>
|
||||
}
|
||||
createBtnType="primary"
|
||||
onChange={(list) => {
|
||||
setFilterRulesList(list);
|
||||
onMenuClick?.('batchAddRuleList', list);
|
||||
}}
|
||||
value={filterRulesList}
|
||||
/>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
</Modal>
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
export default DimensionValueFilterModal;
|
||||
@@ -0,0 +1,199 @@
|
||||
import { useState, useEffect } from 'react';
|
||||
import { Select, Popconfirm, Space, Button, Input } from 'antd';
|
||||
import BatchCtrlDropDownButton from '@/components/BatchCtrlDropDownButton';
|
||||
import TableHeaderFilter from '@/components/TableHeaderFilter';
|
||||
import FormItemTitle from '@/components/FormHelper/FormItemTitle';
|
||||
import { ProTable } from '@ant-design/pro-components';
|
||||
import { DimensionValueListType } from '../../enum';
|
||||
|
||||
import styles from '../style.less';
|
||||
import { PlusOutlined } from '@ant-design/icons';
|
||||
|
||||
type Props = {
|
||||
listType: DimensionValueListType;
|
||||
dataSource: string[];
|
||||
onSubmit?: () => void;
|
||||
onCancel?: () => void;
|
||||
onMenuClick?: (key: string, selectedKes: React.Key[]) => void;
|
||||
};
|
||||
|
||||
const DimensionValueFilterModal: React.FC<Props> = ({
|
||||
listType,
|
||||
|
||||
dataSource,
|
||||
onCancel,
|
||||
onMenuClick,
|
||||
}) => {
|
||||
const [selectedRowKeys, setSelectedRowKeys] = useState<React.Key[]>([]);
|
||||
const [tableData, setTableData] = useState<any[]>([]);
|
||||
|
||||
const [importValues, setImportValues] = useState<string[]>([]);
|
||||
|
||||
const typeMap: any = {
|
||||
[DimensionValueListType.BLACK_LIST]: {
|
||||
label: '黑名单',
|
||||
tableSubTitle: '设置进入黑名单后，在搜索结果中维度值将会被过滤',
|
||||
dropDownExtenderList: ['batchRemoveDimensionValueBlackList'],
|
||||
addKey: 'batchDimensionValueBlackList',
|
||||
removeKey: 'batchRemoveDimensionValueBlackList',
|
||||
},
|
||||
[DimensionValueListType.WHITE_LIST]: {
|
||||
label: '白名单',
|
||||
tableSubTitle: '设置进入白名单后，将会在搜索结果展示出维度值',
|
||||
dropDownExtenderList: ['batchRemoveDimensionValueWhiteList'],
|
||||
addKey: 'batchDimensionValueWhiteList',
|
||||
removeKey: 'batchRemoveDimensionValueWhiteList',
|
||||
},
|
||||
};
|
||||
useEffect(() => {
|
||||
if (Array.isArray(dataSource)) {
|
||||
const data = dataSource.map((item) => {
|
||||
return {
|
||||
value: item,
|
||||
};
|
||||
});
|
||||
setTableData(data);
|
||||
} else {
|
||||
setTableData([]);
|
||||
}
|
||||
}, [dataSource]);
|
||||
|
||||
const columns = [
|
||||
{
|
||||
title: '维度值',
|
||||
dataIndex: 'value',
|
||||
tooltip: '数据库中存储的维度值数据。 比如数据库中维度平台的维度值有kw、qy等',
|
||||
width: 200,
|
||||
},
|
||||
{
|
||||
title: '操作',
|
||||
dataIndex: 'x',
|
||||
valueType: 'option',
|
||||
width: 150,
|
||||
render: (_, record) => {
|
||||
return (
|
||||
<Space className={styles.ctrlBtnContainer}>
|
||||
<Popconfirm
|
||||
title="确认移除？"
|
||||
okText="是"
|
||||
cancelText="否"
|
||||
onConfirm={() => {
|
||||
onMenuClick?.(typeMap[listType].removeKey, [record.value]);
|
||||
}}
|
||||
>
|
||||
<Button type="link" key="metricDeleteBtn">
|
||||
移除
|
||||
</Button>
|
||||
</Popconfirm>
|
||||
</Space>
|
||||
);
|
||||
},
|
||||
},
|
||||
];
|
||||
|
||||
return (
|
||||
<>
|
||||
<div>
|
||||
<div style={{ padding: '20px 0px', width: '100%' }}>
|
||||
<FormItemTitle
|
||||
title={`导入自定义维度值`}
|
||||
subTitle={`将尚不存在的维度值以自定义的方式导入${typeMap[listType].label}中`}
|
||||
/>
|
||||
<Space.Compact style={{ marginTop: 10 }}>
|
||||
<Select
|
||||
style={{ width: '500px' }}
|
||||
mode="tags"
|
||||
placeholder={`输入维度值后回车确认，多维度值输入、复制粘贴支持英文逗号自动分隔`}
|
||||
tokenSeparators={[',']}
|
||||
maxTagCount={9}
|
||||
value={importValues}
|
||||
onChange={(values) => {
|
||||
setImportValues(values);
|
||||
}}
|
||||
/>
|
||||
<Button
|
||||
key="importBtn"
|
||||
type="primary"
|
||||
onClick={() => {
|
||||
setImportValues([]);
|
||||
onMenuClick?.(typeMap[listType].addKey, importValues);
|
||||
}}
|
||||
>
|
||||
<Space>
|
||||
<PlusOutlined /> 导入
|
||||
</Space>
|
||||
</Button>
|
||||
</Space.Compact>
|
||||
</div>
|
||||
|
||||
<FormItemTitle
|
||||
title={`${typeMap[listType].label}维度值列表`}
|
||||
subTitle={`${typeMap[listType].tableSubTitle}`}
|
||||
/>
|
||||
<ProTable
|
||||
className={`${styles.dimensionValueFilterTable}`}
|
||||
rowKey="value"
|
||||
size="small"
|
||||
// loading={loading}
|
||||
pagination={{ defaultPageSize: 10, showSizeChanger: true }}
|
||||
search={false}
|
||||
columns={columns}
|
||||
dataSource={tableData}
|
||||
tableAlertRender={() => {
|
||||
return false;
|
||||
}}
|
||||
scroll={{ y: 500 }}
|
||||
toolBarRender={() => {
|
||||
return [
|
||||
<BatchCtrlDropDownButton
|
||||
key="ctrlBtnList"
|
||||
hiddenList={['batchStart', 'batchStop', 'batchDownload', 'batchDelete']}
|
||||
extenderList={typeMap[listType].dropDownExtenderList}
|
||||
onMenuClick={(key) => {
|
||||
onMenuClick?.(key, selectedRowKeys);
|
||||
}}
|
||||
/>,
|
||||
];
|
||||
}}
|
||||
headerTitle={
|
||||
<TableHeaderFilter
|
||||
components={[
|
||||
{
|
||||
component: (
|
||||
<Input.Search
|
||||
style={{ width: 280 }}
|
||||
placeholder="请输入维度值名称"
|
||||
allowClear
|
||||
onSearch={(value) => {
|
||||
const data = dataSource
|
||||
.filter((item) => {
|
||||
return item.includes(value);
|
||||
})
|
||||
.map((item) => {
|
||||
return {
|
||||
value: item,
|
||||
};
|
||||
});
|
||||
setTableData(data);
|
||||
}}
|
||||
/>
|
||||
),
|
||||
},
|
||||
]}
|
||||
/>
|
||||
}
|
||||
rowSelection={{
|
||||
type: 'checkbox',
|
||||
onChange: (selectedRowKeys: React.Key[]) => {
|
||||
setSelectedRowKeys(selectedRowKeys);
|
||||
},
|
||||
}}
|
||||
sticky={{ offsetHeader: 0 }}
|
||||
options={false}
|
||||
/>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
export default DimensionValueFilterModal;
|
||||
@@ -3,9 +3,7 @@ import { Form, Switch, Space, Button, Tooltip, message, Select } from 'antd';
|
||||
import FormItemTitle from '@/components/FormHelper/FormItemTitle';
|
||||
import { useModel } from '@umijs/max';
|
||||
import { RedoOutlined, InfoCircleOutlined } from '@ant-design/icons';
|
||||
import DisabledWheelNumberInput from '@/components/DisabledWheelNumberInput';
|
||||
import { formLayout } from '@/components/FormHelper/utils';
|
||||
import { ProCard } from '@ant-design/pro-components';
|
||||
import {
|
||||
DictTaskState,
|
||||
KnowledgeConfigTypeEnum,
|
||||
@@ -13,32 +11,30 @@ import {
|
||||
KnowledgeConfigTypeWordingMap,
|
||||
} from '../../enum';
|
||||
import {
|
||||
searchKnowledgeConfigQuery,
|
||||
searchDictLatestTaskList,
|
||||
createDictTask,
|
||||
editDictConfig,
|
||||
createDictConfig,
|
||||
deleteDictTask,
|
||||
queryMetric,
|
||||
getModelList,
|
||||
getMetricData,
|
||||
} from '../../service';
|
||||
import type { ISemantic } from '../../data';
|
||||
import type { StateType } from '../../model';
|
||||
import styles from '../style.less';
|
||||
import CommonEditList from '../../components/CommonEditList';
|
||||
|
||||
type Props = {
|
||||
dataItem: ISemantic.IDimensionItem | ISemantic.ITagItem;
|
||||
dataItem: ISemantic.IDimensionItem;
|
||||
type?: KnowledgeConfigTypeEnum;
|
||||
knowledgeConfig?: ISemantic.IDictKnowledgeConfigItem;
|
||||
onSubmit?: () => void;
|
||||
onVisibleChange?: (visible: KnowledgeConfigStatusEnum) => void;
|
||||
};
|
||||
|
||||
const FormItem = Form.Item;
|
||||
|
||||
const DimensionValueSettingForm: React.FC<Props> = ({
|
||||
dataItem,
|
||||
knowledgeConfig,
|
||||
type = KnowledgeConfigTypeEnum.DIMENSION,
|
||||
onVisibleChange,
|
||||
}) => {
|
||||
const [form] = Form.useForm();
|
||||
const domainModel = useModel('SemanticModel.domainData');
|
||||
@@ -47,46 +43,32 @@ const DimensionValueSettingForm: React.FC<Props> = ({
|
||||
const [taskItemState, setTaskItemState] = useState<ISemantic.IDictKnowledgeTaskItem>();
|
||||
const [saveLoading, setSaveLoading] = useState<boolean>(false);
|
||||
const [refreshLoading, setRefreshLoading] = useState<boolean>(false);
|
||||
const [knowledgeConfig, setKnowledgeConfig] = useState<ISemantic.IDictKnowledgeConfigItem>();
|
||||
const [modelList, setModelList] = useState<ISemantic.IModelItem[]>([]);
|
||||
|
||||
const [deleteLoading, setDeleteLoading] = useState<boolean>(false);
|
||||
const [importDictState, setImportDictState] = useState<boolean>(false);
|
||||
const [metricList, setMetricList] = useState<ISemantic.IMetricItem[]>();
|
||||
const defaultKnowledgeConfig: ISemantic.IDictKnowledgeConfigItemConfig = {
|
||||
blackList: [],
|
||||
whiteList: [],
|
||||
ruleList: [],
|
||||
};
|
||||
|
||||
useEffect(() => {
|
||||
searchKnowledgeConfig();
|
||||
// searchKnowledgeConfig();
|
||||
queryDictLatestTaskList();
|
||||
}, []);
|
||||
|
||||
useEffect(() => {
|
||||
if (!selectDomainId) {
|
||||
if (!knowledgeConfig) {
|
||||
return;
|
||||
}
|
||||
queryModelList(selectDomainId);
|
||||
}, [selectDomainId]);
|
||||
|
||||
const queryModelList = async (domainId: number) => {
|
||||
const { code, data } = await getModelList(domainId);
|
||||
if (code === 200) {
|
||||
setModelList(data);
|
||||
const configItem = knowledgeConfig;
|
||||
// if (configItem) {
|
||||
const { status, config } = configItem;
|
||||
if (status === KnowledgeConfigStatusEnum.ONLINE) {
|
||||
setDimensionVisible(true);
|
||||
} else {
|
||||
message.error('获取模型列表失败!');
|
||||
setDimensionVisible(false);
|
||||
}
|
||||
};
|
||||
|
||||
const queryMetricList = async (modelId: number) => {
|
||||
const { code, data, msg } = await queryMetric({ modelId });
|
||||
if (code === 200 && Array.isArray(data?.list)) {
|
||||
setMetricList(data.list);
|
||||
} else {
|
||||
message.error(msg);
|
||||
}
|
||||
};
|
||||
form.setFieldsValue({
|
||||
...config,
|
||||
});
|
||||
}, [knowledgeConfig]);
|
||||
|
||||
const taskRender = () => {
|
||||
if (taskItemState?.taskStatus) {
|
||||
@@ -99,42 +81,6 @@ const DimensionValueSettingForm: React.FC<Props> = ({
|
||||
return '--';
|
||||
};
|
||||
|
||||
const searchKnowledgeConfig = async () => {
|
||||
setRefreshLoading(true);
|
||||
const { code, data } = await searchKnowledgeConfigQuery({
|
||||
type,
|
||||
itemId: dataItem.id,
|
||||
});
|
||||
|
||||
setRefreshLoading(false);
|
||||
if (code !== 200) {
|
||||
message.error('获取字典导入配置失败!');
|
||||
return;
|
||||
}
|
||||
const configItem = data[0];
|
||||
if (configItem) {
|
||||
const { status, config } = configItem;
|
||||
if (status === KnowledgeConfigStatusEnum.ONLINE) {
|
||||
setDimensionVisible(true);
|
||||
} else {
|
||||
setDimensionVisible(false);
|
||||
}
|
||||
form.setFieldsValue({
|
||||
...config,
|
||||
});
|
||||
setKnowledgeConfig(configItem);
|
||||
const { metricId } = config;
|
||||
if (metricId) {
|
||||
queryMetricData(metricId);
|
||||
}
|
||||
} else {
|
||||
form.setFieldsValue({
|
||||
...defaultKnowledgeConfig,
|
||||
});
|
||||
createDictConfigQuery(dataItem, defaultKnowledgeConfig);
|
||||
}
|
||||
};
|
||||
|
||||
const queryDictLatestTaskList = async () => {
|
||||
setRefreshLoading(true);
|
||||
const { code, data } = await searchDictLatestTaskList({
|
||||
@@ -155,35 +101,6 @@ const DimensionValueSettingForm: React.FC<Props> = ({
|
||||
}
|
||||
};
|
||||
|
||||
const queryMetricData = async (metricId: string) => {
|
||||
const { code, data, msg } = await getMetricData(metricId);
|
||||
if (code === 200) {
|
||||
const { modelId } = data;
|
||||
queryMetricList(modelId);
|
||||
form.setFieldValue('modelId', modelId);
|
||||
return;
|
||||
}
|
||||
message.error(msg);
|
||||
};
|
||||
|
||||
const createDictConfigQuery = async (
|
||||
dimension: ISemantic.IDimensionItem,
|
||||
config: ISemantic.IDictKnowledgeConfigItemConfig,
|
||||
) => {
|
||||
const { code, data } = await createDictConfig({
|
||||
type,
|
||||
itemId: dimension.id,
|
||||
config,
|
||||
status: 1,
|
||||
});
|
||||
|
||||
if (code !== 200) {
|
||||
message.error('字典导入配置创建失败!');
|
||||
return;
|
||||
}
|
||||
setKnowledgeConfig(data);
|
||||
};
|
||||
|
||||
const createDictTaskQuery = async (dimension: ISemantic.IDimensionItem) => {
|
||||
setImportDictState(true);
|
||||
const { code } = await createDictTask({
|
||||
@@ -218,10 +135,10 @@ const DimensionValueSettingForm: React.FC<Props> = ({
|
||||
});
|
||||
setSaveLoading(false);
|
||||
if (code === 200) {
|
||||
message.success('字典导入配置保存成功!');
|
||||
message.success('维度值设置保存成功!');
|
||||
return;
|
||||
}
|
||||
message.error('字典导入配置保存失败!');
|
||||
message.error('维度值设置保存失败!');
|
||||
};
|
||||
|
||||
const deleteDictTaskQuery = async (dimension: ISemantic.IDimensionItem) => {
|
||||
@@ -242,23 +159,13 @@ const DimensionValueSettingForm: React.FC<Props> = ({
|
||||
<Form
|
||||
{...formLayout}
|
||||
form={form}
|
||||
style={{ margin: '0 30px 30px 30px' }}
|
||||
style={{ marginTop: '20px' }}
|
||||
layout="vertical"
|
||||
className={styles.form}
|
||||
onValuesChange={(value, values) => {
|
||||
if (value.modelId === undefined && values.modelId == undefined) {
|
||||
setMetricList([]);
|
||||
form.setFieldValue('metricId', undefined);
|
||||
return;
|
||||
}
|
||||
if (value.modelId) {
|
||||
form.setFieldValue('metricId', undefined);
|
||||
queryMetricList(value.modelId);
|
||||
}
|
||||
}}
|
||||
onValuesChange={(value, values) => {}}
|
||||
>
|
||||
<FormItem
|
||||
style={{ marginTop: 15 }}
|
||||
style={{ margin: 0 }}
|
||||
label={
|
||||
<FormItemTitle
|
||||
title={
|
||||
@@ -272,12 +179,12 @@ const DimensionValueSettingForm: React.FC<Props> = ({
|
||||
size="small"
|
||||
checked={dimensionVisible}
|
||||
onChange={(value) => {
|
||||
editDictTaskQuery(
|
||||
value
|
||||
? KnowledgeConfigStatusEnum.ONLINE
|
||||
: KnowledgeConfigStatusEnum.OFFLINE,
|
||||
);
|
||||
const state = value
|
||||
? KnowledgeConfigStatusEnum.ONLINE
|
||||
: KnowledgeConfigStatusEnum.OFFLINE;
|
||||
editDictTaskQuery(state);
|
||||
setDimensionVisible(value);
|
||||
onVisibleChange?.(state);
|
||||
}}
|
||||
/>
|
||||
</Space>
|
||||
@@ -323,7 +230,7 @@ const DimensionValueSettingForm: React.FC<Props> = ({
|
||||
>
|
||||
导入状态
|
||||
<Space>
|
||||
<RedoOutlined />: <span>{taskRender(dataItem)}</span>
|
||||
<RedoOutlined />: <span>{taskRender()}</span>
|
||||
</Space>
|
||||
</Button>
|
||||
</Space>
|
||||
@@ -353,120 +260,6 @@ const DimensionValueSettingForm: React.FC<Props> = ({
|
||||
</Space>
|
||||
)}
|
||||
</FormItem>
|
||||
{dimensionVisible && (
|
||||
<>
|
||||
<ProCard
|
||||
title={
|
||||
<span
|
||||
style={{
|
||||
color: '#2f374c',
|
||||
fontSize: 16,
|
||||
fontWeight: 400,
|
||||
}}
|
||||
>
|
||||
指标设置
|
||||
</span>
|
||||
}
|
||||
bordered
|
||||
extra={
|
||||
<Button
|
||||
type="primary"
|
||||
onClick={() => {
|
||||
editDictTaskQuery();
|
||||
}}
|
||||
loading={saveLoading}
|
||||
>
|
||||
保 存
|
||||
</Button>
|
||||
}
|
||||
style={{ marginBottom: 20 }}
|
||||
>
|
||||
<FormItem
|
||||
label={
|
||||
<FormItemTitle
|
||||
title="参考指标"
|
||||
subTitle="字典中维度值的重要性参照指标值大小，指标值越大，维度值最越重要"
|
||||
/>
|
||||
}
|
||||
>
|
||||
<Space.Compact>
|
||||
<FormItem noStyle name="modelId">
|
||||
<Select
|
||||
allowClear
|
||||
showSearch
|
||||
style={{ minWidth: 300 }}
|
||||
optionFilterProp="label"
|
||||
placeholder={`请选择所属model`}
|
||||
options={modelList?.map((item) => {
|
||||
return {
|
||||
value: item.id,
|
||||
label: item.name,
|
||||
};
|
||||
})}
|
||||
/>
|
||||
</FormItem>
|
||||
<FormItem name="metricId" noStyle>
|
||||
<Select
|
||||
allowClear
|
||||
showSearch
|
||||
optionFilterProp="label"
|
||||
style={{ minWidth: 300 }}
|
||||
placeholder={`请选择参考指标`}
|
||||
options={metricList?.map((item) => {
|
||||
return {
|
||||
value: item.id,
|
||||
label: item.name,
|
||||
};
|
||||
})}
|
||||
/>
|
||||
</FormItem>
|
||||
</Space.Compact>
|
||||
</FormItem>
|
||||
<FormItem
|
||||
name="limit"
|
||||
label={
|
||||
<FormItemTitle title="最大维度值个数" subTitle="维度写入字典的维度值的最大个数" />
|
||||
}
|
||||
>
|
||||
<DisabledWheelNumberInput placeholder={`请输入维度值`} style={{ minWidth: 200 }} />
|
||||
</FormItem>
|
||||
<div>
|
||||
<div
|
||||
style={{
|
||||
color: '#2f374c',
|
||||
fontSize: 16,
|
||||
display: 'flex',
|
||||
marginBottom: 10,
|
||||
}}
|
||||
>
|
||||
<span style={{ flex: 'auto' }}>{KnowledgeConfigTypeWordingMap[type]}值过滤</span>
|
||||
</div>
|
||||
|
||||
<FormItem name="blackList" label="黑名单">
|
||||
<Select
|
||||
mode="tags"
|
||||
placeholder={`输入${KnowledgeConfigTypeWordingMap[type]}值后回车确认，多别名输入、复制粘贴支持英文逗号自动分隔`}
|
||||
tokenSeparators={[',']}
|
||||
maxTagCount={9}
|
||||
/>
|
||||
</FormItem>
|
||||
|
||||
<FormItem name="whiteList" label="白名单">
|
||||
<Select
|
||||
mode="tags"
|
||||
placeholder={`输入${KnowledgeConfigTypeWordingMap[type]}值后回车确认，多别名输入、复制粘贴支持英文逗号自动分隔`}
|
||||
tokenSeparators={[',']}
|
||||
maxTagCount={9}
|
||||
/>
|
||||
</FormItem>
|
||||
|
||||
<FormItem name="ruleList">
|
||||
<CommonEditList title="过滤规则" />
|
||||
</FormItem>
|
||||
</div>
|
||||
</ProCard>
|
||||
</>
|
||||
)}
|
||||
</Form>
|
||||
</>
|
||||
);
|
||||
|
||||
@@ -0,0 +1,87 @@
|
||||
import { message } from 'antd';
|
||||
import React, { useState, useEffect } from 'react';
|
||||
import { useModel } from '@umijs/max';
|
||||
import type { StateType } from '../../model';
|
||||
import { getDomainExtendConfig, addDomainExtend, editDomainExtend } from '../../service';
|
||||
import { ProCard } from '@ant-design/pro-components';
|
||||
|
||||
import TextAreaCommonEditList from '../../components/CommonEditList/TextArea';
|
||||
|
||||
type Props = {};
|
||||
|
||||
const RecommendedQuestionsSection: React.FC<Props> = ({}) => {
|
||||
const modelModel = useModel('SemanticModel.modelData');
|
||||
const { selectModelId: modelId } = modelModel;
|
||||
|
||||
const [questionData, setQuestionData] = useState<string[]>([]);
|
||||
const [currentRecordId, setCurrentRecordId] = useState<number>(0);
|
||||
|
||||
const queryThemeListData: any = async () => {
|
||||
const { code, data } = await getDomainExtendConfig({
|
||||
modelId,
|
||||
});
|
||||
|
||||
if (code === 200) {
|
||||
const target = data?.[0] || {};
|
||||
if (Array.isArray(target.recommendedQuestions)) {
|
||||
setQuestionData(
|
||||
target.recommendedQuestions.map((item: { question: string }) => {
|
||||
return item.question;
|
||||
}),
|
||||
);
|
||||
setCurrentRecordId(target.id || 0);
|
||||
} else {
|
||||
setQuestionData([]);
|
||||
setCurrentRecordId(0);
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
message.error('获取问答设置信息失败');
|
||||
};
|
||||
|
||||
const saveEntity = async (list: string[]) => {
|
||||
let saveDomainExtendQuery = addDomainExtend;
|
||||
if (currentRecordId) {
|
||||
saveDomainExtendQuery = editDomainExtend;
|
||||
}
|
||||
const { code, msg } = await saveDomainExtendQuery({
|
||||
recommendedQuestions: list.map((question: string) => {
|
||||
return { question };
|
||||
}),
|
||||
id: currentRecordId,
|
||||
modelId,
|
||||
});
|
||||
|
||||
if (code === 200) {
|
||||
return;
|
||||
}
|
||||
message.error(msg);
|
||||
};
|
||||
|
||||
const initPage = async () => {
|
||||
queryThemeListData();
|
||||
};
|
||||
|
||||
useEffect(() => {
|
||||
if (!modelId) {
|
||||
return;
|
||||
}
|
||||
initPage();
|
||||
}, [modelId]);
|
||||
|
||||
return (
|
||||
<div style={{ width: 800, margin: '20px auto' }}>
|
||||
<ProCard bordered title="问题推荐列表">
|
||||
<TextAreaCommonEditList
|
||||
value={questionData}
|
||||
onChange={(list) => {
|
||||
saveEntity(list);
|
||||
setQuestionData(list);
|
||||
}}
|
||||
/>
|
||||
</ProCard>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
export default RecommendedQuestionsSection;
|
||||
@@ -442,3 +442,10 @@
|
||||
|
||||
|
||||
|
||||
.dimensionValueFilterTable {
|
||||
:global {
|
||||
.ant-pro-card-body {
|
||||
padding:0
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user