【乐吾乐2D可视化组态编辑器】切换画面

切换画面

乐吾乐2D可视化组态编辑器demo：https://2d.le5le.com/  

方式1：open切换

推荐使用meta2d.open切换新画面

const pen = {
  name: "rectangle",
  text: "矩形",
  x: 100,
  y: 100,
  width: 100,
  height: 100,
  events: [
    {
      name: "click",
      action: EventAction.GlobalFn, 
      value: "openMeta2d",
      params: "图纸Id"
    },
  ],
};

const openMeta2d = (id) => {
  // 请求图纸数据
  const json = axios.get(url,{params: {id});
  // 打开新图纸
  meta2d.open(json);
}

enum EventAction {
  Link, 					// 打开链接
  SetProps,				// 设置属性
  StartAnimate,   // 执行动画
  PauseAnimate,   // 暂停动画
  StopAnimate,    // 停止动画
  Function,       // 执行JS代码
  GlobalFn,       // 执行全局函数
  Emit,           // 发送消息
}

方式2：打开新Url地址

const pen = {
  name: "rectangle",
  text: "矩形",
  x: 100,
  y: 100,
  width: 100,
  height: 100,
  events: [
    {
      name: "click",
      action: EventAction.Link, 
      value: "新图纸预览url",
      params: "_self"
    },
  ],
};

enum EventAction {
  Link, 					// 打开链接
  SetProps,				// 设置属性
  StartAnimate,   // 执行动画
  PauseAnimate,   // 暂停动画
  StopAnimate,    // 停止动画
  Function,       // 执行JS代码
  GlobalFn,       // 执行全局函数
  Emit,           // 发送消息
}