routine update

OpenAuth.Mvc/userJs/flowInstanceEdit.js

@@ -0,0 +1,186 @@
+layui.config({
+    base: "/js/"
+}).use(['form', 'vue', 'ztree', 'layer', 'queryString', 'element', 'jquery', 'table', 'droptree', 'openauth', 'flow/gooflow', 'utils/flowlayout'], function () {
+    var form = layui.form, element = layui.element,
+		//layer = (parent == undefined || parent.layer === undefined )? layui.layer : parent.layer,
+        layer = layui.layer,
+        $ = layui.jquery;
+    var table = layui.table;
+    var openauth = layui.openauth;
+
+    var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
+     var id = $.getUrlParam("id");   //ID
+    var update = (id !=null && id != '');
+    //提交的URL
+    var url = "/FlowInstances/Add";
+
+    var vm = new Vue({
+        el: "#formEdit"
+    });
+
+    //标签切换
+    element.on('tab(tab)', function (data) {
+        parent.layer.iframeAuto(index);
+    });
+
+    /*=========流程设计（begin）======================*/
+    var flowDesignPanel = $('#flowPanel').flowdesign({
+        height: 300,
+        widht: 300,
+        haveTool: false,
+        OpenNode: function (object) {
+            FlowDesignObject = object;  //为NodeInfo窗口提供调用
+
+            if (object.type == 'start round mix' || object.type == 'end round') {
+                return false;
+            }
+
+            layer.open({
+                type: 2,
+                area: ['500px', '450px'], //宽高
+                maxmin: true, //开启最大化最小化按钮
+                title: '节点设置【' + object.name + '】',
+                content: '/flowschemes/nodeInfo',
+                btn: ['关闭'],
+                cancel: function (index) {
+                    layer.close(index);
+                }
+            });
+        },
+        OpenLine: function (id, object) {
+            lay.msg("暂不能设置分支条件");
+            return;
+        }
+    });
+    /*=========流程设计（end）=====================*/
+
+    //流程模板选择
+    var frmTree = function () {
+        var zTreeObj;
+        var setting = {
+            view: { selectedMulti: true },
+            check: {
+                enable: true,
+                chkStyle: "radio",
+                radioType: "all",  //整个节点一个分组
+                chkboxType: { "Y": "", "N": "" } //去掉勾选时级联
+            },
+            data: {
+                key: {
+                    name: 'SchemeName',
+                    title: 'SchemeName'
+                },
+                simpleData: {
+                    enable: true,
+                    idKey: 'Id',
+                    pIdKey: 'ParentId',
+                    rootPId: 'null'
+                }
+            },
+            callback: {
+                onClick: function (event, treeId, treeNode) {
+                    //预览表单
+                    $.get("/forms/previewdata?id=" + treeNode.FrmId, function (data) {
+                        $("#frmPreview").html(data);
+                    });
+
+                    //预览流程
+                    flowDesignPanel.loadData(JSON.parse(treeNode.SchemeContent));
+                },
+                onCheck: function (event, treeId, treeNode) {
+                    $("#FrmId").val(treeNode.FrmId);   //把流程模板的表单ID设置成流程实例的表单ID
+                    $("#SchemeContent").val(treeNode.SchemeContent);
+                    
+
+                    //预览表单
+                    $.get("/forms/previewdata?id=" + treeNode.FrmId, function (data) {
+                        $("#frmPreview").html(data);
+                    });
+
+                    //预览流程
+                    flowDesignPanel.loadData(JSON.parse(treeNode.SchemeContent));
+                }
+            }
+        };
+
+        var load = function () {
+            var url = '/flowschemes/load';
+            $.getJSON(url, function (json) {
+                zTreeObj = $.fn.zTree.init($("#frmTree"), setting);
+                zTreeObj.addNodes(null, json.data);
+
+                $("#menutree").html("点击预览表单效果");
+                zTreeObj.expandAll(true);
+            });
+        };
+
+        var setCheck = function (id) {    //设置已经选中的表单
+            if (id == null | id == '') return;
+            var node = zTreeObj.getNodeByParam("Id", id, null);
+            zTreeObj.checkNode(node, true, false);
+
+            $.get("/forms/previewdata?id=" + id, function (data) {
+                $("#frmPreview").html(data);
+            });
+        }
+
+        return {
+            load: load,
+            setCheck: setCheck
+        }
+    }();
+
+    frmTree.load();
+
+    if (update) {
+        $.getJSON('/FlowInstances/get?id=' + id,
+            function (data) {
+                var obj = data.Result;
+                url = "/FlowInstances/Update";
+                vm.$set('$data', obj);
+                flowDesignPanel.loadData(JSON.parse(obj.SchemeContent));
+                frmTree.setCheck(obj.FrmId);
+            });
+    } else {
+        vm.$set('$data',
+            {
+                Id: ''
+            });
+    }
+
+
+    //提交数据
+    form.on('submit(formSubmit)',
+        function (data) {
+            var content = flowDesignPanel.exportData();
+            if (content == -1) {
+                return false; //阻止表单跳转。
+            }
+            var schemecontent = {
+                SchemeContent: JSON.stringify(content)
+            }
+
+            $.extend(data.field, schemecontent);
+            $.post(url,
+                data.field,
+                function (result) {
+                    layer.msg(result.Message);
+                },
+                "json");
+
+            return false; //阻止表单跳转。
+        });
+
+    //$(window).resize(function() {
+    //    flowDesignPanel.reinitSize($(window).width()-30, $(window).height()-100);
+    //});
+
+    //该函数供给父窗口确定时调用
+    submit = function () {
+        //只能用隐藏的submit btn才行，用form.submit()时data.field里没有数据
+        $("#btnSubmit").click();
+    }
+
+    //让层自适应iframe
+    parent.layer.iframeAuto(index);
+})

