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

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

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

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

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

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

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

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

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

* [improvement][semantic-fe] fix the dimension initialization issue in metric correlation

* [improvement][semantic-fe] Fix the issue of database changes not taking effect when creating based on an SQL data source.

* [improvement][semantic-fe] Optimizing pagination logic and some CSS styles

* [improvement][semantic-fe] Fixing the API for the indicator list by changing "current" to "pageNum"

* [improvement][semantic-fe] Fixing the default value setting for the indicator list

* [improvement][semantic-fe] Adding batch operations for indicators/dimensions/models

* [improvement][semantic-fe] Replacing the single status update API for indicators/dimensions with a batch update API

* [improvement][semantic-fe] Redesigning the indicator homepage to incorporate trend charts and table functionality for indicators

* [improvement][semantic-fe] Optimizing the logic for setting dimension values and editing data sources, and adding system settings functionality

* [improvement][semantic-fe] Upgrading antd version to 5.x, extracting the batch operation button component, optimizing the interaction for system settings, and expanding the configuration generation types for list-to-select component.

* [improvement][semantic-fe] Adding the ability to filter dimensions based on whether they are tags or not.

* [improvement][semantic-fe] Adding the ability to edit relationships between models in the canvas.

* [improvement][semantic-fe] Updating the datePicker component to use dayjs instead.

* [improvement][semantic-fe] Fixing the issue with passing the model ID for dimensions in the indicator market.

* [improvement][semantic-fe] Fixing the abnormal state of the popup when creating a model.

* [improvement][semantic-fe] Adding permission logic for bulk operations in the indicator market.

* [improvement][semantic-fe] Adding the ability to download and transpose data.

* [improvement][semantic-fe] Fixing the initialization issue with the date selection component in the indicator details page when switching time granularity.

* [improvement][semantic-fe] Fixing the logic error in the dimension value setting.

* [improvement][semantic-fe] Fixing the synchronization issue with the question and answer settings information.

* [improvement][semantic-fe] Optimizing the canvas functionality for better performance and user experience.

* [improvement][semantic-fe] Optimizing the update process for drawing model relationship edges in the canvas.

* [improvement][semantic-fe] Changing the line type for canvas connections.

* [improvement][semantic-fe] Replacing the initialization variable from "semantic" to "headless".

* [improvement][semantic-fe] Fixing the missing migration issue for default drill-down dimension configuration in model editing. Additionally, optimizing the data retrieval method for initializing fields in the model.

* [improvement][semantic-fe] Updating the logic for the fieldName.

* [improvement][semantic-fe] Adjusting the position of the metrics tab.

* [improvement][semantic-fe] Changing the 字段名称 to 英文名称.

* [improvement][semantic-fe] Fix metric measurement deletion.

* [improvement][semantic-fe] UI optimization for metric details page.

* [improvement][semantic-fe] UI optimization for metric details page.

* [improvement][semantic-fe] UI adjustment for metric details page.

* [improvement][semantic-fe] The granularity field in the time type of model editing now supports setting it as empty.

* [improvement][semantic-fe] Added field type and metric type to the metric creation options.

* [improvement][semantic-fe] The organization structure selection feature has been added to the permission management.

* [improvement][semantic-fe] Improved user experience for the metric list.

* [improvement][semantic-fe] fix update the metric list.

* [improvement][headless-fe] Added view management functionality.

* [improvement][headless-fe] The view management functionality has been added. This feature allows users to create, edit, and manage different views within the system.

* [improvement][headless-fe] Added model editing side effect detection.

* [improvement][headless-fe] Fixed the logic error in view editing.

* [improvement][headless-fe] Fixed the issue with initializing dimension associations in metric settings.

* [improvement][headless-fe] Added the ability to hide the Q&A settings entry point.

* [improvement][headless-fe] Fixed the issue with selecting search results in metric field creation.

* [improvement][headless-fe] Added search functionality to the field list in model editing.

* [improvement][headless-fe] fix the field list in model editing

* [improvement][headless-fe] Restructured the data for the dimension value settings interface.

* [improvement][headless-fe] Added dynamic variable functionality to model creation based on SQL scripts.

* [improvement][headless-fe] Added support for passing dynamic variables as parameters in the executeSql function.

* [improvement][headless-fe] Resolved the issue where users were unable to select all options for dimensions, metrics, and fields in the metric generation process.

* [improvement][headless-fe] Replaced the term "view" with "dataset"

