From 24456b633881a079cdaeb8b9e9812dc6017ea646 Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期四, 28 三月 2024 16:39:55 +0800
Subject: [PATCH] #
---
zy-asrs-flow/src/pages/map/index.css | 4 ++++
zy-asrs-flow/src/pages/map/drawer/shelf/view.jsx | 41 ++++++++++++++++++++++++++++++++++++++---
2 files changed, 42 insertions(+), 3 deletions(-)
diff --git a/zy-asrs-flow/src/pages/map/drawer/shelf/view.jsx b/zy-asrs-flow/src/pages/map/drawer/shelf/view.jsx
index f88d398..ca147d5 100644
--- a/zy-asrs-flow/src/pages/map/drawer/shelf/view.jsx
+++ b/zy-asrs-flow/src/pages/map/drawer/shelf/view.jsx
@@ -18,15 +18,19 @@
height: '100%',
width: '50%',
},
+ spinWrapper: {
+ height: '100%',
+ },
threeContainer: {
zIndex: 99,
width: '100%',
- height: '688.88px',
+ height: '100%',
},
tableInfo: {
height: '100%',
width: '50%',
- padding: '0 10px 0 15px'
+ padding: '0 10px 0 15px',
+ overflow: 'auto',
}
}
})
@@ -65,11 +69,12 @@
return (
<>
<div className={styles.infoBox}>
- <div className={styles.threeInfo}>
+ <div className={`${styles.threeInfo} three-spin`}>
<Spin
spinning={loading}
indicator={<LoadingOutlined spin />}
size={'large'}
+ wrapperClassName={styles.spinWrapper}
>
<div ref={refContainer} className={styles.threeContainer}></div>
</Spin>
@@ -92,6 +97,36 @@
children: 'Prepaid',
},
{
+ key: '1',
+ label: 'Product',
+ children: 'Cloud Database',
+ },
+ {
+ key: '2',
+ label: 'Billing Mode',
+ children: 'Prepaid',
+ },
+ {
+ key: '1',
+ label: 'Product',
+ children: 'Cloud Database',
+ },
+ {
+ key: '2',
+ label: 'Billing Mode',
+ children: 'Prepaid',
+ },
+ {
+ key: '1',
+ label: 'Product',
+ children: 'Cloud Database',
+ },
+ {
+ key: '2',
+ label: 'Billing Mode',
+ children: 'Prepaid',
+ },
+ {
key: '3',
label: 'Automatic Renewal',
children: <Button> submit</Button>,
diff --git a/zy-asrs-flow/src/pages/map/index.css b/zy-asrs-flow/src/pages/map/index.css
index a60f254..46edbf2 100644
--- a/zy-asrs-flow/src/pages/map/index.css
+++ b/zy-asrs-flow/src/pages/map/index.css
@@ -40,4 +40,8 @@
.drawer-card .ant-card-body {
height: 95%;
padding: 12px;
+}
+
+.three-spin .ant-spin-container {
+ height: 100%;
}
\ No newline at end of file
--
Gitblit v1.9.1