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

* [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
2025-12-15 06:27:21 +00:00 · 2023-11-14 06:01:23 -06:00
parent d4374f7074
commit 400d8b34fd
35 changed files with 1075 additions and 946 deletions
--- a/webapp/packages/supersonic-fe/src/pages/System/index.tsx
+++ b/webapp/packages/supersonic-fe/src/pages/System/index.tsx
@@ -0,0 +1,138 @@
+import styles from './style.less';
+import { Button, Form, Input, InputNumber, message, Space, Switch, Divider } from 'antd';
+import React, { useState, useEffect } from 'react';
+import { getSystemConfig, saveSystemConfig } from '@/services/user';
+import ProCard from '@ant-design/pro-card';
+import SelectTMEPerson from '@/components/SelectTMEPerson';
+import { SystemConfigParametersItem, SystemConfig } from './types';
+
+const FormItem = Form.Item;
+const { TextArea } = Input;
+const System: React.FC = () => {
+  const [systemConfig, setSystemConfig] = useState<SystemConfigParametersItem[]>([]);
+
+  const [configSource, setConfigSource] = useState<SystemConfig>();
+
+  useEffect(() => {
+    querySystemConfig();
+  }, []);
+  const [form] = Form.useForm();
+  const querySystemConfig = async () => {
+    const { code, data, msg } = await getSystemConfig();
+    if (code === 200) {
+      const { parameters, admins } = data;
+      setSystemConfig(parameters);
+      setInitData(admins, parameters);
+      setConfigSource(data);
+    } else {
+      message.error(msg);
+    }
+  };
+
+  const setInitData = (admins: string[], systemConfig: SystemConfigParametersItem[]) => {
+    const fieldsValue = systemConfig.reduce(
+      (fields, item) => {
+        const { name, value } = item;
+        return {
+          ...fields,
+          [name]: value,
+        };
+      },
+      { admins },
+    );
+    form.setFieldsValue(fieldsValue);
+  };
+
+  const querySaveSystemConfig = async () => {
+    const submitData = await form.validateFields();
+    const { code, msg } = await saveSystemConfig({
+      ...configSource,
+      admins: submitData.admins,
+      parameters: systemConfig.map((item) => {
+        const { name } = item;
+        if (submitData[name] !== undefined) {
+          return {
+            ...item,
+            value: submitData[name],
+          };
+        }
+        return item;
+      }),
+    });
+    if (code === 200) {
+      message.success('保存成功');
+    } else {
+      message.error(msg);
+    }
+  };
+
+  return (
+    <>
+      <div style={{ margin: '40px auto', width: 800 }}>
+        <ProCard
+          title="系统设置"
+          extra={
+            <Space>
+              <Button
+                type="primary"
+                onClick={() => {
+                  querySaveSystemConfig();
+                }}
+              >
+                保 存
+              </Button>
+            </Space>
+          }
+        >
+          <Form form={form} layout="vertical" className={styles.form}>
+            <FormItem name="admins" label="管理员">
+              <SelectTMEPerson placeholder="请邀请团队成员" />
+            </FormItem>
+            <Divider />
+            {systemConfig.map((item: SystemConfigParametersItem) => {
+              const { dataType, name, comment } = item;
+              let defaultItem = <Input />;
+              switch (dataType) {
+                case 'string':
+                  defaultItem = <TextArea placeholder="" style={{ height: 100 }} />;
+                  break;
+                case 'number':
+                  defaultItem = <InputNumber style={{ width: '100%' }} />;
+                  break;
+                case 'bool':
+                  return (
+                    <FormItem
+                      name={name}
+                      label={comment}
+                      key={name}
+                      valuePropName="checked"
+                      getValueFromEvent={(value) => {
+                        return value === true ? 'true' : 'false';
+                      }}
+                      getValueProps={(value) => {
+                        return {
+                          checked: value === 'true',
+                        };
+                      }}
+                    >
+                      <Switch />
+                    </FormItem>
+                  );
+                default:
+                  defaultItem = <Input />;
+                  break;
+              }
+              return (
+                <FormItem name={name} label={comment} key={name}>
+                  {defaultItem}
+                </FormItem>
+              );
+            })}
+          </Form>
+        </ProCard>
+      </div>
+    </>
+  );
+};
+
+export default System;