update pay function
This commit is contained in:
@@ -42,6 +42,8 @@ export interface KLineChartModalProps {
|
|||||||
eventTime?: string | null;
|
eventTime?: string | null;
|
||||||
/** 模态框大小 */
|
/** 模态框大小 */
|
||||||
size?: string;
|
size?: string;
|
||||||
|
/** z-index 层级(用于嵌套 Modal 场景) */
|
||||||
|
zIndex?: number;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@@ -62,6 +64,7 @@ const KLineChartModal: React.FC<KLineChartModalProps> = ({
|
|||||||
stock,
|
stock,
|
||||||
eventTime,
|
eventTime,
|
||||||
size = '5xl',
|
size = '5xl',
|
||||||
|
zIndex,
|
||||||
}) => {
|
}) => {
|
||||||
const chartRef = useRef<HTMLDivElement>(null);
|
const chartRef = useRef<HTMLDivElement>(null);
|
||||||
const chartInstance = useRef<echarts.ECharts | null>(null);
|
const chartInstance = useRef<echarts.ECharts | null>(null);
|
||||||
@@ -447,13 +450,14 @@ const KLineChartModal: React.FC<KLineChartModalProps> = ({
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<Modal isOpen={isOpen} onClose={onClose} size={size}>
|
<Modal isOpen={isOpen} onClose={onClose} size={size}>
|
||||||
<ModalOverlay bg="blackAlpha.700" />
|
<ModalOverlay bg="blackAlpha.700" zIndex={zIndex} />
|
||||||
<ModalContent
|
<ModalContent
|
||||||
maxW="90vw"
|
maxW="90vw"
|
||||||
maxH="85vh"
|
maxH="85vh"
|
||||||
bg="#1a1a1a"
|
bg="#1a1a1a"
|
||||||
borderColor="#404040"
|
borderColor="#404040"
|
||||||
borderWidth="1px"
|
borderWidth="1px"
|
||||||
|
zIndex={zIndex}
|
||||||
>
|
>
|
||||||
<ModalHeader pb={3} borderBottomWidth="1px" borderColor="#404040">
|
<ModalHeader pb={3} borderBottomWidth="1px" borderColor="#404040">
|
||||||
<VStack align="flex-start" spacing={1}>
|
<VStack align="flex-start" spacing={1}>
|
||||||
|
|||||||
@@ -840,7 +840,7 @@ const InvestmentCalendar = () => {
|
|||||||
)}
|
)}
|
||||||
</Modal>
|
</Modal>
|
||||||
|
|
||||||
{/* K线图弹窗 */}
|
{/* K线图弹窗 - 需要更高的 z-index,因为投资日历本身就是 Modal */}
|
||||||
{selectedStock && (
|
{selectedStock && (
|
||||||
<KLineChartModal
|
<KLineChartModal
|
||||||
isOpen={klineModalVisible}
|
isOpen={klineModalVisible}
|
||||||
@@ -851,6 +851,8 @@ const InvestmentCalendar = () => {
|
|||||||
}}
|
}}
|
||||||
stock={selectedStock}
|
stock={selectedStock}
|
||||||
eventTime={selectedEventTime}
|
eventTime={selectedEventTime}
|
||||||
|
size="5xl"
|
||||||
|
zIndex={2000}
|
||||||
/>
|
/>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user