!1458 功能:UI增加虚拟空间的显示隐藏操作

src/UI/Components/RightPanel/TemplateParamPanel.tsx

@@ -1,5 +1,5 @@
-import { Button, Classes, ContextMenu, H5, Intent, ITreeNode, Menu, MenuItem, NumericInput, Tree } from "@blueprintjs/core";
-import { observable } from "mobx";
+import { Button, Checkbox, Classes, ContextMenu, H5, Intent, ITreeNode, Menu, MenuItem, NumericInput, Tree } from "@blueprintjs/core";
+import { action, observable } from "mobx";
 import { observer } from "mobx-react";
 import React from "react";
 import { end } from "xaop";
@@ -546,6 +546,10 @@ const ROTATION_PAR = ["RX", "RY", "RZ"];
 export class TemplateParamDetail extends React.Component<{ updateParams: INeedUpdateParams[], currentShowTemplate: TemplateRecord, callback: Function, setInputRefFunc: Function; }> {
     @observable basePtParam = { PX: { expr: "", val: "0" }, PY: { expr: "", val: "0" }, PZ: { expr: "", val: "0" } };
     @observable rotateParam = { RX: { expr: "", val: "0" }, RY: { expr: "", val: "0" }, RZ: { expr: "", val: "0" } };
+
+    @observable isVisible = true;//可视化空间可见
+    @observable isVisualTemplate = false;//是可视化空间
+
     private paramdef = this.props.currentShowTemplate.GetParameterDefinition();
     //保存所有标红的Input元素 用于控制它们的class
     private dangerInputTargets: Set<HTMLInputElement> = new Set();
@@ -586,6 +590,7 @@ export class TemplateParamDetail extends React.Component<{ updateParams: INeedUp
     };
 
     //获取基点表达式和旋转表达式参数
+    @action
     UpdateBasePtAndRotationParam()
     {
         const temp = this.props.currentShowTemplate;
@@ -600,6 +605,14 @@ export class TemplateParamDetail extends React.Component<{ updateParams: INeedUp
             RY: { expr: temp.RYParam.expr as string, val: FixedNotZero(this.paramdef.RY, 2) },
             RZ: { expr: temp.RZParam.expr as string, val: FixedNotZero(this.paramdef.RZ, 2) }
         };
+
+        if (temp instanceof TemplateVisualSpace)
+        {
+            this.isVisualTemplate = true;
+            this.isVisible = temp.IsVisible;
+        }
+        else
+            this.isVisualTemplate = false;
     }
 
     //获取关联板件数
@@ -816,6 +829,25 @@ export class TemplateParamDetail extends React.Component<{ updateParams: INeedUp
                         }
                         <div className="attach-info"><span>关联板件个数：{`${this.GetAssociateBrNums(currentShowTemplate)}`}</span></div>
                         <div className="attach-info"><span>板件切割方式：{`${this.ShowSplitType(currentShowTemplate)}`}</span></div>
+                        {this.isVisualTemplate && <Checkbox
+                            style={{ marginRight: 10 }}
+                            checked={this.isVisible}
+                            label="显示虚拟空间实体"
+                            onChange={() =>
+                            {
+                                CommandWrap(() =>
+                                {
+                                    let visible = !this.isVisible;
+                                    const temp = this.props.currentShowTemplate;
+                                    if (temp instanceof TemplateVisualSpace)
+                                    {
+                                        temp.IsVisible = visible;
+                                        temp.UpdateTemplateTree();
+                                        this.isVisible = visible;
+                                    }
+                                }, "切换可视化空间显示");
+                            }}
+                        />}
                         <div></div>
                         <div style={{ marginTop: 10 }}>
                             <Button