Commit 99ec47cd authored by 皮倩雯's avatar 皮倩雯

fix: '地图配置界面留白优化'

parent 621d0181
Pipeline #43635 skipped with stages
.container{
width: 100%;
.container {
width: 100%;
background-color: #ffffff;
padding: 0.8rem;
display: flex;
.ant-table {
min-height: 15rem !important;
}
.ant-table-thead tr th {
font-weight: 600;
color: rgba(0, 0, 0, 0.85);
}
overflow-y: scroll;
.ant-input-number-input {
background-color: #ffffff;
padding: 0.8rem;
display: flex;
.ant-table {
min-height: 15rem !important;
}
.ant-table-thead tr th {
font-weight: 600;
color: rgba(0, 0, 0, 0.85);
}
overflow-y: scroll;
.ant-input-number-input{
background-color: #ffffff;
color: #000000;
}
.ant-card-body {
padding: 12px 24px 24px 25px;
}
}
.imgList{
display: flex;
flex-wrap: wrap;
}
.imgItem{
display: flex;
flex-direction: column;
align-items: center;
margin:0 1rem 1rem 0;
}
.tileBtn{
display: flex;
justify-content: flex-end;
width: 100%;
padding: 0 0 2rem
}
.schemeName{
margin-right: 0.8rem;
font-weight: bold;
color: #000000;
}
.ant-card-body {
padding: 12px 24px 24px 25px;
}
}
.imgList {
display: flex;
flex-wrap: wrap;
}
.imgItem {
display: flex;
flex-direction: column;
align-items: center;
margin: 0 1rem 1rem 0;
}
.tileBtn {
display: flex;
justify-content: flex-end;
width: 100%;
padding: 0 0 2rem;
}
.schemeName {
margin-right: 0.8rem;
font-weight: bold;
}
.schemeItem,.schemeBtn{
display: flex;
align-items: center;
}
.schemeBtn{
width: 12rem;
justify-content: center;
}
.mapItem{
display: flex;
border: 1px solid #ccc;
border-radius: 4px;
height: 2.2rem;
align-items: center;
margin: 0.5rem 0;
width: 14.5rem;
}
.defaultTile{
background: #ccc;
color: white;
cursor: pointer;
height: 100%;
display: flex;
align-items: center;
width: 3rem;
justify-content: center;
.schemeItem,
.schemeBtn {
display: flex;
align-items: center;
}
.mapText{
width: 10rem;
text-align: center;
.schemeBtn {
width: 12rem;
justify-content: center;
}
.mapIcon{
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
.mapItem {
display: flex;
border: 1px solid #ccc;
border-radius: 4px;
height: 2.2rem;
align-items: center;
margin: 0.5rem 0;
width: 14.5rem;
}
.activeTile{
background-color: #4699f4
.defaultTile {
background: #ccc;
color: white;
cursor: pointer;
height: 100%;
display: flex;
align-items: center;
width: 3rem;
justify-content: center;
}
.mapText {
width: 10rem;
text-align: center;
}
.mapIcon {
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.activeTile {
background-color: #4699f4;
}
.dropList {
position: absolute;
right: 2%;
top: 25%;
color: rgba(0, 0, 0, 0.25);
z-index: 99;
}
.divider{
display: flex;
align-items: center;
line-height: 100%;
padding: 0.5rem;
.dividerIcon{
margin-left: 0.8rem;
color: #4699f4;
cursor: pointer;
}
position: absolute;
right: 2%;
top: 25%;
color: rgba(0, 0, 0, 0.25);
z-index: 99;
}
.cardsList{
display: flex;
flex-wrap: wrap;
}
.cardItem{
width: 18rem;
height: 26rem;
margin: 0 2rem;
.divider {
display: flex;
align-items: center;
line-height: 100%;
padding: 0.5rem;
.dividerIcon {
margin-left: 0.8rem;
color: #4699f4;
cursor: pointer;
}
.solutionConfig{
}
\ No newline at end of file
}
.cardsList {
display: flex;
flex-wrap: wrap;
height: 710px;
overflow-y: scroll;
}
.cardItem {
width: 18rem;
height: 26rem;
margin: 0 2rem;
}
// .solutionConfig {
// height: calc(100% - 30px);
// }
......@@ -46,7 +46,7 @@ const VectorData = props => {
return (
<>
<Spin tip="loading..." spinning={treeLoading}>
<div style={{ height: '780px', overflow: 'scroll' }}>
<div>
<div className={styles.tileBtn}>
<Button
type="primary"
......
......@@ -337,7 +337,7 @@ const VectorData = props => {
setVisible(false);
setFlag(flag + 1);
};
//删除web配置方案
// 删除web配置方案
const delWebConfirm = record => {
deleteConfig({
schemename: record['schemename'],
......@@ -465,36 +465,35 @@ const VectorData = props => {
return (
<>
<Spin tip="loading..." spinning={checkLoading}>
<div className={styles.solutionConfig}>
<div>
<Divider orientation="left">
<div className={styles.divider}>
{' '}
Web{' '}
<PlusOutlined
onClick={() => {
addType('add');
}}
className={styles.dividerIcon}
/>
</div>
</Divider>
<Table
columns={columns}
dataSource={webData}
bordered
style={{ minHeight: '210px' }}
pagination={{
showTotal: (total, range) => `第${range[0]}-${range[1]} 条/共 ${total} 条`,
defaultPageSize: 8,
onChange: value => {
setWebCurrent(value - 1);
},
}}
rowKey="schemename"
scroll={{ y: 210 }}
/>
</div>
<div>
<Divider orientation="left">
<div className={styles.divider}>
{' '}
Web{' '}
<PlusOutlined
onClick={() => {
addType('add');
}}
className={styles.dividerIcon}
/>
</div>
</Divider>
<Table
columns={columns}
dataSource={webData}
bordered
style={{ height: 'calc(100vh - 610px)' }}
pagination={{
showTotal: (total, range) => `第${range[0]}-${range[1]} 条/共 ${total} 条`,
defaultPageSize: 8,
onChange: value => {
setWebCurrent(value - 1);
},
}}
rowKey="schemename"
scroll={{ y: 210 }}
/>
<Divider orientation="left">
<div className={styles.divider}>
手持{' '}
......@@ -512,6 +511,7 @@ const VectorData = props => {
bordered
rowKey="schemename"
scroll={{ y: 210 }}
style={{ height: 'calc(100vh - 610px)' }}
pagination={{
showTotal: (total, range) => `第${range[0]}-${range[1]} 条/共 ${total} 条`,
defaultPageSize: 8,
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment