!2794 新增:板件属性增加图纸拾取材料功能

src/Add-on/twoD2threeD/Modals/Rec2Br.tsx

@@ -82,7 +82,7 @@ export class Rec2BrModal extends React.Component<{ store: Rec2BrStore; }, {}>
         this.removeFuncs.length = 0;
     }
     //拾取 距离 板件 模板
-    private getOption = async (state: GetOptionState) =>
+    private getOption = async (state: GetOptionState, isMaterial?: Boolean) =>
     {
         app.Editor.ModalManage.ToggleShow();
         app.Editor.MaskManage.Clear();
@@ -96,10 +96,22 @@ export class Rec2BrModal extends React.Component<{ store: Rec2BrStore; }, {}>
                 if (enRes1.Status === PromptStatus.OK)
                 {
                     const data = (enRes1.Entity as Board).BoardProcessOption;
-                    this.props.store.m_Option.roomName = data[EBoardKeyList.RoomName];
+                    if (isMaterial)
-                    this.props.store.UIOption.roomName = data[EBoardKeyList.RoomName];
+                    {
-                    this.props.store.m_Option.cabinetName = data[EBoardKeyList.CabinetName];
+                        this.props.store.m_Option.boardMatName = data[EBoardKeyList.BrMat];
-                    this.props.store.UIOption.cabinetName = data[EBoardKeyList.CabinetName];
+                        this.props.store.UIOption.boardMatName = data[EBoardKeyList.BrMat];
+                        this.props.store.m_Option.color = data[EBoardKeyList.Color];
+                        this.props.store.UIOption.color = data[EBoardKeyList.Color];
+                        this.props.store.m_Option.material = data[EBoardKeyList.Mat];
+                        this.props.store.UIOption.material = data[EBoardKeyList.Mat];
+                    }
+                    else
+                    {
+                        this.props.store.m_Option.roomName = data[EBoardKeyList.RoomName];
+                        this.props.store.UIOption.roomName = data[EBoardKeyList.RoomName];
+                        this.props.store.m_Option.cabinetName = data[EBoardKeyList.CabinetName];
+                        this.props.store.UIOption.cabinetName = data[EBoardKeyList.CabinetName];
+                    }
                 }
                 break;
             case GetOptionState.GetDistance:

src/Add-on/twoD2threeD/R2BProcessComponent.tsx

@@ -1,4 +1,4 @@
-import { Card, Classes, H5, HTMLSelect } from "@blueprintjs/core";
+import { Button, Card, Classes, H5, HTMLSelect } from "@blueprintjs/core";
 import { observable } from 'mobx';
 import { observer } from 'mobx-react';
 import * as React from 'react';
@@ -14,11 +14,12 @@ import { Rec2BrStore } from './Rec2BrStore';
 export interface IR2BProcessComponentProps
 {
     store: Rec2BrStore;
-    getOption: (state: GetOptionState) => void;
+    getOption: (state: GetOptionState, isMaterial?: Boolean) => void;
 }
 
 @observer
-export class R2BProcessComponent extends React.Component<IR2BProcessComponentProps> {
+export class R2BProcessComponent extends React.Component<IR2BProcessComponentProps>
+{
     private showShops = observable.box(false);
 
     private matPars = [
@@ -45,6 +46,8 @@ export class R2BProcessComponent extends React.Component<IR2BProcessComponentPro
                             className="bp3-button bp3-intent-success"
                             onClick={() => this.showShops.set(true)}
                         >选择</button>
+                        <Button style={{ width: "2rem", height: "80px" }} text="拾取" intent="success"
+                            onClick={() => this.props.getOption(GetOptionState.GetBoard, true)} />
                         {
                             this.showShops.get() && <GoodsListDiv
                                 open={this.showShops}

src/UI/Components/Board/BoardCommon.tsx

@@ -833,12 +833,11 @@ export class DrillTypeSelectCom extends React.Component<IDrillTypeSelect, { isDa
         const options = this.Options;
 
         const select = <HTMLSelect
-            className="select-drillType"
+            className="select-drillType modal-pick"
             value={this.props.opt.drillType}
             disabled={isHeightDrillLock}
             style={{
                 padding: "0 5px",
-                width: this.props.br && this.props.isShowHigh && "100%",
                 outline: this.state.isDanger && "1px red solid",
             }}
             options={options}

src/UI/Components/Board/BoardProcessModal.tsx

@@ -109,6 +109,7 @@ export class BoardProcessModal extends React.Component<BoardProcessProps, {}>
         const el =
             <>
                 <SetBoardDataItem
+                    className='modal-pick'
                     type={CheckObjectType.BR}
                     optKey="roomName"
                     option={this.props.opt}
@@ -116,6 +117,7 @@ export class BoardProcessModal extends React.Component<BoardProcessProps, {}>
                     placeHolder="输入房间名"
                 />
                 <SetBoardDataItem
+                    className='modal-pick'
                     type={CheckObjectType.BR}
                     optKey="cabinetName"
                     option={this.props.opt}
@@ -317,6 +319,26 @@ export class BoardProcessModal extends React.Component<BoardProcessProps, {}>
         }
         return options;
     }
+    private getBoardValue = async () =>
+    {
+        app.Editor.ModalManage.ToggleShow();
+        app.Editor.MaskManage.Clear();
+
+        let enRes = await app.Editor.GetEntity({
+            Msg: "选择板件",
+            Filter: { filterTypes: [Board] }
+        });
+
+        if (enRes.Status === PromptStatus.OK)
+        {
+            const data = (enRes.Entity as Board).BoardProcessOption;
+            this.props.opt[EBoardKeyList.BrMat] = data[EBoardKeyList.BrMat];
+            this.props.opt[EBoardKeyList.Mat] = data[EBoardKeyList.Mat];
+            this.props.opt[EBoardKeyList.Color] = data[EBoardKeyList.Color];
+        }
+        app.Editor.ModalManage.ToggleShow();
+        app.Editor.MaskManage.ShowMask();
+    };
 
     async UNSAFE_componentWillMount()
     {
@@ -346,6 +368,7 @@ export class BoardProcessModal extends React.Component<BoardProcessProps, {}>
                 }
                 <div className="flex br-mat">
                     <SetBoardDataBlock
+                        className='modal-pick'
                         type={CheckObjectType.BR}
                         pars={this.matPars}
                         option={this.props.opt}
@@ -356,6 +379,7 @@ export class BoardProcessModal extends React.Component<BoardProcessProps, {}>
                         style={{ width: "2rem" }}
                         onClick={() => this.showShops.set(true)}
                     >选择</button>
+                    <Button style={{ width: "2rem" }} text="拾取" intent="success" onClick={() => this.getBoardValue()} />
                     {
                         this.showShops.get() && <GoodsListDiv
                             open={this.showShops}
@@ -367,6 +391,7 @@ export class BoardProcessModal extends React.Component<BoardProcessProps, {}>
                     <label className="bp3-label bp3-inline .modifier">
                         <span>纹路:</span>
                         <HTMLSelect
+                            className='modal-pick'
                             value={this.props.opt.lines.toString()}
                             options={LineTypeSelectOption}
                             onChange={e =>
@@ -378,7 +403,7 @@ export class BoardProcessModal extends React.Component<BoardProcessProps, {}>
                     <label className="bp3-label bp3-inline .modifier" style={{ display: "flex" }}>
                         <span>加工组:</span>
                         <div className="flex" style={{ display: "inline-flex", width: "83%" }}>
-                            <input className="bp3-input br-process-input" title="双击查看详细内容" value={tagValue} readOnly style={{ flex: 1 }} onDoubleClick={this.onProcessInputDbClick} />
+                            <input className="bp3-input br-process-input modal-pick" title="双击查看详细内容" value={tagValue} readOnly style={{ flex: 1 }} onDoubleClick={this.onProcessInputDbClick} />
                             <Button
                                 text="更多"
                                 intent="success"
@@ -442,6 +467,7 @@ export class BoardProcessModal extends React.Component<BoardProcessProps, {}>
                     <label className="bp3-label bp3-inline .modifier">
                         <span>大孔面:</span>
                         <HTMLSelect
+                            className='modal-pick'
                             value={this.props.topBottomOption?.bigHoleDir != undefined ? this.props.topBottomOption.bigHoleDir.toString() : this.props.opt.bigHoleDir.toString()}
                             options={
                                 this.getOptions(this.props.type)
@@ -455,7 +481,7 @@ export class BoardProcessModal extends React.Component<BoardProcessProps, {}>
                             }}
                         />
                     </label>
-                    <label className="bp3-label bp3-inline .modifier" style={{ width: 175 }}>
+                    <label className="bp3-label bp3-inline .modifier" style={{ width: 180 }}>
                         <span>排钻:</span>
                         <DrillTypeSelectCom
                             opt={this.props.opt}
@@ -468,6 +494,7 @@ export class BoardProcessModal extends React.Component<BoardProcessProps, {}>
                     <label className="bp3-label  bp3-inline .modifier">
                         <span>排版面:</span>
                         <HTMLSelect
+                            className='modal-pick'
                             value={this.props.opt.composingFace.toString()}
                             options={ComposingFaceSelectOption}
                             onChange={e =>

src/UI/Components/Modal/ModalStyle/BoardModal.less

@@ -45,6 +45,15 @@
         .br-set input {
             margin-left: 5px;
         }
+
+        .modal-pick.br-set input {
+            width: 11rem;
+        }
+
+        .modal-pick select,
+        .br-set input {
+            width: 11rem;
+        }
     }
 }
 
@@ -144,6 +153,10 @@
     .closing-input .bp3-input {
         width: 8rem;
     }
+
+    .board-info .modal-pick.bp3-input {
+        width: 11rem;
+    }
 }
 
 /* 板长宽厚尺寸拾取，板件拾取*/
@@ -283,6 +296,10 @@
         input {
             width: 6.5rem;
         }
+
+        .modal-pick input {
+            width: 6rem;
+        }
     }
 
     .br-mat>div>div:last-child {

src/UI/Components/RightPanel/BoardProps.less

@@ -79,6 +79,10 @@
     width: 15rem;
 }
 
+#boardPropsCom .board-info .modal-pick .br-set input {
+    width: 12.5rem;
+}
+
 #boardPropsCom {
     .boardSize {
         min-width: 151px;