From 3074821609454b94a4a3f7ae51900af978556362 Mon Sep 17 00:00:00 2001 From: luxl <726857632@qq.com> Date: Tue, 14 Nov 2023 16:39:53 +0800 Subject: [PATCH 1/3] Update MjLogsTable.js --- web/src/components/MjLogsTable.js | 79 ++++++++++++++++++++----------- 1 file changed, 51 insertions(+), 28 deletions(-) diff --git a/web/src/components/MjLogsTable.js b/web/src/components/MjLogsTable.js index 8a93d13..02ba759 100644 --- a/web/src/components/MjLogsTable.js +++ b/web/src/components/MjLogsTable.js @@ -1,5 +1,5 @@ import React, { useEffect, useState } from 'react'; -import { Button, Form, Header, Label, Pagination, Segment, Select, Table } from 'semantic-ui-react'; +import { Button, Form, Header, Label, Pagination, Segment, Select, Table,Modal } from 'semantic-ui-react'; import { API, isAdmin, showError, timestamp2string } from '../helpers'; import { ITEMS_PER_PAGE } from '../constants'; @@ -85,6 +85,8 @@ const LogsTable = () => { const [searching, setSearching] = useState(false); const [logType, setLogType] = useState(0); const isAdminUser = isAdmin(); + + let now = new Date(); const [inputs, setInputs] = useState({ username: '', @@ -100,33 +102,14 @@ const LogsTable = () => { token: 0 }); - const handleInputChange = (e, { name, value }) => { - setInputs((inputs) => ({ ...inputs, [name]: value })); + const [modalContent, setModalContent] = useState(''); + const [showModal, setShowModal] = useState(false); + + const showFullContent = (content) => { + setModalContent(content); + setShowModal(true); }; - const getLogSelfStat = async () => { - let localStartTimestamp = Date.parse(start_timestamp) / 1000; - let localEndTimestamp = Date.parse(end_timestamp) / 1000; - let res = await API.get(`/api/log/self/stat?type=${logType}&token_name=${token_name}&model_name=${model_name}&start_timestamp=${localStartTimestamp}&end_timestamp=${localEndTimestamp}`); - const { success, message, data } = res.data; - if (success) { - setStat(data); - } else { - showError(message); - } - }; - - const getLogStat = async () => { - let localStartTimestamp = Date.parse(start_timestamp) / 1000; - let localEndTimestamp = Date.parse(end_timestamp) / 1000; - let res = await API.get(`/api/log/stat?type=${logType}&username=${username}&token_name=${token_name}&model_name=${model_name}&start_timestamp=${localStartTimestamp}&end_timestamp=${localEndTimestamp}`); - const { success, message, data } = res.data; - if (success) { - setStat(data); - } else { - showError(message); - } - }; const loadLogs = async (startIdx) => { let url = ''; @@ -301,6 +284,15 @@ const LogsTable = () => { > Prompt +
{modalContent}+