* [improvement][headless-fe] Added the ability to export metrics and dimensions to a specific target.

* [improvement][headless-fe] Enhanced dataset creation to support the tag mode.

* [improvement][headless-fe] Added tag value setting.

* [improvement][headless-fe] Optimized the tag setting system.

* [improvement][headless-fe] Optimized the tag setting system.

webapp/packages/supersonic-fe/src/pages/SemanticModel/View/components/DefaultSettingForm.tsx

@@ -7,15 +7,18 @@ import { Form, Input, Select, InputNumber } from 'antd';
 import { wrapperTransTypeAndId } from '../../utils';
 
 import { ISemantic } from '../../data';
-import { TransType, SemanticNodeType } from '../../enum';
+import { ChatConfigType, TransType, SemanticNodeType } from '../../enum';
 import TransTypeTag from '../../components/TransTypeTag';
 
 type Props = {
-  chatConfigType: TransType;
+  // entityData: any;
+  // chatConfigKey: string;
+  chatConfigType: ChatConfigType.TAG | ChatConfigType.METRIC;
   metricList?: ISemantic.IMetricItem[];
   dimensionList?: ISemantic.IDimensionItem[];
-  tagList?: ISemantic.ITagItem[];
   form: any;
+  // domainId: number;
+  // onSubmit: (params?: any) => void;
 };
 
 const FormItem = Form.Item;
@@ -28,7 +31,7 @@ const formDefaultValue = {
 };
 
 const DefaultSettingForm: ForwardRefRenderFunction<any, Props> = (
-  { metricList, dimensionList, tagList, chatConfigType, form },
+  { metricList, dimensionList, chatConfigType, form },
   ref,
 ) => {
   const [dataItemListOptions, setDataItemListOptions] = useState<any>([]);
@@ -51,57 +54,84 @@ const DefaultSettingForm: ForwardRefRenderFunction<any, Props> = (
     }
   }, []);
 
