/**
 * 流程处理的页面
 * 支持批量执行任务
 * 批量任务必须是同一个模板，同一个任务，并且都设置了负责人的
 * 单一任务，如果下一节点没有设置负责人，需要选择负责人
 */
layui.define(['layer','form','table','BaseAction'],function(exports){
    var ProcessExecutePanel = function(){
        this.id = "vciWebProExecutePanel";
        this.modelKey = "vciWebProExecutePanel";
        this.taskOidInProcess = "";//任务主键
        this.taskName = "";//任务名称
        this.executionId = "";//执行主键
        this.backPath = configData.compatibility ? path : configData.processServicePath;
        this.outcomeMap = [];//所有的路由
        this.canSelectUserMap = null;//下一负责人的映射
        this.creator = "";//流程发起人 用于流程完毕推送消息
        this.url = {
            execute :'webProcessCommandController/completeTasks',//最终的执行URL
            getOutcome: 'processDefineController/getOutcomes'//获取路由
        }
    };

    ProcessExecutePanel.prototype.getContent = function(){
        var that = this;
        var formId = "form_" + that.id;
        return '<div id="' + formId + '" lay-filter="' + formId + '" class="layui-form" style="width:250px;"></div>';
    };
    ProcessExecutePanel.prototype.init = function() {
        var that = this;
        if (that.outcomeMap == null || that.outcomeMap.length == 0) {
            $webUtil.showErrorMsg("没有可供执行的操作,无法执行任务");
            if (that.finishListener) {
                that.finishListener(false);
            }
            return;
        }
        var form = layui.form;
        var formId = "form_" + that.id;
        //直接添加代码，因为使用表单的添加方法不能完全达到效果
        var formHtmls = [];
        formHtmls.push('<input type="text" name="taskOids" style="display:none;"/>');
        formHtmls.push('<div class="layui-form-item"><div class="layui-form-mid layui-word-aux" style="max-width:240px;width:240px;font-size:10px;word-wrap: break-word;word-break: break-all;overflow: hidden;"><span style="color: #000000">当前任务：</span>' + that.taskName + '</div></div>');//当前任务提示

        var needSetNextUser = false;
        if (that.canSelectUserMap != null) {
            needSetNextUser = true;
        }
        if (needSetNextUser) {//TODO 有下一负责人的情况没有测试
            //需要添加下一负责的时候，选项单选按钮，因为需要选择后再选择处理人
            formHtmls.push('<div class="layui-form-item"><div class="llayui-form-mid layui-word-aux layui-field-required" style="font-size:10px;">选择处理方式:</div></div>');
            formHtmls.push('<div class="layui-form-item"><div class="layui-input-block">');
            layui.each(that.outcomeMap, function (_index, _item) {
                formHtmls.push('<input type="radio" name="outcome" value="' + _item.key + '" lay-filter="outcome" title="' + _item.value + '" ' + ((_index == 0) ? 'checked' : '') + ' />');
            });
            formHtmls.push('</div></div>');
            //下一负责人，只有同意的时候才有下一负责人
            var nextUserData = that.canSelectUserMap[that.outcomeMap[0].key];
            //需要处理一下显示的名称
            if (nextUserData) {
                layui.each(nextUserData, function (_userIndex, _userItem) {
                    if (_userItem.type == "role") {
                        _userItem.name = _userItem.name + "(角色)";
                    } else if (_userItem.type == "dept") {
                        _userItem.name = _userItem.name + "(部门)";
                    } else {
                        _userItem.name = "(" + _userItem.id + ")" + _userItem.name;
                    }
                    if (_userItem.secret && _userItem.secret * 1 > 0 && _userItem.secretText) {
                        _userItem.name += " [" + _userItem.secretText + "]";
                    }
                    if (_userItem.children && _userItem.children.length > 0) {
                        layui.each(_userItem.children, function (_childrenUserIndex, _childrenUserItem) {
                            _childrenUserItem.name = "(" + _childrenUserItem.id + ")" + _childrenUserItem.name;
                            if (_childrenUserItem.secret && _childrenUserItem.secret * 1 > 0 && _childrenUserItem.secretText) {
                                _childrenUserItem.name += " [" + _childrenUserItem.secretText + "]";
                            }
                        });
                    }
                });
            }
            formHtmls.push('<div class="layui-form-item" style="' +
                (nextUserData ? '' : "display:none;") + '">' +
                '<div class="llayui-form-mid layui-word-aux">下一负责人:</div></div>');
            formHtmls.push('<div class="layui-form-item" style="' +
                (nextUserData ? '' : "display:none;") + '"><div class="layui-input-block" style="margin-left:5px;margin-top:5px;">');
            formHtmls.push('<select name="nextTaskUser" required lay-filter="nextTaskUser" style="width:230px" ');
            var referConfigString = JSON.stringify({
                textField: 'name',
                valueField: 'id',
                loadType: 'all',
                type: 'tree',
                isMuti: false,
                data: (nextUserData ? nextUserData : [])
            }, function (key, val) {
                if (typeof val === 'function') {
                    return val + '';
                }
                return val;
            });
            formHtmls.push(' lay-refer=\'' + referConfigString + '\' lay-refer-showField="name" inDialog="true">');
            formHtmls.push('<option value=""></option></select></div></div>');
            //当修改了处理方式的时候，同步要修改下一负责人的内容
            form.on('radio(outcome)', function (data) {
                var selectOutComeElem = $('select[name="nextTaskUser"]');
                if (that.canSelectUserMap && that.canSelectUserMap[data.value]) {
                    //说明应该设置下一负责人
                    var referConfigString1 = JSON.stringify({
                        textField: 'name',
                        valueField: 'id',
                        loadType: 'all',
                        type: 'tree',
                        isMuti: false,
                        data: that.canSelectUserMap[data.value]
                    }, function (key, val) {
                        if (typeof val === 'function') {
                            return val + '';
                        }
                        return val;
                    });
                    selectOutComeElem.attr("lay-refer", referConfigString1);
                    selectOutComeElem.parent().parent().show();
                    selectOutComeElem.parent().parent().prev().show();
                } else {
                    //不设置下一负责人，那应该隐藏
                    selectOutComeElem.parent().parent().hide();
                    selectOutComeElem.parent().parent().prev().hide();
                }
            });
        }
        formHtmls.push('<div class="layui-form-item"><div class="layui-form-mid layui-word-aux" style="font-size:10px;color:#2080da;"><span style="color: #000000">请在下方输入您的审批意见：</span></div></div>');//审批意见
        formHtmls.push('<div class="layui-form-item layui-form-text"><div class="layui-input-block" style="margin-left:0px">' +
            '<textarea name="note" placeholder="" class="layui-textarea"></textarea>' +
            '</div></div>');

        var fileHtml = '<div class="layui-upload-drag processFile" data-value="processFile" id="upload-drag-processFile" extendAttrMap=\'{"accept":"file"}\' lay-filter="processFile" >' +
            '  <i class="layui-icon" style="font-size: 36px;"></i>' +
            '  <p style="font-size: 12px;">点击上传，或将文件拖拽到此处</p>' +
            '  <div class="layui-hide uploadDemoView">' +
            '    <hr>' +
            '<input class="uploadFileOid" type="hidden" name="processFile">'+
            '    <img src="" alt="已上传图片" style="max-width: 180px">' +
            '  </div>' +
            '</div>';
        formHtmls.push('<div class="layui-form-item"><label class="layui-form-label" style="width: 90px;padding: 0;color:#000;">审批意见附件：</label><div class="layui-input-block" style="margin-left: 90px">'+fileHtml+'</div></div>');//附件
        formHtmls.push('<div class="layui-form-mid layui-word-aux" style="font-size:10px;color:#000 !important;padding: 0 !important;line-height: 16px">已上传审批文件：</div>');
        formHtmls.push('<table id="table_profile" lay-filter="table_profile" style="overflow-x:auto;clear:both"></table>')
        if (needSetNextUser) {
            formHtmls.push('<div class="layui-form-item"><div class="layui-input-inline" style="padding:5px 0;">' +
                '<button class="layui-btn" name="processOutCome" lay-filter="processTask_ok_' + that.id + '">确定提交</button></div></div>');
        } else {
            formHtmls.push('<div class="layui-form-item">');
            that.setRouter = false;//是否需要提示重新设置流程模板
            var outcomeBtn=[],outcomeBtn2=[]
            layui.each(that.outcomeMap, function (_index, _item) {
                if (_index == 0 && _item.key == "未命名路由") {
                    that.setRouter = true;
                    outcomeBtn.push('<button style="margin: 0 10px 10px 0;display: block" class="layui-btn layui-btn-sm" name="processOutCome" lay-filter="processTask_ok_' + that.id + '_' + _index + '" type="button">执行</button>');
                } else if (_index == 1 && _item.key == "未命名路由" && setRouter) {
                    $webUtil.showErrorMsg("流程模板错误！请修改流程模板！");
                    that.setRouter = false;
                    return false
                }else if(_item.key=='同意'){
                    outcomeBtn.push('<button style="margin: 0 10px 10px 0;display: block;" class="layui-btn layui-btn-sm ' + ((_index % 2 == 1) ? 'layui-btn-primary' : '') + '" name="processOutCome" lay-filter="processTask_ok_' + that.id + '_' + _index + '" type="button">同意</button>');
                } else {
                    outcomeBtn2.push('<button style="margin: 0 10px 10px 0;display: block" class="layui-btn layui-btn-sm ' + ((_index % 2 == 1) ? 'layui-btn-primary' : '') + '" name="processOutCome" lay-filter="processTask_ok_' + that.id + '_' + _index + '" type="button">' + _item.key + '</button>');
                }

            });
            if(outcomeBtn.length>0){
                formHtmls.push('<div class="layui-input-inline" style="padding:5px 0;min-width: auto;margin-right: 0">'+outcomeBtn.join('')+'</div>');
            }
            if(outcomeBtn2.length>0){
                formHtmls.push('<div class="layui-input-inline" style="padding:5px 0;min-width: auto;margin-right: 0">'+outcomeBtn2.join('')+'</div>');
            }
            formHtmls.push('</div>');
        }
        $("#" + formId).html(formHtmls.join(''));
        $('#' + formId + ' [name="processOutCome"]').click(function () {
            that.executeTask(needSetNextUser ? "" : $(this).html());
        });
        form.render();
        var baseAction = layui['BaseAction'];
        baseAction.renderUploadFile('#upload-drag-processFile', {
            uploadfileurl: 'webProcessCommandController/uploadAuditSuggestFile',
            uploadfilebackpath: configData.compatibility ? path : configData.fileServicePath
        },{
            taskOids:that.taskOidInProcess
        },function (){
            that.refresh()
        })
        that.initFileTable('table_profile')
        $('#' + formId + '_attach .layui-upload').css({'margin-left': '0'})
        form.setValues({
            taskOids: that.taskOidInProcess,
            taskName: that.taskName
        });
    };
    ProcessExecutePanel.prototype.initFileTable = function(id) {
        var that = this;
        var table = layui.table;
        table.render({
            elem: '#' + id,
            id: id,
            url: 'processDefineController/listAuditSuggestFile',
            backPath: that.backPath,
            selectMode: table.selectMode.signal,
            width: 250,
            extraParams: {
                taskOids:that.taskOidInProcess
            },
            cols: [[{
                    title: '文件名',
                    field: 'name',
                    width: 120,
                    templet:function (d){
                        return '<a class="layui-btn layui-btn-intable"  style="width: 100%;text-overflow: ellipsis;overflow: hidden;" title="'+d.name+'" lay-event="PREVIEW">'+d.name+'</a>'
                    }
                }, {
                    title: '上传人',
                    field: 'creator',
                    width: 68
                },{
                    field:'option',
                    title:'操作',
                    width:56,
                    templet:function (d){
                        return '<a class="layui-btn layui-btn-intable" lay-event="download">下载</a>';
                    }
                }]],
            done: function (res, cur, total) {
                table.on('tool(' + id + ')',function(obj){
                    var data = obj.data;//当前选择行的数据
                    var layEvent = obj.event;//点的是什么按钮
                    if(layEvent == 'PREVIEW'){
                        //文件预览
                        layui.use('BaseFileDownloadAction', function () {
                            var vciWebFilePreview = layui['BaseFileDownloadAction'];
                            vciWebFilePreview.PREVIEW(data.oid,{fileOid:data.oid},function (){
                                $webUtil.showErrorMsg("文件预览失败，请联系管理员")
                            })
                        })
                    }else if(layEvent=='download'){
                        layui.use('BaseFileDownloadAction', function () {
                            var vciWebFilePreview = layui['BaseFileDownloadAction'];
                            vciWebFilePreview.doAction({
                                paramVOS: {},
                                id: 'download'+data.oid,
                                dataStore: [data]
                            })
                        })
                    }
                });
            }
        });
    };
    ProcessExecutePanel.prototype.executeTask = function(outcome){
        var that = this;
        var form = layui.form;
        var formId = "form_" + that.id;
        if(form.validata(formId)){
            //校验通过
            var values = form.getValues(formId);
            if($webUtil.isNull(outcome) && $webUtil.isNull(values.outcome)){
                $webUtil.showErrorMsg("请必须选择处理方式");
                return false;
            }
            if($webUtil.isNotNull(outcome) && $webUtil.isNull(values.outcome)){
                values.outcome =outcome;
            }
            var nextTaskUser = values.nextTaskUser;
            if($webUtil.isNull(nextTaskUser) && that.canSelectUserMap !=null && that.canSelectUserMap[values.outcome]){
                $webUtil.showErrorMsg("请必须选择下一负责人");
                return false;
            }
            if(that.setRouter && values.outcome =='执行'){
                values.outcome  = '未命名路由';
                outcome = "未命名路由";
            }
            if("不同意"==values.outcome && $webUtil.isNull(values.note)){
                $webUtil.showErrorMsg("当处理方式为不同意时，需要填写审批意见");
                return false;
            }
            if("同意"==values.outcome && $webUtil.isNull(values.note)){
                values.note = "同意";
            }
            var requestData = {
                taskOids:values.taskOids,
                outCome:($webUtil.isNotNull(outcome)?outcome:(values.outcome)),
                note:values.note,
                nextTaskUserIds:nextTaskUser
            };

            $webUtil.post(that.url.execute,requestData,function(result){
                if(result.success){
                    if(that.finishListener){
                        that.finishListener(true);
                    }
                    $webUtil.showMsg("流程任务执行成功");
                }else{
                    $webUtil.showErrorMsg(result.msg);
                }
            },{
            },that.backPath,true);
        }
    };

    ProcessExecutePanel.prototype.refresh=function (){
        layui.table.reload('table_profile')
    }

    var bdp = new ProcessExecutePanel();
    exports('process/vciWebProExecutePanel',bdp);
});