!2696 优化:右边栏(板件属性、五金)显示改进

src/UI/Components/Board/BoardCommon.tsx

@@ -845,7 +845,7 @@ export class DrillTypeSelectCom extends React.Component<IDrillTypeSelect, { isDa
                         minHeight: 18,
                         height: 18,
                         padding: 0,
-                        fontSize: 12
+                        fontSize: 12,
                     }}
                     onClick={() => this.editorDrilling(this.props.br)}
                 />

src/UI/Components/Board/BoardProcessModal.tsx

@@ -347,7 +347,7 @@ export class BoardProcessModal extends React.Component<BoardProcessProps, {}>
                     </label>
                     <label className="bp3-label bp3-inline .modifier" style={{ display: "flex" }}>
                         <span>加工组:</span>
-                        <div className="flex" style={{ display: "inline-flex", width: "65%" }}>
+                        <div className="flex" style={{ display: "inline-flex", width: "83%" }}>
                             <input className="bp3-input br-process-input" title="双击查看详细内容" value={this.tags.length > 0 ? this.tags.join(", ") : ""} readOnly style={{ flex: 1 }} onDoubleClick={this.onProcessInputDbClick} />
                             <Button
                                 text="更多"

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

@@ -8,6 +8,7 @@
         .bp3-popover-target {
             width: 100%;
         }
+
         .bp3-input {
             width: 100%;
         }
@@ -33,7 +34,7 @@
             margin-right: 20px;
         }
 
-        .bp3-button > span > a {
+        .bp3-button>span>a {
             text-decoration: none;
 
             &:hover {
@@ -59,7 +60,7 @@
             padding-bottom: 0px;
 
             .react-draggable {
-                > span > div {
+                >span>div {
                     margin-top: 5px;
                 }
             }
@@ -84,7 +85,7 @@
     // display: table-row;
     padding-left: 5px;
 
-    > span {
+    >span {
         width: 25px;
         text-align: center;
     }
@@ -152,10 +153,10 @@
         width: 320px;
         height: 100%;
 
-        & > div {
+        &>div {
             flex: 1;
 
-            & > ul {
+            &>ul {
                 outline: 1px solid #ccc;
                 padding-left: 5px;
                 overflow: auto;

src/UI/Components/RightPanel/BoardProps.less

@@ -1,5 +1,5 @@
 #boardPropsCom .br-name {
-    width: 12rem;
+    width: 18rem;
 }
 
 #boardPropsCom .bp3-input {
@@ -76,7 +76,7 @@
 
 #boardPropsCom .board-info select,
 #boardPropsCom .board-info .br-set input {
-    width: 9rem;
+    width: 15rem;
 }
 
 #boardPropsCom {
@@ -158,7 +158,7 @@
     }
 
     .notes>div>label {
-        height     : 2.5rem;
+        height: 2.5rem;
         line-height: 2.5rem;
     }
 

src/UI/Components/RightPanel/CommonMetalPanel.tsx

@@ -26,7 +26,8 @@ export interface ICommonMetalPanelProps
 }
 
 @observer
-export class CommonMetalPanel extends React.Component<ICommonMetalPanelProps> {
+export class CommonMetalPanel extends React.Component<ICommonMetalPanelProps>
+{
     private size = new Vector3();
     private length: string;
 
@@ -155,7 +156,7 @@ export class CommonMetalPanel extends React.Component<ICommonMetalPanelProps> {
         return (
             <>
                 <label className="bp3-label bp3-inline .modifier" style={{ display: "flex" }}>
-                    <span style={{ width: 65 }}>加工组:</span>
+                    <span style={{ width: 47 }}>加工组:</span>
                     <div style={{ display: "inline-flex", flex: 1, minWidth: 120 }}>
                         <input className="bp3-input" title="双击查看详细内容" value={this.tags.length > 0 ? this.tags.join(", ") : ""} readOnly style={{ minWidth: 100, flex: 1 }} onDoubleClick={this.onProcessInputDbClick} />
                         <Button
@@ -227,7 +228,7 @@ export class CommonMetalPanel extends React.Component<ICommonMetalPanelProps> {
                     {
                         return (
                             <Label className={`metal-label ${Classes.INLINE}`} key={k}>
-                                <span>{t}</span>
+                                <span >{t}</span>
                                 <input tabIndex={1} type="text" className={Classes.INPUT} value={option[k]} onChange={e => option[k] = e.target.value} />
                             </Label>
                         );
@@ -288,7 +289,7 @@ export class CommonMetalPanel extends React.Component<ICommonMetalPanelProps> {
                     {
                         metalTypeFields.map(([t, k]) => (
                             <Label className={`metal-label ${Classes.INLINE}`} key={k}>
-                                <span>{t}</span>
+                                <span >{t}</span>
                                 <input
                                     tabIndex={1}
                                     type="text"

src/UI/Components/RightPanel/RightPanel.less

@@ -389,8 +389,7 @@
 
     .common-matal_1,
     .common-matal_2,
-    .common-matal_3
-    {
+    .common-matal_3 {
         &>label {
             display: flex;
             align-items: center;
@@ -445,22 +444,22 @@
             }
         }
 
-        .room-cabinet-name{
+        .room-cabinet-name {
             display: flex;
 
             &>:first-child {
                 width: 45%;
 
-                .bp3-label{
+                .bp3-label {
                     display: flex;
 
                     span {
-                        flex:1
+                        flex: 1
                     }
 
                     input {
                         margin: 0;
-                        width: 70%;
+                        width: 72%;
                     }
                 }
             }
@@ -473,8 +472,7 @@
         }
 
         .metal-param,
-        .metal-param_name
-        {
+        .metal-param_name {
             display: flex;
             flex-wrap: wrap;
             justify-content: space-between;
@@ -485,12 +483,13 @@
             display: flex;
 
             span {
-                flex:1
+                flex: 1
             }
 
             input {
                 margin: 0;
-                width: 70%;
+                width: 72%;
+
             }
         }
     }
@@ -498,7 +497,7 @@
     .common-matal_2 {
         .room-cabinet-name {
             &>:first-child {
-                width: 70%;
+                width: 90%;
             }
 
             button {
@@ -511,7 +510,7 @@
             flex-direction: column;
 
             .metal-label {
-                width: 70%;
+                width: 88%;
             }
         }
 
@@ -531,7 +530,7 @@
         }
     }
 
-    .common-matal_3{
+    .common-matal_3 {
         .metal-label_count {
             display: flex;
             justify-content: space-between;