拆分流程设计与列表

OpenAuth.Mvc/userJs/flowSchemeDesign.js

@@ -0,0 +1,159 @@
+layui.config({
+    base: "/js/"
+}).use(['form', 'vue', 'ztree', 'layer', 'queryString', 'element', 'jquery', 'table', 'droptree', 'openauth', 'flow-ui/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 id = $.getUrlParam("id");   //ID
+    var update = (id != '');
+    //提交的URL
+    var url = "/FlowSchemes/Add";
+
+    var vm = new Vue({
+        el: "#formEdit"
+    });
+
+    //表单选择
+    var frmTree = function () {
+        var zTreeObj;
+        var setting = {
+            view: { selectedMulti: true },
+            check: {
+                enable: true,
+                chkStyle: "checkbox",
+                chkboxType: { "Y": "", "N": "" } //去掉勾选时级联
+            },
+            data: {
+                key: {
+                    name: 'Name',
+                    title: 'Name'
+                },
+                simpleData: {
+                    enable: true,
+                    idKey: 'Id',
+                    pIdKey: 'ParentId',
+                    rootPId: 'null'
+                }
+            },
+            callback: {
+                onClick: function (event, treeId, treeNode) {
+                    var id = treeNode.Id;
+                    $.get("/forms/previewdata?id=" + id, function (data) {
+                        $("#frmPreview").html(data);
+                    });
+                },
+                onCheck: function (event, treeId, treeNode) {
+                    $("#FrmId").val(treeNode.Id);
+                }
+            }
+        };
+
+        var load = function () {
+            var url = '/forms/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
+        }
+    }();
+
+    /*=========流程设计（begin）======================*/
+    var flowDesignPanel = $('#flowPanel').flowdesign({
+        height: 500,
+        widht: 700,
+        OpenNode: function (object) {
+            FlowDesignObject = object;  //为NodeInfo窗口提供调用
+
+            if (object.$nodeData[object.$focus].type == 'startround') {
+                return false;
+            }
+
+            layer.open({
+                type: 2,
+                area: ['500px', '450px'], //宽高
+                maxmin: true, //开启最大化最小化按钮
+                title: '节点设置【' + object.$nodeData[object.$focus].name + '】',
+                content: '/flowschemes/nodeInfo',
+                btn: ['保存', '关闭'],
+                yes: function (index, layero) {
+                    var body = layer.getChildFrame('body', index);
+                    var iframeWin = window[layero.find('iframe')[0]['name']]; //得到iframe页的窗口对象，执行iframe页的方法：iframeWin.method();
+                    var nodedata = iframeWin.getVal();
+                    flowDesignPanel.SetNodeEx(object.$focus, nodedata);
+                    layer.close(index);
+                },
+                cancel: function (index) {
+                    layer.close(index);
+                }
+            });
+        },
+        OpenLine: function (id, object) {
+            lay.msg("暂不能设置分支条件");
+            return;
+        }
+    });
+    /*=========流程设计（end）=====================*/
+
+
+    frmTree.load();
+
+    if (update) {
+        $.get('/fllowschemes/get?id=' + id,
+            function (data) {
+                url = "/FlowSchemes/Update";
+                vm.$set('$data', data);
+                flowDesignPanel.loadData(JSON.parse(data.SchemeContent));
+                frmTree.setCheck(data.FrmId);
+            });
+    } else {
+        vm.$set('$data',
+            {
+                Id: ''
+            });
+    }
+
+
+    //提交数据
+    form.on('submit()',
+        function (data) {
+            var content = flowDesignPanel.exportDataEx();
+            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;
+        });
+
+      submit = function() {
+         $("#formEdit").submit();
+     }
+})

OpenAuth.Mvc/userJs/flowSchemes.js

@@ -1,6 +1,6 @@
 layui.config({
     base: "/js/"
-}).use(['form', 'vue', 'ztree', 'layer', 'element', 'jquery', 'table', 'droptree', 'openauth', 'flow-ui/gooflow', 'utils/flowlayout'], function () {
+}).use(['form', 'vue', 'ztree', 'layer', 'element', '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,
@@ -66,108 +66,6 @@
         }
     }();
 
