var copyrightid = sp.getUrlName("copyrightid");
var get_AccessToken = localStorage.getItem("GlWorkPlatform-AccessToken");
var bpmnModeler = new BpmnJS({
    container: '#canvas',
    //additionalModules: [customTranslateModule],
    keyboard: {
        bindTo: window
    }
});

//流程名称显示在页面上
var flowName = "【" + decodeURI(sp.getUrlName("flowName")) + "】";
$("#flowName").html(flowName);


//import function
function importXML(xml) {
    // import diagram
    bpmnModeler.importXML(xml, function (err) {
        if (err) {
            return console.error('could not import BPMN 2.0 diagram', err);
        }
        var canvas = bpmnModeler.get('canvas');
        // zoom to fit full viewport
        canvas.zoom('fit-viewport');
        // canvas.addMarker('fifthTask_ANONYMOUS', 'highlight');
    });

    // save diagram on button click
    var saveButton = document.querySelector('#btnSaveFlow');
    saveButton.addEventListener('click', function () {
        // get the diagram contents
        bpmnModeler.saveXML({format: true}, function (err, xml) {
            if (err) {
                //console.error('diagram save failed', err);
                alert('保存流程失败！' + err);
            } else {
                //console.info('diagram saved');
                //console.info(xml);
                //----------------------------
                $.ajax({
                    type: "post",
                    url: apiurljs.login + "workflow/updateWorkFlowData",
                    data: {"copyrightid": s4.encryptData_CBC(copyrightid), "xml": s4.encryptData_CBC(xml)},
                    dataType: "json",
                    success: function (obj) {
                        var response = strToJson(s4.decryptData_CBC(obj.data));
                        //alert('保存流程成功！' + strToJson(response).result);
                    },
                    error: function (response) {
                        alert('保存流程失败！' + strToJson(response));
                    }
                });
                //----------------------------
            }
        });
    });

}

var diagramXML = "";
$.ajax({
    type: "post",
    url: apiurljs.login + "workflow/getWorkFlowData",
    data: {"copyrightid": s4.encryptData_CBC(copyrightid)},
    dataType: "text",
    success: function (obj) {
        var response = strToJson(s4.decryptData_CBC(JSON.parse(obj).data))
        diagramXML = response;
        if (diagramXML == "") {
            //美观版，带边框的
            //diagramXML = "<?xml version=\"1.0\" encoding=\"UTF-8\"?> <definitions xmlns=\"http://www.omg.org/spec/BPMN/20100524/MODEL\" xmlns:bpmndi=\"http://www.omg.org/spec/BPMN/20100524/DI\" xmlns:omgdc=\"http://www.omg.org/spec/DD/20100524/DC\" xmlns:omgdi=\"http://www.omg.org/spec/DD/20100524/DI\" xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" targetNamespace=\"\" xsi:schemaLocation=\"http://www.omg.org/spec/BPMN/20100524/MODEL http://www.omg.org/spec/BPMN/2.0/20100501/BPMN20.xsd\">   <collaboration id=\"sid-c0e745ff-361e-4afb-8c8d-2a1fc32b1424\">     <participant id=\"sid-87F4C1D6-25E1-4A45-9DA7-AD945993D06F\" name=\"工作流程\" processRef=\"sid-C3803939-0872-457F-8336-EAE484DC4A04\" />   </collaboration>   <process id=\"sid-C3803939-0872-457F-8336-EAE484DC4A04\" name=\"Customer\" processType=\"None\" isClosed=\"false\" isExecutable=\"false\">     <extensionElements />     <laneSet id=\"sid-b167d0d7-e761-4636-9200-76b7f0e8e83a\">       <lane id=\"sid-57E4FE0D-18E4-478D-BC5D-B15164E93254\">         <flowNodeRef>sid-D7F237E8-56D0-4283-A3CE-4F0EFE446138</flowNodeRef>         <flowNodeRef>sid-52EB1772-F36E-433E-8F5B-D5DFD26E6F26</flowNodeRef>         <flowNodeRef>sid-E433566C-2289-4BEB-A19C-1697048900D2</flowNodeRef>       </lane>     </laneSet>     <startEvent id=\"sid-D7F237E8-56D0-4283-A3CE-4F0EFE446138\" name=\"开始\">       <outgoing>sid-7B791A11-2F2E-4D80-AFB3-91A02CF2B4FD</outgoing>     </startEvent>     <task id=\"sid-52EB1772-F36E-433E-8F5B-D5DFD26E6F26\" name=\"开始工作\">       <incoming>sid-7B791A11-2F2E-4D80-AFB3-91A02CF2B4FD</incoming>       <outgoing>sid-EE8A7BA0-5D66-4F8B-80E3-CC2751B3856A</outgoing>     </task>     <sequenceFlow id=\"sid-7B791A11-2F2E-4D80-AFB3-91A02CF2B4FD\" name=\"填报表单\" sourceRef=\"sid-D7F237E8-56D0-4283-A3CE-4F0EFE446138\" targetRef=\"sid-52EB1772-F36E-433E-8F5B-D5DFD26E6F26\" />     <sequenceFlow id=\"sid-EE8A7BA0-5D66-4F8B-80E3-CC2751B3856A\" name=\"转结束\" sourceRef=\"sid-52EB1772-F36E-433E-8F5B-D5DFD26E6F26\" targetRef=\"sid-E433566C-2289-4BEB-A19C-1697048900D2\" />     <endEvent id=\"sid-E433566C-2289-4BEB-A19C-1697048900D2\" name=\"结束\">       <incoming>sid-EE8A7BA0-5D66-4F8B-80E3-CC2751B3856A</incoming>     </endEvent>   </process>   <bpmndi:BPMNDiagram id=\"sid-74620812-92c4-44e5-949c-aa47393d3830\">     <bpmndi:BPMNPlane id=\"sid-cdcae759-2af7-4a6d-bd02-53f3352a731d\" bpmnElement=\"sid-c0e745ff-361e-4afb-8c8d-2a1fc32b1424\">       <bpmndi:BPMNShape id=\"sid-87F4C1D6-25E1-4A45-9DA7-AD945993D06F_gui\" bpmnElement=\"sid-87F4C1D6-25E1-4A45-9DA7-AD945993D06F\" isHorizontal=\"true\">         <omgdc:Bounds x=\"42.5\" y=\"75\" width=\"933\" height=\"250\" />         <bpmndi:BPMNLabel labelStyle=\"sid-84cb49fd-2f7c-44fb-8950-83c3fa153d3b\">           <omgdc:Bounds x=\"47.49999999999999\" y=\"170.42857360839844\" width=\"12.000000000000014\" height=\"59.142852783203125\" />         </bpmndi:BPMNLabel>       </bpmndi:BPMNShape>       <bpmndi:BPMNShape id=\"sid-57E4FE0D-18E4-478D-BC5D-B15164E93254_gui\" bpmnElement=\"sid-57E4FE0D-18E4-478D-BC5D-B15164E93254\" isHorizontal=\"true\">         <omgdc:Bounds x=\"72.5\" y=\"75\" width=\"903\" height=\"250\" />       </bpmndi:BPMNShape>       <bpmndi:BPMNShape id=\"sid-D7F237E8-56D0-4283-A3CE-4F0EFE446138_gui\" bpmnElement=\"sid-D7F237E8-56D0-4283-A3CE-4F0EFE446138\">         <omgdc:Bounds x=\"150\" y=\"165\" width=\"30\" height=\"30\" />         <bpmndi:BPMNLabel labelStyle=\"sid-e0502d32-f8d1-41cf-9c4a-cbb49fecf581\">           <omgdc:Bounds x=\"152\" y=\"197\" width=\"26\" height=\"14\" />         </bpmndi:BPMNLabel>       </bpmndi:BPMNShape>       <bpmndi:BPMNShape id=\"sid-52EB1772-F36E-433E-8F5B-D5DFD26E6F26_gui\" bpmnElement=\"sid-52EB1772-F36E-433E-8F5B-D5DFD26E6F26\">         <omgdc:Bounds x=\"352.5\" y=\"140\" width=\"100\" height=\"80\" />         <bpmndi:BPMNLabel labelStyle=\"sid-84cb49fd-2f7c-44fb-8950-83c3fa153d3b\">           <omgdc:Bounds x=\"360.5\" y=\"172\" width=\"84\" height=\"12\" />         </bpmndi:BPMNLabel>       </bpmndi:BPMNShape>       <bpmndi:BPMNShape id=\"sid-E433566C-2289-4BEB-A19C-1697048900D2_gui\" bpmnElement=\"sid-E433566C-2289-4BEB-A19C-1697048900D2\">         <omgdc:Bounds x=\"634\" y=\"166\" width=\"28\" height=\"28\" />         <bpmndi:BPMNLabel labelStyle=\"sid-e0502d32-f8d1-41cf-9c4a-cbb49fecf581\">           <omgdc:Bounds x=\"635\" y=\"196\" width=\"26\" height=\"14\" />         </bpmndi:BPMNLabel>       </bpmndi:BPMNShape>       <bpmndi:BPMNEdge id=\"sid-EE8A7BA0-5D66-4F8B-80E3-CC2751B3856A_gui\" bpmnElement=\"sid-EE8A7BA0-5D66-4F8B-80E3-CC2751B3856A\">         <omgdi:waypoint xsi:type=\"omgdc:Point\" x=\"453\" y=\"180\" />         <omgdi:waypoint xsi:type=\"omgdc:Point\" x=\"635\" y=\"180\" />         <bpmndi:BPMNLabel>           <omgdc:Bounds x=\"525\" y=\"155\" width=\"38\" height=\"14\" />         </bpmndi:BPMNLabel>       </bpmndi:BPMNEdge>       <bpmndi:BPMNEdge id=\"sid-7B791A11-2F2E-4D80-AFB3-91A02CF2B4FD_gui\" bpmnElement=\"sid-7B791A11-2F2E-4D80-AFB3-91A02CF2B4FD\">         <omgdi:waypoint xsi:type=\"omgdc:Point\" x=\"179\" y=\"180\" />         <omgdi:waypoint xsi:type=\"omgdc:Point\" x=\"353\" y=\"180\" />         <bpmndi:BPMNLabel>           <omgdc:Bounds x=\"241\" y=\"155\" width=\"50\" height=\"14\" />         </bpmndi:BPMNLabel>       </bpmndi:BPMNEdge>     </bpmndi:BPMNPlane>     <bpmndi:BPMNLabelStyle id=\"sid-e0502d32-f8d1-41cf-9c4a-cbb49fecf581\">       <omgdc:Font name=\"Arial\" size=\"11\" isBold=\"false\" isItalic=\"false\" isUnderline=\"false\" isStrikeThrough=\"false\" />     </bpmndi:BPMNLabelStyle>     <bpmndi:BPMNLabelStyle id=\"sid-84cb49fd-2f7c-44fb-8950-83c3fa153d3b\">       <omgdc:Font name=\"Arial\" size=\"12\" isBold=\"false\" isItalic=\"false\" isUnderline=\"false\" isStrikeThrough=\"false\" />     </bpmndi:BPMNLabelStyle>   </bpmndi:BPMNDiagram> </definitions>\r\n\r\n";
            //最简版，不带边框
            diagramXML = "<?xml version=\"1.0\" encoding=\"UTF-8\"?> <definitions xmlns=\"http://www.omg.org/spec/BPMN/20100524/MODEL\" xmlns:bpmndi=\"http://www.omg.org/spec/BPMN/20100524/DI\" xmlns:omgdc=\"http://www.omg.org/spec/DD/20100524/DC\" xmlns:omgdi=\"http://www.omg.org/spec/DD/20100524/DI\" xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" targetNamespace=\"\" xsi:schemaLocation=\"http://www.omg.org/spec/BPMN/20100524/MODEL http://www.omg.org/spec/BPMN/2.0/20100501/BPMN20.xsd\">   <process id=\"Process_0ou37ig\">     <startEvent id=\"StartEvent_142ym73\" name=\"开始\">       <outgoing>SequenceFlow_0gqlk33</outgoing>     </startEvent>     <task id=\"Task_020vyoo\" name=\"开始工作\">       <incoming>SequenceFlow_0gqlk33</incoming>       <outgoing>SequenceFlow_02bni32</outgoing>     </task>     <sequenceFlow id=\"SequenceFlow_0gqlk33\" name=\"填报表单\" sourceRef=\"StartEvent_142ym73\" targetRef=\"Task_020vyoo\" />     <endEvent id=\"EndEvent_1wus1l9\" name=\"结束\">       <incoming>SequenceFlow_02bni32</incoming>     </endEvent>     <sequenceFlow id=\"SequenceFlow_02bni32\" name=\"转结束\" sourceRef=\"Task_020vyoo\" targetRef=\"EndEvent_1wus1l9\" />   </process>   <bpmndi:BPMNDiagram id=\"sid-74620812-92c4-44e5-949c-aa47393d3830\">     <bpmndi:BPMNPlane id=\"sid-cdcae759-2af7-4a6d-bd02-53f3352a731d\" bpmnElement=\"Process_0ou37ig\">       <bpmndi:BPMNShape id=\"StartEvent_142ym73_di\" bpmnElement=\"StartEvent_142ym73\">         <omgdc:Bounds x=\"115.14214214214215\" y=\"96.31831831831832\" width=\"36\" height=\"36\" />         <bpmndi:BPMNLabel>           <omgdc:Bounds x=\"122\" y=\"135\" width=\"22\" height=\"17\" />         </bpmndi:BPMNLabel>       </bpmndi:BPMNShape>       <bpmndi:BPMNShape id=\"Task_020vyoo_di\" bpmnElement=\"Task_020vyoo\">         <omgdc:Bounds x=\"281.17217217217216\" y=\"74\" width=\"100\" height=\"80\" />       </bpmndi:BPMNShape>       <bpmndi:BPMNEdge id=\"SequenceFlow_0gqlk33_di\" bpmnElement=\"SequenceFlow_0gqlk33\">         <omgdi:waypoint xsi:type=\"omgdc:Point\" x=\"151\" y=\"114\" />         <omgdi:waypoint xsi:type=\"omgdc:Point\" x=\"281\" y=\"114\" />         <bpmndi:BPMNLabel>           <omgdc:Bounds x=\"194.74712643678163\" y=\"92\" width=\"44\" height=\"17\" />         </bpmndi:BPMNLabel>       </bpmndi:BPMNEdge>       <bpmndi:BPMNShape id=\"EndEvent_1wus1l9_di\" bpmnElement=\"EndEvent_1wus1l9\">         <omgdc:Bounds x=\"544.1721721721722\" y=\"96\" width=\"36\" height=\"36\" />         <bpmndi:BPMNLabel>           <omgdc:Bounds x=\"551\" y=\"135\" width=\"22\" height=\"17\" />         </bpmndi:BPMNLabel>       </bpmndi:BPMNShape>       <bpmndi:BPMNEdge id=\"SequenceFlow_02bni32_di\" bpmnElement=\"SequenceFlow_02bni32\">         <omgdi:waypoint xsi:type=\"omgdc:Point\" x=\"381\" y=\"114\" />         <omgdi:waypoint xsi:type=\"omgdc:Point\" x=\"544\" y=\"114\" />         <bpmndi:BPMNLabel>           <omgdc:Bounds x=\"446\" y=\"92\" width=\"33\" height=\"17\" />         </bpmndi:BPMNLabel>       </bpmndi:BPMNEdge>     </bpmndi:BPMNPlane>     <bpmndi:BPMNLabelStyle id=\"sid-e0502d32-f8d1-41cf-9c4a-cbb49fecf581\">       <omgdc:Font name=\"Arial\" size=\"11\" isBold=\"false\" isItalic=\"false\" isUnderline=\"false\" isStrikeThrough=\"false\" />     </bpmndi:BPMNLabelStyle>     <bpmndi:BPMNLabelStyle id=\"sid-84cb49fd-2f7c-44fb-8950-83c3fa153d3b\">       <omgdc:Font name=\"Arial\" size=\"12\" isBold=\"false\" isItalic=\"false\" isUnderline=\"false\" isStrikeThrough=\"false\" />     </bpmndi:BPMNLabelStyle>   </bpmndi:BPMNDiagram> </definitions> ";
        }
        importXML(diagramXML);
    },
    error: function (response) {
        diagramXML = "<?xml version=\"1.0\" encoding=\"UTF-8\"?> <definitions xmlns=\"http://www.omg.org/spec/BPMN/20100524/MODEL\" xmlns:bpmndi=\"http://www.omg.org/spec/BPMN/20100524/DI\" xmlns:omgdc=\"http://www.omg.org/spec/DD/20100524/DC\" xmlns:omgdi=\"http://www.omg.org/spec/DD/20100524/DI\" xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" targetNamespace=\"\" xsi:schemaLocation=\"http://www.omg.org/spec/BPMN/20100524/MODEL http://www.omg.org/spec/BPMN/2.0/20100501/BPMN20.xsd\">   <process id=\"Process_0ou37ig\">     <startEvent id=\"StartEvent_142ym73\" name=\"开始\">       <outgoing>SequenceFlow_0gqlk33</outgoing>     </startEvent>     <task id=\"Task_020vyoo\" name=\"开始工作\">       <incoming>SequenceFlow_0gqlk33</incoming>       <outgoing>SequenceFlow_02bni32</outgoing>     </task>     <sequenceFlow id=\"SequenceFlow_0gqlk33\" name=\"填报表单\" sourceRef=\"StartEvent_142ym73\" targetRef=\"Task_020vyoo\" />     <endEvent id=\"EndEvent_1wus1l9\" name=\"结束\">       <incoming>SequenceFlow_02bni32</incoming>     </endEvent>     <sequenceFlow id=\"SequenceFlow_02bni32\" name=\"转结束\" sourceRef=\"Task_020vyoo\" targetRef=\"EndEvent_1wus1l9\" />   </process>   <bpmndi:BPMNDiagram id=\"sid-74620812-92c4-44e5-949c-aa47393d3830\">     <bpmndi:BPMNPlane id=\"sid-cdcae759-2af7-4a6d-bd02-53f3352a731d\" bpmnElement=\"Process_0ou37ig\">       <bpmndi:BPMNShape id=\"StartEvent_142ym73_di\" bpmnElement=\"StartEvent_142ym73\">         <omgdc:Bounds x=\"115.14214214214215\" y=\"96.31831831831832\" width=\"36\" height=\"36\" />         <bpmndi:BPMNLabel>           <omgdc:Bounds x=\"122\" y=\"135\" width=\"22\" height=\"17\" />         </bpmndi:BPMNLabel>       </bpmndi:BPMNShape>       <bpmndi:BPMNShape id=\"Task_020vyoo_di\" bpmnElement=\"Task_020vyoo\">         <omgdc:Bounds x=\"281.17217217217216\" y=\"74\" width=\"100\" height=\"80\" />       </bpmndi:BPMNShape>       <bpmndi:BPMNEdge id=\"SequenceFlow_0gqlk33_di\" bpmnElement=\"SequenceFlow_0gqlk33\">         <omgdi:waypoint xsi:type=\"omgdc:Point\" x=\"151\" y=\"114\" />         <omgdi:waypoint xsi:type=\"omgdc:Point\" x=\"281\" y=\"114\" />         <bpmndi:BPMNLabel>           <omgdc:Bounds x=\"194.74712643678163\" y=\"92\" width=\"44\" height=\"17\" />         </bpmndi:BPMNLabel>       </bpmndi:BPMNEdge>       <bpmndi:BPMNShape id=\"EndEvent_1wus1l9_di\" bpmnElement=\"EndEvent_1wus1l9\">         <omgdc:Bounds x=\"544.1721721721722\" y=\"96\" width=\"36\" height=\"36\" />         <bpmndi:BPMNLabel>           <omgdc:Bounds x=\"551\" y=\"135\" width=\"22\" height=\"17\" />         </bpmndi:BPMNLabel>       </bpmndi:BPMNShape>       <bpmndi:BPMNEdge id=\"SequenceFlow_02bni32_di\" bpmnElement=\"SequenceFlow_02bni32\">         <omgdi:waypoint xsi:type=\"omgdc:Point\" x=\"381\" y=\"114\" />         <omgdi:waypoint xsi:type=\"omgdc:Point\" x=\"544\" y=\"114\" />         <bpmndi:BPMNLabel>           <omgdc:Bounds x=\"446\" y=\"92\" width=\"33\" height=\"17\" />         </bpmndi:BPMNLabel>       </bpmndi:BPMNEdge>     </bpmndi:BPMNPlane>     <bpmndi:BPMNLabelStyle id=\"sid-e0502d32-f8d1-41cf-9c4a-cbb49fecf581\">       <omgdc:Font name=\"Arial\" size=\"11\" isBold=\"false\" isItalic=\"false\" isUnderline=\"false\" isStrikeThrough=\"false\" />     </bpmndi:BPMNLabelStyle>     <bpmndi:BPMNLabelStyle id=\"sid-84cb49fd-2f7c-44fb-8950-83c3fa153d3b\">       <omgdc:Font name=\"Arial\" size=\"12\" isBold=\"false\" isItalic=\"false\" isUnderline=\"false\" isStrikeThrough=\"false\" />     </bpmndi:BPMNLabelStyle>   </bpmndi:BPMNDiagram> </definitions> ";
    }
});



////导出流程图
var svgToImg;
function btnExportFlow() {
    if (confirm("确认导出流程图吗？")) {
        bpmnModeler.saveSVG({ format: true }, function (err, svg) {
            //console.log(svg.toString());
            svg = "<svg style='background:#ffffff;' xmlns=" + svg.split("<svg xmlns=")[1];

            //svg=changeColor(changeColor,"000000");
            //covertSVG2Image(svg,"11",1000,300,'png')
            $("#div_flow_svg_part").html(svg);

            setTimeout(function () {
                var get_svg = document.querySelector("#div_flow_svg_part svg");

                //// 实例化对象
                svgToImg = new svgToImg(get_svg);
                var filename = decodeURI(sp.getUrlName("flowName"));
                svgToImg.change(filename, 'png');


                //covertSVG2Image(get_svg,"11",1000,200,"png");
            }, 100);
        })
    }
}


//获取流程的基本信息并保存
var flowInfo = "";
var flowColumn = [];
$.ajax({
    type: "post",
    url: apiurljs.login + "g2work/flow/queryHashMapByCopyrightid",
    headers: {
        Authorization: "Bearer " + get_AccessToken,
    },
    data: JSON.stringify({
        data: s4.encryptData_CBC(JSON.stringify({"copyrightid": copyrightid}))
    }),
    dataType: "json",
    contentType: "application/json",
    success: function (obj) {
        var response = strToJson(s4.decryptData_CBC(obj.data));
        flowInfo = response.data;
        if (flowInfo.CODETABLE != "" && flowInfo.CODETABLE != null && flowInfo.CODETABLE != undefined) {
            $.ajax({
                type: "post",
                url: apiurljs.login + "g2work/billcol/queryDataByParam",
                headers: {
                    Authorization: "Bearer " + get_AccessToken,
                },
                data: JSON.stringify({
                    data: s4.encryptData_CBC(JSON.stringify({"billkey": flowInfo.CODETABLE}))
                }),
                dataType: "json",
                contentType: "application/json",
                success: function (obj) {
                    var response2 = strToJson(s4.decryptData_CBC(obj.data));
                    flowColumn = response2.data[0].COLS;
                    $("#btnTimeFlow").show();
                },
                error: function (response) {
                    console.log(response);
                }
            });
        } else {
            flowInfo.CODETABLE = "";
            flowInfo.CODETABLECAPTION = "未配置";
            $("#btnTimeFlow").show();
        }

    },
    error: function (response) {
        console.log(response);
    }
});


//隐藏节点的div层
function btnHideRightPart() {
    $("#bpmnSetRightPart").hide();
}

//隐藏流向的div层
function btnHideRightPartFlow() {
    $("#bpmnSetRightPartFlow").hide();
}

function btnGoBack() {
    window.location.href = "../tpk/flowchart/flowchart.html?FLOWKND=" + sp.getUrlName("leftActiveType");
}

//点击节点调用的函数
function clickNode(nodeid) {
    $("#bpmnSetRightPartFlow").attr("flowid", "");
    $("#bpmnSetRightPart").attr("nodeid", nodeid);
    var nodeid = $("#bpmnSetRightPart").attr("nodeid") + "_" + copyrightid;
    var postData = {nodeid: nodeid};
    $.ajax({
        type: "post",
        url: apiurljs.login + "g2work/flownode/queryData",
        headers: {
            Authorization: "Bearer " + get_AccessToken,
        },
        data: JSON.stringify({
            data: s4.encryptData_CBC(JSON.stringify(postData))
        }),
        dataType: "json",
        contentType: "application/json",
        success: function (obj) {
            var response = strToJson(s4.decryptData_CBC(obj.data));
            //当前节点为空时，隐藏右侧表单信息
            if (Object.keys(response.data).length != 0) {
                $("#bpmnSetRightPart").show();
                $("#bpmnSetRightPartFlow").hide();
                initNodePart(response.data);
            } else {
                $("#bpmnSetRightPart").hide();
                $("#bpmnSetRightPartFlow").hide();
            }
        },
        error: function (response) {
            console.log(response);
        }
    });
}

function getNodeInfo() {
    var nodeid = $("#bpmnSetRightPart").attr("nodeid") + "_" + copyrightid;
    var postData = {nodeid: nodeid};
    $.ajax({
        type: "post",
        url: apiurljs.login + "g2work/flownode/queryData",
        headers: {
            Authorization: "Bearer " + get_AccessToken,
        },
        data: JSON.stringify({
            data: s4.encryptData_CBC(JSON.stringify(postData))
        }),
        dataType: "json",
        contentType: "application/json",
        success: function (obj) {
            var response = strToJson(s4.decryptData_CBC(obj.data));
            initNodePart(response.data);
        },
        error: function (response) {
            console.log(response);
        }
    });
}

//各个节点类型的判断
var nodeTypeList = [
    {"type": 0, "name": "开始"},
    {"type": 1, "name": "结束"},
    {"type": 2, "name": "任务"},
    {"type": 3, "name": "网关"},
    {"type": 4, "name": "子流程"},
    {"type": 5, "name": "边界事件"}
];

//表单类型列表
var formType = [
    {"cval": "NORMAL", "cname": "一般表"},
    {"cval": "MDETAIL", "cname": "主细表"},
    {"cval": "CODETBL", "cname": "代码表"},
    {"cval": "TREESTAL", "cname": "树状表"},
    {"cval": "ENTITYTB", "cname": "实体表"},
    {"cval": "FILETBL", "cname": "附件表"},
]

