mirror of
https://github.com/tencentmusic/supersonic.git
synced 2026-04-21 22:34:28 +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
@@ -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;
|
||||
Reference in New Issue
Block a user