dockerzhang commented on code in PR #7860:
URL: https://github.com/apache/inlong/pull/7860#discussion_r1171997494
##########
inlong-dashboard/src/ui/components/EditableTable/index.tsx:
##########
@@ -274,23 +304,300 @@ const EditableTable = ({
),
} as any);
}
+ const [csvData, setCsvData] = useState('');
+ const [jsonData, setJsonData] = useState('');
+ const [sqlData, setSqlData] = useState('');
+ const [isModalVisible, setIsModalVisible] = useState(false);
+ const [parseMethod, setParseMethod] = useState('CSV');
+ const [parseStatement, setParseStatement] = useState('');
+ const [previewData, setPreviewData] = useState(null);
+
+ const {
+ loading,
+ data: pData,
+ error,
+ run: runParseFields,
+ } = useRequest(
+ {
+ url: '/stream/parseFields',
+ method: 'POST',
+ data: {
+ method: parseMethod,
+ statement: parseStatement,
+ },
+ },
+ {
+ manual: true,
+ onSuccess: res => {
+ setPreviewData(res);
+ },
+ },
+ );
+
+ const handleParseCsv = () => {
+ setParseMethod('csv');
+ setParseStatement(csvData);
+ runParseFields();
+ };
+
+ const handleParseJSON = () => {
+ setParseMethod('json');
+ setParseStatement(jsonData);
+ runParseFields();
+ // 解析JSON数据
+ message.success('JSON数据解析成功');
+ };
+ const handleParseSQL = () => {
+ setParseMethod('sql');
+ setParseStatement(sqlData);
+ runParseFields();
+ // 解析SQL数据
+ message.success('SQL数据解析成功');
+ };
+ const handleClearCSV = () => {
+ setCsvData('');
+ setPreviewData(null);
+ };
+ const handleClearJSON = () => {
+ setJsonData('');
+ };
+ const handleClearSQL = () => {
+ setSqlData('');
+ };
+ const handleDownloadExcelTemplate = () => {
+ // 下载Excel模板
Review Comment:
Please use English for annotation.
##########
inlong-dashboard/src/ui/components/EditableTable/index.tsx:
##########
@@ -274,23 +304,300 @@ const EditableTable = ({
),
} as any);
}
+ const [csvData, setCsvData] = useState('');
+ const [jsonData, setJsonData] = useState('');
+ const [sqlData, setSqlData] = useState('');
+ const [isModalVisible, setIsModalVisible] = useState(false);
+ const [parseMethod, setParseMethod] = useState('CSV');
+ const [parseStatement, setParseStatement] = useState('');
+ const [previewData, setPreviewData] = useState(null);
+
+ const {
+ loading,
+ data: pData,
+ error,
+ run: runParseFields,
+ } = useRequest(
+ {
+ url: '/stream/parseFields',
+ method: 'POST',
+ data: {
+ method: parseMethod,
+ statement: parseStatement,
+ },
+ },
+ {
+ manual: true,
+ onSuccess: res => {
+ setPreviewData(res);
+ },
+ },
+ );
+
+ const handleParseCsv = () => {
+ setParseMethod('csv');
+ setParseStatement(csvData);
+ runParseFields();
+ };
+
+ const handleParseJSON = () => {
+ setParseMethod('json');
+ setParseStatement(jsonData);
+ runParseFields();
+ // 解析JSON数据
+ message.success('JSON数据解析成功');
+ };
+ const handleParseSQL = () => {
+ setParseMethod('sql');
+ setParseStatement(sqlData);
+ runParseFields();
+ // 解析SQL数据
+ message.success('SQL数据解析成功');
+ };
+ const handleClearCSV = () => {
+ setCsvData('');
+ setPreviewData(null);
+ };
+ const handleClearJSON = () => {
+ setJsonData('');
+ };
+ const handleClearSQL = () => {
+ setSqlData('');
+ };
+ const handleDownloadExcelTemplate = () => {
+ // 下载Excel模板
+ message.success('Excel模板下载成功');
+ };
+ const handleUploadExcel = () => {
+ // 上传Excel数据并解析
Review Comment:
ditto
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: [email protected]
For queries about this service, please contact Infrastructure at:
[email protected]