-    var vm = new Vue({
-        el: "#formEdit"
-    });
-
-    //表单选择
-    var frmTree = function () {
-        var zTreeObj;
-        var setting = {
-            view: { selectedMulti: true },
-            check: {
-                enable: true,
-                chkStyle: "checkbox",
-                chkboxType: { "Y": "", "N": "" } //去掉勾选时级联
-            },
-            data: {
-                key: {
-                    name: 'Name',
-                    title: 'Name'
-                },
-                simpleData: {
-                    enable: true,
-                    idKey: 'Id',
-                    pIdKey: 'ParentId',
-                    rootPId: 'null'
-                }
-            },
-            callback: {
-                onClick: function (event, treeId, treeNode) {
-                    var id = treeNode.Id;
-                    $.get("/forms/previewdata?id=" + id, function (data) {
-                        $("#frmPreview").html(data);
-                    });
-                },
-                onCheck: function (event, treeId, treeNode) {
-                    $("#FrmId").val(treeNode.Id);
-                }
-            }
-        };
-
-        var load = function () {
-            var url = '/forms/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
-        }
-    }();
-
-    /*=========流程设计（begin）======================*/
-    var flowDesignPanel = $('#flowPanel').flowdesign({
-        height: 500,
-        widht: 700,
-        OpenNode: function (object) {
-            FlowDesignObject = object;  //为NodeInfo窗口提供调用
-
-            if (object.$nodeData[object.$focus].type == 'startround') {
-                return false;
-            }
-
-            layer.open({
-                type: 2,
-                area: ['500px', '450px'], //宽高
-                maxmin: true, //开启最大化最小化按钮
-                title: '节点设置【' + object.$nodeData[object.$focus].name + '】',
-                content: '/flowschemes/nodeInfo',
-                btn: ['保存', '关闭'],
-                yes: function (index, layero) {
-                    var body = layer.getChildFrame('body', index);
-                    var iframeWin = window[layero.find('iframe')[0]['name']]; //得到iframe页的窗口对象，执行iframe页的方法：iframeWin.method();
-                    var nodedata = iframeWin.getVal();
-                    flowDesignPanel.SetNodeEx(object.$focus, nodedata);
-                    layer.close(index);
-                },
-                cancel: function (index) {
-                    layer.close(index);
-                }
-            });
-        },
-        OpenLine: function (id, object) {
-            lay.msg("暂不能设置分支条件");
-            return;
-        }
-    });
-    /*=========流程设计（end）=====================*/
 
     //添加（编辑）对话框
     var editDlg = function () {
@@ -176,43 +74,23 @@
         var show = function (data) {
             var title = update ? "编辑信息" : "添加";
 
-            frmTree.load();
-
             layer.open({
+                type: 2,
+                area: ['600px', '500px'], //宽高
+                maxmin: true, //开启最大化最小化按钮
                 title: title,
-                area: ["800px", "600px"],
-                type: 1,
-                content: $('#divEdit'),
-                success: function () {
-                    vm.$set('$data', data);
-                    if (update) {
-                        flowDesignPanel.loadData(JSON.parse(data.SchemeContent));
-                        frmTree.setCheck(data.FrmId);
-                    }
+                content: '/flowschemes/design?id='+data.Id,
+                btn: ['保存', '关闭'],
+                yes: function (index, layero) {
+                    var iframeWin = window[layero.find('iframe')[0]['name']]; //得到iframe页的窗口对象，执行iframe页的方法：iframeWin.method();
+                    iframeWin.submit();
+                    layer.close(index);
+                    mainList();
                 },
-                end: mainList
+                cancel: function (index) {
+                    layer.close(index);
+                }
             });
-            var url = "/FlowSchemes/Add";
-            if (update) {
-                url = "/FlowSchemes/Update";
-            }
-            //提交数据
-            form.on('submit(formSubmit)',
-                function (data) {
-                    var content = flowDesignPanel.exportDataEx();
-                    var schemecontent = {
-                        SchemeContent: JSON.stringify(content)
-                    }
-
-                    $.extend(data.field, schemecontent);
-                    $.post(url,
-                        data.field,
-                        function (data) {
-                            layer.msg(data.Message);
-                        },
-                        "json");
-                    return false;
-                });
         }
         return {
             add: function () { //弹出添加