!1904 优化:BBS备注添加拖拽延伸

src/UI/Components/BBS/BBSCommon.tsx

@@ -259,7 +259,6 @@ interface IBBSSealingComponentProps
     option: IBoardInfoOptions;
     ModifyDataRecord: (index: number, brData: Board, modifyKey: string, value: string | LinesType | ProcessingGroupRecord[]) => void;
     index: number;
-
 }
 
 
@@ -601,42 +600,50 @@ export class BBSProcessGroupItem extends React.Component<IBBSProcessGroupItemPro
     };
 }
 
+interface IBBSRemarksComponentProps extends IBBSSealingComponentProps
+{
+    getCalcStyles: (key: string) => React.CSSProperties;
+}
 @observer
-export class BBSRemarksComponent extends React.Component<IBBSSealingComponentProps>
+export class BBSRemarksComponent extends React.Component<IBBSRemarksComponentProps>
 {
     render()
     {
         const { board, option, index, click } = this.props;
-
         return (
             <>
                 {
                     option.remarks.length === 0 ?
-                        <div className="bbs-list-td bbs-td">
+                        <div className="bbs-list-td bbs-td remarks" style={this.props.getCalcStyles("remarks")}>
                             <input
                                 className="bp3-input "
                                 value=""
+                                readOnly={true}
                                 onClick={() => { click("remarks"); }}
                             />
                         </div>
                         :
+                        <div className="bbs-list-td bbs-td remarks" style={this.props.getCalcStyles("remarks")} >
                             <Tooltip
-                            className="bbs-list-td bbs-td"
                                 usePortal={false}
-                            content={<ul>
+                                content={
+                                    <ul>
                                         {
                                             option.remarks.map((d, i) => <li key={i}>{d[0]} : {d[1]}</li>)
                                         }
-                            </ul>}
+                                    </ul>
+                                }
                                 position={Position.RIGHT}
                                 intent={Intent.PRIMARY}
                             >
                                 <input
-                                className="bp3-input "
+                                    className="bp3-input"
                                     value={option.remarks.reduce((s, r) => s += `${r[0]}:${r[1]} `, "")}
+                                    readOnly={true}
                                     onClick={() => { click("remarks"); }}
                                 />
                             </Tooltip>
+                        </div>
                 }
             </>
         );

src/UI/Components/BBS/BoardInfosList.tsx

@@ -236,6 +236,7 @@ export class BoardInfoList extends React.Component<IBoardInfoListProps, {}>
                                         click={this.HandleOnClick}
                                         board={dataBr}
                                         option={this.option}
+                                        getCalcStyles={this.props.getCalcStyles}
                                         ModifyDataRecord={ModifyDataRecord}
                                         index={index}
                                     />;

src/UI/Store/BBSEditorStore.ts

@@ -23,7 +23,7 @@ export class BBSEditorStore implements IConfigStore
 {
     @observable configName = "默认";
     @observable configsNames = [];
-    noResize = [6, 7, 8, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28]; //用于字段列宽度调整，但是有一些特殊框就不做调整了
+    noResize = [6, 7, 8, 19, 20, 22, 23, 24, 25, 26, 27, 28]; //用于字段列宽度调整，但是有一些特殊框就不做调整了
     @observable tabbarIndexs = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 19, 20];
     InitOption()
     {