添加柜子信息通用组件

src/UI/Components/Board/BehindBoardModal.tsx

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { Classes, Radio, RadioGroup } from '../../../../node_modules/@blueprintjs/core';
 import { observable } from '../../../../node_modules/mobx';
 import { BehindBoardStore, BehindHeightPositon, BoardRelativePositon } from '../../Store/BoardStore';
-import { BoardConfigBlock, BoardModel, SetBoardDataBlock, SetBoardDataItem, SetBoardDataItem2 } from './BoardCommon';
+import { BoardConfigBlock, BoardModel, SetBoardDataBlock, SetBoardDataItem, SetBoardDataItem2, BoardInfo } from './BoardCommon';
 
 @inject("store")
 @observer
@@ -101,6 +101,9 @@ export class BehindBoardModal extends React.Component<{ store?: BehindBoardStore
                         opt1={new Map([[BoardRelativePositon.ForFront, "靠前"], [BoardRelativePositon.ForBack, "靠后"]])}
                     />
                 </div>
+                <div className="bp3-card">
+                    <BoardInfo />
+                </div>
             </div>
         )
     }

src/UI/Components/Board/BoardCommon.tsx

@@ -1,6 +1,6 @@
 import { observer } from 'mobx-react';
 import * as React from 'react';
-import { RadioGroup, Radio, Classes } from '../../../../node_modules/@blueprintjs/core';
+import { RadioGroup, Radio, Classes, InputGroup, Popover, Menu, MenuItem, Button, Checkbox } from '../../../../node_modules/@blueprintjs/core';
 import { BoardRelativePositon } from '../../Store/BoardStore';
 
 //设置板件数据组件
@@ -61,7 +61,6 @@ export const BoardModel = () =>
         </label>
     )
 }
-
 export const BoardConfigBlock = observer(({ opt, pars, opt1 }: { opt: any, pars: Map<string, string>, opt1: Map<BoardRelativePositon, string> }) =>
     <div>
         <div>
@@ -99,3 +98,70 @@ export const BoardConfigBlock = observer(({ opt, pars, opt1 }: { opt: any, pars:
         </div>
     </div>
 );
+
+export const BoardInfo = (props: { store?: any }) =>
+{
+    let pars = new Map([
+        ["rootName", "房间名"], ["cupboardName", "柜名"], ["matName", "板材名"], ["mat", "材料"], ["color", "颜色"]
+    ])
+    return (
+        <div className="boardSize center">
+            <SetBoardDataBlock pars={pars} opt={{}} />
+            <label className="bp3-label .modifier">
+                纹路
+                <div className="bp3-select bp3-inline  .modifier">
+                    <select>
+                        <option value="0">正纹</option>
+                        <option value="1">反纹</option>
+                        <option value="1">可翻转</option>
+                    </select>
+                </div>
+            </label>
+            <label className="bp3-label .modifier">
+                打孔面
+                <div className="bp3-select bp3-inline .modifier">
+                    <select>
+                        <option value="0">正</option>
+                        <option value="1">反</option>
+                        <option value="1">不排</option>
+                    </select>
+                </div>
+            </label>
+            <label className="bp3-label .modifier">
+                排钻
+                <div className="bp3-select bp3-inline .modifier">
+                    <select>
+                        <option value="0">三合一</option>
+                        <option value="1">二合一</option>
+                    </select>
+                </div>
+            </label>
+            <label className="bp3-label .modifier">
+                排版面
+                <div className="bp3-select bp3-inline .modifier">
+                    <select>
+                        <option value="0">正面</option>
+                        <option value="1">反面</option>
+                        <option value="1">随意面</option>
+                    </select>
+                </div>
+            </label>
+            <div>
+                <label htmlFor="">排孔面</label>
+                <Checkbox checked={true} label="正" />
+                <Checkbox checked={true} label="反" />
+            </div>
+            <h6 className={Classes.HEADING}>材料封边</h6>
+            <div>
+                <input type="text" className="bp3-input" />
+                <div>
+                    <input type="text" className="bp3-input" />
+                    <BoardModel />
+                    <input type="text" className="bp3-input" />
+                </div>
+                <input type="text" className="bp3-input" />
+            </div>
+        </div>
+    )
+}
+

src/UI/Components/Board/BoardModal.tsx

@@ -213,7 +213,6 @@ export class BoardModal extends React.Component<BoardModalProps, BoardModalState
                                                 keepTogether: { enabled: true },
                                                 preventOverflow: { enabled: true, boundariesElement: "scrollParent" }
                                             }}
-                                            // position="bottom"
                                             content={
                                                 <Menu>
                                                     {

src/UI/Components/Board/LayerBoardModal.tsx

@@ -16,10 +16,10 @@ export const LayerBoardModal =
             let nailOpt = props.store.layerNailOption;
             return (
                 <div>
-                    <label className="pt-label pt-inline">
+                    <label className="bp3-label bp3-inline">
                         板名称:
                         <input
-                            className="pt-input"
+                            className="bp3-input"
                             value={props.store.name}
                             onChange={e =>
                             {
@@ -29,7 +29,7 @@ export const LayerBoardModal =
                     </label>
                     <div>
                         <h6 className={Classes.HEADING}>板件尺寸</h6>
-                        <div className="flex" style={{ alignItems: "center" }}>
+                        <div className="flex" style={{ alignItems: "center", justifyContent: "flex-start" }}>
                             <div className="flexWrap">
                                 {
                                     Array.from(scalePars.keys()).map(k =>

src/UI/Components/Modal/Modal.css

@@ -122,3 +122,6 @@
 #boardModal .input-select>input #boardModal .input-select span {
     margin: 0;
 }
+#boardModal .behind-board{
+    display: flex;
+}

src/UI/Components/SourceManage/FilePanel.tsx

@@ -237,7 +237,7 @@ export class FilePanel extends React.Component<FileProps, FileState>
                     style={
                         {
                             overflow: "auto",
-                            height: 580
+                            height: "80%"
                         }
                     }
                 >