//根据节点信息初始化节点弹出层的函数
function initNodePart(nodeInfo) {
    //console.log(JSON.stringify(nodeInfo));

    $(".nodeCode").html(nodeInfo.NODEKID);
    $(".nodeBtn").hide();
    nodeTypeList.forEach(function (item) {
        if (item.type == nodeInfo.TYPE) {
            $(".nodeType").html(item.name);
        }
    })
    $(".nodeTypeSelect").val(parseInt(nodeInfo.TYPE));
    if (parseInt(nodeInfo.TYPE) == 2 || parseInt(nodeInfo.TYPE) == 4) {
        $(".nodeBtn").show();
    }
    //如果是子流程则显示子流程设置，不是子流程则是表单设置
    if (parseInt(nodeInfo.TYPE) == 4) {
        $("#itemFlowTitle").show();
        $("#itemFlowBox").show();
        $("#formTitle").hide();
        $("#formBox").hide();
    } else {
        $("#itemFlowTitle").hide();
        $("#itemFlowBox").hide();
        $("#formTitle").show();
        $("#formBox").show();
    }

    $(".nodeName").val(nodeInfo.CNAME);
    $(".nodeTime").val(nodeInfo.TIMELIMIT);
    $(".nodeRemark").val(nodeInfo.EXPLAIN);

    ///为  是否合流  赋值
    if (nodeInfo.MARKMERGE == "" || nodeInfo.MARKMERGE == "false") {
        $("#chb_isMarkmerge").prop("checked", false);
    } else {
        $("#chb_isMarkmerge").prop("checked", true);
    }

    //清空人员层,表单层,子流程层的数据
    $(".itemFlowBox tbody").html("");
    $(".formTableBox tbody").html("");
    $("#nodeUserList").html("");

    if (nodeInfo.TOFLOWID != undefined && nodeInfo.TOFLOWCNAME != undefined) {
        var itemTD =
            "<tr flow-id='" + nodeInfo.TOFLOWID + "'>" +
            "<td class='sp-text-left sp-pl-10'>" + nodeInfo.TOFLOWCNAME + "</td>" +
            "<td class='delFormbtn'><i class='fa fa-edit' onclick='openEditFlowLayer(this)'></i></td>" +
            "</tr>";
        $(".itemFlowBox tbody").append(itemTD);
    } else {
        var itemTD =
            "<tr flow-id='0'>" +
            "<td class='sp-text-left sp-pl-10'>尚未配置子流程</td>" +
            "<td class='delFormbtn'><i class='fa fa-edit' onclick='openEditFlowLayer(this)'></i></td>" +
            "</tr>";
        $(".itemFlowBox tbody").append(itemTD);
    }
    nodeInfo.FORM.forEach(function (item, index) {
        var itemTD =
            "<tr form-id='" + item.FORMID + "'>" +
            "<td class='sp-text-left sp-pl-10'>" + item.FORMNAME + "</td>" +
            "<td class='delFormbtn'><i class='fa fa-close' onclick='deleteNodeForm(\"" + item.FORMID + "\"," + index + ")'></i></td>" +
            "</tr>";
        $(".formTableBox tbody").append(itemTD);
    })

    nodeInfo.USERS.forEach(function (item, index) {
        var itemDiv = "<div class='itemUser'>" +
            "<div class='delUserbtn'>" +
            "<i class='fa fa-close' onclick='deleteNodeUser(\"" + item.UNITID + "\",\"" + item.DID + "\",\"" + item.ZID + "\",\"" + item.GID + "\",\"" + item.RID + "\"," + index + ")'></i>" +
            "</div>" +
            "<div class='itemLine'><div class='itemTitle'>机构：</div><div class='itemVal'>" + item.UNITIDNAME + "</div></div>" +
            "<div class='itemLine'><div class='itemTitle'>部门：</div><div class='itemVal'>" + item.DIDNAME + "</div></div>" +
            "<div class='itemLine'><div class='itemTitle'>角色：</div><div class='itemVal'>" + item.ZIDNAME + "</div></div>" +
            "<div class='itemLine'><div class='itemTitle'>群组：</div><div class='itemVal'>" + item.GIDNAME + "</div></div>" +
            "<div class='itemLine'><div class='itemTitle'>人员：</div><div class='itemVal'>" + item.RIDNAME + "</div></div>" +
            "</div>"
        $("#nodeUserList").append(itemDiv);
    })
}

//节点增加表单的准备操作
//获取机构列表
var unitList = [];
var typeList = [];

//获取机构
function getUnitList() {
    $.ajax({
        type: "post",
        url: apiurljs.login + "g2work/sect/querySectAdmin",
        headers: {
            Authorization: "Bearer " + get_AccessToken,
        },
        data: JSON.stringify({
            data: s4.encryptData_CBC("")
        }),
        dataType: "json",
        contentType: "application/json",
        success: function (obj) {
            var response = strToJson(s4.decryptData_CBC(obj.data));
            unitList = response.data;
            unitList.forEach(function (item, index) {
                if (index == 0) {
                    var itemOption = "<option selected value='" + item.CODE + "'>" + item.SECTION + "</option>";
                } else {
                    var itemOption = "<option value='" + item.CODE + "'>" + item.SECTION + "</option>";
                }
                $("#formUnit").append(itemOption);
                $("#itemUserUnit").append(itemOption);
                $("#userUnit").append(itemOption);
                $("#directionUnit").append(itemOption);
            })
        },
        error: function (response) {
            console.log(response);
        }
    });
}

//获取表单类型
function getFormType() {
    var nowUnit = $("#formUnit").val();
    $(".formTypeBox").html("");
    var baseType = "<div class=\"typeItem\" data-type='' onclick=\"changeFormType('',this)\"><i class=\"fa fa-list-ul\"></i> <span>全部表单</span></div>";
    $(".formTypeBox").append(baseType);
    var postData = {
        pkid: nowUnit,
        includechildren: true
    };
    $.ajax({
        type: "post",
        url: apiurljs.login + "g2work/formkinds/queryData",
        headers: {
            Authorization: "Bearer " + get_AccessToken,
        },
        data: JSON.stringify({
            data: s4.encryptData_CBC(JSON.stringify(postData))
        }),
        dataType: "json",
        contentType: "application/json",
        success: function (obj) {
            var response = strToJson(s4.decryptData_CBC(obj.data));
            typeList = response.data;
            typeList.forEach(function (item) {
                var itemType = "<div class='typeItem' data-type='" + item.PKID + "' onclick='changeFormType(\"" + item.PKID + "\",this)'><i class='fa fa-folder'></i> <span>" + item.CNAME + "</span></div>";
                $(".formTypeBox").append(itemType);
            })
            $(".formTypeBox>.typeItem").eq(1).addClass("active");
            getFormList();
        },
        error: function (response) {
            console.log(response);
        }
    });
}

//加载表单
function getFormList() {
    //根据选中的机构和类型查询表单数据
    var nowUnit = $("#formUnit").val();
    var nowType = $(".formTypeBox .active").attr("data-type");
    var postData = {
        unitid: nowUnit,
        formkinds: nowType
    }
    $("#formList tbody").html("");
    $.ajax({
        type: "post",
        url: apiurljs.login + "g2work/form/queryData",
        headers: {
            Authorization: "Bearer " + get_AccessToken,
        },
        data: JSON.stringify({
            data: s4.encryptData_CBC(JSON.stringify(postData))
        }),
        dataType: "json",
        contentType: "application/json",
        success: function (obj) {
            var response = strToJson(s4.decryptData_CBC(obj.data));
            if (response.data.length != 0) {
                $(".formPartRight .sp-table-tip").hide();
                response.data.forEach(function (item, index) {
                    formType.forEach(function (item2) {
                        if (item2.cval == item.CTYPE) {
                            item.CTYPENAME = item2.cname;
                        }
                    })
                    var itemTr =
                        "<tr form-id='" + item.FORMID + "'>" +
                        "<td><input type='checkbox' onclick='selectItemForm()'></td>" +
                        "<td>" + (index + 1) + "</td>" +
                        "<td>" + item.CKEY + "</td>" +
                        "<td>" + item.CNAME + "</td>" +
                        "<td>" + item.SHORTNAME + "</td>" +
                        "<td>" + item.EXPLAIN + "</td>" +
                        "<td>" + item.CTYPENAME + "</td>"
                    "</tr>";
                    $("#formList tbody").append(itemTr);
                })
            } else {
                $(".formPartRight .sp-table-tip").show();
            }
        },
        error: function (response) {
            console.log(response);
        }
    });
}

//打开设置表单的弹出层
function openFormLayer() {
    $("#formUnit").val(unitList[0].CODE);
    $("#selectAll").prop('checked', false);
    $(".formTypeBox>.typeItem").removeClass("active");
    getFormType();
    sp.layer('#layer_formset');
}

//改变机构函数
function changeUnit() {
    var nowUnit = $("#formUnit").val();
    getFormType();
}

//更改表单类型
function changeFormType(code, obj) {
    $("#selectAll").prop('checked', false);
    $(".formTypeBox>.typeItem").removeClass("active");
    $(obj).addClass("active");
    getFormList();
}

//全选或者取消全选表单
function selectAllForm() {
    var selectAllFlog = $("#selectAll").is(":checked");
    $("#formList tbody input[type='checkbox']").prop('checked', selectAllFlog);
}

//点击单个表单函数
function selectItemForm() {
    var selectNum = $("#formList tbody input[type='checkbox']:checked").length;
    var totalNum = $("#formList tbody input[type='checkbox']").length;
    if (selectNum == totalNum) {
        $("#selectAll").prop('checked', true);
    } else {
        $("#selectAll").prop('checked', false);
    }
}

//保存选择表单
function saveForm() {
    var formArray = [];
    $("#formList tbody input[type='checkbox']:checked").each(function (e) {
        var formItem = {
            formid: $(this).parents("tr").attr("form-id")
        }
        formArray.push(formItem);
    })
    var nodeid = $("#bpmnSetRightPart").attr("nodeid") + "_" + copyrightid;
    var postData = {
        copyrightid: copyrightid,
        nodeid: nodeid,
        data: JSON.stringify(formArray)
    }
    $.ajax({
        type: "post",
        url: apiurljs.login + "g2work/flownode/updateNodeForm",
        headers: {
            Authorization: "Bearer " + get_AccessToken,
        },
        data: JSON.stringify({
            data: s4.encryptData_CBC(JSON.stringify(postData))
        }),
        dataType: "json",
        contentType: "application/json",
        success: function (obj) {
            var response = strToJson(s4.decryptData_CBC(obj.data));
            sp.layerhide();
            if (response.success) {
                $(".formTableBox tbody").html("");
                response.data.FORM.forEach(function (item, index) {
                    var itemTD =
                        "<tr form-id='" + item.FORMID + "'>" +
                        "<td class='sp-text-left sp-pl-10'>" + item.FORMNAME + "</td>" +
                        "<td class='delFormbtn'><i class='fa fa-close' onclick='deleteNodeForm(\"" + item.FORMID + "\"," + index + ")'></i></td>" +
                        "</tr>";
                    $(".formTableBox tbody").append(itemTD);
                })
            } else {
                setTimeout(function () {
                    sp.dialog(res.message);
                }, 1000)
            }
        },
        error: function (response) {
            console.log(response);
        }
    });
}

//打开人员编辑层
function openUserLayer() {
    $("#userUnit").val(unitList[0].CODE);
    $("#departAll").prop("checked", true);
    $("#roleAll").prop("checked", true);
    $("#groupAll").prop("checked", true);
    $("#userAll").prop("checked", true);

    $("#nowDepart").html("[全部部门]");
    $("#nowRole").html("[全部角色]");
    $("#nowGroup").html("[全部群组]");
    $("#nowUser").html("[全部人员]");
    $("#nowUnit").html(unitList[0].SECTION);

    getUserDepart();
    getUserRole();
    getUserGroup();
    getUserList();
    $("#layer_selectUser .msgContentBox").hide();
    $("#layer_selectUser").attr("data-title", "人员设置");
    $("#layer_selectUser .sp-layer-title").html("人员设置");
    //下面的流向提醒设置中需要置空的数据
    $("#rtxmsgFlag").prop("checked", false);
    $("#smsmsgFlag").prop("checked", false);
    $("#rtxmsgContent").val("");
    $("#smsmsgContent").val("");
    sp.layer('#layer_selectUser');
}

//获取人员部门
function getUserDepart() {
    var postData = {
        code: $("#userUnit").val()
    }
    $.ajax({
        type: "post",
        url: apiurljs.login + "g2work/sect/querySect",
        headers: {
            Authorization: "Bearer " + get_AccessToken,
        },
        data: JSON.stringify({
            data: s4.encryptData_CBC(JSON.stringify(postData))
        }),
        dataType: "json",
        contentType: "application/json",
        success: function (obj) {
            var response = strToJson(s4.decryptData_CBC(obj.data));
            $(".treeList").html("");
            response.data.forEach(function (item, index) {
                if (item.C_H_I_L_D.length > 0) {
                    var firstLi = "<li>" +
                        "<a><i class='fa fa-plus-square-o'></i><i class='fa fa-minus-square-o'></i><span>" + item.SECTION + "</span></a>" +
                        "<ul></ul>"
                    "</li>";
                } else {
                    var firstLi = "<li class='sp-tree-nochild'><a><span>" + item.SECTION + "</span></a></li>";
                }
                $(".treeList").append(firstLi);
                item.C_H_I_L_D.forEach(function (item2, index2) {
                    if (item2.C_H_I_L_D.length > 0) {
                        var secondLi = "<li>" +
                            "<a><i class='fa fa-plus-square-o'></i><i class='fa fa-minus-square-o'></i><span data-code='" + item2.CODE + "' onclick='selectDeprt(this)'>" + item2.SECTION + "</span></a>" +
                            "<ul></ul>"
                        "</li>";
                    } else {
                        var secondLi = "<li class='sp-tree-nochild'><a><span data-code='" + item2.CODE + "' onclick='selectDeprt(this)'>" + item2.SECTION + "</span></a></li>"
                    }
                    $(".treeList>li").eq(index).children("ul").append(secondLi);
                    item2.C_H_I_L_D.forEach(function (item3, index3) {
                        var thirdLi = "<li class='sp-tree-nochild'><a><span data-code='" + item3.CODE + "' onclick='selectDeprt(this)'>" + item3.SECTION + "</span></a></li>";
                        $(".treeList>li").eq(index).children("ul").children("li").eq(index2).children("ul").append(thirdLi);
                    })
                })
            })

            //树形的伸缩
            $(".sp-tree").find("a>i").each(function () {
                $(this).on("click", function () {
                    if ($(this).parent().hasClass("hasclick")) {
                        $(this).parent().removeClass("hasclick");
                        if ($(this).parent().parent().find("ul").length > 0) {
                            $(this).parent().parent().children("ul").children("li").hide();
                            $(this).parent().children(".fa-minus-square-o").hide();
                            $(this).parent().children(".fa-plus-square-o").show();
                        }
                        ;
                    } else {
                        $(this).parent().addClass("hasclick");
                        if ($(this).parent().parent().find("ul").length > 0) {
                            $(this).parent().parent().children("ul").children("li").show();
                            $(this).parent().children(".fa-minus-square-o").css({"display": "inline-block"});
                            $(this).parent().children(".fa-plus-square-o").hide();
                        }
                        ;
                    }
                });
            });
            $(".treeList>li").eq(0).children("a").find(".fa-plus-square-o").click();
        },
        error: function (response) {
            console.log(response);
        }
    });
}

//获取角色
function getUserRole() {
    var postData = {
        unitid: $("#userUnit").val()
    }
    $.ajax({
        type: "post",
        url: apiurljs.login + "g2work/datazu/queryData",
        headers: {
            Authorization: "Bearer " + get_AccessToken,
        },
        data: JSON.stringify({
            data: s4.encryptData_CBC(JSON.stringify(postData))
        }),
        dataType: "json",
        contentType: "application/json",
        success: function (obj) {
            var response = strToJson(s4.decryptData_CBC(obj.data));
            $(".roleList").html("");
            response.data.forEach(function (item) {
                var itemRole = "<span data-code='" + item.ZID + "' class='sp-lh-20' onclick='selectRole(this)'>" + item.ZUM + "</span>";
                $(".roleList").append(itemRole);
            })
        },
        error: function (response) {
            console.log(response);
        }
    });
}

//获取群组
function getUserGroup() {
    var postData = {
        unitid: $("#userUnit").val()
    }
    $.ajax({
        type: "post",
        url: apiurljs.login + "g2work/datagroup/queryData",
        headers: {
            Authorization: "Bearer " + get_AccessToken,
        },
        data: JSON.stringify({
            data: s4.encryptData_CBC(JSON.stringify(postData))
        }),
        dataType: "json",
        contentType: "application/json",
        success: function (obj) {
            var response = strToJson(s4.decryptData_CBC(obj.data));
            $(".groupList").html("");
            response.data.forEach(function (item) {
                var itemRole = "<span class='sp-lh-20' data-code='" + item.GID + "' onclick='selectGroup(this)'>" + item.GUM + "</span>";
                $(".groupList").append(itemRole);
            })
        },
        error: function (response) {
            console.log(response);
        }
    });
}

//根据函数来检索用户
function getUserList() {
    var postData = {
        unitid: $("#userUnit").val(),
        departid: "",
        zid: "",
        gid: ""
    }

    if ($("#departAll").is(":checked")) {
        postData.departid = "";
    } else {
        postData.departid = $(".treeList .activeBtn").eq(0).children("span").attr("data-code");
    }

    if ($("#roleAll").is(":checked")) {
        postData.zid = "";
    } else {
        postData.zid = $(".roleList .activeBtn").eq(0).attr("data-code");
    }

    if ($("#groupAll").is(":checked")) {
        postData.gid = "";
    } else {
        postData.gid = $(".groupList .activeBtn").eq(0).attr("data-code");
    }

    $.ajax({
        type: "post",
        url: apiurljs.login + "g2work/user/queryUserByUnitidDepartidZidGid",
        headers: {
            Authorization: "Bearer " + get_AccessToken,
        },
        data: JSON.stringify({
            data: s4.encryptData_CBC(JSON.stringify(postData))
        }),
        dataType: "json",
        contentType: "application/json",
        success: function (obj) {
            var response = strToJson(s4.decryptData_CBC(obj.data));
            $(".userList").html("");
            response.data.forEach(function (item) {
                var itemRole = "<span class='sp-lh-20' data-code='" + item.USERID + "'  onclick='selectUser(this)'>" + item.USHOWNAME + "</span>";
                $(".userList").append(itemRole);
            })
        },
        error: function (response) {
            console.log(response);
        }
    });
}

//改变机构
function changeUserUnit() {
    $("#departAll").prop("checked", true);
    $("#roleAll").prop("checked", true);
    $("#groupAll").prop("checked", true);
    $("#userAll").prop("checked", true);
    $("#nowDepart").html("[全部部门]");
    $("#nowRole").html("[全部角色]");
    $("#nowGroup").html("[全部群组]");
    $("#nowUser").html("[全部人员]");
    $("#nowUnit").html($("#userUnit").find("option:selected").text())
    getUserDepart();
    getUserRole();
    getUserGroup();
    getUserList();
}

//点击部门
function selectDeprt(obj) {
    $(".treeList a").removeClass("activeBtn");
    $(obj).parent().addClass("activeBtn");
    $("#departAll").prop("checked", false);
    $("#nowDepart").html($(obj).html());
    $("#userAll").prop("checked", true);
    $("#nowUser").html("[全部人员]");
    getUserList();
}

//点击角色
function selectRole(obj) {
    $(".roleList span").removeClass("activeBtn");
    $(obj).addClass("activeBtn");
    $("#roleAll").prop("checked", false);
    $("#nowRole").html($(obj).html());
    $("#userAll").prop("checked", true);
    $("#nowUser").html("[全部人员]");
    getUserList();
}

//点击群组
function selectGroup(obj) {
    $(".groupList span").removeClass("activeBtn");
    $(obj).addClass("activeBtn");
    $("#groupAll").prop("checked", false);
    $("#nowGroup").html($(obj).html());
    $("#userAll").prop("checked", true);
    $("#nowUser").html("[全部人员]");
    getUserList();
}

//点击用户
function selectUser(obj) {
    $(".userList span").removeClass("activeBtn");
    $(obj).addClass("activeBtn");
    $("#userAll").prop("checked", false);
    $("#nowUser").html($(obj).html());
}

//设置为全部部门
function clickAllDepart() {
    var selectAllFlog = $("#departAll").is(":checked");
    if (selectAllFlog) {
        $(".treeList a").removeClass("activeBtn");
        $("#nowDepart").html("[全部部门]");
        getUserList()
    }
}

//设置为全部角色
function clickAllRole() {
    var selectAllFlog = $("#roleAll").is(":checked");
    if (selectAllFlog) {
        $(".roleList span").removeClass("activeBtn");
        $("#nowRole").html("[全部角色]");
        getUserList()
    }
}

//设置为全部群组
function clickAllGroup() {
    var selectAllFlog = $("#groupAll").is(":checked");
    if (selectAllFlog) {
        $(".groupList span").removeClass("activeBtn");
        $("#nowGroup").html("[全部群组]");
        getUserList()
    }
}

//设置为全部用户
function clickAllUser() {
    var selectAllFlog = $("#userAll").is(":checked");
    if (selectAllFlog) {
        $(".userList span").removeClass("activeBtn");
        $("#nowUser").html("[全部用户]");
        getUserList()
    }
}

//节点上配置保存人员
function saveUser() {
    var userArray = [{
        unitid: "",
        did: "",
        zid: "",
        gid: "",
        rid: ""
    }];
    userArray[0].unitid = $("#userUnit").val();
    if ($("#departAll").is(":checked")) {
        userArray[0].did = "";
    } else {
        userArray[0].did = $(".treeList .activeBtn").eq(0).children("span").attr("data-code");
    }

    if ($("#roleAll").is(":checked")) {
        userArray[0].zid = "";
    } else {
        userArray[0].zid = $(".roleList .activeBtn").eq(0).attr("data-code");
    }

    if ($("#groupAll").is(":checked")) {
        userArray[0].gid = "";
    } else {
        userArray[0].gid = $(".groupList .activeBtn").eq(0).attr("data-code");
    }

    if ($("#userAll").is(":checked")) {
        userArray[0].rid = "";
    } else {
        userArray[0].rid = $(".userList .activeBtn").eq(0).attr("data-code");
    }
    var nodeid = $("#bpmnSetRightPart").attr("nodeid") + "_" + copyrightid;
    var postData = {
        copyrightid: copyrightid,
        nodeid: nodeid,
        data: JSON.stringify(userArray)
    }

    $.ajax({
        type: "post",
        url: apiurljs.login + "g2work/flownode/updateNodeUsers",
        headers: {
            Authorization: "Bearer " + get_AccessToken,
        },
        data: JSON.stringify({
            data: s4.encryptData_CBC(JSON.stringify(postData))
        }),
        dataType: "json",
        contentType: "application/json",
        success: function (obj) {
            var response = strToJson(s4.decryptData_CBC(obj.data));
            sp.layerhide();
            if (response.success) {
                $("#nodeUserList").html("");
                response.data.USERS.forEach(function (item, index) {
                    var itemDiv = "<div class='itemUser'>" +
                        "<div class='delUserbtn'>" +
                        "<i class='fa fa-close' onclick='deleteNodeUser(\"" + item.UNITID + "\",\"" + item.DID + "\",\"" + item.ZID + "\",\"" + item.GID + "\",\"" + item.RID + "\"," + index + ")'></i>" +
                        "</div>" +
                        "<div class='itemLine'><div class='itemTitle'>机构：</div><div class='itemVal'>" + item.UNITIDNAME + "</div></div>" +
                        "<div class='itemLine'><div class='itemTitle'>部门：</div><div class='itemVal'>" + item.DIDNAME + "</div></div>" +
                        "<div class='itemLine'><div class='itemTitle'>角色：</div><div class='itemVal'>" + item.ZIDNAME + "</div></div>" +
                        "<div class='itemLine'><div class='itemTitle'>群组：</div><div class='itemVal'>" + item.GIDNAME + "</div></div>" +
                        "<div class='itemLine'><div class='itemTitle'>人员：</div><div class='itemVal'>" + item.RIDNAME + "</div></div>" +
                        "</div>"
                    $("#nodeUserList").append(itemDiv);
                })
            } else {
                setTimeout(function () {
                    sp.dialog(res.message);
                }, 1000)
            }
        },
        error: function (response) {
            console.log(response);
        }
    });

}

//点击流向调用的函数
function clickFlow(flowid) {
    //流向编辑有三个tab，先控制tab的显示隐藏
    $(".tabItem").removeClass("sp-list-type-active");
    $(".tabItem").eq(0).addClass("sp-list-type-active");
    $(".tabInfo").hide();
    $(".tabInfo").eq(0).show();

    $("#bpmnSetRightPartFlow").attr("flowid", flowid);
    $("#bpmnSetRightPart").attr("nodeid", "");
    var directionid = $("#bpmnSetRightPartFlow").attr("flowid") + "_" + copyrightid;
    var postData = {directionid: directionid};
    //选获取选项列表数据生成选项的html再获取选项的值，顺序不能乱，会出问题！！！！
    $.ajax({
        type: "post",
        url: apiurljs.login + "g2work/flowdirection/queryInfoStatus",
        headers: {
            Authorization: "Bearer " + get_AccessToken,
        },
        data: JSON.stringify({
            data: s4.encryptData_CBC(JSON.stringify(postData))
        }),
        dataType: "json",
        contentType: "application/json",
        success: function (obj) {
            var response = strToJson(s4.decryptData_CBC(obj.data));
            $("#toinfoStatus").html("");
            response.data.forEach(function (item) {
                var itemOption = "<option value='" + item.CODE + "'>" + item.CNAME + "</option>";
                $("#toinfoStatus").append(itemOption);
            });
            $.ajax({
                type: "post",
                url: apiurljs.login + "g2work/flowdirection/queryData",
                headers: {
                    Authorization: "Bearer " + get_AccessToken,
                },
                data: JSON.stringify({
                    data: s4.encryptData_CBC(JSON.stringify(postData))
                }),
                dataType: "json",
                contentType: "application/json",
                success: function (obj) {
                    var response = strToJson(s4.decryptData_CBC(obj.data));
                    //当前流向为空时，隐藏右侧表单信息
                    if (Object.keys(response.data).length != 0) {
                        $("#bpmnSetRightPart").hide();
                        $("#bpmnSetRightPartFlow").show();
                        initFlowPart(response.data);
                    } else {
                        $("#bpmnSetRightPart").hide();
                        $("#bpmnSetRightPartFlow").hide();
                    }
                },
                error: function (response) {
                    console.log(response);
                }
            });
        },
        error: function (response) {
            console.log(response);
        }
    });
}

