/**
 * 主数据的模板参照的基础页面
 * @author weidy
 * @date 2022-2-17
 */
layui.define(['layer','element','form','table'],function(exports){
    var Class = function(){
        this.MODELNAME = "mdm/refer/CodeClassTemplateRefer";
        this.moduleKey = "CodeClassTemplateRefer";
        this.backPath =  (configData.compatibility?path:configData.mdmService);
        this.url = {
            classController:'codeClassifyController/',
            classTree:'referTree',
            tempController:'codeClassifyTemplateController/',
            tempReferDataGrid:'codeClassifyTemplateController/gridCodeClassifyTemplate'
        };
        this.displayType = {
            codeClassify:'codeClassify'
        };
        this.displayTypeTitle = {
            codeClassify:{
                title:'主题库分类',
                url:'codeClassifyController/referTree',
                queryField:'conditionMap["codeClassifyOid"]',
                queryGridUrl:'codeClassifyTemplateController/gridCodeClassifyTemplate'
            }
        };
        this.defaultConfig = {
            displayType:[this.displayType.codeClassify],//默认显示的是部门和角色与用户
            textField:'name',
            valueField:'oid'
        };
        this.showReferDialog = function (referConfig){
            var filter = referConfig.filter,
                name = referConfig.name,
                title = referConfig.title,
                target = referConfig.target,
                value = referConfig.value,
                text = referConfig.text;
            var options = referConfig.options;
            var baseOptions = {};
            for(var key in options){
                baseOptions[key] = options[key];
            }
            baseOptions.filter = filter;
            baseOptions.name = name;
            baseOptions.value = value;
            baseOptions.text = text;
            baseOptions.title = title;
            baseOptions.setValue = function (filter,name,value,rawValue,isClose,selectRecords){
                target.setValue(filter,name,value,rawValue,isClose,selectRecords);
            }
            this.viewUserInDialog(baseOptions);
        };

        /**
         * 直接显示选择的对话框，这个经常在点击按钮后的功能里使用
         * @param options 配置的信息，包含如下属性
         *    filter ，标识
         *    name ，标识名称
         *   setValue:function (filter,name,value,rawValue,isClose,allSelectValues) {}   设置值的回调
         * @returns 窗口的索引号
         */
        this.viewUserInDialog = function (options) {
            //在对话框中选择用户
            var that = this;
            options = $.extend(that.defaultConfig,options);
            options.queryGridUrl = $webUtil.getValueFromObj(options,['url','referUrl'],that.url.tempReferDataGrid);
            options.textField = $webUtil.getValueFromObj(options,['textField'],that.defaultConfig.textField);
            options.valueField = $webUtil.getValueFromObj(options,['valueField'],that.defaultConfig.valueField);
            var filter = options.filter;
            var name = options.name;
            var valueInfo = ($webUtil.isNotNull(options.text)?("已设置的值为[" +options.text +"]"):'未设置值');
            var referIndex = $webUtil.dialog({
                title:(options.title?options.title:'请选择主题库分类模板'),
                btn:['确定','取消'],
                content:'<div id="referGrid_toolbar_' + filter + '" layui-filter="referGrid_toolbar_' + filter + '" class="layui-table-toolbar referGrid_toolbar_'+filter+'" style="height:560px;"></div>',
                area:[(($webUtil.isNotNull(options.width) && options.width*1>1) ?options.width*1 : 1050) +'px',
                    (($webUtil.isNotNull(options.height) && options.height*1>1) ?options.height*1 : 670) + 'px'],
                btnBefore:valueInfo,
                yes:function(index,layero){
                    var selectValue = that.getSelectValue(filter,name);
                    if(selectValue){
                        options.setValue(filter,name,selectValue.value,selectValue.rawValue,true,selectValue.allValues);
                        layer.close(referIndex);
                    }
                },
                success:function(layero){
                    that.showGrid(filter,name,options);
                }
            });
            return referIndex;
        };
        this.setConfig=function(filter,name,options){
            var that = this;
            if(!that.referConfig){
                that.referConfig = {};
            }
            that.referConfig[filter + "_" + name] = options;
        };
        this.getConfig=function(filter,name){
            var that = this;
            if(!that.referConfig){
                that.referConfig = {};
            }
            if((filter + "_" + name) in that.referConfig){
                return that.referConfig[filter + "_" + name];
            }
        };
        this.showGrid =function (filter,name,options) {
            //显示
            var that = this;
            that.setConfig(filter,name,options);
            var contentFilter = filter + "_" + name;
            var typeHtml=['<div data-options="region:\'west\',split:true,minWidth:40,maxWidth:600" style="width:350px;background-color:#ffffff;display:',options.onlyTable?'none':'block','">',
                        '<div lay-filter="referTree_' + contentFilter + '" class="layui-tab layui-tab-card" lay-allowClose="false" style="margin-top: 0">',
                            '<ul class="layui-tab-title" lay-allowClose="false">'];
            var tabHtml = [];
            var tabContentHtml = [];
            if(options.displayType) {
                layui.each(options.displayType, function (_index, _item) {
                    tabHtml.push('<li ' + ((!options.favUser&&_index == 0)?' class="layui-this" ':'') + '>' +  that.displayTypeTitle[_item].title + '</li>');
                    tabContentHtml.push([
                        '<div class="layui-tab-item layui-show">',
                        '<ul layui-filter="', _item, '_', contentFilter, '" style="border:0px solid #6886ff;overflow-x:auto"></ul>',
                        '</div>'].join(''));
                });
            }
            typeHtml.push(tabHtml.join(''));
            typeHtml.push('</ul>');
            typeHtml.push('<div class="layui-tab-content">');
            typeHtml.push(tabContentHtml.join(''));
            typeHtml.push( '</div>');
            typeHtml.push(    '</div>');
            typeHtml.push('</div>');
            var content= [
                '<div class="layui-layout-border vciWebReferGridInDojo easyui-layout" data-options="fit:true" style="">',
                    typeHtml.join(''),
                    '<div class="layui-layout" data-options="region:\'center\'">',
                         '<div layui-filter="referGrid_toolbar_',contentFilter, '" class="layui-btn-container">',//主列表的按钮
                    '</div>',
                    '<div class="layui-center">',
                        '<table class="layui-table layui-referGrid" lay-size="sm" lay-even layui-filter="referGrid_' + contentFilter + '" id="referGrid_' + contentFilter + '" ></table>',//主列表
                    '</div>',
                '</div>',
            ];
            $("#referGrid_toolbar_"+ filter ).html(content.join(''));
            $('.vciWebReferGridInDojo').css({'width':$("#referGrid_toolbar_"+ filter ).parent().width()-10}).layout();
            if(options.displayType) {
                layui.each(options.displayType, function (_index, _item) {
                    that.showTree(_item ,filter,name);
                });
            }
            var tableId = 'referGrid_' + filter + '_' + name;
            var table = layui.table;
            var isMuti = options.isMuti;
            var requestData = options.where || {};
            //可以定义表格了
            table.render({
                elem:'#referGrid_' + filter + '_' + name,
                id:tableId,
                url:(options.queryGridUrl?options.queryGridUrl:that.url.tempReferDataGrid),
                page:{
                    limit: 15,
                    page: 1
                },
                backPath:(options.backPath?options.backPath:that.backPath),
                height: '475px',
                where:requestData,
                method:'get',
                selectMode:(isMuti?table.selectMode.muti:table.selectMode.single),
                cols:[[table.getIndexColumn(),table.getCheckColumn(),
                    {
                        field: 'id',
                        title: '模板编号',
                        sort:true,
                        width: 150
                    }, {
                        field: 'name',
                        title: '模板名称',
                        sort:true,
                        width: 200
                    },{
                        field: 'revisionValue',
                        title: '版本',
                        sort: true,
                        width: 90
                    },{
                        field:'description',
                        title:'描述',
                        sort:true,
                        width:150
                    }]]
            });
            var queryColumns = [ {
                field: 'id',
                title: '模板编号'
            }, {
                field: 'name',
                title: '模板名称'
            }];
            that.showSearchHtml(queryColumns,tableId,filter,name,requestData);
        };
        this.showTree = function (displayType,filter,name) {
            var that = this;
            var tree = layui.tree;
            var requestData = {};
            var options = that.getConfig(filter,name);
            var url = that.displayTypeTitle[displayType].url;
            //显示tree
            var treeOptions = {
                url:url,
                extraParams:requestData,
                treeFilter:filter,
                treeName:name,
                showSearch:true,
                backPath:(options.backPath?options.backPath:that.backPath),
                click:function(item,elem,treeOptions){
                    that.treeDoClick(item,elem,treeOptions,displayType,filter,name);
                    return false;
                }
            };
            tree.init(displayType + "_" + filter+'_'+name,$('[layui-filter="'+ displayType + "_" + filter+'_'+name + '"]'),treeOptions);
        };
        this.treeDoClick = function (item,elem,option,displayType,filter,name) {
            var that = this;
            var tableId = 'referGrid_' + filter + '_' + name;
            var where = {};
            where[that.displayTypeTitle[displayType].queryField] = item.oid;
            var tableUrl = that.displayTypeTitle[displayType].queryGridUrl;
            layui.table.reload(tableId,{
                url:tableUrl,
                where:where
            });
        };
        this.showSearchHtml = function (queryColumns,tableId,filter,name,requestData) {
            var that = this;
            var table = layui.table;
            var toolbarElem = $('[layui-filter="referGrid_toolbar_' + filter + '_' + name +'"]');
            if(queryColumns){
                var toolbarHtml = '<div class="layui-form-item" style="height:24px;margin:5px 5px 0 5px;display:inline-block"> '
                    + '<div class="layui-input-inline" style="height:24px;line-height:24px;width:120px;min-width: 120px"><select name="referGrid_search_'+ filter + '_' + name +'" style="height:24px;width:120px;padding-right:30px;font-size:15px;">';
                layui.each(queryColumns,function(_index,queryRecord){
                    toolbarHtml += '<option value="' + queryRecord.field + '" >' + queryRecord.title + '</option>';
                });
                toolbarHtml += '</select></div>';
                toolbarHtml += '<div class="layui-input-inline"><input type="text" style="height:24px;font-size:14px;" name="referGrid_searchvalue_'+ filter + '_' + name +'" placeholder="输入值后回车进行模糊查询" class="layui-input" ></div>';
                toolbarHtml += '<div class="layui-input-inline" ><button class="layui-btn" style="height:24px;line-height:24px;margin: 0" name="referGrid_searchbtn_'+ filter + '_' + name +'" >查询</button></div>';
                toolbarHtml += '</div>';
                toolbarElem.html(toolbarHtml);
                layui.form.render('select');
                $('[name="referGrid_searchvalue_' + filter + "_" + name + '"]').keydown(function (e){
                    if(e.keyCode == 13){
                        var searchField = $(this).parent().parent().find('select').val();
                        var searchValue = $(this).val();
                        searchValue = "*" + searchValue + "*";
                        requestData['conditionMap["' + searchField + '"]'] = searchValue;
                        table.reload(
                            tableId, {
                                where: requestData
                            }
                        );
                    }
                });
                $('[name="referGrid_searchbtn_'+ filter + '_' + name +'"]').click(function(){
                    var searchField = $(this).parent().parent().find('select').val();
                    var searchValue = $(this).parent().parent().find('[name="referGrid_searchvalue_' + filter + '_' + name + '"]').val();
                    searchValue = "*" + searchValue + "*";
                    requestData['conditionMap["' + searchField + '"]'] = searchValue;
                    table.reload(
                        tableId, {
                            where: requestData
                        }
                    );
                });
            }
        };
        this.destory = function (filter,name) {
            //销毁
            var that = this;
            if($('#referGrid_' + filter + '_' + name)){
                $('#referGrid_' + filter + '_' + name).remove();
            }
        };
        this.getSelectValue = function (filter,name) {
             var that = this;
             var table = layui.table;
             var selectValue = {};
             var checkStatus = table.checkStatus('referGrid_' + filter + "_" + name);
             var options = that.getConfig(filter,name);
             if(checkStatus.data.length>0){
                 if(!options.isMuti && checkStatus.data.length > 1){
                     $webUtil.showErrorMsg("只能选择一条数据");
                     return false;
                 }
                 var value = "";
                 var rawValue = "";
                 options.valueField = options.valueField?options.valueField:that.defaultConfig.valueField;
                 options.textField = options.textField?options.textField:that.defaultConfig.textField;
                 var isMutiValue = (options.valueField.indexOf(",")>-1);
                 var isMutiRaw = (options.textField.indexOf(",")>-1);
                 layui.each(checkStatus.data,function(_index,item){
                     if(isMutiValue){
                         var valueFieldArray = options.valueField.split(",");
                         layui.each(valueFieldArray,function(_indexField,_itemField){
                             value += item[_itemField] + (options.valueSep?options.valueSep:' ');
                         });
                         value+= ",";
                     }else {
                         value += item[options.valueField] + ",";
                     }
                     if(isMutiRaw) {
                         var rawFieldArray = options.textField.split(",");
                         layui.each(rawFieldArray,function(_indexField,_itemField){
                             rawValue += item[_itemField] + (options.textSep?options.textSep:' ');
                         });
                         rawValue+= ",";
                     }else{
                         rawValue += item[options.textField] + ",";
                     }
                 });
                 if($webUtil.endWith(value,",")){
                     value = value.substring(0,value.length - 1);
                 }
                 if($webUtil.endWith(rawValue,",")){
                    rawValue = rawValue.substring(0,rawValue.length -1);
                 }
                 selectValue = {
                    value : value,
                    rawValue : rawValue,
                    allValues: checkStatus.data
                 };
                 return selectValue;
             }else{
                 return false;
             }
        };
    };
    var cs = new Class();
    exports(cs.MODELNAME,cs);
});