OpenAuth.Mvc/userJs/flowInstances.js

@@ -61,47 +61,37 @@
     }();
 
     //添加（编辑）对话框
-    var editDlg = function() {
-        var vm = new Vue({
-            el: "#formEdit"
-        });
+    var editDlg = function () {
+
         var update = false;  //是否为更新
         var show = function (data) {
             var title = update ? "编辑信息" : "添加";
+
             layer.open({
+                type: 2,
+                area: ['600px', '500px'], //宽高
+                maxmin: true, //开启最大化最小化按钮
                 title: title,
-                area: ["500px", "400px"],
-                type: 1,
-                content: $('#divEdit'),
-                success: function() {
-                    vm.$set('$data', data);
+                content: '/flowInstances/edit?id=' + data.Id,
+                btn: ['保存', '关闭'],
+                yes: function (index, layero) {
+                    var iframeWin = window[layero.find('iframe')[0]['name']]; //得到iframe页的窗口对象，执行iframe页的方法：iframeWin.method();
+                    iframeWin.submit();
                 },
-                end: mainList
+                cancel: function (index) {
+                    layer.close(index);
+                    mainList();
+                }
             });
-            var url = "/FlowInstances/Add";
-            if (update) {
-                url = "/FlowInstances/Update"; 
-            }
-            //提交数据
-            form.on('submit(formSubmit)',
-                function(data) {
-                    $.post(url,
-                        data.field,
-                        function(data) {
-                            layer.msg(data.Message);
-                        },
-                        "json");
-                    return false;
-                });
         }
         return {
-            add: function() { //弹出添加
+            add: function () { //弹出添加
                 update = false;
                 show({
                     Id: ''
                 });
             },
-            update: function(data) { //弹出编辑框
+            update: function (data) { //弹出编辑框
                 update = true;
                 show(data);
             }
@@ -116,7 +106,6 @@
         } 
     });
 
-
     //监听页面主按钮操作
     var active = {
         btnDel: function () {      //批量删除

OpenAuth.Mvc/userJs/flowSchemes.js

@@ -1,6 +1,6 @@
 layui.config({
     base: "/js/"
-}).use(['form', 'vue', 'ztree', 'layer', 'element', 'jquery', 'table', 'droptree', 'openauth'], function () {
+}).use(['form', 'vue', 'ztree', 'layer', 'jquery', 'table', 'droptree', 'openauth'], function () {
     var form = layui.form, element = layui.element,
 		//layer = (parent == undefined || parent.layer === undefined )? layui.layer : parent.layer,
         layer = layui.layer,
@@ -8,11 +8,6 @@
     var table = layui.table;
     var openauth = layui.openauth;
 
-    //标签切换
-    element.on('tab(tab)', function (data) {
-        console.log(data);
-    });
-
     layui.droptree("/UserSession/GetOrgs", "#Organizations", "#OrganizationIds");
 
     //主列表加载，可反复调用进行刷新
@@ -84,10 +79,10 @@
                 yes: function (index, layero) {
                     var iframeWin = window[layero.find('iframe')[0]['name']]; //得到iframe页的窗口对象，执行iframe页的方法：iframeWin.method();
                     iframeWin.submit();
-                    mainList();
                 },
                 cancel: function (index) {
                     layer.close(index);
+                    mainList();
                 }
             });
         }