function initFlowPart(flowInfo) {
    //初始化的时候先隐藏子流程的配置，当流向的目标节点是子流程时显示当前的配置
    //console.log(flowInfo);
    $(".itemConfig").hide();
    var postData = {
        directionid: flowInfo.DIRECTIONID
    }
    $.ajax({
        type: "post",
        url: apiurljs.login + "g2work/flowdirection/queryDataFromView",
        headers: {
            Authorization: "Bearer " + get_AccessToken,
        },
        data: JSON.stringify({
            data: s4.encryptData_CBC(JSON.stringify(postData))
        }),
        dataType: "json",
        contentType: "application/json",
        success: function (obj) {
            var response = strToJson(s4.decryptData_CBC(obj.data));
            $("#directionKid").html(flowInfo.DIRECTIONKID);
            $("#directionCname").val(flowInfo.CNAME);
            $("#directionRunid").val(flowInfo.RUNID);
            $("#directionExplain").val(flowInfo.EXPLAIN);
            if (flowInfo.CANGOBACK == "" || flowInfo.CANGOBACK == "false") {
                $("#canGoBack").prop("checked", false);
            } else {
                $("#canGoBack").prop("checked", true);
            }
            if (flowInfo.CANTESONG == "" || flowInfo.CANTESONG == "false") {
                $("#canTeSong").prop("checked", false);
            } else {
                $("#canTeSong").prop("checked", true);
            }
            if (flowInfo.SENDRULE == "") {
                $("#sendendrule").html("");
                $("#sendrule").val(0);
                $("#sendendruleBox").hide();
            } else {
                if (flowInfo.SENDRULE == 2) {
                    $("#sendendrule").html("");
                    $("#sendendrule").append("<option value=\"0\">有一个完成就结束</option>").append("<option value=\"1\">全部都完成才结束</option>")
                    $("#sendendruleBox").show();
                } else if (flowInfo.SENDRULE == 3) {
                    $("#sendendrule").html("");
                    $("#sendendrule").append("<option value=\"0\">一个完成后下一个继续</option>").append("<option value=\"1\">一个抢件后其他不可见</option>")
                    $("#sendendruleBox").show();
                } else {
                    $("#sendendruleBox").hide();
                }

                $("#sendrule").val(flowInfo.SENDRULE);
            }
            if (flowInfo.SENDENDRULE == "") {
                $("#sendendrule").val(0);
            } else {
                $("#sendendrule").val(flowInfo.SENDENDRULE);
            }
            if (flowInfo.TOINFOSTATUS == "") {
                $("#toinfoStatus").val("START");
            } else {
                $("#toinfoStatus").val(flowInfo.TOINFOSTATUS);
            }
            $("#valueSetList").html("");
            flowInfo.VALUESET.forEach(function (item, index) {
                if (item.ANDOR == "0") {
                    item.ANDOR_Name = "启动";
                } else {
                    item.ANDOR_Name = "关闭";
                }
                if (item.COLVALUE.indexOf("@") == 0) {
                    $("#valueSet option").each(function (e) {
                        if ($("#valueSet option").eq(e).val() == item.COLVALUE) {
                            item.COLVALUE_Name = $("#valueSet option").eq(e).html();
                        }
                    })
                } else {
                    item.COLVALUE_Name = item.COLVALUE;
                }
                var itemDiv = "<div class='itemBox'>" +
                    "<div class='delUserbtn'>" +
                    "<i class='fa fa-close' onclick='deleteValueset(\"" + item.BILLKEY + "\",\"" + item.COLNAME + "\"," + index + ")'></i>" +
                    "</div>" +
                    "<div class='itemLine'><div class='itemTitle'>赋值状态：</div><div class='itemVal'>" + item.ANDOR_Name + "</div></div>" +
                    "<div class='itemLine'><div class='itemTitle'>数据表单：</div><div class='itemVal'>" + item.BILLKEY + "</div></div>" +
                    "<div class='itemLine'><div class='itemTitle'>数据字段：</div><div class='itemVal'>" + item.COLNAME + "</div></div>" +
                    "<div class='itemLine'><div class='itemTitle'>赋值：</div><div class='itemVal'>" + item.COLVALUE_Name + "</div></div>" +
                    "</div>"
                $("#valueSetList").append(itemDiv);
            })
            $("#ruleList").html("");
            flowInfo.RULE.forEach(function (item, index) {
                var itemDiv = "<div class='itemBox'>" +
                    "<div class='delUserbtn'>" +
                    "<i class='fa fa-close' onclick='deleteRuleset(\"" + item.BILLKEY + "\",\"" + item.COLNAME + "\"," + index + ")'></i>" +
                    "</div>" +
                    "<div class='itemLine'><div class='itemTitle'>逻辑符：</div><div class='itemVal'>" + item.ANDOR + "</div></div>" +
                    "<div class='itemLine'><div class='itemTitle'>数据表单：</div><div class='itemVal'>" + item.BILLKEY + "</div></div>" +
                    "<div class='itemLine'><div class='itemTitle'>数据字段：</div><div class='itemVal'>" + item.COLNAME + "</div></div>" +
                    "<div class='itemLine'><div class='itemTitle'>判断符号：</div><div class='itemVal'>" + item.COLLOGIC + "</div></div>" +
                    "<div class='itemLine'><div class='itemTitle'>判断值：</div><div class='itemVal'>" + item.COLVALUE + "</div></div>" +
                    "</div>"
                $("#ruleList").append(itemDiv);
            })

            //涉及子流程的业务处理
            //如果流向的目标节点是子流程，需要显示子流程的配置功能
            if (parseInt(response.data.ENDNODETYPE) == 4) {
                $(".itemConfig").show();
                if (flowInfo.TZHIRULE == "" || flowInfo.TZHIRULE == undefined || flowInfo.TZHIRULE == null) {
                    $("#noticeSelect").val(0);
                } else {
                    $("#noticeSelect").val(parseInt(flowInfo.TZHIRULE));
                }
                if (flowInfo.CONTRULE == "" || flowInfo.CONTRULE == undefined || flowInfo.CONTRULE == null) {
                    $("#continueSelect").val(0);
                } else {
                    $("#continueSelect").val(parseInt(flowInfo.CONTRULE));
                }
            } else {
                $("#noticeSelect").val(0);
                $("#continueSelect").val(0);
            }
        },
        error: function (response) {
            console.log(response);
        }
    });


}

//改变转发规则的函数
function changesSendrule() {
    $("#sendendrule").html("");
    var nowSendrule = $("#sendrule").val();
    if (nowSendrule == 2) {
        $("#sendendrule").append("<option value=\"0\">有一个完成就结束</option>").append("<option value=\"1\">全部都完成才结束</option>")
        $("#sendendruleBox").show();
    } else if (nowSendrule == 3) {
        $("#sendendrule").append("<option value=\"0\">一个完成后下一个继续</option>").append("<option value=\"1\">一个抢件后其他不可见</option>")
        $("#sendendruleBox").show();
    } else {
        $("#sendendruleBox").hide();
    }
    updateFlowInfo();
}

//流向弹窗中切换tab页的
function changeTab(num) {
    $(".tabItem").removeClass("sp-list-type-active");
    $(".tabInfo").hide();
    $(".tabInfo").eq(num).show();
    $(".tabItem").eq(num).addClass("sp-list-type-active");
    if (num == 0) {
        getBaseInfo();
    } else if (num == 1) {
        getViewInfo();
    } else if (num == 2) {
        getExtraInfo();
    }
}

//获取流向的基本信息
function getBaseInfo() {
    var directionid = $("#bpmnSetRightPartFlow").attr("flowid") + "_" + copyrightid;
    var postData = {directionid: directionid};
    $.ajax({
        type: "post",
        url: apiurljs.login + "g2work/flowdirection/queryData",
        headers: {
            Authorization: "Bearer " + get_AccessToken,
        },
        data: JSON.stringify({
            data: s4.encryptData_CBC(JSON.stringify(postData))
        }),
        dataType: "json",
        contentType: "application/json",
        success: function (obj) {
            var response = strToJson(s4.decryptData_CBC(obj.data));
            initFlowPart(response.data);
        },
        error: function (response) {
            console.log(response);
        }
    });
}

//获取流向的视图信息
function getViewInfo() {
    var directionid = $("#bpmnSetRightPartFlow").attr("flowid") + "_" + copyrightid;
    var postData = {directionid: directionid};
    $.ajax({
        type: "post",
        url: apiurljs.login + "g2work/flowdirection/queryDataVusers",
        headers: {
            Authorization: "Bearer " + get_AccessToken,
        },
        data: JSON.stringify({
            data: s4.encryptData_CBC(JSON.stringify(postData))
        }),
        dataType: "json",
        contentType: "application/json",
        success: function (obj) {

            var response = strToJson(s4.decryptData_CBC(obj.data));
            //console.log(JSON.stringify(response))
            initViewInfo(response.data);
        },
        error: function (response) {
            console.log(response);
        }
    });
}

//根据流向的视图信息初始化流向面板
function initViewInfo(viewInfo) {
    //console.log(JSON.stringify(viewInfo));
    $(".viewContentBox").html("");
    $(".viewUserBox tbody").html("");
    $("#userRuleList").html("");
    $("#userRuleListCopy").html("");
    viewInfo.FORMEDIT.forEach(function (item, index) {
        var itemView = "<div class='itemView' form-edit-id='" + item.FORMEDITID + "' >" +
            "<div class='itemViewName' title=\"" + item.FORMEDITID + "\">" + item.FORMEDITCNAME + "</div>" +
            "<div class='itemViewBtn'>" +
            "<i class='fa fa-arrow-up' title='上移视图'  onclick='changeDirectionViewIndex(" + index + ",\"up\")'></i>" +
            "<i class='fa fa-arrow-down' title='下移视图'  onclick='changeDirectionViewIndex(" + index + ",\"down\")'></i>" +
            "<i class='fa fa-tags' title='视图可见规则' onclick='openViewRuleLayer(\"" + item.FORMEDITID + "\"," + index + ")'></i>" +
            "<i class='fa fa-close' onclick='deleteView(\"" + item.FORMEDITID + "\"," + index + ")' ></i>" +
            "</div>" +
            "</div>"
        var itemList = "<div class='viewRuleList'></div>"
        $(".viewContentBox").append(itemView).append(itemList);
        item.RULE.forEach(function (item2, index2) {
            var itemDiv = "<div class='itemBox'>" +
                "<div class='delUserbtn'>" +
                "<i class='fa fa-close' onclick='deleteViewRule(\"" + item2.FORMEDITID + "\",\"" + item2.BILLKEY + "\",\"" + item2.COLNAME + "\"," + index2 + ")' ></i>" +
                "</div>" +
                "<div class='itemLine'><div class='itemTitle'>逻辑符：</div><div class='itemVal'>" + item2.ANDOR + "</div></div>" +
                "<div class='itemLine'><div class='itemTitle'>数据表单：</div><div class='itemVal'>" + item2.BILLKEY + "</div></div>" +
                "<div class='itemLine'><div class='itemTitle'>数据字段：</div><div class='itemVal'>" + item2.COLNAME + "</div></div>" +
                "<div class='itemLine'><div class='itemTitle'>判断符号：</div><div class='itemVal'>" + item2.COLLOGIC + "</div></div>" +
                "<div class='itemLine'><div class='itemTitle'>判断值：</div><div class='itemVal'>" + item2.COLVALUE + "</div></div>" +
                "</div>"
            $(".viewContentBox .viewRuleList").eq(index).append(itemDiv);
        })
    });

    $("#tabPartTitle_viewUserBox_num").text("");
    var set_viewUserBox_num = "(" + viewInfo.USERS.length + ")";
    $("#tabPartTitle_viewUserBox_num").text(set_viewUserBox_num);
    viewInfo.USERS.forEach(function (item, index) {
        var set_delete_i = "";
        if (item.MARKDELETE == "1") {
            set_delete_i = "<i class='fa fa-close' onclick='deleteDirectionUser(\"" + item.RID + "\"," + index + ")'></i>";
        } else {
            set_delete_i = "";
        }
        var itemTD =
            "<tr user-id='" + item.RID + "'>" +
            //"<td class='sp-text-left sp-pl-10'>" + item.RID + "</td>" +
            "<td class='sp-text-left sp-pl-10'>" + item.RIDCNAME + "</td>" +
            "<td class='delFormbtn' style='width: 40px;'>" + set_delete_i +
            "</td>" +
            "</tr>";
        $(".viewUserBox tbody").append(itemTD);
    })

    viewInfo.USERSRULE.forEach(function (item, index) {
        $("#userCollogic option").each(function (e) {
            if ($("#userCollogic option").eq(e).val() == item.COLLOGIC) {
                item.COLLOGIC_Name = $("#userCollogic option").eq(e).html();
            }
        })

        $("#userColvalue option").each(function (e) {
            if ($("#userColvalue option").eq(e).val() == item.COLVALUE) {
                item.COLVALUE_Name = $("#userColvalue option").eq(e).html();
            }
        })

        var itemDiv = "<div class='itemBox'>" +
            "<div class='delUserbtn'>" +
            "<i class='fa fa-close' onclick='deleteDirectionUserRule(\"" + item.BILLKEY + "\",\"" + item.COLNAME + "\"," + index + ")'></i>" +
            "</div>" +
            "<div class='itemLine'><div class='itemTitle'>逻辑符：</div><div class='itemVal'>" + item.ANDOR + "</div></div>" +
            "<div class='itemLine'><div class='itemTitle'>数据表单：</div><div class='itemVal'>" + item.BILLKEY + "</div></div>" +
            "<div class='itemLine'><div class='itemTitle'>数据字段：</div><div class='itemVal'>" + item.COLNAME + "</div></div>" +
            "<div class='itemLine'><div class='itemTitle'>表单列存储值：</div><div class='itemVal'>" + item.COLLOGIC_Name + "</div></div>" +
            "<div class='itemLine'><div class='itemTitle'>人员过滤条件：</div><div class='itemVal'>" + item.COLVALUE_Name + "</div></div>" +
            "</div>"
        $("#userRuleList").append(itemDiv);
    })

    viewInfo.USERSRULECOPY.forEach(function (item, index) {
        $("#userCollogicCopy option").each(function (e) {
            if ($("#userCollogicCopy option").eq(e).val() == item.COLLOGIC) {
                item.COLLOGIC_Name = $("#userCollogicCopy option").eq(e).html();
            }
        })

        $("#userColvalueCopy option").each(function (e) {
            if ($("#userColvalueCopy option").eq(e).val() == item.COLVALUE) {
                item.COLVALUE_Name = $("#userColvalueCopy option").eq(e).html();
            }
        })

        var itemDiv = "<div class='itemBox'>" +
            "<div class='delUserbtn'>" +
            "<i class='fa fa-close' onclick='deleteDirectionUserRuleCopy(\"" + item.BILLKEY + "\",\"" + item.COLNAME + "\"," + index + ")'></i>" +
            "</div>" +
            "<div class='itemLine'><div class='itemTitle'>逻辑符：</div><div class='itemVal'>" + item.ANDOR + "</div></div>" +
            "<div class='itemLine'><div class='itemTitle'>数据表单：</div><div class='itemVal'>" + item.BILLKEY + "</div></div>" +
            "<div class='itemLine'><div class='itemTitle'>数据字段：</div><div class='itemVal'>" + item.COLNAME + "</div></div>" +
            "<div class='itemLine'><div class='itemTitle'>表单列存储值：</div><div class='itemVal'>" + item.COLLOGIC_Name + "</div></div>" +
            "<div class='itemLine'><div class='itemTitle'>人员过滤条件：</div><div class='itemVal'>" + item.COLVALUE_Name + "</div></div>" +
            "</div>"
        $("#userRuleListCopy").append(itemDiv);
    })

}

//获取流向的高级信息
function getExtraInfo() {
    var directionid = $("#bpmnSetRightPartFlow").attr("flowid") + "_" + copyrightid;
    var postData = {directionid: directionid};
    $.ajax({
        type: "post",
        url: apiurljs.login + "g2work/flowdirection/queryDataMsgconfig",
        headers: {
            Authorization: "Bearer " + get_AccessToken,
        },
        data: JSON.stringify({
            data: s4.encryptData_CBC(JSON.stringify(postData))
        }),
        dataType: "json",
        contentType: "application/json",
        success: function (obj) {
            var response = strToJson(s4.decryptData_CBC(obj.data));
            //console.log(response);
            initExtraInfo(response.data);
        },
        error: function (response) {
            console.log(response);
        }
    });
}

function initExtraInfo(extraInfo) {
    if (extraInfo.RTXMSGMARK == "false" || extraInfo.RTXMSGMARK == "") {
        $("#rtxmsgRemark").prop('checked', false);
    } else {
        $("#rtxmsgRemark").prop('checked', true);
    }
    if (extraInfo.SMSMSGMARK == "false" || extraInfo.SMSMSGMARK == "") {
        $("#smsmsgRemark").prop('checked', false);
    } else {
        $("#smsmsgRemark").prop('checked', true);
    }
    $("#rtxmsg").val(extraInfo.RTXMSG);
    $("#smsmsg").val(extraInfo.SMSMSG);
    $("#msgRuleList").html("");

    extraInfo.MSGCONFIG.forEach(function (item, index) {
        var itemDiv = "<div class='itemBox'>" +
            "<div class='delUserbtn'>" +
            "<i class='fa fa-close' onclick='deleteDirectionMsgRule(\"" + item.UNITID + "\",\"" + item.DID + "\",\"" + item.ZID + "\",\"" + item.GID + "\",\"" + item.RID + "\"," + index + ")'></i>" +
            "</div>" +
            "<div class='itemLine'><div class='itemTitle'>机构：</div><div class='itemVal'>" + item.UNITIDNAME + "</div></div>" +
            "<div class='itemLine'><div class='itemTitle'>部门：</div><div class='itemVal'>" + item.DIDNAME + "</div></div>" +
            "<div class='itemLine'><div class='itemTitle'>角色：</div><div class='itemVal'>" + item.ZIDNAME + "</div></div>" +
            "<div class='itemLine'><div class='itemTitle'>群组：</div><div class='itemVal'>" + item.GIDNAME + "</div></div>" +
            "<div class='itemLine'><div class='itemTitle'>人员：</div><div class='itemVal'>" + item.RIDNAME + "</div></div>" +
            "<div class='itemLine'><div class='itemTitle'>即时消息：</div><div class='itemVal' style='width: 150px;'>" + item.RTXMSG + "</div></div>" +
            "<div class='itemLine'><div class='itemTitle'>手机短信：</div><div class='itemVal' style='width: 150px;'>" + item.SMSMSG + "</div></div>" +
            "</div>"
        $("#msgRuleList").append(itemDiv);
    })

}

//更新节点的基本信息
function updateNodeInfo() {
    var nodeid = $("#bpmnSetRightPart").attr("nodeid") + "_" + copyrightid;
    var postData = {
        copyrightid: copyrightid,
        nodeid: nodeid,
        cname: $(".nodeName").val(),
        timelimit: $(".nodeTime").val(),
        explain: $(".nodeRemark").val(),
        type: "",
        toflowid: "",
        toflowcname: "",
        markmerge: ""
    };
    var typeName = $(".nodeType").html();
    nodeTypeList.forEach(function (item) {
        if (item.name == typeName) {
            postData.type = item.type
        }
    })

    var itemFlowNum = $(".itemFlowBox tbody").find("tr").length;
    if (itemFlowNum == 1) {
        postData.toflowid = $(".itemFlowBox tbody").find("tr").eq(0).attr("flow-id");
        postData.toflowcname = $(".itemFlowBox tbody").find("tr>td").eq(0).html();
    } else if (itemFlowNum == 0) {

    }

    ///判断是否合流
    if ($("#chb_isMarkmerge").is(":checked")) {
        postData.markmerge = "true";
    } else {
        postData.markmerge = "false";
    }

    $.ajax({
        type: "post",
        url: apiurljs.login + "g2work/flownode/updateNode",
        headers: {
            Authorization: "Bearer " + get_AccessToken,
        },
        data: JSON.stringify({
            data: s4.encryptData_CBC(JSON.stringify(postData))
        }),
        dataType: "json",
        contentType: "application/json",
        success: function (obj) {
            var response = strToJson(s4.decryptData_CBC(obj.data));
        },
        error: function (response) {
            console.log(response);
        }
    });
}

///是否合流
function updateNodeMarkmerge() {
    updateNodeInfo();
};

//更新流向的基本信息
function updateFlowInfo() {
    var directionid = $("#bpmnSetRightPartFlow").attr("flowid") + "_" + copyrightid;
    var postData = {
        copyrightid: copyrightid,
        directionid: directionid,
        cname: $("#directionCname").val(),
        cangoback: false,
        cantesong: false,
        runid: $("#directionRunid").val(),
        sendrule: $("#sendrule").val(),
        sendendrule: ($("#sendrule").val() == 2 || $("#sendrule").val() == 3) ? $("#sendendrule").val() : 0,
        toinfostatus: $("#toinfoStatus").val(),
        explain: $("#directionExplain").val(),
        //下面两个参数是子流程需要的配置，当流向的目标节点是子流程的时候显示在流向配置层
        tzhirule: $("#noticeSelect").val(),
        contrule: $("#continueSelect").val()
    };
    if ($("#canGoBack").is(":checked")) {
        postData.cangoback = true;
    } else {
        postData.cangoback = false;
    }
    if ($("#canTeSong").is(":checked")) {
        postData.cantesong = true;
    } else {
        postData.cantesong = false;
    }

    $.ajax({
        type: "post",
        url: apiurljs.login + "g2work/flowdirection/updateDirection",
        headers: {
            Authorization: "Bearer " + get_AccessToken,
        },
        data: JSON.stringify({
            data: s4.encryptData_CBC(JSON.stringify(postData))
        }),
        dataType: "json",
        contentType: "application/json",
        success: function (obj) {
            var response = strToJson(s4.decryptData_CBC(obj.data));
        },
        error: function (response) {
            console.log(response);
        }
    });
}

function changeRtxmsg() {
    if ($("#rtxmsgRemark").is(":checked")) {
        $("#rtxmsg").val("您刚刚收到了@TITLE,请您尽快办理。");
    } else {
        $("#rtxmsg").val("");
    }
    updateFlowExtraInfo();
}

function changeSmsmsg() {
    if ($("#smsmsgRemark").is(":checked")) {
        $("#smsmsg").val("您刚刚收到了@TITLE,请您尽快办理。");
    } else {
        $("#smsmsg").val("");
    }
    updateFlowExtraInfo();
}

//更新流向的高级信息
function updateFlowExtraInfo() {
    var directionid = $("#bpmnSetRightPartFlow").attr("flowid") + "_" + copyrightid;
    var postData = {
        copyrightid: copyrightid,
        directionid: directionid,
        rtxmsg: $("#rtxmsg").val(),
        smsmsg: $("#smsmsg").val()
    }
    $.ajax({
        type: "post",
        url: apiurljs.login + "g2work/flowdirection/updateDirectionMsg",
        headers: {
            Authorization: "Bearer " + get_AccessToken,
        },
        data: JSON.stringify({
            data: s4.encryptData_CBC(JSON.stringify(postData))
        }),
        dataType: "json",
        contentType: "application/json",
        success: function (obj) {
            var response = strToJson(s4.decryptData_CBC(obj.data));
        },
        error: function (response) {
            console.log(response);
        }
    });
}

//打开流向赋值功能设置
function openDirectionValuesetLayer() {
    $("#valueState").val(0);
    $("#valueSet").val("@USERID");
    getDirectionFormData("#valueTable", "#valueColname", "", "");
    sp.layer('#layer_directionValueset');
}

//获取指定流程的表单和列
function getDirectionFormData(a, b, c, d) {
    $(a).html("");
    $(b).html("");
    $(d).html("");
    var postData = {copyrightid: copyrightid};
    $.ajax({
        type: "post",
        url: apiurljs.login + "g2work/form/queryFormByCopyrightid",
        headers: {
            Authorization: "Bearer " + get_AccessToken,
        },
        data: JSON.stringify({
            data: s4.encryptData_CBC(JSON.stringify(postData))
        }),
        dataType: "json",
        contentType: "application/json",
        success: function (obj) {
            var response = strToJson(s4.decryptData_CBC(obj.data));
            //console.log(response);
            response.data.forEach(function (item, index) {
                //默认打开设置层初始选中第一张表
                if (index == 0) {
                    var itemOption = "<option selected value='" + item.BILLKEY + "'>" + item.CNAME + "</option>"
                } else {
                    var itemOption = "<option value='" + item.BILLKEY + "'>" + item.CNAME + "</option>"
                }
                $(a).append(itemOption);
            })
            //默认打开设置层初始选中第一张表的第一个字段
            var sendData = {tablename: response.data[0].BILLKEY};
            $.ajax({
                type: "post",
                url: apiurljs.login + "g2work/form/queryColnameByTablename",
                headers: {
                    Authorization: "Bearer " + get_AccessToken,
                },
                data: JSON.stringify({
                    data: s4.encryptData_CBC(JSON.stringify(sendData))
                }),
                dataType: "json",
                contentType: "application/json",
                success: function (obj) {
                    var response = strToJson(s4.decryptData_CBC(obj.data));
                    response.data.forEach(function (item, index) {
                        //默认打开设置层初始选中第一张表
                        if (index == 0) {
                            var itemOption = "<option selected data-tchild='" + item.TCHILD + "' data-tdata='" + item.TDATA + "' data-tshow='" + item.TSHOW + "' value='" + item.CODE + "'>" + item.CNAME + "</option>"
                        } else {
                            var itemOption = "<option data-tchild='" + item.TCHILD + "' data-tdata='" + item.TDATA + "' data-tshow='" + item.TSHOW + "' value='" + item.CODE + "'>" + item.CNAME + "</option>"
                        }
                        $(b).append(itemOption);
                    })
                    //可见性查询表结构时需要继续往下深入查询
                    if (c == "") {
                    } else {
                        if (response.data[0].TCHILD == "") {
                            var inputSting = "<input class='sp-input' type='text'>";
                            $(d).append(inputSting);
                        } else {
                            var infoData = {
                                tchild: response.data[0].TCHILD,
                                tdata: response.data[0].TDATA,
                                tshow: response.data[0].TSHOW,
                                twhere: ""
                            }
                            $.ajax({
                                type: "post",
                                url: apiurljs.login + "g2work/form/queryTchildByName",
                                headers: {
                                    Authorization: "Bearer " + get_AccessToken,
                                },
                                data: JSON.stringify({
                                    data: s4.encryptData_CBC(JSON.stringify(infoData))
                                }),
                                dataType: "json",
                                contentType: "application/json",
                                success: function (obj) {
                                    var response = strToJson(s4.decryptData_CBC(obj.data));
                                    response.data.forEach(function (item) {
                                        var itemString = "<label class='itemLabel' data-code='" + item.CODE + "'><input type='checkbox'>" + item.CNAME + "</label>";
                                        $(d).append(itemString);
                                    })
                                },
                                error: function (response) {
                                    console.log(response);
                                }
                            });
                        }
                    }
                },
                error: function (response) {
                    console.log(response);
                }
            });
        },
        error: function (response) {
            console.log(response);
        }
    });
}

