快速上手

快速上手

案例：定时检查罐内液体的高度，达到100%，提醒消息，停止流入液体，可以重置操作

1. 新建流程

1. 打开菜单：开发 > 插件管理 > 工艺图

2. 新建一个测试流程图，名称：液体高度检测，编码：DEMO_CHECK

3. 点击规划进行流程规划

2. 规划流程

1. 添加两个节点：

• 刻度：文本：容器
• 线路：文本：水流；默认值：1（流动）；虚线；线宽：4；线色：#00ff00；

2. 调整线路时，点击显示箭头，调整线路方向

3. 点击预览，可以查看线路流动效果

4. 增加流程图的加载方法，设置容器内容的高度，定时执行1秒，达到水流容器增高效果

function(panel){
    //1. panel 是 JE.core.view.industry.IndustryView 的实例对象
    //2. return false 停止执行定时器
    //3. cell 是 JE.core.view.industry.Cell 的实例对象

    //获得刻度节点
    var cell = panel.nodes.get('scale2');
    //获得线路节点
    var pathCell = panel.nodes.get('path3')
    //每秒加10高度
    var value = (cell.getValue() || 0)+10;
    //如果超过100,停止定时执行
    if(value>100){
        //停止线路流动
        pathCell.setValue(0);
        JE.msg('容器已经满了');
        //停止执行定时器
        return false;
    }
    //设置刻度的值
    cell.setValue(value);
}

5. 增加重置按钮，重新开始流程演示。增加文本域节点，当做按钮操作，注册单击事件。

• 文本域：文本：重置；文字色：#ffffff;背景色：#3c78d8；圆角，字体大小，通过右键菜单选择操作

• 注册单击事件

function(cell,panel){
    //1. panel 是 JE.core.view.industry.IndustryView 的实例对象
    //2. cell 是 JE.core.view.industry.Cell 的实例对象

    //获得刻度节点
    var scaleCell = panel.nodes.get('scale2');
    //获得线路节点
    var pathCell = panel.nodes.get('path3');

    //重置数据
    scaleCell.setValue(0);
    pathCell.setValue(1);
    //重新开始流程事件
    panel.load();
    JE.msg('重置成功！');
}

6. 执行预览效果

3. 挂接菜单

1. 打开菜单：开发 > 核心引擎 > 菜单维护

2. 添加工艺图菜单

3. 授权后，打开菜单，查看效果，快速上手流程结束

4. 通过方法单独打开

var code = 'DEMO_CHECK';//工艺图编码
JE.win({
    title:'工艺图预览',
    autoShow:true,
    border:0,
    items:{
        xtype:'jeindustryview',
        industryCode:code,
        type:'display'
    }
});