-  const defaultConfigKeyMap: any = {
-    [TransType.TAG]: 'tagTypeDefaultConfig',
-    [TransType.METRIC]: 'metricTypeDefaultConfig',
+  const defaultConfigKeyMap = {
+    [ChatConfigType.TAG]: 'tagTypeDefaultConfig',
+    [ChatConfigType.METRIC]: 'metricTypeDefaultConfig',
   };
 
   useEffect(() => {
-    if (Array.isArray(tagList)) {
-      const tagEnum = tagList.map((item: ISemantic.ITagItem) => {
+    if (Array.isArray(dimensionList) && Array.isArray(metricList)) {
+      const dimensionEnum = dimensionList.map((item: ISemantic.IDimensionItem) => {
         const { name, id, bizName } = item;
         return {
           name,
           label: (
             <>
-              <TransTypeTag type={SemanticNodeType.TAG} />
+              <TransTypeTag type={SemanticNodeType.DIMENSION} />
               {name}
             </>
           ),
-          value: wrapperTransTypeAndId(TransType.TAG, id),
+          value: wrapperTransTypeAndId(TransType.DIMENSION, id),
           bizName,
           id,
-          transType: TransType.TAG,
+          transType: TransType.DIMENSION,
         };
       });
-      setDataItemListOptions([...tagEnum]);
+      const metricEnum = metricList.map((item: ISemantic.IMetricItem) => {
+        const { name, id, bizName } = item;
+        return {
+          name,
+          label: (
+            <>
+              <TransTypeTag type={SemanticNodeType.METRIC} />
+              {name}
+            </>
+          ),
+          value: wrapperTransTypeAndId(TransType.METRIC, id),
+          bizName,
+          id,
+          transType: TransType.METRIC,
+        };
+      });
+      setDataItemListOptions([...dimensionEnum, ...metricEnum]);
     }
-  }, [tagList]);
+  }, [dimensionList, metricList]);
 
   return (
     <>
-      {chatConfigType === TransType.TAG && (
+      {chatConfigType === ChatConfigType.TAG && (
         <FormItem
-          name={['queryConfig', defaultConfigKeyMap[TransType.TAG], 'defaultDisplayInfo']}
+          name={['queryConfig', defaultConfigKeyMap[ChatConfigType.TAG], 'defaultDisplayInfo']}
           label="圈选结果展示字段"
           getValueFromEvent={(value, items) => {
-            const result: { tagIds: number[] } = {
-              tagIds: [],
+            const result: { dimensionIds: number[]; metricIds: number[] } = {
+              dimensionIds: [],
+              metricIds: [],
             };
             items.forEach((item: any) => {
-              result.tagIds.push(item.id);
+              if (item.transType === TransType.DIMENSION) {
+                result.dimensionIds.push(item.id);
+              }
+              if (item.transType === TransType.METRIC) {
+                result.metricIds.push(item.id);
+              }
             });
             return result;
           }}
           getValueProps={(value) => {
-            const { tagIds } = value || {};
-            const tagValues = Array.isArray(tagIds)
-              ? tagIds.map((id: number) => {
-                  return wrapperTransTypeAndId(TransType.TAG, id);
+            const { dimensionIds, metricIds } = value || {};
+            const dimensionValues = Array.isArray(dimensionIds)
+              ? dimensionIds.map((id: number) => {
+                  return wrapperTransTypeAndId(TransType.DIMENSION, id);
+                })
+              : [];
+            const metricValues = Array.isArray(metricIds)
+              ? metricIds.map((id: number) => {
+                  return wrapperTransTypeAndId(TransType.METRIC, id);
                 })
               : [];
             return {
-              value: [...tagValues],
+              value: [...dimensionValues, ...metricValues],
             };
           }}
         >
@@ -131,7 +161,7 @@ const DefaultSettingForm: ForwardRefRenderFunction<any, Props> = (
         }
       >
         <Input.Group compact>
-          {chatConfigType === TransType.TAG ? (
+          {chatConfigType === ChatConfigType.TAG ? (
             <span
               style={{
                 display: 'inline-block',

webapp/packages/supersonic-fe/src/pages/SemanticModel/View/components/DefaultSettingForm_tag.tsx

@@ -0,0 +1,190 @@
+import { useEffect, useState, forwardRef, useImperativeHandle } from 'react';
+import type { ForwardRefRenderFunction } from 'react';
+import FormItemTitle from '@/components/FormHelper/FormItemTitle';
+
+import { Form, Input, Select, InputNumber } from 'antd';
+
+import { wrapperTransTypeAndId } from '../../utils';
+
+import { ISemantic } from '../../data';
+import { TransType, SemanticNodeType } from '../../enum';
+import TransTypeTag from '../../components/TransTypeTag';
+
+type Props = {
+  chatConfigType: TransType;
+  metricList?: ISemantic.IMetricItem[];
+  dimensionList?: ISemantic.IDimensionItem[];
+  tagList?: ISemantic.ITagItem[];
+  form: any;
+};
+
+const FormItem = Form.Item;
+const Option = Select.Option;
+
+const formDefaultValue = {
+  unit: 7,
+  period: 'DAY',
+  timeMode: 'LAST',
+};
+
+const DefaultSettingForm: ForwardRefRenderFunction<any, Props> = (
+  { metricList, dimensionList, tagList, chatConfigType, form },
+  ref,
+) => {
+  const [dataItemListOptions, setDataItemListOptions] = useState<any>([]);
+
+  const initData = () => {
+    form.setFieldsValue({
+      queryConfig: {
+        [defaultConfigKeyMap[chatConfigType]]: {
+          timeDefaultConfig: {
+            ...formDefaultValue,
+          },
+        },
+      },
+    });
+  };
+
+  useEffect(() => {
+    if (form && !form.getFieldValue('id')) {
+      initData();
+    }
+  }, []);
+
+  const defaultConfigKeyMap: any = {
+    [TransType.TAG]: 'tagTypeDefaultConfig',
+    [TransType.METRIC]: 'metricTypeDefaultConfig',
+  };
+
+  useEffect(() => {
+    if (Array.isArray(tagList)) {
+      const tagEnum = tagList.map((item: ISemantic.ITagItem) => {
+        const { name, id, bizName } = item;
+        return {
+          name,
+          label: (
+            <>
+              <TransTypeTag type={SemanticNodeType.TAG} />
+              {name}
+            </>
+          ),
+          value: wrapperTransTypeAndId(TransType.TAG, id),
+          bizName,
+          id,
+          transType: TransType.TAG,
+        };
+      });
+      setDataItemListOptions([...tagEnum]);
+    }
+  }, [tagList]);
+
+  return (
+    <>
+      {chatConfigType === TransType.TAG && (
+        <FormItem
+          name={['queryConfig', defaultConfigKeyMap[TransType.TAG], 'defaultDisplayInfo']}
+          label="圈选结果展示字段"
+          getValueFromEvent={(value, items) => {
+            const result: { tagIds: number[] } = {
+              tagIds: [],
+            };
+            items.forEach((item: any) => {
+              result.tagIds.push(item.id);
+            });
+            return result;
+          }}
+          getValueProps={(value) => {
+            const { tagIds } = value || {};
+            const tagValues = Array.isArray(tagIds)
+              ? tagIds.map((id: number) => {
+                  return wrapperTransTypeAndId(TransType.TAG, id);
+                })
+              : [];
+            return {
+              value: [...tagValues],
+            };
+          }}
+        >
+          <Select
+            mode="multiple"
+            allowClear
+            style={{ width: '100%' }}
+            optionLabelProp="name"
+            filterOption={(inputValue: string, item: any) => {
+              const { name } = item;
+              if (name.includes(inputValue)) {
+                return true;
+              }
+              return false;
+            }}
+            placeholder="请选择圈选结果展示字段"
+            options={dataItemListOptions}
+          />
+        </FormItem>
+      )}
+      <FormItem
+        label={
+          <FormItemTitle
+            title={'时间范围'}
+            subTitle={'问答搜索结果选择中，如果没有指定时间范围，将会采用默认时间范围'}
+          />
+        }
+      >
+        <Input.Group compact>
+          {chatConfigType === TransType.TAG ? (
+            <span
+              style={{
+                display: 'inline-block',
+                lineHeight: '32px',
+                marginRight: '8px',
+              }}
+            >
+              前
+            </span>
+          ) : (
+            <>
+              <FormItem
+                name={[
+                  'queryConfig',
+                  defaultConfigKeyMap[chatConfigType],
+                  'timeDefaultConfig',
+                  'timeMode',
+                ]}
+                noStyle
+              >
+                <Select style={{ width: '90px' }}>
+                  <Option value="LAST">前</Option>
+                  <Option value="RECENT">最近</Option>
+                </Select>
+              </FormItem>
+            </>
+          )}
+          <FormItem
+            name={['queryConfig', defaultConfigKeyMap[chatConfigType], 'timeDefaultConfig', 'unit']}
+            noStyle
+          >
+            <InputNumber style={{ width: '120px' }} />
+          </FormItem>
+          <FormItem
+            name={[
+              'queryConfig',
+              defaultConfigKeyMap[chatConfigType],
+              'timeDefaultConfig',
+              'period',
+            ]}
+            noStyle
+          >
+            <Select style={{ width: '90px' }}>
+              <Option value="DAY">天</Option>
+              <Option value="WEEK">周</Option>
+              <Option value="MONTH">月</Option>
+              <Option value="YEAR">年</Option>
+            </Select>
+          </FormItem>
+        </Input.Group>
+      </FormItem>
+    </>
+  );
+};
+
+export default forwardRef(DefaultSettingForm);

webapp/packages/supersonic-fe/src/pages/SemanticModel/View/components/ViewSearchFormModal.tsx

@@ -3,13 +3,12 @@ import { Form, Button, Modal, Input } from 'antd';
 import styles from '../style.less';
 import { message } from 'antd';
 import { formLayout } from '@/components/FormHelper/utils';
-import { createView, updateView, getDimensionList, queryMetric, getTagList } from '../../service';
+import { createView, updateView, getDimensionList, queryMetric } from '../../service';
 import { ISemantic } from '../../data';
 import DefaultSettingForm from './DefaultSettingForm';
 import { isArrayOfValues } from '@/utils/utils';
 import ProCard from '@ant-design/pro-card';
-import { TransType } from '../../enum';
-import { number } from 'echarts';
+import { ChatConfigType } from '../../enum';
 
 export type ModelCreateFormModalProps = {
   domainId: number;
@@ -32,40 +31,22 @@ const ViewSearchFormModal: React.FC<ModelCreateFormModalProps> = ({
 
   const [dimensionList, setDimensionList] = useState<ISemantic.IDimensionItem[]>();
   const [metricList, setMetricList] = useState<ISemantic.IMetricItem[]>();
-  const [tagList, setTagList] = useState<ISemantic.ITagItem[]>();
 
   useEffect(() => {
     const dataSetModelConfigs = viewItem?.dataSetDetail?.dataSetModelConfigs;
     if (Array.isArray(dataSetModelConfigs)) {
       const allMetrics: number[] = [];
       const allDimensions: number[] = [];
-      const allTags: number[] = [];
       dataSetModelConfigs.forEach((item: ISemantic.IViewModelConfigItem) => {
-        const { metrics, dimensions, tagIds } = item;
+        const { metrics, dimensions } = item;
         allMetrics.push(...metrics);
         allDimensions.push(...dimensions);
-        allTags.push(...tagIds);
       });
       queryDimensionListByIds(allDimensions);
       queryMetricListByIds(allMetrics);
-      queryTagListByIds(allTags);
     }
   }, [viewItem]);
 
-  const queryTagListByIds = async (ids: number[]) => {
-    const { code, data, msg } = await getTagList({
-      ids,
-    });
-
-    const { list } = data || {};
-    if (code === 200) {
-      setTagList(list);
-    } else {
-      message.error(msg);
-      setTagList([]);
-    }
-  };
-
   const queryDimensionListByIds = async (ids: number[]) => {
     if (!isArrayOfValues(ids)) {
       setDimensionList([]);
@@ -129,22 +110,23 @@ const ViewSearchFormModal: React.FC<ModelCreateFormModalProps> = ({
   const renderContent = () => {
     return (
       <div className={styles.viewSearchFormContainer}>
-        {viewItem?.queryType === TransType.METRIC && (
-          <ProCard title="指标模式" style={{ marginBottom: 10, borderBottom: '1px solid #eee' }}>
-            <DefaultSettingForm
-              form={form}
-              dimensionList={dimensionList}
-              metricList={metricList}
-              chatConfigType={TransType.METRIC}
-            />
-          </ProCard>
-        )}
+        <ProCard title="指标模式" style={{ marginBottom: 10, borderBottom: '1px solid #eee' }}>
+          <DefaultSettingForm
+            form={form}
+            dimensionList={dimensionList}
+            metricList={metricList}
+            chatConfigType={ChatConfigType.METRIC}
+          />
+        </ProCard>
 
-        {viewItem?.queryType === TransType.TAG && (
-          <ProCard title="标签模式">
-            <DefaultSettingForm form={form} tagList={tagList} chatConfigType={TransType.TAG} />
-          </ProCard>
-        )}
+        <ProCard title="标签模式">
+          <DefaultSettingForm
+            form={form}
+            dimensionList={dimensionList}
+            metricList={metricList}
+            chatConfigType={ChatConfigType.TAG}
+          />
+        </ProCard>
       </div>
     );
   };

webapp/packages/supersonic-fe/src/pages/SemanticModel/View/components/ViewSearchFormModal_tag.tsx

@@ -0,0 +1,179 @@
+import React, { useState, useEffect, useRef } from 'react';
+import { Form, Button, Modal, Input } from 'antd';
+import styles from '../style.less';
+import { message } from 'antd';
+import { formLayout } from '@/components/FormHelper/utils';
+import { createView, updateView, getDimensionList, queryMetric, getTagList } from '../../service';
+import { ISemantic } from '../../data';
+import DefaultSettingForm from './DefaultSettingForm';
+import { isArrayOfValues } from '@/utils/utils';
+import ProCard from '@ant-design/pro-card';
+import { TransType } from '../../enum';
+import { number } from 'echarts';
+
+export type ModelCreateFormModalProps = {
+  domainId: number;
+  viewItem: any;
+  modelList: ISemantic.IModelItem[];
+  onCancel: () => void;
+  onSubmit: (values: any) => void;
+};
+
+const ViewSearchFormModal: React.FC<ModelCreateFormModalProps> = ({
+  viewItem,
+  domainId,
+  onCancel,
+  onSubmit,
+}) => {
+  const FormItem = Form.Item;
+  const [saveLoading, setSaveLoading] = useState<boolean>(false);
+
+  const [form] = Form.useForm();
+
+  const [dimensionList, setDimensionList] = useState<ISemantic.IDimensionItem[]>();
+  const [metricList, setMetricList] = useState<ISemantic.IMetricItem[]>();
+  const [tagList, setTagList] = useState<ISemantic.ITagItem[]>();
+
+  useEffect(() => {
+    const dataSetModelConfigs = viewItem?.dataSetDetail?.dataSetModelConfigs;
+    if (Array.isArray(dataSetModelConfigs)) {
+      const allMetrics: number[] = [];
+      const allDimensions: number[] = [];
+      const allTags: number[] = [];
+      dataSetModelConfigs.forEach((item: ISemantic.IViewModelConfigItem) => {
+        const { metrics, dimensions, tagIds = [] } = item;
+        allMetrics.push(...metrics);
+        allDimensions.push(...dimensions);
+        allTags.push(...tagIds);
+      });
+      queryDimensionListByIds(allDimensions);
+      queryMetricListByIds(allMetrics);
+      queryTagListByIds(allTags);
+    }
+  }, [viewItem]);
+
+  const queryTagListByIds = async (ids: number[]) => {
+    const { code, data, msg } = await getTagList({
+      ids,
+    });
+
+    const { list } = data || {};
+    if (code === 200) {
+      setTagList(list);
+    } else {
+      message.error(msg);
+      setTagList([]);
+    }
+  };
+
+  const queryDimensionListByIds = async (ids: number[]) => {
+    if (!isArrayOfValues(ids)) {
+      setDimensionList([]);
+      return;
+    }
+    const { code, data, msg } = await getDimensionList({ ids });
+    if (code === 200 && Array.isArray(data?.list)) {
+      setDimensionList(data.list);
+    } else {
+      message.error(msg);
+    }
+  };
+
+  const queryMetricListByIds = async (ids: number[]) => {
+    if (!isArrayOfValues(ids)) {
+      setMetricList([]);
+      return;
+    }
+    const { code, data, msg } = await queryMetric({ ids });
+    if (code === 200 && Array.isArray(data?.list)) {
+      setMetricList(data.list);
+    } else {
+      message.error(msg);
+    }
+  };
+
+  const handleConfirm = async () => {
+    const fieldsValue = await form.validateFields();
+
+    const queryData: ISemantic.IModelItem = {
+      ...viewItem,
+      ...fieldsValue,
+      domainId,
+    };
+    setSaveLoading(true);
+    const { code, msg } = await (!queryData.id ? createView : updateView)(queryData);
+    setSaveLoading(false);
+    if (code === 200) {
+      onSubmit?.(queryData);
+    } else {
+      message.error(msg);
+    }
+  };
+
+  const renderFooter = () => {
+    return (
+      <>
+        <Button onClick={onCancel}>取消</Button>
+        <Button
+          type="primary"
+          onClick={() => {
+            handleConfirm();
+          }}
+        >
+          保 存
+        </Button>
+      </>
+    );
+  };
+
+  const renderContent = () => {
+    return (
+      <div className={styles.viewSearchFormContainer}>
+        {viewItem?.queryType === TransType.METRIC && (
+          <ProCard title="指标模式" style={{ marginBottom: 10, borderBottom: '1px solid #eee' }}>
+            <DefaultSettingForm
+              form={form}
+              dimensionList={dimensionList}
+              metricList={metricList}
+              chatConfigType={TransType.METRIC}
+            />
+          </ProCard>
+        )}
+
+        {viewItem?.queryType === TransType.TAG && (
+          <ProCard title="标签模式">
+            <DefaultSettingForm form={form} tagList={tagList} chatConfigType={TransType.TAG} />
+          </ProCard>
+        )}
+      </div>
+    );
+  };
+
+  return (
+    <Modal
+      width={800}
+      destroyOnClose
+      title={'查询设置'}
+      open={true}
+      maskClosable={false}
+      footer={renderFooter()}
+      onCancel={onCancel}
+    >
+      <Form
+        {...formLayout}
+        form={form}
+        initialValues={{
+          ...viewItem,
+        }}
+        onValuesChange={(value, values) => {}}
+      >
+        <FormItem hidden={true} name="id" label="ID">
+          <Input placeholder="id" />
+        </FormItem>
+        {renderContent()}
+      </Form>
+    </Modal>
+  );
+};
+
+export default ViewSearchFormModal;

webapp/packages/supersonic-fe/src/pages/SemanticModel/View/components/ViewTable.tsx

@@ -129,7 +129,7 @@ const ViewTable: React.FC<Props> = ({ disabledEdit = false, modelList, domainMan
             >
               编辑
             </a>
-            {/* <a
+            <a
               key="searchEditBtn"
               onClick={() => {
                 setViewItem(record);
@@ -137,7 +137,7 @@ const ViewTable: React.FC<Props> = ({ disabledEdit = false, modelList, domainMan
               }}
             >
               查询设置
-            </a> */}
+            </a>
             {record.status === StatusEnum.ONLINE ? (
               <Button
                 type="link"