//改变表选项的同时去更新列选项
function changeDirectionForm(a, b) {
    $(b).html("");
    var sendData = {tablename: $(a).val()};
    $.ajax({
        type: "post",
        url: apiurljs.login + "g2work/form/queryColnameByTablename",
        headers: {
            Authorization: "Bearer " + get_AccessToken,
        },
        data: JSON.stringify({
            data: s4.encryptData_CBC(JSON.stringify(sendData))
        }),
        dataType: "json",
        contentType: "application/json",
        success: function (obj) {
            var response = strToJson(s4.decryptData_CBC(obj.data));
            response.data.forEach(function (item, index) {
                //默认打开设置层初始选中第一张表
                if (index == 0) {
                    var itemOption = "<option data-tchild='" + item.TCHILD + "' data-tdata='" + item.TDATA + "' data-tshow='" + item.TSHOW + "' selected value='" + item.CODE + "'>" + item.CNAME + "</option>"
                } else {
                    var itemOption = "<option data-tchild='" + item.TCHILD + "' data-tdata='" + item.TDATA + "' data-tshow='" + item.TSHOW + "' value='" + item.CODE + "'>" + item.CNAME + "</option>"
                }
                $(b).append(itemOption);
            })
        },
        error: function (response) {
            console.log(response);
        }
    });
}

//改变表选项的同时去更新列选项同时更新判断值
function changeDirectionForm_code(a, b, c) {
    $(b).html("");
    $(c).html("");
    var sendData = {tablename: $(a).val()};
    $.ajax({
        type: "post",
        url: apiurljs.login + "g2work/form/queryColnameByTablename",
        headers: {
            Authorization: "Bearer " + get_AccessToken,
        },
        data: JSON.stringify({
            data: s4.encryptData_CBC(JSON.stringify(sendData))
        }),
        dataType: "json",
        contentType: "application/json",
        success: function (obj) {
            var response = strToJson(s4.decryptData_CBC(obj.data));
            response.data.forEach(function (item, index) {
                //默认打开设置层初始选中第一张表
                if (index == 0) {
                    var itemOption = "<option selected data-tchild='" + item.TCHILD + "' data-tdata='" + item.TDATA + "' data-tshow='" + item.TSHOW + "' value='" + item.CODE + "'>" + item.CNAME + "</option>"
                } else {
                    var itemOption = "<option data-tchild='" + item.TCHILD + "' data-tdata='" + item.TDATA + "' data-tshow='" + item.TSHOW + "' value='" + item.CODE + "'>" + item.CNAME + "</option>"
                }
                $(b).append(itemOption);
            })
            if (response.data[0].TCHILD == "") {
                var inputSting = "<input class='sp-input' type='text'>";
                $(c).append(inputSting);
            } else {
                var infoData = {
                    tchild: response.data[0].TCHILD,
                    tdata: response.data[0].TDATA,
                    tshow: response.data[0].TSHOW,
                    twhere: ""
                }
                $.ajax({
                    type: "post",
                    url: apiurljs.login + "g2work/form/queryTchildByName",
                    headers: {
                        Authorization: "Bearer " + get_AccessToken,
                    },
                    data: JSON.stringify({
                        data: s4.encryptData_CBC(JSON.stringify(infoData))
                    }),
                    dataType: "json",
                    contentType: "application/json",
                    success: function (obj) {
                        var response = strToJson(s4.decryptData_CBC(obj.data));
                        response.data.forEach(function (item) {
                            var itemString = "<label class='itemLabel' data-code='" + item.CODE + "'><input type='checkbox'>" + item.CNAME + "</label>";
                            $(c).append(itemString);
                        })
                    },
                    error: function (response) {
                        console.log(response);
                    }
                });
            }
        },
        error: function (response) {
            console.log(response);
        }
    });
}

//改变列的同时去更新判断值
function changeColname_code(a, b) {
    $(b).html("");
    var tchild = $(a).find("option:selected").attr("data-tchild");
    var tdata = $(a).find("option:selected").attr("data-tdata");
    var tshow = $(a).find("option:selected").attr("data-tshow");
    if (tchild == "") {
        var inputSting = "<input class='sp-input' type='text'>";
        $(b).append(inputSting);
    } else {
        var infoData = {
            tchild: tchild,
            tdata: tdata,
            tshow: tshow,
            twhere: ""
        }
        $.ajax({
            type: "post",
            url: apiurljs.login + "g2work/form/queryTchildByName",
            headers: {
                Authorization: "Bearer " + get_AccessToken,
            },
            data: JSON.stringify({
                data: s4.encryptData_CBC(JSON.stringify(infoData))
            }),
            dataType: "json",
            contentType: "application/json",
            success: function (obj) {
                var response = strToJson(s4.decryptData_CBC(obj.data));
                response.data.forEach(function (item) {
                    var itemString = "<label class='itemLabel' data-code='" + item.CODE + "'><input type='checkbox'>" + item.CNAME + "</label>";
                    $(b).append(itemString);
                })
            },
            error: function (response) {
                console.log(response);
            }
        });
    }
}

//更新流向对应的赋值
function saveDirectionValueset() {
    var directionid = $("#bpmnSetRightPartFlow").attr("flowid") + "_" + copyrightid;
    var postData = {
        copyrightid: copyrightid,
        directionid: directionid,
        data: ""
    }
    var valueArray = [];
    valueArray.push({
            billkey: $("#valueTable").val(),
            colname: $("#valueColname").val(),
            collogic: "=",
            colvalue: $("#valueType").val() == 1 ? $("#valueSet").val() : $("#valueInput").val(),
            andor: $("#valueState").val()
        }
    );
    postData.data = JSON.stringify(valueArray);
    $.ajax({
        type: "post",
        url: apiurljs.login + "g2work/flowdirection/updateDirectionValueset",
        headers: {
            Authorization: "Bearer " + get_AccessToken,
        },
        data: JSON.stringify({
            data: s4.encryptData_CBC(JSON.stringify(postData))
        }),
        dataType: "json",
        contentType: "application/json",
        success: function (obj) {
            var response = strToJson(s4.decryptData_CBC(obj.data));
            sp.layerhide();
            if (response.success) {
                $("#valueSetList").html("");
                response.data.VALUESET.forEach(function (item, index) {
                    if (item.ANDOR == "0") {
                        item.ANDOR_Name = "启动";
                    } else {
                        item.ANDOR_Name = "关闭";
                    }
                    if (item.COLVALUE.indexOf("@") == 0) {
                        $("#valueSet option").each(function (e) {
                            if ($("#valueSet option").eq(e).val() == item.COLVALUE) {
                                item.COLVALUE_Name = $("#valueSet option").eq(e).html();
                            }
                        })
                    } else {
                        item.COLVALUE_Name = item.COLVALUE;
                    }
                    var itemDiv = "<div class='itemBox'>" +
                        "<div class='delUserbtn'>" +
                        "<i class='fa fa-close' onclick='deleteValueset(\"" + item.BILLKEY + "\",\"" + item.COLNAME + "\"," + index + ")'></i>" +
                        "</div>" +
                        "<div class='itemLine'><div class='itemTitle'>赋值状态：</div><div class='itemVal'>" + item.ANDOR_Name + "</div></div>" +
                        "<div class='itemLine'><div class='itemTitle'>数据表单：</div><div class='itemVal'>" + item.BILLKEY + "</div></div>" +
                        "<div class='itemLine'><div class='itemTitle'>数据字段：</div><div class='itemVal'>" + item.COLNAME + "</div></div>" +
                        "<div class='itemLine'><div class='itemTitle'>赋值：</div><div class='itemVal'>" + item.COLVALUE_Name + "</div></div>" +
                        "</div>"
                    $("#valueSetList").append(itemDiv);
                })
            } else {
                setTimeout(function () {
                    sp.dialog(res.message);
                }, 1000)
            }
        },
        error: function (response) {
            console.log(response);
        }
    });
}

//更新流向可见性规则
function saveDirectionRule() {
    var directionid = $("#bpmnSetRightPartFlow").attr("flowid") + "_" + copyrightid;
    var postData = {
        copyrightid: copyrightid,
        directionid: directionid,
        data: ""
    }
    var valueArray = [];
    valueArray.push({
            billkey: $("#ruleTable").val(),
            colname: $("#ruleColname").val(),
            collogic: $("#ruleCollogic").val(),
            colvalue: "",
            andor: $("#ruleAndor").val()
        }
    );
    if ($("#ruleColname").find("option:selected").attr("data-tchild") == "") {
        valueArray[0].colvalue = $("#ruleValueBox input[type='text']").val();
    } else {
        var ruleValue = "";
        $("#ruleValueBox input[type='checkbox']:checked").each(function (e) {
            ruleValue += $(this).parent().attr("data-code") + "|";
        })
        valueArray[0].colvalue = ruleValue.substring(0, ruleValue.length - 1);
    }
    postData.data = JSON.stringify(valueArray);
    $.ajax({
        type: "post",
        url: apiurljs.login + "g2work/flowdirection/updateDirectionRule",
        headers: {
            Authorization: "Bearer " + get_AccessToken,
        },
        data: JSON.stringify({
            data: s4.encryptData_CBC(JSON.stringify(postData))
        }),
        dataType: "json",
        contentType: "application/json",
        success: function (obj) {
            var response = strToJson(s4.decryptData_CBC(obj.data));
            sp.layerhide();
            if (response.success) {
                $("#ruleList").html("");
                response.data.RULE.forEach(function (item, index) {
                    var itemDiv = "<div class='itemBox'>" +
                        "<div class='delUserbtn'>" +
                        "<i class='fa fa-close' onclick='deleteRuleset(\"" + item.BILLKEY + "\",\"" + item.COLNAME + "\"," + index + ")'></i>" +
                        "</div>" +
                        "<div class='itemLine'><div class='itemTitle'>逻辑符：</div><div class='itemVal'>" + item.ANDOR + "</div></div>" +
                        "<div class='itemLine'><div class='itemTitle'>数据表单：</div><div class='itemVal'>" + item.BILLKEY + "</div></div>" +
                        "<div class='itemLine'><div class='itemTitle'>数据字段：</div><div class='itemVal'>" + item.COLNAME + "</div></div>" +
                        "<div class='itemLine'><div class='itemTitle'>判断符号：</div><div class='itemVal'>" + item.COLLOGIC + "</div></div>" +
                        "<div class='itemLine'><div class='itemTitle'>判断值：</div><div class='itemVal'>" + item.COLVALUE + "</div></div>" +
                        "</div>"
                    $("#ruleList").append(itemDiv);
                })
            } else {
                setTimeout(function () {
                    sp.dialog(res.message);
                }, 1000)
            }
        },
        error: function (response) {
            console.log(response);
        }
    });
}

//打开流向可见性
function openDirectionRuleLayer() {
    $("#ruleAndor").val("AND");
    $("#ruleCollogic").val("等于");
    getDirectionFormData("#ruleTable", "#ruleColname", "code", "#ruleValueBox");
    sp.layer('#layer_directionRule');
}

//打开增加表单视图功能
function openViewLayer() {
    $("#selectAllView").prop('checked', false);
    $(".viewTypeBox>.typeItem").removeClass("active");
    $(".viewTypeBox>.typeItem").eq(0).addClass("active");
    getViewType();
    sp.layer('#layer_viewset');
}

//获取视图分类
function getViewType() {
    $(".viewTypeBox").html("");
    var postData = {
        copyrightid: copyrightid
    }
    $.ajax({
        type: "post",
        url: apiurljs.login + "g2work/form/queryFormByCopyrightid",
        headers: {
            Authorization: "Bearer " + get_AccessToken,
        },
        data: JSON.stringify({
            data: s4.encryptData_CBC(JSON.stringify(postData))
        }),
        dataType: "json",
        contentType: "application/json",
        success: function (obj) {
            var response = strToJson(s4.decryptData_CBC(obj.data));
            response.data.forEach(function (item, index) {
                if (index == 0) {
                    var itemType = "<div class='typeItem active' data-type='" + item.FORMID + "' onclick='changeViewType(\"" + item.FORMID + "\",this)'><i class='fa fa-folder'></i> <span>" + item.CNAME + "</span></div>";
                } else {
                    var itemType = "<div class='typeItem' data-type='" + item.FORMID + "' onclick='changeViewType(\"" + item.FORMID + "\",this)'><i class='fa fa-folder'></i> <span>" + item.CNAME + "</span></div>";
                }
                $(".viewTypeBox").append(itemType);
            })
            getViewList();
        },
        error: function (response) {
            console.log(response);
        }
    });
}

//加载视图列表
function getViewList() {
    //根据选中的机构和类型查询表单数据
    var nowForm = $(".viewTypeBox .active").attr("data-type");
    var postData = {
        formid: nowForm,
    }
    $("#viewList tbody").html("");
    $.ajax({
        type: "post",
        url: apiurljs.login + "g2work/form/queryFormeditByFormid",
        headers: {
            Authorization: "Bearer " + get_AccessToken,
        },
        data: JSON.stringify({
            data: s4.encryptData_CBC(JSON.stringify(postData))
        }),
        dataType: "json",
        contentType: "application/json",
        success: function (obj) {
            var response = strToJson(s4.decryptData_CBC(obj.data));
            if (response.data.length != 0) {
                $(".viewPartRight .sp-table-tip").hide();
                response.data.forEach(function (item, index) {
                    var itemTr =
                        "<tr view-id='" + item.FORMEDITID + "'>" +
                        "<td><input type='checkbox' onclick='selectItemView()'></td>" +
                        "<td>" + (index + 1) + "</td>" +
                        "<td title='" + item.FORMEDITID + "'>" + item.FORMEDITID + "</td>" +
                        "<td>" + item.CNAME + "</td>" +
                        "</tr>";
                    $("#viewList tbody").append(itemTr);
                })
            } else {
                $(".viewPartRight .sp-table-tip").show();
            }
        },
        error: function (response) {
            console.log(response);
        }
    });
}

function changeViewType(code, obj) {
    $("#selectAllView").prop('checked', false);
    $(".viewTypeBox>.typeItem").removeClass("active");
    $(obj).addClass("active");
    getViewList();
}

//全选或者取消全选表单
function selectAllView() {
    var selectAllFlog = $("#selectAllView").is(":checked");
    $("#viewList tbody input[type='checkbox']").prop('checked', selectAllFlog);
}

//点击单个表单函数
function selectItemView() {
    var selectNum = $("#viewList tbody input[type='checkbox']:checked").length;
    var totalNum = $("#viewList tbody input[type='checkbox']").length;
    if (selectNum == totalNum) {
        $("#selectAllView").prop('checked', true);
    } else {
        $("#selectAllView").prop('checked', false);
    }
}

//保存选择视图
function saveView() {
    var viewArray = [];
    $("#viewList tbody input[type='checkbox']:checked").each(function (e) {
        var viewItem = {
            formeditid: $(this).parents("tr").attr("view-id")
        }
        viewArray.push(viewItem);
    })
    var directionid = $("#bpmnSetRightPartFlow").attr("flowid") + "_" + copyrightid;
    var postData = {
        copyrightid: copyrightid,
        directionid: directionid,
        data: JSON.stringify(viewArray)
    }
    $.ajax({
        type: "post",
        url: apiurljs.login + "g2work/flowdirection/updateDirectionFormedit",
        headers: {
            Authorization: "Bearer " + get_AccessToken,
        },
        data: JSON.stringify({
            data: s4.encryptData_CBC(JSON.stringify(postData))
        }),
        dataType: "json",
        contentType: "application/json",
        success: function (obj) {
            var response = strToJson(s4.decryptData_CBC(obj.data));
            sp.layerhide();
            if (response.success) {
                $(".viewContentBox").html("");
                response.data.FORMEDIT.forEach(function (item, index) {
                    var itemView = "<div class='itemView' form-edit-id='" + item.FORMEDITID + "' >" +
                        "<div class='itemViewName' title=\"" + item.FORMEDITID + "\">" + item.FORMEDITCNAME + "</div>" +
                        "<div class='itemViewBtn'>" +
                        "<i class='fa fa-arrow-up' title='上移视图'  onclick='changeDirectionViewIndex(" + index + ",\"up\")'></i>" +
                        "<i class='fa fa-arrow-down' title='下移视图'  onclick='changeDirectionViewIndex(" + index + ",\"down\")'></i>" +
                        "<i class='fa fa-tags' title='视图可见规则' onclick='openViewRuleLayer(\"" + item.FORMEDITID + "\"," + index + ")'></i>" +
                        "<i class='fa fa-close' onclick='deleteView(\"" + item.FORMEDITID + "\"," + index + ")' ></i>" +
                        "</div>" +
                        "</div>"
                    var itemList = "<div class='viewRuleList'></div>"
                    $(".viewContentBox").append(itemView).append(itemList);
                    item.RULE.forEach(function (item2, index2) {
                        var itemDiv = "<div class='itemBox'>" +
                            "<div class='delUserbtn'>" +
                            "<i class='fa fa-close' onclick='deleteViewRule(\"" + item2.FORMEDITID + "\",\"" + item2.BILLKEY + "\",\"" + item2.COLNAME + "\"," + index2 + ")' ></i>" +
                            "</div>" +
                            "<div class='itemLine'><div class='itemTitle'>逻辑符：</div><div class='itemVal'>" + item2.ANDOR + "</div></div>" +
                            "<div class='itemLine'><div class='itemTitle'>数据表单：</div><div class='itemVal'>" + item2.BILLKEY + "</div></div>" +
                            "<div class='itemLine'><div class='itemTitle'>数据字段：</div><div class='itemVal'>" + item2.COLNAME + "</div></div>" +
                            "<div class='itemLine'><div class='itemTitle'>判断符号：</div><div class='itemVal'>" + item2.COLLOGIC + "</div></div>" +
                            "<div class='itemLine'><div class='itemTitle'>判断值：</div><div class='itemVal'>" + item2.COLVALUE + "</div></div>" +
                            "</div>"
                        $(".viewContentBox .viewRuleList").eq(index).append(itemDiv);
                    })
                });
            } else {
                setTimeout(function () {
                    sp.dialog(res.message);
                }, 1000)
            }
        },
        error: function (response) {
            console.log(response);
        }
    });
}

//打开视图可见性弹窗
function openViewRuleLayer(formeditid, index) {
    $("#viewAndor").val("AND");
    $("#viewCollogic").val("等于");
    getDirectionFormData("#viewTable", "#viewColname", "code", "#viewValueBox");
    $("#layer_viewRule").attr("form-editid", formeditid);
    $("#layer_viewRule").attr("form-index", index);
    sp.layer('#layer_viewRule');
}

//保存视图可见性函数
function saveDirectionViewRule() {
    var directionid = $("#bpmnSetRightPartFlow").attr("flowid") + "_" + copyrightid;
    var postData = {
        copyrightid: copyrightid,
        directionid: directionid,
        formeditid: $("#layer_viewRule").attr("form-editid"),
        data: ""
    }
    var valueArray = [];
    valueArray.push({
            billkey: $("#viewTable").val(),
            colname: $("#viewColname").val(),
            collogic: $("#viewCollogic").val(),
            colvalue: "",
            andor: $("#viewAndor").val()
        }
    );
    if ($("#viewColname").find("option:selected").attr("data-tchild") == "") {
        valueArray[0].colvalue = $("#viewValueBox input[type='text']").val();
    } else {
        var ruleValue = "";
        $("#viewValueBox input[type='checkbox']:checked").each(function (e) {
            ruleValue += $(this).parent().attr("data-code") + "|";
        })
        valueArray[0].colvalue = ruleValue.substring(0, ruleValue.length - 1);
    }
    postData.data = JSON.stringify(valueArray);
    $.ajax({
        type: "post",
        url: apiurljs.login + "g2work/flowdirection/updateDirectionFormeditRule",
        headers: {
            Authorization: "Bearer " + get_AccessToken,
        },
        data: JSON.stringify({
            data: s4.encryptData_CBC(JSON.stringify(postData))
        }),
        dataType: "json",
        contentType: "application/json",
        success: function (obj) {
            var response = strToJson(s4.decryptData_CBC(obj.data));
            sp.layerhide();
            if (response.success) {
                var index = $("#layer_viewRule").attr("form-index");
                $(".viewContentBox .viewRuleList").eq(index).html("");
                response.data.RULE.forEach(function (item, num) {
                    var itemDiv = "<div class='itemBox'>" +
                        "<div class='delUserbtn'>" +
                        "<i class='fa fa-close' onclick='deleteViewRule(\"" + item.FORMEDITID + "\",\"" + item.BILLKEY + "\",\"" + item.COLNAME + "\"," + num + ")' ></i>" +
                        "</div>" +
                        "<div class='itemLine'><div class='itemTitle'>逻辑符：</div><div class='itemVal'>" + item.ANDOR + "</div></div>" +
                        "<div class='itemLine'><div class='itemTitle'>数据表单：</div><div class='itemVal'>" + item.BILLKEY + "</div></div>" +
                        "<div class='itemLine'><div class='itemTitle'>数据字段：</div><div class='itemVal'>" + item.COLNAME + "</div></div>" +
                        "<div class='itemLine'><div class='itemTitle'>判断符号：</div><div class='itemVal'>" + item.COLLOGIC + "</div></div>" +
                        "<div class='itemLine'><div class='itemTitle'>判断值：</div><div class='itemVal'>" + item.COLVALUE + "</div></div>" +
                        "</div>"
                    $(".viewContentBox .viewRuleList").eq(index).append(itemDiv);
                })
            } else {
                setTimeout(function () {
                    sp.dialog(res.message);
                }, 1000)
            }
        },
        error: function (response) {
            console.log(response);
        }
    });
}

//打开流程人员设置
function openDirectionUser() {
    $("#directionUnit").val(unitList[0].CODE);
    $("#directionAllDepart").prop("checked", true);
    $("#directionAllUser").prop("checked", false);
    getDirectionDepart();
    sp.layer('#layer_directionUser');
}

//流向配置人员加载部门信息
function getDirectionDepart() {
    var postData = {
        code: $("#directionUnit").val()
    }
    $.ajax({
        type: "post",
        url: apiurljs.login + "g2work/sect/querySect",
        headers: {
            Authorization: "Bearer " + get_AccessToken,
        },
        data: JSON.stringify({
            data: s4.encryptData_CBC(JSON.stringify(postData))
        }),
        dataType: "json",
        contentType: "application/json",
        success: function (obj) {
            var response = strToJson(s4.decryptData_CBC(obj.data));
            $(".treeDirectionList").html("");
            response.data.forEach(function (item, index) {
                if (item.C_H_I_L_D.length > 0) {
                    var firstLi = "<li>" +
                        "<a><i class='fa fa-plus-square-o'></i><i class='fa fa-minus-square-o'></i><span>" + item.SECTION + "</span></a>" +
                        "<ul></ul>"
                    "</li>";
                } else {
                    var firstLi = "<li class='sp-tree-nochild'><a><span>" + item.SECTION + "</span></a></li>";
                }
                $(".treeDirectionList").append(firstLi);
                item.C_H_I_L_D.forEach(function (item2, index2) {
                    if (item2.C_H_I_L_D.length > 0) {
                        var secondLi = "<li>" +
                            "<a><i class='fa fa-plus-square-o'></i><i class='fa fa-minus-square-o'></i><span data-code='" + item2.CODE + "' onclick='selectDirectionDeprt(this)'>" + item2.SECTION + "</span></a>" +
                            "<ul></ul>"
                        "</li>";
                    } else {
                        var secondLi = "<li class='sp-tree-nochild'><a><span data-code='" + item2.CODE + "' onclick='selectDirectionDeprt(this)'>" + item2.SECTION + "</span></a></li>"
                    }
                    $(".treeDirectionList>li").eq(index).children("ul").append(secondLi);
                    item2.C_H_I_L_D.forEach(function (item3, index3) {
                        var thirdLi = "<li class='sp-tree-nochild'><a><span data-code='" + item3.CODE + "' onclick='selectDirectionDeprt(this)'>" + item3.SECTION + "</span></a></li>";
                        $(".treeDirectionList>li").eq(index).children("ul").children("li").eq(index2).children("ul").append(thirdLi);
                    })
                })
            })

            //树形的伸缩
            $(".sp-tree").find("a>i").each(function () {
                $(this).on("click", function () {
                    if ($(this).parent().hasClass("hasclick")) {
                        $(this).parent().removeClass("hasclick");
                        if ($(this).parent().parent().find("ul").length > 0) {
                            $(this).parent().parent().children("ul").children("li").hide();
                            $(this).parent().children(".fa-minus-square-o").hide();
                            $(this).parent().children(".fa-plus-square-o").show();
                        }
                        ;
                    } else {
                        $(this).parent().addClass("hasclick");
                        if ($(this).parent().parent().find("ul").length > 0) {
                            $(this).parent().parent().children("ul").children("li").show();
                            $(this).parent().children(".fa-minus-square-o").css({"display": "inline-block"});
                            $(this).parent().children(".fa-plus-square-o").hide();
                        }
                        ;
                    }
                });
            });
            $(".treeDirectionList>li").eq(0).children("a").find(".fa-plus-square-o").click();
            getDirectionUserList();
        },
        error: function (response) {
            console.log(response);
        }
    });
}

//流向选择人员改变机构
function changeDirectionUnit() {
    getDirectionDepart();
}

