|
|
|
@ -7,6 +7,24 @@ import { KeyBoard } from "../../Common/KeyEnum";
|
|
|
|
|
import { ModalState } from "../../UI/Components/Modal/ModalInterface";
|
|
|
|
|
import { EditFrameStore } from "./EditFrame";
|
|
|
|
|
|
|
|
|
|
const ViewAndVisionOptions = [[
|
|
|
|
|
{ label: "左视图", value: "左视图" },
|
|
|
|
|
{ label: "右视图", value: "右视图" },
|
|
|
|
|
{ label: "俯视图", value: "俯视图" },
|
|
|
|
|
{ label: "前视图", value: "前视图" },
|
|
|
|
|
{ label: "仰视图", value: "仰视图" },
|
|
|
|
|
{ label: "后视图", value: "后视图" },
|
|
|
|
|
{ label: "西南等轴侧", value: "西南等轴侧" }
|
|
|
|
|
], [
|
|
|
|
|
{ label: "打印模式", value: "打印模式" },
|
|
|
|
|
{ label: "二维线框", value: "二维线框" },
|
|
|
|
|
{ label: "概念", value: "概念" },
|
|
|
|
|
{ label: "真实", value: "真实" },
|
|
|
|
|
{ label: "真实带线框", value: "真实带线框" },
|
|
|
|
|
{ label: "封边", value: "封边" },
|
|
|
|
|
{ label: "排板面", value: "排板面" }
|
|
|
|
|
]];
|
|
|
|
|
|
|
|
|
|
@observer
|
|
|
|
|
export class EditFrameModal extends React.Component<{ store: EditFrameStore; }>
|
|
|
|
|
{
|
|
|
|
@ -39,9 +57,10 @@ export class EditFrameModal extends React.Component<{ store: EditFrameStore; }>
|
|
|
|
|
|
|
|
|
|
render()
|
|
|
|
|
{
|
|
|
|
|
const { BoardInfoOptions, HideOptions, ViewAndVisionOption } = this.props.store;
|
|
|
|
|
return (
|
|
|
|
|
<div id="EditFrameModal" className={Classes.DIALOG_CONTAINER}>
|
|
|
|
|
<div className={Classes.DIALOG} style={{ height: "100%" }}>
|
|
|
|
|
<div className={Classes.DIALOG}>
|
|
|
|
|
<div className={Classes.DIALOG_HEADER} data-id="dragArea">
|
|
|
|
|
<Icon icon="new-text-box" iconSize={18} />
|
|
|
|
|
<h4 className={Classes.HEADING}>图框编辑</h4>
|
|
|
|
@ -53,110 +72,72 @@ export class EditFrameModal extends React.Component<{ store: EditFrameStore; }>
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<div className={Classes.DIALOG_BODY}>
|
|
|
|
|
<div style={{ height: "45px" }}>
|
|
|
|
|
<div style={{ float: "left" }}>
|
|
|
|
|
<Checkbox
|
|
|
|
|
checked={this.props.store.sName[0][1]}
|
|
|
|
|
onClick={(event) =>
|
|
|
|
|
{
|
|
|
|
|
this.props.store.sName[0][1] = !this.props.store.sName[0][1];
|
|
|
|
|
event.currentTarget.blur();
|
|
|
|
|
app.Editor.ModalManage.ChangeFoucus();
|
|
|
|
|
}}
|
|
|
|
|
>
|
|
|
|
|
<HTMLSelect
|
|
|
|
|
style={{ height: "28px" }}
|
|
|
|
|
value={this.props.store.sName[0][0]}
|
|
|
|
|
options={[
|
|
|
|
|
{ label: "左视图", value: "左视图" },
|
|
|
|
|
{ label: "右视图", value: "右视图" },
|
|
|
|
|
{ label: "俯视图", value: "俯视图" },
|
|
|
|
|
{ label: "前视图", value: "前视图" },
|
|
|
|
|
{ label: "仰视图", value: "仰视图" },
|
|
|
|
|
{ label: "后视图", value: "后视图" },
|
|
|
|
|
{ label: "西南等轴侧", value: "西南等轴侧" },
|
|
|
|
|
]}
|
|
|
|
|
onChange={(e) => { this.props.store.sName[0][0] = e.target.value; }}
|
|
|
|
|
/>
|
|
|
|
|
</Checkbox>
|
|
|
|
|
</div>
|
|
|
|
|
<div style={{ float: "left", position: "absolute", marginLeft: "160px" }}>
|
|
|
|
|
<Checkbox
|
|
|
|
|
checked={this.props.store.sName[1][1]}
|
|
|
|
|
onClick={(event) =>
|
|
|
|
|
{
|
|
|
|
|
this.props.store.sName[1][1] = !this.props.store.sName[1][1];
|
|
|
|
|
event.currentTarget.blur();
|
|
|
|
|
app.Editor.ModalManage.ChangeFoucus();
|
|
|
|
|
}}
|
|
|
|
|
>
|
|
|
|
|
<HTMLSelect
|
|
|
|
|
style={{ height: "28px" }}
|
|
|
|
|
value={this.props.store.sName[1][0]}
|
|
|
|
|
options={[
|
|
|
|
|
{ label: "打印模式", value: "打印模式" },
|
|
|
|
|
{ label: "二维线框", value: "二维线框" },
|
|
|
|
|
{ label: "概念", value: "概念" },
|
|
|
|
|
{ label: "真实", value: "真实" },
|
|
|
|
|
{ label: "真实带线框", value: "真实带线框" },
|
|
|
|
|
{ label: "封边", value: "封边" },
|
|
|
|
|
{ label: "排板面", value: "排板面" },
|
|
|
|
|
]}
|
|
|
|
|
onChange={(e) => { this.props.store.sName[1][0] = e.target.value; }}
|
|
|
|
|
/>
|
|
|
|
|
</Checkbox>
|
|
|
|
|
</div>
|
|
|
|
|
<div className="frame-view">
|
|
|
|
|
{
|
|
|
|
|
ViewAndVisionOption.map((opt, i) =>
|
|
|
|
|
{
|
|
|
|
|
return (
|
|
|
|
|
<div key={opt[0]}>
|
|
|
|
|
<Checkbox
|
|
|
|
|
checked={opt[1]}
|
|
|
|
|
onClick={(event) =>
|
|
|
|
|
{
|
|
|
|
|
opt[1] = !opt[1];
|
|
|
|
|
event.currentTarget.blur();
|
|
|
|
|
app.Editor.ModalManage.ChangeFoucus();
|
|
|
|
|
}}
|
|
|
|
|
>
|
|
|
|
|
<HTMLSelect
|
|
|
|
|
style={{ height: "28px" }}
|
|
|
|
|
value={opt[0]}
|
|
|
|
|
options={ViewAndVisionOptions[i]}
|
|
|
|
|
onChange={(e) => { opt[0] = e.target.value; }}
|
|
|
|
|
/>
|
|
|
|
|
</Checkbox>
|
|
|
|
|
</div>
|
|
|
|
|
);
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<div style={{ position: "absolute", float: "left" }}>
|
|
|
|
|
<div className="frame-options">
|
|
|
|
|
{
|
|
|
|
|
new Array(BoardInfoOptions, HideOptions).map((opts, i) =>
|
|
|
|
|
{
|
|
|
|
|
this.props.store.cName.map((e) =>
|
|
|
|
|
{
|
|
|
|
|
return <Checkbox
|
|
|
|
|
label={e[0]}
|
|
|
|
|
checked={e[1]}
|
|
|
|
|
onClick={(event) =>
|
|
|
|
|
return (
|
|
|
|
|
<div key={i.toString()}>
|
|
|
|
|
{
|
|
|
|
|
e[1] = !e[1];
|
|
|
|
|
event.currentTarget.blur();
|
|
|
|
|
app.Editor.ModalManage.ChangeFoucus();
|
|
|
|
|
}}
|
|
|
|
|
/>;
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
</div>
|
|
|
|
|
<div style={{ position: "absolute", float: "left", marginLeft: "120px" }}>
|
|
|
|
|
opts.map(opt =>
|
|
|
|
|
{
|
|
|
|
|
return (
|
|
|
|
|
<Checkbox
|
|
|
|
|
key={opt[0]}
|
|
|
|
|
label={opt[0]}
|
|
|
|
|
checked={opt[1]}
|
|
|
|
|
onClick={(event) =>
|
|
|
|
|
{
|
|
|
|
|
opt[1] = !opt[1];
|
|
|
|
|
event.currentTarget.blur();
|
|
|
|
|
app.Editor.ModalManage.ChangeFoucus();
|
|
|
|
|
}}
|
|
|
|
|
/>);
|
|
|
|
|
})}
|
|
|
|
|
</div>);
|
|
|
|
|
})}
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<Checkbox
|
|
|
|
|
style={{ marginTop: 10, width: 100 }}
|
|
|
|
|
label={"全选/反选"}
|
|
|
|
|
onChange={(e) =>
|
|
|
|
|
{
|
|
|
|
|
this.props.store.hName.map((e) =>
|
|
|
|
|
for (let name of [...HideOptions, ...BoardInfoOptions, ...ViewAndVisionOption])
|
|
|
|
|
{
|
|
|
|
|
return <Checkbox
|
|
|
|
|
label={e[0]}
|
|
|
|
|
checked={e[1]}
|
|
|
|
|
onClick={(event) =>
|
|
|
|
|
{
|
|
|
|
|
e[1] = !e[1];
|
|
|
|
|
event.currentTarget.blur();
|
|
|
|
|
app.Editor.ModalManage.ChangeFoucus();
|
|
|
|
|
}}
|
|
|
|
|
/>;
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
</div>
|
|
|
|
|
name[1] = e.currentTarget.checked;
|
|
|
|
|
}
|
|
|
|
|
}}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div >
|
|
|
|
|
<Checkbox
|
|
|
|
|
style={{ marginLeft: 20, marginBottom: 0 }}
|
|
|
|
|
label={"全选/反选"}
|
|
|
|
|
onChange={(e) =>
|
|
|
|
|
{
|
|
|
|
|
for (let name of [...this.props.store.hName, ...this.props.store.cName, ...this.props.store.sName])
|
|
|
|
|
{
|
|
|
|
|
name[1] = e.currentTarget.checked;
|
|
|
|
|
}
|
|
|
|
|
}}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<div className={Classes.DIALOG_FOOTER}>
|
|
|
|
|
<div className={Classes.DIALOG_FOOTER_ACTIONS}>
|
|
|
|
|
<div className="foot_right">
|
|
|
|
|