[improvement][headless-fe] Added tag value setting. (#821)

* [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.
2025-12-20 06:34:55 +00:00 · 2024-03-14 19:42:21 +08:00
parent 5519a507ae
commit aad8bb4367
11 changed files with 228 additions and 105 deletions
--- a/webapp/packages/supersonic-fe/src/pages/SemanticModel/components/DimensionValueSettingModal.tsx
+++ b/webapp/packages/supersonic-fe/src/pages/SemanticModel/components/DimensionValueSettingModal.tsx
@@ -184,7 +184,7 @@ const DimensionValueSettingModal: React.FC<CreateFormProps> = ({
    {
      label: '维度值设置',
      key: 'setting',
-      children: <DimensionValueSettingForm dimensionItem={dimensionItem} />,
+      children: <DimensionValueSettingForm dataItem={dimensionItem} />,
    },
  ];

--- a/webapp/packages/supersonic-fe/src/pages/SemanticModel/components/Entity/DimensionValueSettingForm.tsx
+++ b/webapp/packages/supersonic-fe/src/pages/SemanticModel/components/Entity/DimensionValueSettingForm.tsx
@@ -4,7 +4,12 @@ import { Form, Switch, Space, Button, Tooltip, message, Select } from 'antd';
 import FormItemTitle from '@/components/FormHelper/FormItemTitle';
 import { RedoOutlined, InfoCircleOutlined } from '@ant-design/icons';
 import { formLayout } from '@/components/FormHelper/utils';
-import { DictTaskState, KnowledgeConfigTypeEnum, KnowledgeConfigStatusEnum } from '../../enum';
+import {
+  DictTaskState,
+  KnowledgeConfigTypeEnum,
+  KnowledgeConfigStatusEnum,
+  KnowledgeConfigTypeWordingMap,
+} from '../../enum';
 import {
  searchKnowledgeConfigQuery,
  searchDictLatestTaskList,
@@ -19,14 +24,15 @@ import styles from '../style.less';
 import CommonEditList from '../../components/CommonEditList';

 type Props = {
-  dimensionItem: ISemantic.IDimensionItem;
+  dataItem: ISemantic.IDimensionItem | ISemantic.ITagItem;
+  type?: KnowledgeConfigTypeEnum;
  onSubmit?: () => void;
 };

 const FormItem = Form.Item;

 const DimensionValueSettingForm: ForwardRefRenderFunction<any, Props> = (
-  { dimensionItem },
+  { dataItem, type = KnowledgeConfigTypeEnum.DIMENSION },
  ref,
 ) => {
  const [form] = Form.useForm();
@@ -56,7 +62,7 @@ const DimensionValueSettingForm: ForwardRefRenderFunction<any, Props> = (
    if (taskItemState?.taskStatus) {
      return (
        <span style={{ color: '#5493ff', fontWeight: 'bold' }}>
-          {DictTaskState[taskItemState.taskStatus] || '未知状态'}
+          {DictTaskState[taskItemState?.taskStatus || 'unknown']}
        </span>
      );
    }
@@ -66,8 +72,8 @@ const DimensionValueSettingForm: ForwardRefRenderFunction<any, Props> = (
  const searchKnowledgeConfig = async () => {
    setRefreshLoading(true);
    const { code, data } = await searchKnowledgeConfigQuery({
-      type: KnowledgeConfigTypeEnum.DIMENSION,
-      itemId: dimensionItem.id,
+      type,
+      itemId: dataItem.id,
    });

    setRefreshLoading(false);
@@ -91,15 +97,15 @@ const DimensionValueSettingForm: ForwardRefRenderFunction<any, Props> = (
      form.setFieldsValue({
        ...defaultKnowledgeConfig,
      });
-      createDictConfigQuery(dimensionItem, defaultKnowledgeConfig);
+      createDictConfigQuery(dataItem, defaultKnowledgeConfig);
    }
  };

  const queryDictLatestTaskList = async () => {
    setRefreshLoading(true);
    const { code, data } = await searchDictLatestTaskList({
-      type: KnowledgeConfigTypeEnum.DIMENSION,
-      itemId: dimensionItem.id,
+      type,
+      itemId: dataItem.id,
    });
    setRefreshLoading(false);
    if (code !== 200) {
@@ -117,7 +123,7 @@ const DimensionValueSettingForm: ForwardRefRenderFunction<any, Props> = (

  const getFormValidateFields = async () => {
    const fields = await form.validateFields();
-    const fieldValue = Object.keys(fields).reduce((formField, key: string) => {
+    const fieldValue = Object.keys(fields).reduce((formField: any, key: string) => {
      const targetValue = fields[key];
      if (exchangeFields.includes(key)) {
        if (isString(targetValue)) {
@@ -144,7 +150,7 @@ const DimensionValueSettingForm: ForwardRefRenderFunction<any, Props> = (
    config: ISemantic.IDictKnowledgeConfigItemConfig,
  ) => {
    const { code, data } = await createDictConfig({
-      type: KnowledgeConfigTypeEnum.DIMENSION,
+      type,
      itemId: dimension.id,
      config,
      status: 1,
@@ -160,7 +166,7 @@ const DimensionValueSettingForm: ForwardRefRenderFunction<any, Props> = (
  const createDictTaskQuery = async (dimension: ISemantic.IDimensionItem) => {
    setImportDictState(true);
    const { code } = await createDictTask({
-      type: KnowledgeConfigTypeEnum.DIMENSION,
+      type,
      itemId: dimension.id,
    });

@@ -199,7 +205,7 @@ const DimensionValueSettingForm: ForwardRefRenderFunction<any, Props> = (
  const deleteDictTaskQuery = async (dimension: ISemantic.IDimensionItem) => {
    setDeleteLoading(true);
    const { code } = await deleteDictTask({
-      type: KnowledgeConfigTypeEnum.DIMENSION,
+      type,
      itemId: dimension.id,
    });
    setDeleteLoading(false);
@@ -225,7 +231,9 @@ const DimensionValueSettingForm: ForwardRefRenderFunction<any, Props> = (
              title={
                <>
                  <Space>
-                    <span style={{ fontSize: 16 }}>维度值可见</span>
+                    <span style={{ fontSize: 16 }}>
+                      {KnowledgeConfigTypeWordingMap[type]}值可见
+                    </span>
                    <Switch
                      defaultChecked
                      size="small"
@@ -242,20 +250,20 @@ const DimensionValueSettingForm: ForwardRefRenderFunction<any, Props> = (
                  </Space>
                </>
              }
-              subTitle={'设置可见后，维度值将在搜索时可以被联想出来'}
+              subTitle={`设置可见后，${KnowledgeConfigTypeWordingMap[type]}值将在搜索时可以被联想出来`}
            />
          }
        >
          {dimensionVisible && (
            <Space size={20} style={{ marginBottom: 20 }}>
-              <Tooltip title="立即将维度值导入字典">
+              <Tooltip title={`立即将${KnowledgeConfigTypeWordingMap[type]}值导入字典`}>
                <Button
                  type="link"
                  size="small"
                  style={{ padding: 0 }}
                  disabled={importDictState}
                  onClick={(event) => {
-                    createDictTaskQuery(dimensionItem);
+                    createDictTaskQuery(dataItem);
                    setTaskItemState({
                      ...(taskItemState || ({} as ISemantic.IDictKnowledgeTaskItem)),
                      taskStatus: 'running',
@@ -282,7 +290,7 @@ const DimensionValueSettingForm: ForwardRefRenderFunction<any, Props> = (
                  >
                    导入状态
                    <Space>
-                      <RedoOutlined />: <span>{taskRender(dimensionItem)}</span>
+                      <RedoOutlined />: <span>{taskRender(dataItem)}</span>
                    </Space>
                  </Button>
                </Space>
@@ -295,7 +303,7 @@ const DimensionValueSettingForm: ForwardRefRenderFunction<any, Props> = (
                disabled={taskItemState?.taskStatus === 'running'}
                loading={deleteLoading}
                onClick={(event) => {
-                  deleteDictTaskQuery(dimensionItem);
+                  deleteDictTaskQuery(dataItem);
                  setTaskItemState({
                    ...(taskItemState || ({} as ISemantic.IDictKnowledgeTaskItem)),
                    taskStatus: '',
@@ -328,7 +336,7 @@ const DimensionValueSettingForm: ForwardRefRenderFunction<any, Props> = (
                  marginBottom: 20,
                }}
              >
-                <span style={{ flex: 'auto' }}>维度值过滤</span>
+                <span style={{ flex: 'auto' }}>{KnowledgeConfigTypeWordingMap[type]}值过滤</span>
                <span style={{ marginLeft: 'auto' }}>
                  <Button
                    type="primary"
@@ -345,7 +353,7 @@ const DimensionValueSettingForm: ForwardRefRenderFunction<any, Props> = (
              <FormItem name="blackList" label="黑名单">
                <Select
                  mode="tags"
-                  placeholder="输入维度值后回车确认，多别名输入、复制粘贴支持英文逗号自动分隔"
+                  placeholder={`输入${KnowledgeConfigTypeWordingMap[type]}值后回车确认，多别名输入、复制粘贴支持英文逗号自动分隔`}
                  tokenSeparators={[',']}
                  maxTagCount={9}
                />
@@ -354,7 +362,7 @@ const DimensionValueSettingForm: ForwardRefRenderFunction<any, Props> = (
              <FormItem name="whiteList" label="白名单">
                <Select
                  mode="tags"
-                  placeholder="输入维度值后回车确认，多别名输入、复制粘贴支持英文逗号自动分隔"
+                  placeholder={`输入${KnowledgeConfigTypeWordingMap[type]}值后回车确认，多别名输入、复制粘贴支持英文逗号自动分隔`}
                  tokenSeparators={[',']}
                  maxTagCount={9}
                />