//流向选择人员点击部门
function selectDirectionDeprt(obj) {
    $("#directionAllDepart").prop("checked", false);
    $(".treeDirectionList a").removeClass("activeBtn");
    $(obj).parent().addClass("activeBtn");
    getDirectionUserList();
}

//流向选择人员点击全部部门
function clickAllDirectionDepart() {
    var selectAllFlog = $("#directionAllDepart").is(":checked");
    if (selectAllFlog) {
        $(".treeDirectionList a").removeClass("activeBtn");
        getDirectionUserList();
    }
}

//流向选择人员获取人员列表
function getDirectionUserList() {
    var postData = {
        unitid: $("#directionUnit").val(),
        departid: "",
        zid: "",
        gid: ""
    }
    var nowDepartNum = $(".treeDirectionList .activeBtn").length;
    if (nowDepartNum == 0) {
        postData.departid = "";
    } else {
        postData.departid = $(".treeDirectionList .activeBtn").eq(0).children("span").attr("data-code");
    }

    $.ajax({
        type: "post",
        url: apiurljs.login + "g2work/user/queryUserByUnitidDepartidZidGid",
        headers: {
            Authorization: "Bearer " + get_AccessToken,
        },
        data: JSON.stringify({
            data: s4.encryptData_CBC(JSON.stringify(postData))
        }),
        dataType: "json",
        contentType: "application/json",
        success: function (obj) {
            var response = strToJson(s4.decryptData_CBC(obj.data));
            $(".directionUserList").html("");
            response.data.forEach(function (item) {
                var itemRole = "<label><input onclick='selectItemDirectionUser()' data-code='" + item.USERID + "' type='checkbox'><span>" + item.USHOWNAME + "</span></label>";
                $(".directionUserList").append(itemRole);
            })
        },
        error: function (response) {
            console.log(response);
        }
    });
}

//流向保存人员
function saveDirectionUser() {
    var directionUserArray = [];
    $(".directionUserList input[type='checkbox']:checked").each(function (e) {
        var userItem = {
            rid: $(this).attr("data-code")
        }
        directionUserArray.push(userItem);
    })
    var directionid = $("#bpmnSetRightPartFlow").attr("flowid") + "_" + copyrightid;
    var postData = {
        copyrightid: copyrightid,
        directionid: directionid,
        data: JSON.stringify(directionUserArray)
    }
    $.ajax({
        type: "post",
        url: apiurljs.login + "g2work/flowdirection/updateDirectionUsers",
        headers: {
            Authorization: "Bearer " + get_AccessToken,
        },
        data: JSON.stringify({
            data: s4.encryptData_CBC(JSON.stringify(postData))
        }),
        dataType: "json",
        contentType: "application/json",
        success: function (obj) {
            var response = strToJson(s4.decryptData_CBC(obj.data));
            //console.log(JSON.stringify(response));
            sp.layerhide();
            if (response.success) {
                $(".viewUserBox tbody").html("");
                $("#tabPartTitle_viewUserBox_num").text("");
                var set_viewUserBox_num = "(" + viewInfo.USERS.length + ")";
                $("#tabPartTitle_viewUserBox_num").text(set_viewUserBox_num);
                response.data.USERS.forEach(function (item, index) {
                    var set_delete_i = "";
                    if (item.MARKDELETE == "1") {
                        set_delete_i = "<i class='fa fa-close' onclick='deleteDirectionUser(\"" + item.RID + "\"," + index + ")'></i>";
                    } else {
                        set_delete_i = "";
                    }
                    var itemTD =
                        "<tr user-id='" + item.RID + "'>" +
                        //"<td class='sp-text-left sp-pl-10'>" + item.RID + "</td>" +
                        "<td class='sp-text-left sp-pl-10'>" + item.RIDCNAME + "</td>" +
                        "<td class='delFormbtn' style='width: 40px;'>" + set_delete_i +
                        "</td>" +
                        "</tr>";
                    $(".viewUserBox tbody").append(itemTD);
                })
            } else {
                setTimeout(function () {
                    sp.dialog(res.message);
                }, 1000)
            }
        },
        error: function (response) {
            console.log(response);
        }
    });
}

//打开人员可见性
function openUserRuleLayer() {
    $("#userAndor").val("AND");
    $("#userCollogic").val("USERID");
    $("#userColvalue").val("USERA");
    getDirectionFormData("#userTable", "#userColname", "", "");
    sp.layer('#layer_userRule');
}


//打开抄送人员可见性
function openUserRuleCopyLayer() {
    $("#userAndorCopy").val("AND");
    $("#userCollogicCopy").val("USERID");
    $("#userColvalueCopy").val("USERA");
    getDirectionFormData("#userTableCopy", "#userColnameCopy", "", "");
    sp.layer('#layer_userRuleCopy');
}


//保存人员可见规则
function saveUserRule() {
    var directionid = $("#bpmnSetRightPartFlow").attr("flowid") + "_" + copyrightid;
    var postData = {
        copyrightid: copyrightid,
        directionid: directionid,
        data: ""
    }
    var valueArray = [];
    valueArray.push({
            billkey: $("#userTable").val(),
            colname: $("#userColname").val(),
            collogic: $("#userCollogic").val(),
            colvalue: $("#userColvalue").val(),
            andor: $("#userAndor").val()
        }
    );
    postData.data = JSON.stringify(valueArray);
    $.ajax({
        type: "post",
        url: apiurljs.login + "g2work/flowdirection/updateDirectionUsersRule",
        headers: {
            Authorization: "Bearer " + get_AccessToken,
        },
        data: JSON.stringify({
            data: s4.encryptData_CBC(JSON.stringify(postData))
        }),
        dataType: "json",
        contentType: "application/json",
        success: function (obj) {
            var response = strToJson(s4.decryptData_CBC(obj.data));
            sp.layerhide();
            if (response.success) {
                $("#userRuleList").html("");
                response.data.USERSRULE.forEach(function (item, index) {
                    $("#userCollogic option").each(function (e) {
                        if ($("#userCollogic option").eq(e).val() == item.COLLOGIC) {
                            item.COLLOGIC_Name = $("#userCollogic option").eq(e).html();
                        }
                    })

                    $("#userColvalue option").each(function (e) {
                        if ($("#userColvalue option").eq(e).val() == item.COLVALUE) {
                            item.COLVALUE_Name = $("#userColvalue option").eq(e).html();
                        }
                    })

                    var itemDiv = "<div class='itemBox'>" +
                        "<div class='delUserbtn'>" +
                        "<i class='fa fa-close' onclick='deleteDirectionUserRule(\"" + item.BILLKEY + "\",\"" + item.COLNAME + "\"," + index + ")'></i>" +
                        "</div>" +
                        "<div class='itemLine'><div class='itemTitle'>逻辑符：</div><div class='itemVal'>" + item.ANDOR + "</div></div>" +
                        "<div class='itemLine'><div class='itemTitle'>数据表单：</div><div class='itemVal'>" + item.BILLKEY + "</div></div>" +
                        "<div class='itemLine'><div class='itemTitle'>数据字段：</div><div class='itemVal'>" + item.COLNAME + "</div></div>" +
                        "<div class='itemLine'><div class='itemTitle'>表单列存储值：</div><div class='itemVal'>" + item.COLLOGIC_Name + "</div></div>" +
                        "<div class='itemLine'><div class='itemTitle'>人员功率条件：</div><div class='itemVal'>" + item.COLVALUE_Name + "</div></div>" +
                        "</div>"
                    $("#userRuleList").append(itemDiv);
                })
            } else {
                setTimeout(function () {
                    sp.dialog(res.message);
                }, 1000)
            }
        },
        error: function (response) {
            console.log(response);
        }
    });
}


//保存抄送人员可见规则
function saveUserRuleCopy() {
    var directionid = $("#bpmnSetRightPartFlow").attr("flowid") + "_" + copyrightid;
    var postData = {
        copyrightid: copyrightid,
        directionid: directionid,
        data: ""
    }
    var valueArray = [];
    valueArray.push({
            billkey: $("#userTableCopy").val(),
            colname: $("#userColnameCopy").val(),
            collogic: $("#userCollogicCopy").val(),
            colvalue: $("#userColvalueCopy").val(),
            andor: $("#userAndorCopy").val()
        }
    );
    postData.data = JSON.stringify(valueArray);
    $.ajax({
        type: "post",
        url: apiurljs.login + "g2work/flowdirection/updateDirectionUsersRuleCopy",
        headers: {
            Authorization: "Bearer " + get_AccessToken,
        },
        data: JSON.stringify({
            data: s4.encryptData_CBC(JSON.stringify(postData))
        }),
        dataType: "json",
        contentType: "application/json",
        success: function (obj) {
            var response = strToJson(s4.decryptData_CBC(obj.data));
            sp.layerhide();
            if (response.success) {
                $("#userRuleListCopy").html("");
                response.data.USERSRULECOPY.forEach(function (item, index) {
                    $("#userCollogicCopy option").each(function (e) {
                        if ($("#userCollogicCopy option").eq(e).val() == item.COLLOGIC) {
                            item.COLLOGIC_Name = $("#userCollogicCopy option").eq(e).html();
                        }
                    })

                    $("#userColvalueCopy option").each(function (e) {
                        if ($("#userColvalueCopy option").eq(e).val() == item.COLVALUE) {
                            item.COLVALUE_Name = $("#userColvalueCopy option").eq(e).html();
                        }
                    })

                    var itemDiv = "<div class='itemBox'>" +
                        "<div class='delUserbtn'>" +
                        "<i class='fa fa-close' onclick='deleteDirectionUserRuleCopy(\"" + item.BILLKEY + "\",\"" + item.COLNAME + "\"," + index + ")'></i>" +
                        "</div>" +
                        "<div class='itemLine'><div class='itemTitle'>逻辑符：</div><div class='itemVal'>" + item.ANDOR + "</div></div>" +
                        "<div class='itemLine'><div class='itemTitle'>数据表单：</div><div class='itemVal'>" + item.BILLKEY + "</div></div>" +
                        "<div class='itemLine'><div class='itemTitle'>数据字段：</div><div class='itemVal'>" + item.COLNAME + "</div></div>" +
                        "<div class='itemLine'><div class='itemTitle'>表单列存储值：</div><div class='itemVal'>" + item.COLLOGIC_Name + "</div></div>" +
                        "<div class='itemLine'><div class='itemTitle'>人员功率条件：</div><div class='itemVal'>" + item.COLVALUE_Name + "</div></div>" +
                        "</div>"
                    $("#userRuleListCopy").append(itemDiv);
                })
            } else {
                setTimeout(function () {
                    sp.dialog(res.message);
                }, 1000)
            }
        },
        error: function (response) {
            console.log(response);
        }
    });
}

//打开额外提醒设置
function openMsgLayer() {
    $("#userUnit").val(unitList[0].CODE);
    $("#departAll").prop("checked", true);
    $("#roleAll").prop("checked", true);
    $("#groupAll").prop("checked", true);
    $("#userAll").prop("checked", true);
    $("#nowDepart").html("[全部部门]");
    $("#nowRole").html("[全部角色]");
    $("#nowGroup").html("[全部群组]");
    $("#nowUser").html("[全部人员]");
    $("#nowUnit").html(unitList[0].SECTION);
    getUserDepart();
    getUserRole();
    getUserGroup();
    getUserList();
    $("#layer_selectUser").attr("data-title", "提醒设置");
    $("#layer_selectUser .sp-layer-title").html("提醒设置");
    $("#layer_selectUser .msgContentBox").show();
    //下面的流向提醒设置中需要置空的数据
    $("#rtxmsgFlag").prop("checked", false);
    $("#smsmsgFlag").prop("checked", false);
    $("#rtxmsgContent").val("");
    $("#smsmsgContent").val("");
    sp.layer('#layer_selectUser');
}

function changeRtxmsgFlag() {
    if ($("#rtxmsgFlag").is(":checked")) {
        $("#rtxmsgContent").val("您刚刚收到了@TITLE,请您尽快办理。");
    } else {
        $("#rtxmsgContent").val("");
    }
}

function changeSmsmsgFlag() {
    if ($("#smsmsgFlag").is(":checked")) {
        $("#smsmsgContent").val("您刚刚收到了@TITLE,请您尽快办理。");
    } else {
        $("#smsmsgContent").val("");
    }
}

//判断当前执行保存用户方法还是保存提醒方法
function saveUserOrMsg() {
    var nowType = $("#layer_selectUser").attr("data-title");
    if (nowType == "人员设置") {
        saveUser();
    } else {
        saveMsgConfig();
    }
}

//保存提醒
function saveMsgConfig() {
    var userArray = [{
        unitid: "",
        did: "",
        zid: "",
        gid: "",
        rid: "",
        rtxmsg: "",
        smsmsg: ""
    }];
    userArray[0].unitid = $("#userUnit").val();
    if ($("#departAll").is(":checked")) {
        userArray[0].did = "";
    } else {
        userArray[0].did = $(".treeList .activeBtn").eq(0).children("span").attr("data-code");
    }

    if ($("#roleAll").is(":checked")) {
        userArray[0].zid = "";
    } else {
        userArray[0].zid = $(".roleList .activeBtn").eq(0).attr("data-code");
    }

    if ($("#groupAll").is(":checked")) {
        userArray[0].gid = "";
    } else {
        userArray[0].gid = $(".groupList .activeBtn").eq(0).attr("data-code");
    }

    if ($("#userAll").is(":checked")) {
        userArray[0].rid = "";
    } else {
        userArray[0].rid = $(".userList .activeBtn").eq(0).attr("data-code");
    }

    if ($("#rtxmsgFlag").is(":checked")) {
        userArray[0].rtxmsg = $("#rtxmsgContent").val();
    } else {
        userArray[0].rtxmsg = "";
    }

    if ($("#smsmsgFlag").is(":checked")) {
        userArray[0].smsmsg = $("#smsmsgContent").val();
    } else {
        userArray[0].smsmsg = "";
    }

    var directionid = $("#bpmnSetRightPartFlow").attr("flowid") + "_" + copyrightid;
    var postData = {
        copyrightid: copyrightid,
        directionid: directionid,
        data: JSON.stringify(userArray)
    }
    $.ajax({
        type: "post",
        url: apiurljs.login + "g2work/flowdirection/updateDirectionMsgconfig",
        headers: {
            Authorization: "Bearer " + get_AccessToken,
        },
        data: JSON.stringify({
            data: s4.encryptData_CBC(JSON.stringify(postData))
        }),
        dataType: "json",
        contentType: "application/json",
        success: function (obj) {
            var response = strToJson(s4.decryptData_CBC(obj.data));
            sp.layerhide();
            if (response.success) {
                $("#msgRuleList").html("");
                response.data.MSGCONFIG.forEach(function (item, index) {
                    var itemDiv = "<div class='itemBox'>" +
                        "<div class='delUserbtn'>" +
                        "<i class='fa fa-close' onclick='deleteDirectionMsgRule(\"" + item.UNITID + "\",\"" + item.DID + "\",\"" + item.ZID + "\",\"" + item.GID + "\",\"" + item.RID + "\"," + index + ")'></i>" +
                        "</div>" +
                        "<div class='itemLine'><div class='itemTitle'>机构：</div><div class='itemVal'>" + item.UNITIDNAME + "</div></div>" +
                        "<div class='itemLine'><div class='itemTitle'>部门：</div><div class='itemVal'>" + item.DIDNAME + "</div></div>" +
                        "<div class='itemLine'><div class='itemTitle'>角色：</div><div class='itemVal'>" + item.ZIDNAME + "</div></div>" +
                        "<div class='itemLine'><div class='itemTitle'>群组：</div><div class='itemVal'>" + item.GIDNAME + "</div></div>" +
                        "<div class='itemLine'><div class='itemTitle'>人员：</div><div class='itemVal'>" + item.RIDNAME + "</div></div>" +
                        "<div class='itemLine'><div class='itemTitle'>即时消息：</div><div class='itemVal' style='width: 150px;'>" + item.RTXMSG + "</div></div>" +
                        "<div class='itemLine'><div class='itemTitle'>手机短信：</div><div class='itemVal' style='width: 150px;'>" + item.SMSMSG + "</div></div>" +
                        "</div>"
                    $("#msgRuleList").append(itemDiv);
                })
            } else {
                setTimeout(function () {
                    sp.dialog(res.message);
                }, 1000)
            }
        },
        error: function (response) {
            console.log(response);
        }
    });
}

//删除流程节点对应的表单
function deleteNodeForm(formid, index) {
    var getDelID = formid;
    var dialogHead = "<span class=\"sp-dialog-head\"><span class=\"sp-dialog-tip\">温馨提示</span><span class=\"sp-dialog-close sp-closeDialog\" title=\"关闭\">×</span></span>";
    var dialogBody = "<div class=\"sp-dialog-body\">删除后不可恢复，您确认要删除吗？</div>";
    var dialogFoot = "<div class=\"sp-dialog-foot\"><input data-id=" + getDelID + " id='delDataTrue' type='button' value='确 认' class='sp-dialog-btnTrue' /><input type='button' value='取 消' class='sp-dialog-btnCancle sp-closeDialog' /></div>";
    $('.sp-dialog').html(dialogHead + dialogBody + dialogFoot);
    sp.openCenter(".sp-dialog");
    //取消按钮
    $('.sp-closeDialog').click(function (event) {
        sp.closeCenter(".sp-dialog");
        event.preventDefault();
        event.stopPropagation();
    });
    $("#delDataTrue").click(function () {
        sp.dialoghide();
        var getid = $(this).attr("data-id");
        var nodeid = $("#bpmnSetRightPart").attr("nodeid") + "_" + copyrightid;
        var postData = {
            copyrightid: copyrightid,
            nodeid: nodeid,
            formid: getid
        };
        $.ajax({
            type: "post",
            url: apiurljs.login + "g2work/flownode/deleteNodeForm",
            headers: {
                Authorization: "Bearer " + get_AccessToken,
            },
            data: JSON.stringify({
                data: s4.encryptData_CBC(JSON.stringify(postData))
            }),
            dataType: "json",
            contentType: "application/json",
            success: function (obj) {
                var response = strToJson(s4.decryptData_CBC(obj.data));
                sp.layerhide();
                if (response.success) {
                    getNodeInfo();
                } else {
                    setTimeout(function () {
                        sp.dialog(res.message);
                    }, 1000)
                }
            },
            error: function (response) {
                console.log(response);
            }
        });
    });
}

//删除流程节点对应的人员
function deleteNodeUser(unitid, did, zid, gid, rid, index) {
    var nodeid = $("#bpmnSetRightPart").attr("nodeid") + "_" + copyrightid;
    var postData = {
        copyrightid: copyrightid,
        nodeid: nodeid,
        unitid: unitid,
        did: did,
        zid: zid,
        gid: gid,
        rid: rid
    }
    var getDelID = JSON.stringify(postData);
    var dialogHead = "<span class=\"sp-dialog-head\"><span class=\"sp-dialog-tip\">温馨提示</span><span class=\"sp-dialog-close sp-closeDialog\" title=\"关闭\">×</span></span>";
    var dialogBody = "<div class=\"sp-dialog-body\">删除后不可恢复，您确认要删除吗？</div>";
    var dialogFoot = "<div class=\"sp-dialog-foot\"><input data-id=" + getDelID + " id='delDataTrue' type='button' value='确 认' class='sp-dialog-btnTrue' /><input type='button' value='取 消' class='sp-dialog-btnCancle sp-closeDialog' /></div>";
    $('.sp-dialog').html(dialogHead + dialogBody + dialogFoot);
    sp.openCenter(".sp-dialog");
    //取消按钮
    $('.sp-closeDialog').click(function (event) {
        sp.closeCenter(".sp-dialog");
        event.preventDefault();
        event.stopPropagation();
    });
    $("#delDataTrue").click(function () {
        sp.dialoghide();
        $.ajax({
            type: "post",
            url: apiurljs.login + "g2work/flownode/deleteNodeUsers",
            headers: {
                Authorization: "Bearer " + get_AccessToken,
            },
            data: JSON.stringify({
                data: s4.encryptData_CBC($(this).attr("data-id"))
            }),
            dataType: "json",
            contentType: "application/json",
            success: function (obj) {
                var response = strToJson(s4.decryptData_CBC(obj.data));
                sp.layerhide();
                if (response.success) {
                    getNodeInfo();
                } else {
                    setTimeout(function () {
                        sp.dialog(res.message);
                    }, 1000)
                }
            },
            error: function (response) {
                console.log(response);
            }
        });
    });
}

//删除流程流向对应的赋值设置
function deleteValueset(billkey, colname, index) {
    var directionid = $("#bpmnSetRightPartFlow").attr("flowid") + "_" + copyrightid;
    var postData = {
        copyrightid: copyrightid,
        directionid: directionid,
        billkey: billkey,
        colname: colname
    }
    var getDelID = JSON.stringify(postData);
    var dialogHead = "<span class=\"sp-dialog-head\"><span class=\"sp-dialog-tip\">温馨提示</span><span class=\"sp-dialog-close sp-closeDialog\" title=\"关闭\">×</span></span>";
    var dialogBody = "<div class=\"sp-dialog-body\">删除后不可恢复，您确认要删除吗？</div>";
    var dialogFoot = "<div class=\"sp-dialog-foot\"><input data-id=" + getDelID + " id='delDataTrue' type='button' value='确 认' class='sp-dialog-btnTrue' /><input type='button' value='取 消' class='sp-dialog-btnCancle sp-closeDialog' /></div>";
    $('.sp-dialog').html(dialogHead + dialogBody + dialogFoot);
    sp.openCenter(".sp-dialog");
    //取消按钮
    $('.sp-closeDialog').click(function (event) {
        sp.closeCenter(".sp-dialog");
        event.preventDefault();
        event.stopPropagation();
    });

    $("#delDataTrue").click(function () {
        sp.dialoghide();
        $.ajax({
            type: "post",
            url: apiurljs.login + "g2work/flowdirection/deleteDirectionValueset",
            headers: {
                Authorization: "Bearer " + get_AccessToken,
            },
            data: JSON.stringify({
                data: s4.encryptData_CBC($(this).attr("data-id"))
            }),
            dataType: "json",
            contentType: "application/json",
            success: function (obj) {
                var response = strToJson(s4.decryptData_CBC(obj.data));
                sp.layerhide();
                if (response.success) {
                    getBaseInfo();
                } else {
                    setTimeout(function () {
                        sp.dialog(res.message);
                    }, 1000)
                }
            },
            error: function (response) {
                console.log(response);
            }
        });
    });
}

//删除流程流向对应的可见性规则设置
function deleteRuleset(billkey, colname, index) {
    var directionid = $("#bpmnSetRightPartFlow").attr("flowid") + "_" + copyrightid;
    var postData = {
        copyrightid: copyrightid,
        directionid: directionid,
        billkey: billkey,
        colname: colname
    }
    var getDelID = JSON.stringify(postData);
    var dialogHead = "<span class=\"sp-dialog-head\"><span class=\"sp-dialog-tip\">温馨提示</span><span class=\"sp-dialog-close sp-closeDialog\" title=\"关闭\">×</span></span>";
    var dialogBody = "<div class=\"sp-dialog-body\">删除后不可恢复，您确认要删除吗？</div>";
    var dialogFoot = "<div class=\"sp-dialog-foot\"><input data-id=" + getDelID + " id='delDataTrue' type='button' value='确 认' class='sp-dialog-btnTrue' /><input type='button' value='取 消' class='sp-dialog-btnCancle sp-closeDialog' /></div>";
    $('.sp-dialog').html(dialogHead + dialogBody + dialogFoot);
    sp.openCenter(".sp-dialog");
    //取消按钮
    $('.sp-closeDialog').click(function (event) {
        sp.closeCenter(".sp-dialog");
        event.preventDefault();
        event.stopPropagation();
    });

    $("#delDataTrue").click(function () {
        sp.dialoghide();
        $.ajax({
            type: "post",
            url: apiurljs.login + "g2work/flowdirection/deleteDirectionRule",
            headers: {
                Authorization: "Bearer " + get_AccessToken,
            },
            data: JSON.stringify({
                data: s4.encryptData_CBC($(this).attr("data-id"))
            }),
            dataType: "json",
            contentType: "application/json",
            success: function (obj) {
                var response = strToJson(s4.decryptData_CBC(obj.data));
                sp.layerhide();
                if (response.success) {
                    getBaseInfo();
                } else {
                    setTimeout(function () {
                        sp.dialog(res.message);
                    }, 1000)
                }
            },
            error: function (response) {
                console.log(response);
            }
        });
    });
}

//删除流向对应的表单视图
function deleteView(formeditid, index) {
    var ruleNum = $(".viewContentBox .viewRuleList").eq(index).find(".itemBox").length;
    if (ruleNum > 0) {
        sp.dialog("当前视图下已配置可见规则，无法删除");
    } else {
        var directionid = $("#bpmnSetRightPartFlow").attr("flowid") + "_" + copyrightid;
        var postData = {
            copyrightid: copyrightid,
            directionid: directionid,
            formeditid: formeditid
        }
        var getDelID = JSON.stringify(postData);
        var dialogHead = "<span class=\"sp-dialog-head\"><span class=\"sp-dialog-tip\">温馨提示</span><span class=\"sp-dialog-close sp-closeDialog\" title=\"关闭\">×</span></span>";
        var dialogBody = "<div class=\"sp-dialog-body\">删除后不可恢复，您确认要删除吗？</div>";
        var dialogFoot = "<div class=\"sp-dialog-foot\"><input data-id=" + getDelID + " id='delDataTrue' type='button' value='确 认' class='sp-dialog-btnTrue' /><input type='button' value='取 消' class='sp-dialog-btnCancle sp-closeDialog' /></div>";
        $('.sp-dialog').html(dialogHead + dialogBody + dialogFoot);
        sp.openCenter(".sp-dialog");
        //取消按钮
        $('.sp-closeDialog').click(function (event) {
            sp.closeCenter(".sp-dialog");
            event.preventDefault();
            event.stopPropagation();
        });
        $("#delDataTrue").click(function () {
            sp.dialoghide();
            $.ajax({
                type: "post",
                url: apiurljs.login + "g2work/flowdirection/deleteDirectionFormedit",
                headers: {
                    Authorization: "Bearer " + get_AccessToken,
                },
                data: JSON.stringify({
                    data: s4.encryptData_CBC($(this).attr("data-id"))
                }),
                dataType: "json",
                contentType: "application/json",
                success: function (obj) {
                    var response = strToJson(s4.decryptData_CBC(obj.data));
                    sp.layerhide();
                    if (response.success) {
                        getViewInfo();
                    } else {
                        setTimeout(function () {
                            sp.dialog(res.message);
                        }, 1000)
                    }
                },
                error: function (response) {
                    console.log(response);
                }
            });
        });
    }
}

