var baseInfo = new Vue({
    el: '#flow',
    data: {
        flowNodes: [],
        expandAll: false
    },
    watch: {
        expandAll: function(val) {
            this.expandMenus(val)
        }
    },
    methods: {
        expandMenus: function(status) {
            for (var i = 0; i < this.flowNodes.length; i++) {
                this.flowNodes[i].open = status
            }
        },
        bindMenu: function() {
            var _this = this
            layui.use('dropdown', function() {
                var dropdown = layui.dropdown
                var topNodeItems = [
                    { title: '<i class=icon-plus></i> 新建表单', id: "NewFlow", Icon: "icon-plus" },
                    { title: '<i class=icon-star></i> 重命名', id: "EditSort", Icon: "icon-options" },
                    { title: '<i class=icon-folder></i> 新建目录', id: "NewSort", Icon: "icon-magnifier-add" },
                    { title: '<i class=icon-share-alt ></i> 导入表单模版', id: "ImpFlowTemplate", Icon: "icon-plus" },
                    { title: '<i class=icon-share-alt ></i> 批量导出表单模版', id: "BatchExpFrmTemplate", Icon: "icon-plus" },
                    { title: '<i class=icon-close></i> 删除目录', id: "DeleteSort", Icon: "icon-close" }
                ]
                var tRenderOptions = [{
                    elem: '.item-top-dp',
                    trigger: 'contextmenu',
                    data: topNodeItems,
                    click: function(data, oThis) {
                        _this.topNodeOption(data.id, $(this.elem)[0].dataset.no, $(this.elem)[0].dataset.name, $(this.elem)[0].dataset.idx)
                    }
                }, {
                    elem: '.t-btn',
                    trigger: 'click',
                    data: topNodeItems,
                    click: function(data, oThis) {
                        _this.topNodeOption(data.id, $(this.elem)[0].dataset.no, $(this.elem)[0].dataset.name, $(this.elem)[0].dataset.idx)
                    }
                }]

                dropdown.render(tRenderOptions[0]);
                dropdown.render(tRenderOptions[1]);

                var childNodeMenuItems = [
                    { title: '<i class=icon-star></i> 表单属性', id: "Attr", Icon: "icon-options" },
                    { title: '<i class=icon-settings></i> 设计表单', id: "Designer", Icon: "icon-settings" },
                    { title: '<i class=icon-plane></i> 运行表单', id: "Start", Icon: "icon-paper-plane" },
                    { title: '<i class=icon-docs></i> 复制表单', id: "Copy", Icon: "icon-docs" },
                    { title: '<i class=icon-close></i> 删除表单', id: "Delete", Icon: "icon-close" }
                ]
                var cRenderOptions = [{
                    elem: '.item-name-dp',
                    trigger: 'contextmenu',
                    data: childNodeMenuItems,
                    click: function(data, othis) {
                        _this.childNodeOption(data.id, $(this.elem)[0].dataset.no, $(this.elem)[0].dataset.name, $(this.elem)[0].dataset.pidx, $(this.elem)[0].dataset.idx)
                    }
                }, {
                    elem: '.c-btn',
                    trigger: 'click',
                    data: childNodeMenuItems,
                    click: function(data, othis) {
                        _this.childNodeOption(data.id, $(this.elem)[0].dataset.no, $(this.elem)[0].dataset.name, $(this.elem)[0].dataset.pidx, $(this.elem)[0].dataset.idx)
                    }
                }]
                dropdown.render(cRenderOptions[0]);
                dropdown.render(cRenderOptions[1]);
            })
        },

        //如果w=0 则是100%的宽度.
        openLayer: function(uri, name, w, h) {
            //console.log(uri, name);

            if (w == 0)
                w = window.innerWidth;

            if (w == undefined)
                w = window.innerWidth / 2;

            if (h == undefined)
                h = window.innerHeight;

            layer.open({
                type: 2,
                title: name,
                content: [uri, 'auto'],
                area: [w + 'px', h + 'px'],
                offset: 'rb',
                shadeClose: true
            })
        },
        Designer: function(no, name) {
            var sid = GetQueryString("Token");
            var webUser = new WebUser();
            var url = basePath + "/WF/Admin/FoolFormDesigner/GoToFrmDesigner.htm?FK_MapData=" + no + "&FrmID=" + no + "&UserNo=" + webUser.No + "&Token=" + sid + "&OrgNo=" + webUser.OrgNo + "&From=Ver2021";
            try {
                window.top.vm.openTab(name, url);
            } catch (e) {
                WinOpenFull(url);
            }
        },
        EditSort: function(no, name) {

            var val = prompt("请输入名称", name);
            if (val == null || val == '')
                return;

            var en = new Entity("BP.WF.Template.SysFormTree", no);
            en.Name = val;
            en.Update();

            // alert("修改成功");
            Reload();
            return;

            // var url = "../Comm/EnOnly.htm?EnName=BP.WF.Template.FlowSort&No=" + no;
            // this.openLayer(url, "目录:" + name);
        },
        StartFrm: function(no, name) {
            var sid = GetQueryString("Token");
            var webUser = new WebUser();
            var en = new Entity("BP.Sys.MapData", no);
            if (en.EntityType == 0) {
                layer.alert("表单:[" + en.Name + "]是独立表单不能运行,如果要调用表单，请参考/WF/CCBill/Demo/index.htm");
                return;
            }
            var url = "";
            if (en.EntityType == 1)
                url = basePath + "/WF/CCBill/SearchDict.htm?FrmID=" + en.No;
            if (en.EntityType == 2)
                url = basePath + "/WF/CCBill/SearchBill.htm?FrmID=" + en.No;
            if (en.EntityType == 3)
                url = basePath + "/WF/CCBill/SearchTree.htm?FrmID=" + en.No;
            
            //var url = basePath + "/WF/Admin/FoolFormDesigner/GoToRunFrm.htm?FK_MapData=" + no + "&FrmID=" + no + "&UserNo=" + webUser.No + "&Token=" + sid + "&OrgNo=" + webUser.OrgNo + "&From=Ver2021";
            //var url = "../Comm/En.htm?EnName=BP.WF.Template.FlowExt&No=" + no;
            try {
                window.top.vm.openTab(name, url);
            } catch (e) {
                WinOpenFull(url);
            }
           

            // var url = "../Admin/TestingContainer/TestFlow2020.htm?FK_Flow=" + no;
            //  window.top.vm.fullScreenOpen(url, name);
            // this.openLayer(url, name);
        },
        flowAttr: function (no, name) {
            var sid = GetQueryString("Token");
            var webUser = new WebUser();
            //var url = basePath + "/WF/Admin/FoolFormDesigner/GoToFrmAttr.htm?FK_MapData=" + no + "&FrmID=" + no + "&UserNo=" + webUser.No + "&Token=" + sid + "&OrgNo=" + webUser.OrgNo + "&From=Ver2021";
            //var url = "../Comm/En.htm?EnName=BP.WF.Template.FlowExt&No=" + no;
            var url = "/WF/Comm/RefFunc/En.htm?EnName=BP.WF.Template.Frm.MapFrmFool&PKVal=" + no + "&s=" + Math.random();
            try {
                window.top.vm.openTab(name, url);
            } catch (e) {
                WinOpenFull(url);
            }
            //this.openLayer(url, name,900);
        },

        copyFrm: function(no) {
           /* if (window.confirm("确定要执行表单复制吗?") == false)
                return;*/
            var flow = new Entity("BP.Sys.MapData", no);
            var frmID = promptGener("表单ID:" + no + "Copy", no + "Copy");

            if (frmID == undefined || frmID == null || frmID == '') return;

            var frmName = promptGener("表单名称:" + flow.Name + "Copy", flow.Name + "Copy");
            if (frmName == undefined || frmName == null || frmName == '') return;
            var data = flow.DoMethodReturnString("DoCopy", frmID + '~' + frmName);
            layer.msg(data);
            Reload();
            //setTimeout(function() {
            //    window.location.reload();
            //}, 800);

        },
        DeleteFlow: function(no, pidx, idx) {
            var msg = "提示: 确定要删除该表单吗?";
            //   msg += "\t\n1.如果该流程下有实例，您不能删除。";
            //  msg += "\t\n2.该流程为子流程的时候，被引用也不能删除.";
            if (window.confirm(msg) == false)
                return;

            var load = layer.msg("正在处理,请稍候...", {
                icon: 16,
                anim: 5
            })

            //开始执行删除.
            var en = new Entity("BP.Sys.MapData", no);
            var data = en.Delete() || "";
            if (data != "")
                layer.msg(data);
            if (data.indexOf("err@") == 0)
                return;
            layer.close(load);
            Reload();
            return;
        },

        childNodeOption: function(key, data, name, pidx, idx) {

            switch (key) {
                case "Attr":
                    this.flowAttr(data, name);
                    break;
                case "Designer":
                    this.Designer(data, name);
                    break;
                case "Start":
                    this.StartFrm(data, name);
                    break;
                case "Copy":
                    this.copyFrm(data);
                    break;
                case "Delete":
                    this.DeleteFlow(data, pidx, idx);
                    break;
            }
        },

        topNodeOption: function(key, data, name) {

            switch (key) {
                case "EditSort":
                    this.EditSort(data, name);
                    break;
                case "ImpFlowTemplate":
                    this.ImpFlowTemplate(data);
                    break;
                case "BatchExpFrmTemplate":
                    this.BatchExpFrmTemplate(data, name);
                    break;
                case "NewSort":
                    this.NewSort(data, true);
                    break;
                case "DeleteSort":
                    this.DeleteSort(data);
                    break;
                case "NewFlow":
                    this.NewFlow(data, name);
                    break;
                default:
                    alert("没有判断的命令" + key);
                    break;
            }
        },
        NewFlow: function(data, name) {

            url = basePath + "/WF/Admin/FoolFormDesigner/NewFrmGuide.htm?SortNo=" + data + "&From=Frms.htm&RunModel=1&s=" + Math.random();
            this.openLayer(url, "新建表单");
            //addTab("NewFlow", "新建表单", url);

        },
        ImpFlowTemplate: function(data) {

            var url = basePath + "/WF/Admin/Template/ImpFrmLocal.htm?SortNo=" + data;
            // url = "../Admin/FoolFormDesigner/NewFrmGuide.htm?SortNo=" + data + "&From=Flows.htm&RunModel=1&s=" + Math.random();
            // url = "./../Admin/AttrFlow/Imp.htm?FK_Flow=" + fk_flow + "&Lang=CH";
            addTab("ImpFlowTemplate", "导入表单模版", url);
        },
        BatchExpFrmTemplate: function (frmTreeNo,frmTreeName) {
            var handler = new HttpHandler("BP.WF.HttpHandler.WF_Portal");
            handler.AddPara("FK_FrmTree", frmTreeNo);
            handler.AddPara("FrmTreeName", frmTreeName);
            var data = handler.DoMethodReturnString("Form_BatchExpFrmTemplate");
            if (data.indexOf("err@") != -1) {
                layer.alert(data);
                return;
            }
            var url = data.replace("url@", "");
            if (url.indexOf("resources") == -1) {
                SetHref(basePath + "/" + url);
                return;
            }

            //这个是针对Springboot jar包发布后的下载
            SetHref(basePath + "/WF/Ath/DownloadByPath?filePath=" + encodeURIComponent(url));
        },
        DeleteSort: function(no) {

            if (window.confirm("确定要删除吗?") == false)
                return;

            var en = new Entity("BP.WF.Template.SysFormTree", no);
            var data = en.Delete();
            layer.msg(data);

            //如果有错误.
            if (data.indexOf("err@") == 0)
                return;

            setTimeout(function() {
                window.location.reload();
            }, 2000)
        },

        NewSort: function(currentElem, sameLevel) {

            //只能创建同级.
            sameLevel = true;

            //例子2
            layer.prompt({
                value: '',
                title: '新建' + (sameLevel ? '同级' : '子级') + '表单类别',
            }, function(value, index, elem) {
                layer.close(index);
                var en = new Entity("BP.WF.Template.SysFormTree", currentElem);
                var data = "";
                if (sameLevel == true) {
                    data = en.DoMethodReturnString("DoCreateSameLevelNodeIt", value);
                } else {
                    data = en.DoMethodReturnString("DoCreateSubFormNodeMy", value);
                }

                layer.msg("创建成功" + data);
                //this.EditSort(data, "编辑");
                //return;

                setTimeout(function() {
                    window.location.reload();
                }, 800);
            });
        },
        updateSort: function(rootNo, sortNos) {
            // 目录排序..
            var handler = new HttpHandler("BP.WF.HttpHandler.WF_Portal");
            handler.AddPara("RootNo", rootNo);
            handler.AddPara("SortNos", sortNos);
            var data = handler.DoMethodReturnString("Frms_MoveSort");
            layer.msg(data)
        },
        updateFlow: function(sortNo, flowNos) {

            // alert(sortNo);
            // alert(flowNos);

            // 流程排序..
            console.log(sortNo, flowNos);
            var handler = new HttpHandler("BP.WF.HttpHandler.WF_Portal");
            handler.AddPara("SortNo", sortNo);
            handler.AddPara("EnNos", flowNos);
            var data = handler.DoMethodReturnString("Frms_Move");
            layer.msg(data)
        },
        initSortArea: function() {
            var _this = this
            this.$nextTick(function() {
                var sortContainer = this.$refs['sort-main']
                new Sortable(sortContainer, {
                    animation: 150,
                    dataIdAttr: 'data-id',
                    ghostClass: 'blue-background-class',
                    onEnd: function(evt) {
                        var arr = this.toArray();
                        // 一级菜单的排序，默认为1
                        _this.updateSort('1', arr.join(','));
                    }
                });
                var childSortableContainers = this.$refs['child-row']
                console.log(childSortableContainers);
                for (var i = 0; i < childSortableContainers.length; i++) {
                    var csc = childSortableContainers[i]
                    new Sortable(csc, {
                        animation: 150,
                        dataIdAttr: 'data-id',
                        ghostClass: 'blue-background-class',
                        onEnd: function(evt) {
                            var arr = this.toArray();
                            // 二级菜单的排序
                            _this.updateFlow(evt.item.dataset.pid, arr.join(','));
                        }
                    })
                }

            })
        },
        changeFrmInfo: function (en) {
            if (en.FrmType == 1) en.FrmType = "傻瓜表单";
            if (en.FrmType == 0) en.FrmType = "傻瓜表单";
            if (en.FrmType == 2) en.FrmType = "自由表单";
            if (en.FrmType == 3) en.FrmType = "嵌入式表单";
            if (en.FrmType == 4) en.FrmType = "Word表单";
            if (en.FrmType == 5) en.FrmType = "在线编辑模式Excel表单";
            if (en.FrmType == 6) en.FrmType = "VSTO模式Excel表单";
            if (en.FrmType == 7) en.FrmType = "实体类组件";
            if (en.FrmType == 8) en.FrmType = "开发者表单";
            if (en.FrmType == 10) en.FrmType = "章节表单";


            if (en.Icon == "" || en.Icon == null) {
                if (en.EntityType == 0) en.Icon = "icon-flag";
                if (en.EntityType == 1) en.Icon = "icon-info";
                if (en.EntityType == 2) en.Icon = "icon-doc";
                if (en.EntityType == 3) en.Icon = "icon-organization";
            }

            if (en.EntityType === 0) en.EntityType = "独立表单";
            if (en.EntityType === 1) en.EntityType = "单据";
            if (en.EntityType === 2) en.EntityType = "实体";
            if (en.EntityType === 3) en.EntityType = "树结构实体";
        },
        init: function () {
            // fix firefox bug
            document.body.ondrop = function (event) {
                event.preventDefault();
                event.stopPropagation();
            }
            var webUser = new WebUser();
            
            var handler = new HttpHandler("BP.WF.HttpHandler.WF_Portal");
            var fss = handler.DoMethodReturnJSON("Frms_InitSort");

            var nodes = fss;
            nodes = nodes.filter(function (item) {
                console.log(item)
                return item.Name !== '表单树';
            })

            var handler = new HttpHandler("BP.WF.HttpHandler.WF_Portal");
            var fls = handler.DoMethodReturnJSON("Frms_Init");

            for (var i = 0; i < nodes.length; i++) {
                var fs = nodes[i];
                fs.open = false;
                fs.children = [];
                if (parseInt(fs.ParentNo) === 0 || fs.Name === '表单树') continue;

                for (var j = 0; j < fls.length; j++) {
                    var flow = fls[j];
                    if (fs.No !== flow.FK_FormTree)
                        continue;
                    this.changeFrmInfo(flow);
                    fs.children.push(flow);
                }
            }

            this.flowNodes = nodes;
            this.bindMenu();
            this.initSortArea();
        }
    },
    mounted: function() {
        this.init();
    }
})
function AppendFrmToFormTree(sort, no, name) {
    baseInfo.flowNodes.forEach(item => {
        if (item.No === sort) {
            if (item.children == null) item.children = [];
            var en = new Entity("BP.WF.Template.Frm.MapDataExt", no);
            baseInfo.changeFrmInfo(en);
            item.children.push({
                No: no,
                Name: name,
                FrmType: en.FrmType,
                FK_FormTree: en.FK_FormTree,
                PTable: en.PTable,
                DBSrc: en.DBSrc,
                Icon: en.Icon,
                EntityType: en.EntityType,
                Ver:en.Ver
            })
        }
    });
    baseInfo.bindMenu();
    baseInfo.initSortArea();
}
function addTab(no, name, url) {

    window.top.vm.openTab(name, url);
}