From a62ffbff96b2a851c605525ccf7eee3346b31a89 Mon Sep 17 00:00:00 2001 From: luxiaotao1123 <t1341870251@163.com> Date: 星期三, 13 十一月 2024 09:12:47 +0800 Subject: [PATCH] # --- zy-acs-flow/src/config/setting.js | 2 +- zy-acs-flow/src/page/mission/MissionCard.jsx | 17 +++++++++++++++-- 2 files changed, 16 insertions(+), 3 deletions(-) diff --git a/zy-acs-flow/src/config/setting.js b/zy-acs-flow/src/config/setting.js index 31a006c..83fea86 100644 --- a/zy-acs-flow/src/config/setting.js +++ b/zy-acs-flow/src/config/setting.js @@ -39,4 +39,4 @@ export const LOGIN_BACKGROUND = 'image'; // image | media -export const CUSTOM_PAGES_DATA_INTERVAL = 100000; \ No newline at end of file +export const CUSTOM_PAGES_DATA_INTERVAL = 1000; \ No newline at end of file diff --git a/zy-acs-flow/src/page/mission/MissionCard.jsx b/zy-acs-flow/src/page/mission/MissionCard.jsx index 2a7bdae..0fc1c16 100644 --- a/zy-acs-flow/src/page/mission/MissionCard.jsx +++ b/zy-acs-flow/src/page/mission/MissionCard.jsx @@ -1,3 +1,4 @@ +import React, { useState, useEffect } from 'react'; import { Draggable } from '@hello-pangea/dnd'; import { Box, Card, Typography, Avatar, Divider, Stack, Slider, useTheme } from '@mui/material'; import { ReferenceField, useRedirect, useTranslate } from 'react-admin'; @@ -20,7 +21,7 @@ ); }; -export const MissionCardContent = ({ provided, snapshot, mission, }) => { +export const MissionCardContent = ({ provided, snapshot, mission }) => { const theme = useTheme(); const translate = useTranslate(); const redirect = useRedirect(); @@ -28,6 +29,16 @@ redirect(`/mission/${mission.id}/show`, undefined, undefined, undefined, { _scrollToTop: false, }); + }; + + const [sliderValue, setSliderValue] = useState(mission.progress || 0); + + useEffect(() => { + setSliderValue(mission.progress || 0); + }, [mission.progress]); + + const handleSliderChange = (event, newValue) => { + setSliderValue(newValue); }; return ( @@ -80,7 +91,9 @@ <Stack pl={0.5} pr={0.5} direction="row" spacing={1} alignItems="center" mb={.6}> <Slider aria-label="Progress" - defaultValue={mission.progress} + // defaultValue={mission.progress} + value={sliderValue} + onChange={handleSliderChange} getAriaValueText={(value) => { return `${value}%`; }} -- Gitblit v1.9.1