//删除流向对应的视图的可见规则
function deleteViewRule(formeditid, billkey, colname, index) {
    var directionid = $("#bpmnSetRightPartFlow").attr("flowid") + "_" + copyrightid;
    var postData = {
        copyrightid: copyrightid,
        directionid: directionid,
        formeditid: formeditid,
        billkey: billkey,
        colname: colname
    }
    var getDelID = JSON.stringify(postData);
    var dialogHead = "<span class=\"sp-dialog-head\"><span class=\"sp-dialog-tip\">温馨提示</span><span class=\"sp-dialog-close sp-closeDialog\" title=\"关闭\">×</span></span>";
    var dialogBody = "<div class=\"sp-dialog-body\">删除后不可恢复，您确认要删除吗？</div>";
    var dialogFoot = "<div class=\"sp-dialog-foot\"><input data-id=" + getDelID + " id='delDataTrue' type='button' value='确 认' class='sp-dialog-btnTrue' /><input type='button' value='取 消' class='sp-dialog-btnCancle sp-closeDialog' /></div>";
    $('.sp-dialog').html(dialogHead + dialogBody + dialogFoot);
    sp.openCenter(".sp-dialog");
    //取消按钮
    $('.sp-closeDialog').click(function (event) {
        sp.closeCenter(".sp-dialog");
        event.preventDefault();
        event.stopPropagation();
    });
    $("#delDataTrue").click(function () {
        sp.dialoghide();
        $.ajax({
            type: "post",
            url: apiurljs.login + "g2work/flowdirection/deleteDirectionFormeditRule",
            headers: {
                Authorization: "Bearer " + get_AccessToken,
            },
            data: JSON.stringify({
                data: s4.encryptData_CBC($(this).attr("data-id"))
            }),
            dataType: "json",
            contentType: "application/json",
            success: function (obj) {
                var response = strToJson(s4.decryptData_CBC(obj.data));
                sp.layerhide();
                if (response.success) {
                    getViewInfo();
                } else {
                    setTimeout(function () {
                        sp.dialog(res.message);
                    }, 1000)
                }
            },
            error: function (response) {
                console.log(response);
            }
        });
    });
}

//删除流向对应人员
function deleteDirectionUser(rid, index) {
    var directionid = $("#bpmnSetRightPartFlow").attr("flowid") + "_" + copyrightid;
    var postData = {
        copyrightid: copyrightid,
        directionid: directionid,
        rid: rid
    }
    var getDelID = JSON.stringify(postData);
    var dialogHead = "<span class=\"sp-dialog-head\"><span class=\"sp-dialog-tip\">温馨提示</span><span class=\"sp-dialog-close sp-closeDialog\" title=\"关闭\">×</span></span>";
    var dialogBody = "<div class=\"sp-dialog-body\">删除后不可恢复，您确认要删除吗？</div>";
    var dialogFoot = "<div class=\"sp-dialog-foot\"><input data-id=" + getDelID + " id='delDataTrue' type='button' value='确 认' class='sp-dialog-btnTrue' /><input type='button' value='取 消' class='sp-dialog-btnCancle sp-closeDialog' /></div>";
    $('.sp-dialog').html(dialogHead + dialogBody + dialogFoot);
    sp.openCenter(".sp-dialog");
    //取消按钮
    $('.sp-closeDialog').click(function (event) {
        sp.closeCenter(".sp-dialog");
        event.preventDefault();
        event.stopPropagation();
    });

    $("#delDataTrue").click(function () {
        sp.dialoghide();
        $.ajax({
            type: "post",
            url: apiurljs.login + "g2work/flowdirection/deleteDirectionUsers",
            headers: {
                Authorization: "Bearer " + get_AccessToken,
            },
            data: JSON.stringify({
                data: s4.encryptData_CBC($(this).attr("data-id"))
            }),
            dataType: "json",
            contentType: "application/json",
            success: function (obj) {
                var response = strToJson(s4.decryptData_CBC(obj.data));
                sp.layerhide();
                if (response.success) {
                    getViewInfo();
                } else {
                    setTimeout(function () {
                        sp.dialog(res.message);
                    }, 1000)
                }
            },
            error: function (response) {
                console.log(response);
            }
        });
    });
}

//删除流向对应人员的可见性规则
function deleteDirectionUserRule(billkey, colname, index) {
    var directionid = $("#bpmnSetRightPartFlow").attr("flowid") + "_" + copyrightid;
    var postData = {
        copyrightid: copyrightid,
        directionid: directionid,
        billkey: billkey,
        colname: colname
    }
    var getDelID = JSON.stringify(postData);
    var dialogHead = "<span class=\"sp-dialog-head\"><span class=\"sp-dialog-tip\">温馨提示</span><span class=\"sp-dialog-close sp-closeDialog\" title=\"关闭\">×</span></span>";
    var dialogBody = "<div class=\"sp-dialog-body\">删除后不可恢复，您确认要删除吗？</div>";
    var dialogFoot = "<div class=\"sp-dialog-foot\"><input data-id=" + getDelID + " id='delDataTrue' type='button' value='确 认' class='sp-dialog-btnTrue' /><input type='button' value='取 消' class='sp-dialog-btnCancle sp-closeDialog' /></div>";
    $('.sp-dialog').html(dialogHead + dialogBody + dialogFoot);
    sp.openCenter(".sp-dialog");
    //取消按钮
    $('.sp-closeDialog').click(function (event) {
        sp.closeCenter(".sp-dialog");
        event.preventDefault();
        event.stopPropagation();
    });

    $("#delDataTrue").click(function () {
        sp.dialoghide();
        $.ajax({
            type: "post",
            url: apiurljs.login + "g2work/flowdirection/deleteDirectionUsersRule",
            headers: {
                Authorization: "Bearer " + get_AccessToken,
            },
            data: JSON.stringify({
                data: s4.encryptData_CBC($(this).attr("data-id"))
            }),
            dataType: "json",
            contentType: "application/json",
            success: function (obj) {
                var response = strToJson(s4.decryptData_CBC(obj.data));
                sp.layerhide();
                if (response.success) {
                    getViewInfo();
                } else {
                    setTimeout(function () {
                        sp.dialog(res.message);
                    }, 1000)
                }
            },
            error: function (response) {
                console.log(response);
            }
        });
    });
}

//删除流向对应抄送人员的可见性规则
function deleteDirectionUserRuleCopy(billkey, colname, index) {
    var directionid = $("#bpmnSetRightPartFlow").attr("flowid") + "_" + copyrightid;
    var postData = {
        copyrightid: copyrightid,
        directionid: directionid,
        billkey: billkey,
        colname: colname
    }
    var getDelID = JSON.stringify(postData);
    var dialogHead = "<span class=\"sp-dialog-head\"><span class=\"sp-dialog-tip\">温馨提示</span><span class=\"sp-dialog-close sp-closeDialog\" title=\"关闭\">×</span></span>";
    var dialogBody = "<div class=\"sp-dialog-body\">删除后不可恢复，您确认要删除吗？</div>";
    var dialogFoot = "<div class=\"sp-dialog-foot\"><input data-id=" + getDelID + " id='delDataTrue' type='button' value='确 认' class='sp-dialog-btnTrue' /><input type='button' value='取 消' class='sp-dialog-btnCancle sp-closeDialog' /></div>";
    $('.sp-dialog').html(dialogHead + dialogBody + dialogFoot);
    sp.openCenter(".sp-dialog");
    //取消按钮
    $('.sp-closeDialog').click(function (event) {
        sp.closeCenter(".sp-dialog");
        event.preventDefault();
        event.stopPropagation();
    });

    $("#delDataTrue").click(function () {
        sp.dialoghide();
        $.ajax({
            type: "post",
            url: apiurljs.login + "g2work/flowdirection/deleteDirectionUsersRuleCopy",
            headers: {
                Authorization: "Bearer " + get_AccessToken,
            },
            data: JSON.stringify({
                data: s4.encryptData_CBC($(this).attr("data-id"))
            }),
            dataType: "json",
            contentType: "application/json",
            success: function (obj) {
                var response = strToJson(s4.decryptData_CBC(obj.data));
                sp.layerhide();
                if (response.success) {
                    getViewInfo();
                } else {
                    setTimeout(function () {
                        sp.dialog(res.message);
                    }, 1000)
                }
            },
            error: function (response) {
                console.log(response);
            }
        });
    });
}

//删除流向对应的高级规则
function deleteDirectionMsgRule(unitid, did, zid, gid, rid, index) {
    var directionid = $("#bpmnSetRightPartFlow").attr("flowid") + "_" + copyrightid;
    var postData = {
        copyrightid: copyrightid,
        directionid: directionid,
        unitid: unitid,
        did: did,
        zid: zid,
        gid: gid,
        rid: rid
    }
    var getDelID = JSON.stringify(postData);
    var dialogHead = "<span class=\"sp-dialog-head\"><span class=\"sp-dialog-tip\">温馨提示</span><span class=\"sp-dialog-close sp-closeDialog\" title=\"关闭\">×</span></span>";
    var dialogBody = "<div class=\"sp-dialog-body\">删除后不可恢复，您确认要删除吗？</div>";
    var dialogFoot = "<div class=\"sp-dialog-foot\"><input data-id=" + getDelID + " id='delDataTrue' type='button' value='确 认' class='sp-dialog-btnTrue' /><input type='button' value='取 消' class='sp-dialog-btnCancle sp-closeDialog' /></div>";
    $('.sp-dialog').html(dialogHead + dialogBody + dialogFoot);
    sp.openCenter(".sp-dialog");
    //取消按钮
    $('.sp-closeDialog').click(function (event) {
        sp.closeCenter(".sp-dialog");
        event.preventDefault();
        event.stopPropagation();
    });

    $("#delDataTrue").click(function () {
        sp.dialoghide();
        $.ajax({
            type: "post",
            url: apiurljs.login + "g2work/flowdirection/deleteDirectionMsgconfig",
            headers: {
                Authorization: "Bearer " + get_AccessToken,
            },
            data: JSON.stringify({
                data: s4.encryptData_CBC($(this).attr("data-id"))
            }),
            dataType: "json",
            contentType: "application/json",
            success: function (obj) {
                var response = strToJson(s4.decryptData_CBC(obj.data));
                sp.layerhide();
                if (response.success) {
                    getExtraInfo();
                } else {
                    setTimeout(function () {
                        sp.dialog(res.message);
                    }, 1000)
                }
            },
            error: function (response) {
                console.log(response);
            }
        });
    });
}

function clickAllDirectionUser() {
    var selectAllFlog = $("#directionAllUser").is(":checked");
    $(".directionUserList label input[type='checkbox']").prop("checked", selectAllFlog);
}

function selectItemDirectionUser() {
    var selectNum = $(".directionUserList label input[type='checkbox']:checked").length;
    var totalNum = $(".directionUserList label input[type='checkbox']").length;
    if (selectNum == totalNum) {
        $("#directionAllUser").prop("checked", true);
    } else {
        $("#directionAllUser").prop("checked", false);
    }
}

//核查流程功能
function checkFlow() {
    var postData = {
        copyrightid: copyrightid,
    }
    $.ajax({
        type: "post",
        url: apiurljs.login + "g2work/flow/queryWorkflowErrors",
        headers: {
            Authorization: "Bearer " + get_AccessToken,
        },
        data: JSON.stringify({
            data: s4.encryptData_CBC(JSON.stringify(postData))
        }),
        dataType: "json",
        contentType: "application/json",
        success: function (obj) {
            var response = strToJson(s4.decryptData_CBC(obj.data));
            if (response.data.length == 0) {
                sp.dialog("当前流程配置正确");
            } else {
                var contentSting = "";
                response.data.forEach(function (item) {
                    contentSting += item + "</br>";
                })
                sp.dialog(contentSting);
                $(".sp-dialog-body").addClass("maxHeight");
            }
        },
        error: function (response) {
            console.log(response);
        }
    });
}

//更新创建流程用户
function saveFlowCreate() {
    var postData = {
        copyrightid: copyrightid,
        userid: ""
    }
    $.ajax({
        type: "post",
        url: apiurljs.login + "g2work/desktop/createWorkflowCandoWithUserID",
        headers: {
            Authorization: "Bearer " + get_AccessToken,
        },
        data: JSON.stringify({
            data: s4.encryptData_CBC(JSON.stringify(postData))
        }),
        dataType: "json",
        contentType: "application/json",
        success: function (obj) {
            sp.dialog("成功更新创建流程用户！");
        },
        error: function (response) {
            console.log(response);
        }
    });
}

//改变流向视图顺序函数
function changeDirectionViewIndex(index, direction) {
    var nowViewNum = $(".viewContentBox .itemView").length;
    //排除一些不能操作的情况
    if (direction == "up" && index == 0) {
        sp.dialog("无法上移");
    } else if (direction == "down" && index == nowViewNum - 1) {
        sp.dialog("无法下移");
    } else {
        var directionid = $("#bpmnSetRightPartFlow").attr("flowid") + "_" + copyrightid;
        var postData = {
            copyrightid: copyrightid,
            directionid: directionid,
            formeditid1: "",
            formeditid2: ""
        }
        if (direction == "up") {
            postData.formeditid1 = $(".viewContentBox .itemView").eq(index).attr("form-edit-id");
            postData.formeditid2 = $(".viewContentBox .itemView").eq(index - 1).attr("form-edit-id");
        } else {
            postData.formeditid1 = $(".viewContentBox .itemView").eq(index).attr("form-edit-id");
            postData.formeditid2 = $(".viewContentBox .itemView").eq(index + 1).attr("form-edit-id");
        }
        $.ajax({
            type: "post",
            url: apiurljs.login + "g2work/flowdirection/swapSortidByDirectionIdFormeditId",
            headers: {
                Authorization: "Bearer " + get_AccessToken,
            },
            data: JSON.stringify({
                data: s4.encryptData_CBC(JSON.stringify(postData))
            }),
            dataType: "json",
            contentType: "application/json",
            success: function (obj) {
                var response = strToJson(s4.decryptData_CBC(obj.data));
                sp.layerhide();
                if (response.success) {
                    getViewInfo();
                } else {
                    setTimeout(function () {
                        sp.dialog(res.message);
                    }, 1000)
                }
            },
            error: function (response) {
                console.log(response);
            }
        });
    }
}


getUnitList();

/*2020-11-20添加赋值类型*/
function changeValueType() {
    var valueType = $("#valueType").val();
    if (valueType == 1) {
        $("#valueSet").show();
        $("#valueInput").hide();
    } else {
        $("#valueSet").hide();
        $("#valueInput").show();
    }
}

//切换节点类别，点击开发新表单
function changeNodeType() {
    var index = $(".nodeTypeSelect").val();
    if (index == 4) {
        $("#itemFlowTitle").show();
        $("#itemFlowBox").show();
        $("#formTitle").hide();
        $("#formBox").hide();
    } else {
        $("#itemFlowTitle").hide();
        $("#itemFlowBox").hide();
        $("#formTitle").show();
        $("#formBox").show();
    }
    setNodeColor(index);
    //最后一步需要同步节点数据信息,节点类别添加到通用节点数据中
}

//打开子流程设置层
function openItemFlowLayer() {
    $("#itemUserUnit").val(unitList[0].CODE);
    $(".itemFlowTypeBox>.typeItem").removeClass("active");
    $(".itemFlowTypeBox>.typeItem").eq(0).addClass("active");
    getFlowType();
    sp.layer("#layer_itemFlow");
}

//获取流程分类
function getFlowType() {
    var nowUnit = $("#itemUserUnit").val();
    $(".itemFlowTypeBox").html("");
    var baseType = "<div class=\"typeItem active\" data-type='' onclick=\"changeFlowType('',this)\"><i class=\"fa fa-list-ul\"></i> <span>全部流程</span></div>";
    $(".itemFlowTypeBox").append(baseType);
    var postData = {
        pkid: nowUnit,
        includechildren: true
    };
    $.ajax({
        type: "post",
        url: apiurljs.login + "g2work/flowkinds/queryData",
        headers: {
            Authorization: "Bearer " + get_AccessToken,
        },
        data: JSON.stringify({
            data: s4.encryptData_CBC(JSON.stringify(postData))
        }),
        dataType: "json",
        contentType: "application/json",
        success: function (obj) {
            var response = strToJson(s4.decryptData_CBC(obj.data));
            typeList = response.data;
            typeList.forEach(function (item) {
                var itemType = "<div class='typeItem' data-type='" + item.PKID + "' onclick='changeFlowType(\"" + item.PKID + "\",this)'><i class='fa fa-folder'></i> <span>" + item.CNAME + "</span></div>";
                $(".itemFlowTypeBox").append(itemType);
            })
            getFlowList();
        },
        error: function (response) {
            console.log(response);
        }
    });
}

//获取流程列表
function getFlowList() {
    //根据选中的机构和类型查询表单数据
    var nowUnit = $("#itemUserUnit").val();
    var nowType = $(".itemFlowTypeBox .active").attr("data-type");
    var postData = {
        unitid: nowUnit,
        flowkinds: nowType
    }
    $("#itemFlowList tbody").html("");
    $.ajax({
        type: "post",
        url: apiurljs.login + "g2work/flow/queryData",
        headers: {
            Authorization: "Bearer " + get_AccessToken,
        },
        data: JSON.stringify({
            data: s4.encryptData_CBC(JSON.stringify(postData))
        }),
        dataType: "json",
        contentType: "application/json",
        success: function (obj) {
            var response = strToJson(s4.decryptData_CBC(obj.data));
            var nowflowid = $(".itemFlowBox tbody").find("tr").eq(0).attr("flow-id");
            var nowflowname = $(".itemFlowBox tbody").find("tr>td").eq(0).html();
            //还原当前的选中数值
            if (response.data.length != 0) {
                $(".formPartRight .sp-table-tip").hide();
                response.data.forEach(function (item, index) {
                    if (item.FLOWID == nowflowid) {
                        var itemTr =
                            "<tr flow-id='" + item.FLOWID + "' flow-name='" + item.CNAME + "'>" +
                            "<td><input type='checkbox' checked onclick=\"selectItemFlow(this)\"></td>" +
                            "<td>" + (index + 1) + "</td>" +
                            "<td>" + item.CKEY + "</td>" +
                            "<td>" + item.CNAME + "</td>" +
                            "<td>" + item.TIMELIMIT + "</td>" +
                            "<td>" + item.EXPLAIN + "</td>" +
                            "</tr>";
                    } else {
                        var itemTr =
                            "<tr flow-id='" + item.FLOWID + "' flow-name='" + item.CNAME + "'>" +
                            "<td><input type='checkbox' onclick=\"selectItemFlow(this)\"></td>" +
                            "<td>" + (index + 1) + "</td>" +
                            "<td>" + item.CKEY + "</td>" +
                            "<td>" + item.CNAME + "</td>" +
                            "<td>" + item.TIMELIMIT + "</td>" +
                            "<td>" + item.EXPLAIN + "</td>" +
                            "</tr>";
                    }
                    $("#itemFlowList tbody").append(itemTr);
                })
            } else {
                $(".formPartRight .sp-table-tip").show();
            }
        },
        error: function (response) {
            console.log(response);
        }
    });
}

//更改表单类型
function changeFlowType(code, obj) {
    $(".itemFlowTypeBox>.typeItem").removeClass("active");
    $(obj).addClass("active");
    getFlowList();
}

//选择流程I（只能选择一个流程）
function selectItemFlow(obj) {
    var itemFlag = $(obj).is(':checked');
    if (!itemFlag) {
        $(obj).prop('checked', false);
    } else {
        $("#itemFlowList").find("input[type='checkbox']").prop('checked', false);
        $(obj).prop('checked', true);
    }
}

//保存选择流程
function saveFlow() {
    var resultArray = [];
    $("#itemFlowList tbody input[type='checkbox']:checked").each(function (e) {
        var formItem = {
            flowid: $(this).parents("tr").attr("flow-id"),
            flowName: $(this).parents("tr").attr("flow-name")
        }
        resultArray.push(formItem);
    })
    var nodeid = $("#bpmnSetRightPart").attr("nodeid") + "_" + copyrightid;
    var postData = {
        copyrightid: copyrightid,
        nodeid: nodeid,
        cname: $(".nodeName").val(),
        timelimit: $(".nodeTime").val(),
        explain: $(".nodeRemark").val(),
        type: "",
        toflowid: "",
        toflowcname: "",
        markmerge: ""
    };
    var typeName = $(".nodeType").html();
    nodeTypeList.forEach(function (item) {
        if (item.name == typeName) {
            postData.type = item.type
        }
    })

    if (resultArray.length == 0) {
        postData.toflowid = 0;
        postData.toflowcname = "尚未配置子流程";
    } else {
        postData.toflowid = resultArray[0].flowid;
        postData.toflowcname = resultArray[0].flowName;
    }

    ///判断是否合流
    if ($("#chb_isMarkmerge").is(":checked")) {
        postData.markmerge = "true";
    } else {
        postData.markmerge = "false";
    }

    $.ajax({
        type: "post",
        url: apiurljs.login + "g2work/flownode/updateNode",
        headers: {
            Authorization: "Bearer " + get_AccessToken,
        },
        data: JSON.stringify({
            data: s4.encryptData_CBC(JSON.stringify(postData))
        }),
        dataType: "json",
        contentType: "application/json",
        success: function (obj) {
            var response = strToJson(s4.decryptData_CBC(obj.data));
            sp.layerhide();
            if (response.success) {
                $(".itemFlowBox tbody").html("");
                if (postData.toflowid != "" && postData.toflowcname != "") {
                    var itemTD =
                        "<tr flow-id='" + postData.toflowid + "'>" +
                        "<td class='sp-text-left sp-pl-10'>" + postData.toflowcname + "</td>" +
                        "<td class='delFormbtn'><i class='fa fa-edit' onclick='openEditFlowLayer(this)'></i></td>" +
                        "</tr>";
                    $(".itemFlowBox tbody").append(itemTD);
                } else {
                    var itemTD =
                        "<tr flow-id='0'>" +
                        "<td class='sp-text-left sp-pl-10'>尚未配置子流程</td>" +
                        "<td class='delFormbtn'><i class='fa fa-edit' onclick='openEditFlowLayer(this)'></i></td>" +
                        "</tr>";
                    $(".itemFlowBox tbody").append(itemTD);
                }
            } else {
                setTimeout(function () {
                    sp.dialog(res.message);
                }, 1000)
            }
        },
        error: function (response) {
            console.log(response);
        }
    });
}

//改变流程节点颜色函数(model参数表示当前需要变色的节点类型)
function setNodeColor(model) {
    // {"type": 0, "name": "开始"},
    // {"type": 1, "name": "结束"},
    // {"type": 2, "name": "任务"},
    // {"type": 3, "name": "网关"},
    // {"type": 4, "name": "子流程"},
    // {"type": 5, "name": "边界事件"}
    var colorBaseConfig = [{model: 4, strokeColor: "rgb(255,86,60)", fillColor: "rgb(255,86,60,0.4)"}];
    //颜色基本配置函数包括两种一种是填充颜色，一种是边框颜色，需要就在里面自己加,fillColor要用rgba颜色，要有透明度不然看不清
    var itemStrokeColor = "";
    var itemFillColor = "";
    //没有携带传递参数则当前
    colorBaseConfig.forEach(function (item) {
        if (item.model == model) {
            itemStrokeColor = item.strokeColor;
            itemFillColor = item.fillColor;
        }
    })
    var nodeid = $("#bpmnSetRightPart").attr("nodeid");
    var elementRegistry = bpmnModeler.get('elementRegistry');
    var modeling = bpmnModeler.get('modeling');
    var elementToColor = elementRegistry.get(nodeid);
    modeling.setColor([elementToColor], {
        stroke: itemStrokeColor,
        fill: itemFillColor
    });
    $("#btnSaveFlow").click();
}

function switchNodeTypeSelect() {
    if ($('.nodeSelect').is(':hidden')) {
        $('.nodeSelect').show();
    } else {
        $('.nodeSelect').hide();
    }
}

//更新节点的类型
function updateNodeType() {
    var nodeid = $("#bpmnSetRightPart").attr("nodeid") + "_" + copyrightid;
    var postData = {
        copyrightid: copyrightid,
        nodeid: nodeid,
        cname: $(".nodeName").val(),
        timelimit: $(".nodeTime").val(),
        explain: $(".nodeRemark").val(),
        type: "",
        toflowid: "",
        toflowcname: "",
        markmerge: ""
    };
    postData.type = $(".nodeTypeSelect").val();
    if (postData.type == 4) {
        var itemFlowNum = $(".itemFlowBox tbody").find("tr").length;
        if (itemFlowNum == 1) {
            postData.toflowid = $(".itemFlowBox tbody").find("tr").eq(0).attr("flow-id");
            postData.toflowcname = $(".itemFlowBox tbody").find("tr>td").eq(0).html();
        } else if (itemFlowNum == 0) {
            postData.toflowid = 0;
            postData.toflowcname = "尚未配置子流程";
        }
    } else {
        var itemFlowNum = $(".itemFlowBox tbody").find("tr").length;
        if (itemFlowNum == 1) {
            postData.toflowid = 0;
            postData.toflowcname = "尚未配置子流程";
        } else if (itemFlowNum == 0) {
            postData.toflowid = "";
            postData.toflowcname = "";
        }
    }

    ///判断是否合流
    if ($("#chb_isMarkmerge").is(":checked")) {
        postData.markmerge = "true";
    } else {
        postData.markmerge = "false";
    }

    $.ajax({
        type: "post",
        url: apiurljs.login + "g2work/flownode/updateNode",
        headers: {
            Authorization: "Bearer " + get_AccessToken,
        },
        data: JSON.stringify({
            data: s4.encryptData_CBC(JSON.stringify(postData))
        }),
        dataType: "json",
        contentType: "application/json",
        success: function (obj) {
            var response = strToJson(s4.decryptData_CBC(obj.data));
            nodeTypeList.forEach(function (item) {
                if (item.type == postData.type) {
                    $(".nodeType").html(item.name);
                }
            })
            $(".nodeSelect").hide();
            if (parseInt(postData.type) == 4) {
                $("#itemFlowTitle").show();
                $("#itemFlowBox").show();
                $("#formTitle").hide();
                $("#formBox").hide();
                $(".itemFlowBox tbody").html("");
                if (postData.toflowid != "" && postData.toflowcname != "") {
                    var itemTD =
                        "<tr flow-id='" + postData.toflowid + "'>" +
                        "<td class='sp-text-left sp-pl-10'>" + postData.toflowcname + "</td>" +
                        "<td class='delFormbtn'><i class='fa fa-edit' onclick='openEditFlowLayer(this)'></i></td>" +
                        "</tr>";
                    $(".itemFlowBox tbody").append(itemTD);
                }
            } else {
                $("#itemFlowTitle").hide();
                $("#itemFlowBox").hide();
                $("#formTitle").show();
                $("#formBox").show();
            }
            setNodeColor(postData.type);
        },
        error: function (response) {
            console.log(response);
        }
    });
}


