-
-
+
+
+
+
+
加工数据
+
+ {
+ Array.from(this.m_ScaleParameter.keys()).map(k =>
{
- store.behindBoardOption[k] = e.target.value;
- }}
- />
+ return (
+
+ {this.m_ScaleParameter.get(k)}:
+
+ {
+ store.behindBoardOption[k] = e.target.value;
+ }}
+ dir="auto" />
+
+ )
+ })
+ }
+
+
+
+
板件尺寸
+
- )
- })
- }
-
+
+
+
+
+
板件高度
+
+ {
+ store.behindBoardOption.boardHeight = e.currentTarget.value as BehindHeightPositon;
+
+ }}
+ selectedValue={store.behindBoardOption.boardHeight}
+ >
+
+
+
+
+
+ {
+ Array.from(this.m_HeightParameter.keys()).map(k =>
+ {
+ return (
+
+ {this.m_HeightParameter.get(k)}:
+
+ {
+ store.behindBoardOption[k] = e.target.value;
+ }}
+ dir="auto" />
+
+ )
+ })
+ }
+
+
+
+
配置板块
+
+ {
+ store.behindBoardOption.boardRelative = e.currentTarget.value as BehindRelativePositon;
+
+ }}
+ selectedValue={store.behindBoardOption.boardRelative}
+ >
+
+
+
+
+
+ {
+ Array.from(this.m_PosParameter.keys()).map(k =>
+ {
+ return (
+
+ )
+ })
+ }
+
+
+
+
)
}
}
+
diff --git a/src/UI/Components/Board/BoardCommon.tsx b/src/UI/Components/Board/BoardCommon.tsx
new file mode 100644
index 000000000..4305ae2c6
--- /dev/null
+++ b/src/UI/Components/Board/BoardCommon.tsx
@@ -0,0 +1,20 @@
+import { inject, observer } from 'mobx-react';
+import * as React from 'react';
+
+export const SetBoardDataItem = observer(({ k, behindBoardOption, title }) =>
+
+
+ {title}:
+
+
+ {
+ behindBoardOption[k] = e.target.value;
+ }}
+ />
+
+);
diff --git a/src/UI/Components/Board/BoardModal.tsx b/src/UI/Components/Board/BoardModal.tsx
index a3b8b7edb..6bf3be6ee 100644
--- a/src/UI/Components/Board/BoardModal.tsx
+++ b/src/UI/Components/Board/BoardModal.tsx
@@ -1,10 +1,20 @@
import { Button, Dialog } from '@blueprintjs/core';
import * as React from 'react';
-import { BehindBoardStore, BoardStore, ModalState, SideBoardStore, TopBottomBoardStore, LayerBoardStore, VerticalBoardStore } from '../../Store/BoardStore';
+
+import
+{
+ BehindBoardStore,
+ BoardStore,
+ LayerBoardStore,
+ ModalState,
+ SideBoardStore,
+ TopBottomBoardStore,
+ VerticalBoardStore,
+} from '../../Store/BoardStore';
import { BehindBoardModal } from './BehindBoardModal';
+import { LayerBoardModal } from './LayerBoardModal';
import { LeftRightBoardModal } from './leftRightBoardModal';
import { TopBottomBoardModal } from './TopBottomBoardModal';
-import { LayerBoardModal } from './LayerBoardModal';
import { VerticalBoardModal } from './VerticalBoardModal';
export enum BoardModalType
@@ -87,3 +97,70 @@ export class BoardModal extends React.Component
{
}
}
+export class BoardModal1 extends React.Component {
+
+ private m_ModalMap: Map;
+ constructor(props)
+ {
+ super(props);
+ let store = this.props.store;
+ this.m_ModalMap = new Map([
+ [BoardModalType.LR, ],
+ [BoardModalType.TB, ],
+ [BoardModalType.Be, ],
+ [BoardModalType.Ly, ],
+ [BoardModalType.Ve, ],
+ ])
+ }
+ render()
+ {
+ let store = this.props.store;
+
+ return (
+ e.stopPropagation()} >
+
+
+
+
store.title
+
+
+
+ {
+ e.stopPropagation();
+ }
+ }>
+ {
+ this.m_ModalMap.get(this.props.type)
+ }
+
+
+
+
+
+
+
{
- Array.from(store.m_Parameter.keys()).map(k =>
+ Array.from(props.store.m_Parameter.keys()).map(k =>
{
return (
-
+
{
- store.boardOption[k] = e.target.value;
+ props.store.boardOption[k] = e.target.value;
}}
/>
)
})
}
-
- )
- }
-}
+