mirror of https://gitee.com/cf-fz/WebCAD.git
parent
68fe15ae7c
commit
a0f8148c81
@ -1,17 +1,14 @@
|
||||
import { inject, observer } from 'mobx-react';
|
||||
import * as React from 'react';
|
||||
|
||||
import { SideBoardStore } from '../../Store/BoardStore';
|
||||
import { SetBoardDataItem } from './BoardCommon';
|
||||
import { SetBoardDataBlock } from './BoardCommon';
|
||||
|
||||
|
||||
export const LeftRightBoardModal =
|
||||
inject("store")
|
||||
(observer((props: { store?: SideBoardStore }) => (
|
||||
<div>
|
||||
{
|
||||
Array.from(props.store.m_Parameter.keys()).map(k =>
|
||||
<SetBoardDataItem key={k} k={k} behindBoardOption={props.store.boardOption} title={props.store.m_Parameter.get(k)} />
|
||||
)
|
||||
}
|
||||
</div>
|
||||
<SetBoardDataBlock
|
||||
pars={props.store.m_Parameter}
|
||||
opt={props.store.boardOption}
|
||||
/>
|
||||
)))
|
||||
|
@ -1,44 +1,94 @@
|
||||
#modal{
|
||||
position: fixed;
|
||||
top:40px;
|
||||
right:0;
|
||||
width: 300px;
|
||||
min-height: auto;
|
||||
}
|
||||
#modal h5{
|
||||
#lightModal h5{
|
||||
color: #CCCCCC;
|
||||
}
|
||||
#modal .pt-dialog{
|
||||
|
||||
#lightModal .pt-dialog{
|
||||
background: #444444;
|
||||
color: #CCCCCC;
|
||||
font-size: 16px;
|
||||
}
|
||||
#modal .pt-dialog-header{
|
||||
#lightModal .pt-dialog-header{
|
||||
background: #394b59
|
||||
}
|
||||
#modal .pt-dialog>.pt-dialog-body>div{
|
||||
#lightModal .pt-dialog>.pt-dialog-body>div{
|
||||
margin:10px 0;
|
||||
text-align: right;
|
||||
}
|
||||
#modal .pt-dialog-body .twoCol>label{
|
||||
#lightModal .pt-dialog-body .twoCol>label{
|
||||
display: inline-block;
|
||||
width: 20%;
|
||||
vertical-align: super;
|
||||
text-align: left;
|
||||
}
|
||||
#modal .pt-dialog-body .twoCol>input{
|
||||
#lightModal .pt-dialog-body .twoCol>input{
|
||||
vertical-align: super;
|
||||
width: 75%;
|
||||
}
|
||||
|
||||
#modal ul{
|
||||
#lightModal ul{
|
||||
display: inline-block;
|
||||
list-style: none;
|
||||
padding-left: 0;
|
||||
width: 75%;
|
||||
margin: 0;
|
||||
}
|
||||
#modal li{
|
||||
#lightModal li{
|
||||
display: inline-block;
|
||||
width: 33.3333%
|
||||
}
|
||||
|
||||
/**************板件模态框样式*************/
|
||||
.boardRadio{
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.boardRadio>label{
|
||||
margin-right: 10px;
|
||||
}
|
||||
#behindBr .flexWrap>div{
|
||||
width: 50%;
|
||||
line-height: 15px;
|
||||
}
|
||||
#behindBr .flexWrap>div{
|
||||
width: 50%;
|
||||
line-height: 30px;
|
||||
}
|
||||
#behindBr .flexWrap>div .pt-input{
|
||||
padding:0 0 0 5px;
|
||||
width: 60px;
|
||||
}
|
||||
#behindBr .boardModel{
|
||||
display: inline-block;
|
||||
width: 35px;
|
||||
height: 50px;
|
||||
border: 1px solid #000;
|
||||
vertical-align: middle;
|
||||
margin: 10px;
|
||||
}
|
||||
#behindBr .boardSize .pt-label{
|
||||
display: inline-block;
|
||||
margin: 0 5px;
|
||||
}
|
||||
#behindBr .boardSize .pt-inline{
|
||||
line-height: 15px;
|
||||
}
|
||||
|
||||
#behindBr .flex>div:first-child{
|
||||
width: 40%;
|
||||
}
|
||||
#behindBr .flex>div:last-child{
|
||||
width: 60%;
|
||||
}
|
||||
#behindBr .boardSize .pt-label>.pt-input{
|
||||
display: block;
|
||||
padding: 0;
|
||||
width: 50px;
|
||||
padding-left: 5px;
|
||||
line-height: 15px;
|
||||
}
|
||||
#behindBr .br-set{
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
Loading…
Reference in new issue