//打开编辑流程函数
function openEditFlowLayer(obj) {
    var flowid = $(obj).parents("tr").attr("flow-id");
    if (flowid == 0) {
        sp.dialog("请先选择子流程");
    } else {
        getEditFlowType();
        getEditCodeTableOption(flowid);
        $("#layer_editFlow").attr("copyrightid", "");
        sp.layer("#layer_editFlow");
    }
}

//获取需要编辑的流程分类（编辑流程的流程分类选项）
function getEditFlowType() {
    var nowUnit = $("#itemUserUnit").val();
    $("#editFlowType").html("");
    var postData = {
        pkid: nowUnit,
        includechildren: true
    };
    $.ajax({
        type: "post",
        url: apiurljs.login + "g2work/flowkinds/queryData",
        headers: {
            Authorization: "Bearer " + get_AccessToken,
        },
        data: JSON.stringify({
            data: s4.encryptData_CBC(JSON.stringify(postData))
        }),
        dataType: "json",
        contentType: "application/json",
        success: function (obj) {
            var response = strToJson(s4.decryptData_CBC(obj.data));
            typeList = response.data;
            typeList.forEach(function (item) {
                var itemType = "<option value='" + item.PKID + "'>" + item.CNAME + "</option>";
                $("#editFlowType").append(itemType);
            })
        },
        error: function (response) {
            console.log(response);
        }
    });
}

//获取需要编辑的流程关联表和关联列
var codeTableArray = [];

function getEditCodeTableOption(flowid) {
    $("#editFlowTable").html("");
    $("#editFlowColumn").html("");
    $.ajax({
        type: "post",
        url: apiurljs.login + "g2work/billcol/queryDataInitval",
        headers: {
            Authorization: "Bearer " + get_AccessToken,
        },
        data: JSON.stringify({
            data: s4.encryptData_CBC(JSON.stringify({}))
        }),
        dataType: "json",
        contentType: "application/json",
        success: function (obj) {
            var response = strToJson(s4.decryptData_CBC(obj.data));
            codeTableArray = response.data;
            //这个地方需要处理两层选项的函数，先赋值表选项，然后根据表选项选择列选项
            $("#editFlowTable").append("<option  value=''>[空]</option>");
            $("#editFlowColumn").append("<option value=''>[空]</option>");
            codeTableArray.forEach(function (item) {
                var itemTable = "<option value='" + item.BILLKEY + "'>" + item.CNAME + "</option>";
                $("#editFlowTable").append(itemTable);
            })
            getEditFlowDetail(flowid);
        },
        error: function (response) {
            console.log(response);
        }
    });
}

//获取需要编辑流程的详情
function getEditFlowDetail(flowid) {
    var nowUnit = $("#itemUserUnit").val();
    var postData = {
        unitid: nowUnit,
        flowkinds: ""
    }
    $.ajax({
        type: "post",
        url: apiurljs.login + "g2work/flow/queryData",
        headers: {
            Authorization: "Bearer " + get_AccessToken,
        },
        data: JSON.stringify({
            data: s4.encryptData_CBC(JSON.stringify(postData))
        }),
        dataType: "json",
        contentType: "application/json",
        success: function (obj) {
            var response = strToJson(s4.decryptData_CBC(obj.data));
            var flowDetail = ""
            response.data.forEach(function (item) {
                if (item.FLOWID == flowid) {
                    flowDetail = item;
                }
            })
            //根据详情对页面进行赋值
            $("#layer_editFlow").attr("copyrightid", flowDetail.COPYRIGHTID);
            $("#editFlowType").val(flowDetail.FLOWKINDS);
            $("#editFlowCkey").val(flowDetail.CKEY);
            $("#editFlowCname").val(flowDetail.CNAME);
            $("#editFlowTime").val(flowDetail.TIMELIMIT);
            $("#editFlowExplain").val(flowDetail.EXPLAIN);
            $("#editFlowTable").val(flowDetail.CODETABLE);
            codeTableArray.forEach(function (item) {
                if (item.BILLKEY == flowDetail.CODETABLE) {
                    item.COLS.forEach(function (item2) {
                        var itemColumn = "<option value='" + item2.CODE + "'>" + item2.CNAME + "</option>";
                        $("#editFlowColumn").append(itemColumn);
                    })
                }
            })
            $("#editFlowColumn").val(flowDetail.CODECOLUMN);
        },
        error: function (response) {

        }
    });
}

//改变关联表的同时联动改变关联列
function changeTableToColumn() {
    var nowTableCode = $("#editFlowTable").val();
    $("#editFlowColumn").html("");
    $("#editFlowColumn").append("<option value=''>[空]</option>");
    codeTableArray.forEach(function (item) {
        if (item.BILLKEY == nowTableCode) {
            item.COLS.forEach(function (item2) {
                var itemColumn = "<option value='" + item2.CODE + "'>" + item2.CNAME + "</option>";
                $("#editFlowColumn").append(itemColumn);
            })
        }
    })
    $("#editFlowColumn").val("");
}


//更新流程函数
function updateFlowData() {
    var postData = {
        flowkinds: $("#editFlowType").val(),
        copyrightid: $("#layer_editFlow").attr("copyrightid"),
        ckey: $("#editFlowCkey").val(),
        cname: $("#editFlowCname").val(),
        timelimit: $("#editFlowTime").val(),
        explain: $("#editFlowExplain").val(),
        codetable: $("#editFlowTable").val(),
        codecolumn: $("#editFlowColumn").val()
    }
    $.ajax({
        type: "post",
        url: apiurljs.login + "g2work/flow/updateDataByCopyrightid",
        headers: {
            Authorization: "Bearer " + get_AccessToken,
        },
        data: JSON.stringify({
            data: s4.encryptData_CBC(JSON.stringify(postData))
        }),
        dataType: "json",
        contentType: "application/json",
        success: function (obj) {
            var response = strToJson(s4.decryptData_CBC(obj.data));
            ///console.log(res);
            if (response.success) {
                sp.layerhide();
            } else {
                sp.layerhide();
            }
        },
        error: function (response) {

        }
    });
}


//打开时限设置弹出层
function openTimeLayer() {
    $("#timeRecordList").html("");
    $("#timeList tbody").html("");
    getFlowOption();
    getTimeSet();
    sp.layer('#layer_timeset');
}

//获取流向选择项
function getFlowOption() {
    $.ajax({
        type: "post",
        url: apiurljs.login + "g2work/flowtimelimit/queryDirectionByCopyrightid",
        headers: {
            Authorization: "Bearer " + get_AccessToken,
        },
        data: JSON.stringify({
            data: s4.encryptData_CBC(JSON.stringify({"copyrightid": copyrightid}))
        }),
        dataType: "json",
        contentType: "application/json",
        success: function (obj) {
            var response = strToJson(s4.decryptData_CBC(obj.data));
            $("#timeList tbody").html("");
            if (response.data.length != 0) {
                $(".timePartRight .sp-table-tip").hide();
                response.data.forEach(function (item, index) {
                    var itemTr =
                        "<tr direction-id='" + item.DIRECTIONID + "'>" +
                        "<td><input direction-name='" + item.CNAME + "' direction-id='" + item.DIRECTIONID + "' class='selectDirection' onmousedown='selectTimeFlow()' type='checkbox'></td>" +
                        //"<td><button onmousedown='selectTimeFlow(\"" + item.DIRECTIONID + "\",\"" + item.CNAME + "\")' class='sp-btn-sm sp-btn-gray-outline sp-btn-radius'>选择</button></td>" +
                        "<td>" + item.STARTNODENAME + "</td>" +
                        "<td>" + item.CNAME + "</td>" +
                        "<td>" + item.ENDNODENAME + "</td>"
                    "</tr>";
                    $("#timeList tbody").append(itemTr);
                })
            } else {
                $(".timePartRight .sp-table-tip").show();
            }
        },
        error: function (response) {
            console.log(response);
        }
    });
}


function getTimeSet() {
    clearTimeListCheckbox();
    $.ajax({
        type: "post",
        url: apiurljs.login + "g2work/flowtimelimit/queryData",
        headers: {
            Authorization: "Bearer " + get_AccessToken,
        },
        data: JSON.stringify({
            data: s4.encryptData_CBC(JSON.stringify({"copyrightid": copyrightid}))
        }),
        dataType: "json",
        contentType: "application/json",
        success: function (obj) {
            var response = strToJson(s4.decryptData_CBC(obj.data));
            //console.log(response);
            $("#timeRecordList").html("");
            if (response.data.length != 0) {
                response.data.forEach(function (item, index) {
                    var itemEdit =
                        '<div class="timeListItem timeListItemEdit">' +
                        '<div class="timeInputBox">' +
                        '<div class="timeInputBoxLeft">区间起始流向：</div>' +
                        '<div class="timeInputBoxRight"><input disabled class="sp-input flowSelect startFlow" onfocus="startNodeFocus(this)" type="text"></div>' +
                        '</div>' +
                        '<div class="timeInputBox">' +
                        '<div class="timeInputBoxLeft">区间结束流向：</div>' +
                        '<div class="timeInputBoxRight"><input disabled class="sp-input flowSelect endFlow" onfocus="endNodeFocus(this)" type="text"></div>' +
                        '</div>' +
                        '<div class="timeSetBox"><div class="timeSetBoxLeft">区间时限天数：</div>' +
                        '<div class="timeSetBoxRight">' +
                        '<div>' +
                        '<label><input disabled class="timeSetDay" value="0" name=timeSet' + (index + 1) + ' type="radio">天数</label>' +
                        '<input disabled class="sp-input timeDayInput" type="number" value="0">' +
                        '</div>' +
                        '<div>' +
                        '<label><input disabled class="timeSetLimit" value="1" name=timeSet' + (index + 1) + ' type="radio">时限日期</label>' +
                        '<div class="timeTableName"></div>' +
                        '</div>' +
                        '<div><select disabled class="sp-select tableColumn"></select></div>' +
                        '</div>' +
                        '</div>' +
                        '<div class="timeColorBox">' +
                        '<div class="timeColorBoxTop">红黄绿灯设置：</div>' +
                        '<div class="timeColorBoxBottom">' +
                        '<div class="timeColorItem"><i class="fa fa-circle sp-color-red"></i>超过时限</div>' +
                        '<div class="timeColorItem"><i class="fa fa-circle sp-color-yellow"></i>临近 <input disabled class="colorDay sp-input" value="0" type="number"> 天</div>' +
                        '<div class="timeColorItem"><i class="fa fa-circle sp-color-green"></i>其他时间</div>' +
                        '</div>' +
                        '</div>' +
                        '<div class="itmeBtnBox">' +
                        '<button onclick="deleteTimeSet(this)" data-flowtimelimitid="' + item.FLOWTIMELIMITID + '" class="sp-btn-sm sp-btn-red-outline sp-btn-radius sp-pull-right">删除</button>' +
                        '<button onclick="editTimeItem(this)" data-flowtimelimitid="' + item.FLOWTIMELIMITID + '" class="sp-btn-sm sp-btn-blue-outline sp-btn-radius sp-pull-right sp-hide">保存</button>' +
                        '<button onclick="editTimeSet(this)" class="sp-btn-sm sp-btn-green-outline sp-btn-radius sp-pull-right">编辑</button>' +
                        '</div>' +
                        '</div>';
                    $("#timeRecordList").append(itemEdit);
                    flowColumn.forEach(function (item2, index2) {
                        if (index2 == 0) {
                            var itemOption = "<option selected value='" + item2.CODE + "'>" + item2.CNAME + "</option>";
                        } else {
                            var itemOption = "<option value='" + item2.CODE + "'>" + item2.CNAME + "</option>";
                        }
                        $(".timeListItemEdit").eq(index).find(".tableColumn").append(itemOption);
                    })

                    $(".timeListItemEdit").eq(index).find(".timeTableName").html("[" + flowInfo.CODETABLECAPTION + "]");
                    $(".timeListItemEdit").eq(index).find(".startFlow").val(item.DSIDCAPTION);
                    $(".timeListItemEdit").eq(index).find(".startFlow").attr("direction-id", item.DSID);
                    $(".timeListItemEdit").eq(index).find(".endFlow").val(item.DTIDCAPTION);
                    $(".timeListItemEdit").eq(index).find(".endFlow").attr("direction-id", item.DTID);
                    var radioName = "timeSet" + (index + 1);

                    // $(".timeListItemEdit").eq(index).find("input[name = " + radioName + "]").val(item.TIMELIMITKIND);
                    // console.log($(".timeListItemEdit").eq(index).find("input[name = " + radioName + "]"))

                    $(".timeListItemEdit").eq(index).find("input[name = " + radioName + "][value='" + item.TIMELIMITKIND + "']").prop("checked", "checked")

                    $(".timeListItemEdit").eq(index).find(".timeDayInput").val(item.TIMELIMIT);

                    if (item.TIMELIMITKIND == "1") {
                        $(".timeListItemEdit").eq(index).find(".tableColumn").val(item.TIMELIMITCOLUMN);
                    }
                    $(".timeListItemEdit").eq(index).find(".colorDay").val(item.YELLOWC);

                })
            } else {
                var tips = ' <div class="timetips"><i class="fa fa-exclamation-circle"></i> 暂无设置记录</div>'
                $("#timeRecordList").append(tips);
            }
        },
        error: function (response) {
            console.log(response);
        }
    });
}

function selectTimeFlow(did, dname) {
    var selectNum = $('.flowSelect:focus').length;
    if (selectNum > 0) {
        setTimeout(function () {
            var num = $("#timeList tbody input[type='checkbox']:checked").length;
            var stringName = "";
            var stringID = "";
            for (var i = 0; i < num; i++) {
                var itemObj = $("#timeList tbody input[type='checkbox']:checked").eq(i);
                stringName += itemObj.attr("direction-name") + ",";
                stringID += itemObj.attr("direction-id") + ",";
            }
            stringName = stringName.substring(0, stringName.length - 1);
            stringID = stringID.substring(0, stringID.length - 1);
            $('.flowSelect:focus').eq(0).val(stringName);
            $('.flowSelect:focus').eq(0).attr("direction-id", stringID);
        }, 200)
    }
}

function timeAdd() {
    var numEdit = $(".nowEdit").length;
    if (numEdit > 0) {
        alert("请先保存未保存的数据");
        return false;
    }
    var numAdd = $(".timeListItemAdd").length;
    if (numAdd == 0) {
        var itemAdd =
            '<div class="timeListItem timeListItemAdd">' +
            '<div class="timeInputBox">' +
            '<div class="timeInputBoxLeft">区间起始流向：</div>' +
            '<div class="timeInputBoxRight"><input class="sp-input flowSelect startFlow" onfocus="startNodeFocus(this)" type="text"></div>' +
            '</div>' +
            '<div class="timeInputBox">' +
            '<div class="timeInputBoxLeft">区间结束流向：</div>' +
            '<div class="timeInputBoxRight"><input class="sp-input flowSelect endFlow" onfocus="endNodeFocus(this)" type="text"></div>' +
            '</div>' +
            '<div class="timeSetBox"><div class="timeSetBoxLeft">区间时限天数：</div>' +
            '<div class="timeSetBoxRight">' +
            '<div>' +
            '<label><input class="timeSetDay" value="0" name="timeSet0" type="radio" checked>天数</label>' +
            '<input class="sp-input timeDayInput" type="number" value="0">' +
            '</div>' +
            '<div>' +
            '<label><input class="timeSetLimit" value="1"  name="timeSet0" type="radio">时限日期</label>' +
            '<div class="timeTableName"></div>' +
            '</div>' +
            '<div><select class="sp-select tableColumn"></select></div>' +
            '</div>' +
            '</div>' +
            '<div class="timeColorBox">' +
            '<div class="timeColorBoxTop">红黄绿灯设置：</div>' +
            '<div class="timeColorBoxBottom">' +
            '<div class="timeColorItem"><i class="fa fa-circle sp-color-red"></i>超过时限</div>' +
            '<div class="timeColorItem"><i class="fa fa-circle sp-color-yellow"></i>临近 <input class="colorDay sp-input" value="0" type="number"> 天</div>' +
            '<div class="timeColorItem"><i class="fa fa-circle sp-color-green"></i>其他时间</div>' +
            '</div>' +
            '</div>' +
            '<div class="itmeBtnBox">' +
            '<button class="sp-btn-sm sp-btn-red-outline sp-btn-radius sp-pull-right" onclick="deleteAdd()">删除</button>' +
            '<button onclick="saveTimeItem(this)" class="sp-btn-sm sp-btn-blue-outline sp-btn-radius sp-pull-right">保存</button>' +
            '</div>' +
            '</div>';
        $("#timeRecordList").prepend(itemAdd);
        flowColumn.forEach(function (item, index) {
            if (index == 0) {
                var itemOption = "<option selected value='" + item.CODE + "'>" + item.CNAME + "</option>";
            } else {
                var itemOption = "<option value='" + item.CODE + "'>" + item.CNAME + "</option>";
            }
            $(".timeListItemAdd").eq(0).find(".tableColumn").append(itemOption);
        })

        $(".timeListItemAdd").eq(0).find(".timeTableName").html("[" + flowInfo.CODETABLECAPTION + "]");
        clearTimeListCheckbox();
    } else {
        alert("存在未保存数据，请保存后继续新增下一条");
    }

    var nowDataNum = $(".timeListItem").length;
    if (nowDataNum > 0) {
        $("#timeRecordList .timetips").remove();
    } else {
        var tips = ' <div class="timetips"><i class="fa fa-exclamation-circle"></i> 暂无设置记录</div>'
        $("#timeRecordList").append(tips);
    }

}

function saveTimeItem(obj) {
    var item = $(obj).parents().find(".timeListItemAdd").eq(0);
    var start = item.find(".startFlow").attr("direction-id");
    var end = item.find(".endFlow").attr("direction-id");
    var kind = item.find("input[type='radio']:checked").val();
    var days = item.find(".timeDayInput").val();
    var timelimitbillkey = flowInfo.CODETABLE;
    var timelimitcolumn = item.find(".tableColumn").val();
    var yellow = item.find(".colorDay").val();

    if (days == "" || days == undefined || days == null) {
        days = 0;
    }

    if (yellow == "" || yellow == undefined || yellow == null) {
        yellow = 0;
    }

    if (timelimitbillkey == "" || timelimitbillkey == undefined || timelimitbillkey == null) {
        timelimitbillkey = "";
    }

    if (timelimitcolumn == "" || timelimitcolumn == undefined || timelimitcolumn == null) {
        timelimitcolumn = "";
    }


    if (start == "" || start == undefined || start == null || end == "" || end == undefined || end == null) {
        alert("请先选择起始终止流向");
        return false
    }

    $.ajax({
        type: "post",
        url: apiurljs.login + "g2work/flowtimelimit/queryData",
        headers: {
            Authorization: "Bearer " + get_AccessToken,
        },
        data: JSON.stringify({
            data: s4.encryptData_CBC(JSON.stringify({"copyrightid": copyrightid}))
        }),
        dataType: "json",
        contentType: "application/json",
        success: function (obj) {
            var response = strToJson(s4.decryptData_CBC(obj.data));
            var canSave = true;
            response.data.forEach(function (item) {
                if (item.DSID == start && item.DTID == end) {
                    canSave = false;
                }
            })
            if (canSave) {
                var postData = {
                    "copyrightid": copyrightid,
                    "dsid": start,
                    "dtid": end,
                    "timelimit": (kind == "0") ? days : "0",
                    "redc": "",
                    "yellowc": yellow,
                    "greenc": "",
                    "remark": "",
                    "timelimitkind": kind,
                    "timelimitbillkey": (kind == "1") ? timelimitbillkey : "",
                    "timelimitcolumn": (kind == "1") ? timelimitcolumn : ""
                }
                $.ajax({
                    type: "post",
                    url: apiurljs.login + "g2work/flowtimelimit/insertData",
                    headers: {
                        Authorization: "Bearer " + get_AccessToken,
                    },
                    data: JSON.stringify({
                        data: s4.encryptData_CBC(JSON.stringify(postData))
                    }),
                    dataType: "json",
                    contentType: "application/json",
                    success: function (obj) {
                        var response = strToJson(s4.decryptData_CBC(obj.data));
                        if (response.success) {
                            getTimeSet();
                        }
                    },
                    error: function (response) {
                        console.log(response);
                    }
                });
            } else {
                alert("当前起始结束流向设置已存在，请使用编辑功能");
            }

        },
        error: function (response) {
            console.log(response);
        }
    });


}

function deleteAdd() {
    $(".timeListItemAdd").eq(0).remove();
    var nowDataNum = $(".timeListItem").length;
    if (nowDataNum > 0) {
        $("#timeRecordList .timetips").remove();
    } else {
        var tips = ' <div class="timetips"><i class="fa fa-exclamation-circle"></i> 暂无设置记录</div>'
        $("#timeRecordList").append(tips);
    }
    clearTimeListCheckbox();
}

function deleteTimeSet(obj) {
    var numAdd = $(".timeListItemAdd").length;
    if (numAdd == 0) {
        var item = $(obj).parent().parent();
        //var start = item.find(".startFlow").attr("direction-id");
        //var end = item.find(".endFlow").attr("direction-id");
        var get_flowtimelimitid = $(obj).attr("data-flowtimelimitid");
        var postData = {
            //"copyrightid": copyrightid,
            //"dsid": start,
            //"dtid": end,
            "flowtimelimitid": get_flowtimelimitid
        }
        //console.log(postData);
        $.ajax({
            type: "post",
            url: apiurljs.login + "g2work/flowtimelimit/deleteData",
            headers: {
                Authorization: "Bearer " + get_AccessToken,
            },
            data: JSON.stringify({
                data: s4.encryptData_CBC(JSON.stringify(postData))
            }),
            dataType: "json",
            contentType: "application/json",
            success: function (obj) {
                var response = strToJson(s4.decryptData_CBC(obj.data));
                if (response.success) {
                    getTimeSet();
                }
            },
            error: function (response) {
                console.log(response);
            }
        });
    } else {
        alert("请先保存未保存的数据");
    }
}


function editTimeSet(obj) {
    var numEdit = $(".nowEdit").length;
    if (numEdit > 0) {
        alert("请先保存未保存的数据");
        return false;
    }

    var numAdd = $(".timeListItemAdd").length;
    if (numAdd == 0) {
        $(".timeListItemEdit").find("input").attr("disabled", "disabled");
        $(".timeListItemEdit").find("select").attr("disabled", "disabled");
        $(".timeListItemEdit").removeClass("nowEdit");
        $(".timeListItemEdit").find(".sp-btn-green-outline").show();
        $(".timeListItemEdit").find(".sp-btn-blue-outline").hide();


        $(obj).parent().parent().find(".timeSetDay").removeAttr("disabled");
        $(obj).parent().parent().find(".timeDayInput").removeAttr("disabled");
        $(obj).parent().parent().find(".timeSetLimit").removeAttr("disabled");
        $(obj).parent().parent().find(".colorDay").removeAttr("disabled");
        $(obj).parent().parent().find("select").removeAttr("disabled");

        $(obj).parent().parent().find(".startFlow").removeAttr("disabled");
        $(obj).parent().parent().find(".endFlow").removeAttr("disabled");


        $(obj).parent().parent().find(".sp-btn-green-outline").hide();
        $(obj).parent().parent().find(".sp-btn-blue-outline").show();
        $(obj).parent().parent().addClass("nowEdit");
    } else {
        alert("请先保存未保存数据")
    }
}

function editTimeItem(obj) {
    var item = $(obj).parent().parent();
    var start = item.find(".startFlow").attr("direction-id");
    var end = item.find(".endFlow").attr("direction-id");
    var kind = item.find("input[type='radio']:checked").val();
    var days = item.find(".timeDayInput").val();
    var timelimitbillkey = flowInfo.CODETABLE;
    var timelimitcolumn = item.find(".tableColumn").val();
    var yellow = item.find(".colorDay").val();

    if (days == "" || days == undefined || days == null) {
        days = 0;
    }

    if (yellow == "" || yellow == undefined || yellow == null) {
        yellow = 0;
    }

    if (timelimitbillkey == "" || timelimitbillkey == undefined || timelimitbillkey == null) {
        timelimitbillkey = "";
    }

    if (timelimitcolumn == "" || timelimitcolumn == undefined || timelimitcolumn == null) {
        timelimitcolumn = "";
    }


    if (start == "" || start == undefined || start == null || end == "" || end == undefined || end == null) {
        alert("请先选择起始终止流向");
        return false
    }
    var get_flowtimelimitid = $(obj).attr("data-flowtimelimitid");
    var postData = {
        "flowtimelimitid": get_flowtimelimitid,
        "copyrightid": copyrightid,
        "dsid": start,
        "dtid": end,
        "timelimit": (kind == "0") ? days : "0",
        "redc": "",
        "yellowc": yellow,
        "greenc": "",
        "remark": "",
        "timelimitkind": kind,
        "timelimitbillkey": (kind == "1") ? timelimitbillkey : "",
        "timelimitcolumn": (kind == "1") ? timelimitcolumn : ""
    }
    //console.log(postData);
    $.ajax({
        type: "post",
        url: apiurljs.login + "g2work/flowtimelimit/updateData",
        headers: {
            Authorization: "Bearer " + get_AccessToken,
        },
        data: JSON.stringify({
            data: s4.encryptData_CBC(JSON.stringify(postData))
        }),
        dataType: "json",
        contentType: "application/json",
        success: function (obj) {
            var response = strToJson(s4.decryptData_CBC(obj.data));
            if (response.success) {
                getTimeSet();
            }
        },
        error: function (response) {
            console.log(response);
        }
    });
}


//打开视图设置弹出层
function openTableLayer() {
    getBaseTableInfo();
    $("#submitViewBtn").attr("disabled", "disabled");
    $("#cancelViewBtn").removeAttr("disabled");
    $("#cleanViewBtn").removeAttr("disabled");
    sp.layer('#layer_tableset');
}

function getBaseTableInfo() {
    $.ajax({
        type: "post",
        url: apiurljs.login + "g2work/formeditatgroup/queryFormeditByCopyrightid",
        headers: {
            Authorization: "Bearer " + get_AccessToken,
        },
        data: JSON.stringify({
            data: s4.encryptData_CBC(JSON.stringify({"copyrightid": copyrightid}))
        }),
        dataType: "json",
        contentType: "application/json",
        success: function (obj) {
            var response = strToJson(s4.decryptData_CBC(obj.data));
            var viewTable = response.data;
            $("#viewTableSelect").html("");
            viewTable.forEach(function (item, index) {
                if (index == 0) {
                    var itemOption = "<option selected value='" + item.FORMEDITID + "'>" + item.CNAME + "</option>";
                } else {
                    var itemOption = "<option value='" + item.FORMEDITID + "'>" + item.CNAME + "</option>";
                }
                $("#viewTableSelect").append(itemOption);
            })
            getColFuncDirection('', '');
        },
        error: function (response) {
            console.log(response);
        }
    });
}

function getColFuncDirection(atgroup, directionid) {
    var formeditid = $("#viewTableSelect").val();
    var postData = {
        "copyrightid": copyrightid,
        "formeditid": formeditid,
        "atgroup": atgroup,
        "directionid": directionid
    }
    $.ajax({
        type: "post",
        url: apiurljs.login + "g2work/formeditatgroup/queryDataFormEditColFuncDirection",
        headers: {
            Authorization: "Bearer " + get_AccessToken,
        },
        data: JSON.stringify({
            data: s4.encryptData_CBC(JSON.stringify(postData))
        }),
        dataType: "json",
        contentType: "application/json",
        success: function (obj) {
            $("#leftTopList tbody").html("");
            $("#leftBottpmList tbody").html("");
            $("#rightList tbody").html("");
            var response = strToJson(s4.decryptData_CBC(obj.data));
            response.data.Cols.forEach(function (item) {
                if (item.ESHOW == "" || item.ESHOW == undefined || item.ESHOW == null) {
                    item.ESHOW = "false"
                }
                if (item.GSHOW == "" || item.GSHOW == undefined || item.GSHOW == null) {
                    item.GSHOW = "false"
                }
                if (item.EREADONLY == "" || item.EREADONLY == undefined || item.EREADONLY == null) {
                    item.EREADONLY = "false"
                }
            })
            response.data.Func.forEach(function (item) {
                if (item.ESHOW == "" || item.ESHOW == undefined || item.ESHOW == null) {
                    item.ESHOW = "false"
                }
            })
            response.data.Direction.forEach(function (item) {
                if (item.ESHOW == "" || item.ESHOW == undefined || item.ESHOW == null) {
                    item.ESHOW = "false"
                }
                if (item.MSHOW == "" || item.MSHOW == undefined || item.MSHOW == null) {
                    item.MSHOW = "false"
                }
                if (item.ATGROUP == "" || item.ATGROUP == undefined || item.ATGROUP == null) {
                    item.ATGROUP = ""
                }
            })
            //处理列数据
            if (response.data.Cols.length != 0) {
                $(".viewBoxColumn .sp-table-tip").hide();
                response.data.Cols.forEach(function (item, index) {
                    var itemTr =
                        "<tr col-id='" + item.COLID + "'>" +
                        "<td>" + (index + 1) + "</td>" +
                        "<td>" + item.CODE + "</td>" +
                        "<td>" + item.CNAME + "</td>";
                    if (item.EREADONLY == "true") {
                        itemTr = itemTr + "<td><input type='checkbox' class='itemEReadonly' onclick='changeColsEReadonly()' checked></td>";
                    } else {
                        itemTr = itemTr + "<td><input type='checkbox' class='itemEReadonly' onclick='changeColsEReadonly()'></td>";
                    }
                    if (item.ESHOW == "true") {
                        itemTr = itemTr + "<td><input type='checkbox' class='itemEShow' onclick='changeColsEShow()' checked></td>";
                    } else {
                        itemTr = itemTr + "<td><input type='checkbox' class='itemEShow' onclick='changeColsEShow()'></td>";
                    }
                    if (item.GSHOW == "true") {
                        itemTr = itemTr + "<td><input type='checkbox' class='itemGShow' onclick='changeColsGShow()' checked></td>";
                    } else {
                        itemTr = itemTr + "<td><input type='checkbox' class='itemGShow' onclick='changeColsGShow()'></td>";
                    }                    
                    itemTr = itemTr + "</tr>";
                    $("#leftTopList tbody").append(itemTr);
                })
                sumTotalCheck('#leftTopList', '#columnEReadonlyAll', 'itemEReadonly');
                sumTotalCheck('#leftTopList', '#columnEShowAll', 'itemEShow');
                sumTotalCheck('#leftTopList', '#columnGShowAll', 'itemGShow');
            } else {
                $(".viewBoxColumn .sp-table-tip").show();
            }

            if (response.data.Func.length != 0) {
                $(".viewBoxFunc .sp-table-tip").hide();
                response.data.Func.forEach(function (item, index) {
                    if (item.ESHOW == "true") {
                        var itemTr =
                            "<tr func-id='" + item.FUNCID + "'>" +
                            "<td>" + (index + 1) + "</td>" +
                            "<td>" + item.CODE + "</td>" +
                            "<td>" + item.CNAME + "</td>" +
                            "<td><input type='checkbox' class='itemEShow' onclick='changeFuncEShow()' checked></td>"
                        "</tr>";
                    } else if (item.ESHOW == "false") {
                        var itemTr =
                            "<tr func-id='" + item.FUNCID + "'>" +
                            "<td>" + (index + 1) + "</td>" +
                            "<td>" + item.CODE + "</td>" +
                            "<td>" + item.CNAME + "</td>" +
                            "<td><input type='checkbox' class='itemEShow' onclick='changeFuncEShow()'></td>"
                        "</tr>";
                    }
                    $("#leftBottpmList tbody").append(itemTr);
                })
                sumTotalCheck('#leftBottpmList', '#funcEShowAll', 'itemEShow');
            } else {
                $(".viewBoxFunc .sp-table-tip").show();
            }

            if (response.data.Direction.length != 0) {
                $(".viewBoxDirect .sp-table-tip").hide();
                response.data.Direction.forEach(function (item, index) {
                    if (directionid == item.DIRECTIONID) {
                        if (item.ESHOW == "true") {
                            if (item.MSHOW == "true") {
                                var itemTr =
                                    "<tr at-group='" + item.ATGROUP + "' direction-id='" + item.DIRECTIONID + "' class='activeDirect'>" +
                                    "<td class='chooseBtn' style='display: none'><button onclick='chooseDirect(\"" + item.DIRECTIONID + "\",\"" + item.ATGROUP + "\")' class='sp-btn-radius sp-btn-sm sp-btn-gray-outline'>选择</button></td>" +
                                    "<td class='cancelBtn'><button onclick='cancelChooseDirect(this)'  class='sp-btn-radius sp-btn-sm sp-btn-gray-outline'>取消</button></td>" +
                                    "<td>" + item.STARTNODENAME + "</td>" +
                                    "<td class='sp-color-red'>" + item.CNAME + "</td>" +
                                    "<td>" + item.ENDNODENAME + "</td>" +
                                    "<td>" + item.ATGROUP + "</td>" +
                                    "<td><input type='checkbox' class='itemEShow' onclick='changeDirectEShow()' checked></td>"
                                "</tr>";
                            } else {
                                var itemTr =
                                    "<tr at-group='" + item.ATGROUP + "' direction-id='" + item.DIRECTIONID + "' class='activeDirect'>" +
                                    "<td class='chooseBtn' style='display: none'><button onclick='chooseDirect(\"" + item.DIRECTIONID + "\",\"" + item.ATGROUP + "\")' class='sp-btn-radius sp-btn-sm sp-btn-gray-outline'>选择</button></td>" +
                                    "<td class='cancelBtn'><button onclick='cancelChooseDirect(this)'  class='sp-btn-radius sp-btn-sm sp-btn-gray-outline'>取消</button></td>" +
                                    "<td>" + item.STARTNODENAME + "</td>" +
                                    "<td>" + item.CNAME + "</td>" +
                                    "<td>" + item.ENDNODENAME + "</td>" +
                                    "<td>" + item.ATGROUP + "</td>" +
                                    "<td><input type='checkbox' class='itemEShow' onclick='changeDirectEShow()' checked></td>"
                                "</tr>";
                            }
                        } else if (item.ESHOW == "false") {
                            if (item.MSHOW == "true") {
                                var itemTr =
                                    "<tr at-group='" + item.ATGROUP + "' direction-id='" + item.DIRECTIONID + "' class='activeDirect'>" +
                                    "<td class='chooseBtn' style='display: none'><button  onclick='chooseDirect(\"" + item.DIRECTIONID + "\",\"" + item.ATGROUP + "\")' class='sp-btn-radius sp-btn-sm sp-btn-gray-outline'>选择</button></td>" +
                                    "<td class='cancelBtn'><button  onclick='cancelChooseDirect(this)'  class='sp-btn-radius sp-btn-sm sp-btn-gray-outline'>取消</button></td>" +
                                    "<td>" + item.STARTNODENAME + "</td>" +
                                    "<td class='sp-color-red'>" + item.CNAME + "</td>" +
                                    "<td>" + item.ENDNODENAME + "</td>" +
                                    "<td>" + item.ATGROUP + "</td>" +
                                    "<td><input type='checkbox' class='itemEShow' onclick='changeDirectEShow()'></td>"
                                "</tr>";
                            } else {
                                var itemTr =
                                    "<tr at-group='" + item.ATGROUP + "' direction-id='" + item.DIRECTIONID + "' class='activeDirect'>" +
                                    "<td class='chooseBtn' style='display: none'><button  onclick='chooseDirect(\"" + item.DIRECTIONID + "\",\"" + item.ATGROUP + "\")' class='sp-btn-radius sp-btn-sm sp-btn-gray-outline'>选择</button></td>" +
                                    "<td class='cancelBtn'><button  onclick='cancelChooseDirect(this)'  class='sp-btn-radius sp-btn-sm sp-btn-gray-outline'>取消</button></td>" +
                                    "<td>" + item.STARTNODENAME + "</td>" +
                                    "<td>" + item.CNAME + "</td>" +
                                    "<td>" + item.ENDNODENAME + "</td>" +
                                    "<td>" + item.ATGROUP + "</td>" +
                                    "<td><input type='checkbox' class='itemEShow' onclick='changeDirectEShow()'></td>"
                                "</tr>";
                            }
                        }
                    } else {
                        if (item.ESHOW == "true") {
                            if (item.MSHOW == "true") {
                                var itemTr =
                                    "<tr at-group='" + item.ATGROUP + "' direction-id='" + item.DIRECTIONID + "'>" +
                                    "<td class='chooseBtn'><button onclick='chooseDirect(\"" + item.DIRECTIONID + "\",\"" + item.ATGROUP + "\")' class='sp-btn-radius sp-btn-sm sp-btn-gray-outline'>选择</button></td>" +
                                    "<td class='cancelBtn' style='display: none'><button onclick='cancelChooseDirect(this)'  class='sp-btn-radius sp-btn-sm sp-btn-gray-outline'>取消</button></td>" +
                                    "<td>" + item.STARTNODENAME + "</td>" +
                                    "<td class='sp-color-red'>" + item.CNAME + "</td>" +
                                    "<td>" + item.ENDNODENAME + "</td>" +
                                    "<td>" + item.ATGROUP + "</td>" +
                                    "<td><input type='checkbox' class='itemEShow' onclick='changeDirectEShow()' checked></td>"
                                "</tr>";
                            } else {
                                var itemTr =
                                    "<tr at-group='" + item.ATGROUP + "' direction-id='" + item.DIRECTIONID + "'>" +
                                    "<td class='chooseBtn'><button onclick='chooseDirect(\"" + item.DIRECTIONID + "\",\"" + item.ATGROUP + "\")' class='sp-btn-radius sp-btn-sm sp-btn-gray-outline'>选择</button></td>" +
                                    "<td class='cancelBtn' style='display: none'><button onclick='cancelChooseDirect(this)'  class='sp-btn-radius sp-btn-sm sp-btn-gray-outline'>取消</button></td>" +
                                    "<td>" + item.STARTNODENAME + "</td>" +
                                    "<td>" + item.CNAME + "</td>" +
                                    "<td>" + item.ENDNODENAME + "</td>" +
                                    "<td>" + item.ATGROUP + "</td>" +
                                    "<td><input type='checkbox' class='itemEShow' onclick='changeDirectEShow()' checked></td>"
                                "</tr>";
                            }
                        } else if (item.ESHOW == "false") {
                            if (item.MSHOW == "true") {
                                var itemTr =
                                    "<tr at-group='" + item.ATGROUP + "' direction-id='" + item.DIRECTIONID + "'>" +
                                    "<td class='chooseBtn'><button  onclick='chooseDirect(\"" + item.DIRECTIONID + "\",\"" + item.ATGROUP + "\")' class='sp-btn-radius sp-btn-sm sp-btn-gray-outline'>选择</button></td>" +
                                    "<td class='cancelBtn' style='display: none'><button  onclick='cancelChooseDirect(this)'  class='sp-btn-radius sp-btn-sm sp-btn-gray-outline'>取消</button></td>" +
                                    "<td>" + item.STARTNODENAME + "</td>" +
                                    "<td class='sp-color-red'>" + item.CNAME + "</td>" +
                                    "<td>" + item.ENDNODENAME + "</td>" +
                                    "<td>" + item.ATGROUP + "</td>" +
                                    "<td><input type='checkbox' class='itemEShow' onclick='changeDirectEShow()'></td>"
                                "</tr>";
                            } else {
                                var itemTr =
                                    "<tr at-group='" + item.ATGROUP + "' direction-id='" + item.DIRECTIONID + "'>" +
                                    "<td class='chooseBtn'><button  onclick='chooseDirect(\"" + item.DIRECTIONID + "\",\"" + item.ATGROUP + "\")' class='sp-btn-radius sp-btn-sm sp-btn-gray-outline'>选择</button></td>" +
                                    "<td class='cancelBtn' style='display: none'><button  onclick='cancelChooseDirect(this)'  class='sp-btn-radius sp-btn-sm sp-btn-gray-outline'>取消</button></td>" +
                                    "<td>" + item.STARTNODENAME + "</td>" +
                                    "<td>" + item.CNAME + "</td>" +
                                    "<td>" + item.ENDNODENAME + "</td>" +
                                    "<td>" + item.ATGROUP + "</td>" +
                                    "<td><input type='checkbox' class='itemEShow' onclick='changeDirectEShow()'></td>"
                                "</tr>";
                            }
                        }
                    }
                    $("#rightList tbody").append(itemTr);
                })
                sumTotalCheck('#rightList', '#directEShowAll', 'itemEShow');
            } else {
                $(".viewBoxDirect .sp-table-tip").show();
            }
        },
        error: function (response) {
            console.log(response);
        }
    });
}

//检测tbody的checkbox和thead的checkbox的联动关系函数
function sumTotalCheck(id1, id2, class1) {
    var selectNum = $(id1 + " tbody input[type='checkbox'][class='" + class1 + "']:checked").length;
    var totalNum = $(id1 + " tbody input[type='checkbox'][class='" + class1 + "']").length;
    if (selectNum == totalNum && totalNum != 0) {
        $(id2).prop('checked', true);
    } else {
        $(id2).prop('checked', false);
    }
}


function selectViewTableAll(id1, id2, class1) {
    var selectAllFlog = $(id2).is(":checked");
    $(id1 + " tbody input[type='checkbox'][class='" + class1 + "']").prop("checked", selectAllFlog);
}

function changeColsEReadonly() {
    sumTotalCheck('#leftTopList', '#columnEReadonlyAll', 'itemEReadonly');
}

function changeColsEShow() {
    sumTotalCheck('#leftTopList', '#columnEShowAll', 'itemEShow');
}

function changeColsGShow() {
    sumTotalCheck('#leftTopList', '#columnGShowAll', 'itemGShow');
}

function changeFuncEShow() {
    sumTotalCheck('#leftBottpmList', '#funcEShowAll', 'itemEShow');
}

function changeDirectEShow() {
    sumTotalCheck('#rightList', '#directEShowAll', 'itemEShow');
}

// function chooseDirect(obj) {
//     $("#rightList tbody tr").removeClass("activeDirect");
//     $("#rightList tbody .chooseBtn").show();
//     $("#rightList tbody .cancelBtn").hide();
//     $(obj).parent().hide();
//     $(obj).parent().parent().find(".cancelBtn").show();
//     $(obj).parent().parent().addClass("activeDirect")
// }
//
// function cancelChooseDirect(obj) {
//     $("#rightList tbody tr").removeClass("activeDirect");
//     $(obj).parent().hide();
//     $(obj).parent().parent().find(".chooseBtn").show();
// }

function chooseDirect(directionid, atgroup) {
    $("#submitViewBtn").removeAttr("disabled");
    $("#cleanViewBtn").attr("disabled", "disabled");
    $("#cancelViewBtn").attr("disabled", "disabled");
    getColFuncDirection(atgroup, directionid);
    setTimeout(function () {
        if (atgroup == "") {
            var num = $("#rightList tbody tr").length;
            for (var i = 0; i < num; i++) {
                if ($("#rightList tbody tr").eq(i).attr("direction-id") == directionid) {
                    $("#rightList tbody tr").eq(i).find("input").prop("checked", true);
                }
            }
        }
    },100)
}

function cancelChooseDirect() {
    $("#submitViewBtn").attr("disabled", "disabled");
    $("#cancelViewBtn").removeAttr("disabled");
    $("#cleanViewBtn").removeAttr("disabled");
    getColFuncDirection('', '')
}

function changeFormSelect() {
    $("#submitViewBtn").attr("disabled", "disabled");
    $("#cancelViewBtn").removeAttr("disabled");
    $("#cleanViewBtn").removeAttr("disabled");
    getColFuncDirection('', '')
}

function updateTableSet() {
    var activeDirectNum = $("#rightList .activeDirect").length;
    if (activeDirectNum == 0) {
        alert("流向选择不能为空");
        return false;
    }
    var formeditid = $("#viewTableSelect").val();
    var posmark = $("#posmark").is(":checked");
    var posvalue = $("#posvalue").val();
    var postData = {
        "copyrightid": copyrightid,
        "formeditid": formeditid,
        "directionid": "",
        "atgroup": "",
        "posmark": "0",
        "posvalue": posvalue,
        "cols": "",
        "func": "",
        "direction": ""
    }
    if (activeDirectNum == 1) {
        postData.directionid = $("#rightList .activeDirect").eq(0).attr("direction-id");
        postData.atgroup = $("#rightList .activeDirect").eq(0).attr("at-group");
    }

    if (posmark) {
        postData.posmark = "1";
    }

    var cols = [];
    var func = [];
    var direction = [];

    var directionNum = $("#rightList tbody input[type='checkbox'][class='itemEShow']:checked").length;
    for (var i = 0; i < directionNum; i++) {
        direction.push({
            "DIRECTIONID": $("#rightList tbody input[type='checkbox'][class='itemEShow']:checked").eq(i).parent().parent().attr("direction-id")
        })
    }
    postData.direction = JSON.stringify(direction);


    var funcNum = $("#leftBottpmList tbody input[type='checkbox'][class='itemEShow']:checked").length;
    for (var i = 0; i < funcNum; i++) {
        func.push({
            "FUNCID": $("#leftBottpmList tbody input[type='checkbox'][class='itemEShow']:checked").eq(i).parent().parent().attr("func-id")
        })
    }
    postData.func = JSON.stringify(func);

    var colNum = $("#leftTopList tbody tr").length;
    for (var i = 0; i < colNum; i++) {
        var item = $("#leftTopList tbody tr").eq(i);
        var itemEReadonly = $("#leftTopList tbody tr").eq(i).find('input[type=\'checkbox\'][class=\'itemEReadonly\']').is(":checked");
        var itemEShow = $("#leftTopList tbody tr").eq(i).find('input[type=\'checkbox\'][class=\'itemEShow\']').is(":checked");
        var itemGShow = $("#leftTopList tbody tr").eq(i).find('input[type=\'checkbox\'][class=\'itemGShow\']').is(":checked");
        if (!itemEReadonly && !itemEShow && !itemGShow) {

        } else {
            cols.push({
                "COLID": item.attr("col-id"),
                "ESHOW": itemEShow,
                "GSHOW": itemGShow,
                "EREADONLY": itemEReadonly,
            })
        }
    }

    postData.cols = JSON.stringify(cols);
    $.ajax({
        type: "post",
        url: apiurljs.login + "g2work/formeditatgroup/saveDataFormEditColFuncDirection",
        headers: {
            Authorization: "Bearer " + get_AccessToken,
        },
        data: JSON.stringify({
            data: s4.encryptData_CBC(JSON.stringify(postData))
        }),
        dataType: "json",
        contentType: "application/json",
        success: function (obj) {
            var response = strToJson(s4.decryptData_CBC(obj.data));
            if (response.success) {
                cancelChooseDirect();
                //alert("更新成功");
            } else {
                alert("更新失败");
            }

        },
        error: function (response) {
            console.log(response);
        }
    });


}

function cleanTableSet() {
    var directionNum = $("#rightList tbody input[type='checkbox'][class='itemEShow']:checked").length;
    if (directionNum == 0) {
        alert("请先勾选流向");
        return false;
    }else{
        if(confirm("确定要进行清空设置吗？"))
        {
            var formeditid = $("#viewTableSelect").val();
            var posmark = $("#posmark").is(":checked");
            var posvalue = $("#posvalue").val();
            var postData = {
                "copyrightid": copyrightid,
                "formeditid": formeditid,
                "directionid": "",
                "direction": ""
            }

            var direction = [];
            var directionNum = $("#rightList tbody input[type='checkbox'][class='itemEShow']:checked").length;
            for (var i = 0; i < directionNum; i++) {
                direction.push({
                    "DIRECTIONID": $("#rightList tbody input[type='checkbox'][class='itemEShow']:checked").eq(i).parent().parent().attr("direction-id")
                })
            }
            postData.direction = JSON.stringify(direction);
            $.ajax({
                type: "post",
                url: apiurljs.login + "g2work/formeditatgroup/clearDataFormEditColFuncDirection",
                headers: {
                    Authorization: "Bearer " + get_AccessToken,
                },
                data: JSON.stringify({
                    data: s4.encryptData_CBC(JSON.stringify(postData))
                }),
                dataType: "json",
                contentType: "application/json",
                success: function (obj) {
                    var response = strToJson(s4.decryptData_CBC(obj.data));
                    if (response.success) {
                        cancelChooseDirect();
                        //alert("更新成功");
                    } else {
                        alert("清空失败");
                    }

                },
                error: function (response) {
                    console.log(response);
                }
            });

        }
    }


}

function cancelTableSet() {
    var directionNum = $("#rightList tbody input[type='checkbox'][class='itemEShow']:checked").length;
    if (directionNum == 0) {
        alert("请先勾选流向");
        return false;
    }else{
        if(confirm("确定要进行解绑设置吗？"))
        {
            var formeditid = $("#viewTableSelect").val();
            var posmark = $("#posmark").is(":checked");
            var posvalue = $("#posvalue").val();
            var postData = {
                "copyrightid": copyrightid,
                "formeditid": formeditid,
                "directionid": "",
                "direction": ""
            }

            var direction = [];
            var directionNum = $("#rightList tbody input[type='checkbox'][class='itemEShow']:checked").length;
            for (var i = 0; i < directionNum; i++) {
                direction.push({
                    "DIRECTIONID": $("#rightList tbody input[type='checkbox'][class='itemEShow']:checked").eq(i).parent().parent().attr("direction-id")
                })
            }
            postData.direction = JSON.stringify(direction);
            $.ajax({
                type: "post",
                url: apiurljs.login + "g2work/formeditatgroup/deleteDataFormEditDirection",
                headers: {
                    Authorization: "Bearer " + get_AccessToken,
                },
                data: JSON.stringify({
                    data: s4.encryptData_CBC(JSON.stringify(postData))
                }),
                dataType: "json",
                contentType: "application/json",
                success: function (obj) {
                    var response = strToJson(s4.decryptData_CBC(obj.data));
                    if (response.success) {
                        cancelChooseDirect();
                        //alert("更新成功");
                    } else {
                        alert("清空失败");
                    }

                },
                error: function (response) {
                    console.log(response);
                }
            });

        }
    }


}



function clearTimeListCheckbox() {
    $("#timeList tbody input[type='checkbox']").prop("checked", false);
}


document.addEventListener("mousedown", function (e) {
    if (e.target.className == "selectDirection") {
        e.preventDefault();
    }
})

function startNodeFocus(obj) {
    var nowValue = $(obj).attr("direction-id");
    clearTimeListCheckbox()
    if (nowValue == "" || nowValue == undefined || nowValue == null) {

    } else {
        var nowDirectionArray = nowValue.split(",");
        var totalDirectionNum = $("#timeList tbody input[type='checkbox']").length;
        nowDirectionArray.forEach(function (item) {
            for (var i = 0; i < totalDirectionNum; i++) {
                var itemObj = $("#timeList tbody input[type='checkbox']").eq(i);
                if (itemObj.attr("direction-id") == item) {
                    $("#timeList tbody input[type='checkbox']").eq(i).prop("checked", true);
                }
            }
        })
    }
}

function endNodeFocus(obj) {
    var nowValue = $(obj).attr("direction-id");
    clearTimeListCheckbox();
    if (nowValue == "" || nowValue == undefined || nowValue == null) {

    } else {
        var nowDirectionArray = nowValue.split(",");
        var totalDirectionNum = $("#timeList tbody input[type='checkbox']").length;
        nowDirectionArray.forEach(function (item) {
            for (var i = 0; i < totalDirectionNum; i++) {
                var itemObj = $("#timeList tbody input[type='checkbox']").eq(i);
                if (itemObj.attr("direction-id") == item) {
                    $("#timeList tbody input[type='checkbox']").eq(i).prop("checked", true);
                }
            }
        })
    }
}