/**
 * Created by weidy
 * 物料/工具基本信息选择面板
 */

layui.define(['layer','element','form','table','platform/basedoc/BdMaterialClassifyExtendAttr'],function(exports){
    var Class = function(){
        this.MODULE_NAME = "platform/basedoc/BdMaterialSelectPanel";
        this.moduleKey = "BdMaterialSelectPanel";
        this.id='BdMaterialSelectPanel';
        this.sourceData = {};
        this.columns = [];
        this.backPath = configData.compatibility?path:configData.frameworkPath;
        this.controlSecret = true;
        this.url={
            classifyTree:'materialClassifyController/referTree',
            controller:'materialController/',
            referDataGrid:'referDataGrid',
            getObjectByOid:'getObjectByOid'
        };
        this.config = {};
        this.getContent=function(filter){
            //返回这个组件的基础html
            var that = this;
            var html = [
                '<div class="layui-layout-border" materialSelectFilter ="',filter , '">',
                    '<div class="layui-vci-deptTree" style="width:200px;float: left;background-color:#ffffff;">',
                        that.getClassifyToolbarHtml(filter),
                        '<label class="layui-icon layui-icon-tree" style="color:red;">物料/工具基本分类</label>',
                        '<ul layui-filter="tree_',filter,'"></ul>',
                    '</div>',
                    '<div class="layui-center" style="display:block;position:fixed;margin-top:0px;margin-left:205px;">',
                         that.getToolbarHtml(filter),
                        '<table id="table_', filter , '" lay-filter="',filter , '" style="overflow-x:auto;"></table>',
                    '</div>'];
            html.push('</div>');
            return html.join("");
        };
        this.getToolbarHtml =function(filter){
            var that = this;
            var html = [
                '<div layui-filter="toolbar_',filter, '" class="layui-btn-container">',
                    '<button class="layui-btn layui-btn-sm" layui-filter="toolbar_',filter,'_SELECT" style="display:none;"><i class="layui-icon layui-icon-ok-circle"></i>确认选择</button>',
                    '<button class="layui-btn layui-btn-sm" layui-filter="toolbar_',filter,'_refresh"><i class="layui-icon layui-icon-refresh"></i>刷新</button>',
                    '<div class="layui-input-inline" style="position: relative;"><div id="selectWrapForIE" style="display:none"></div>',
                        '<label class="layui-form-label" style="width: 100px;font-size:14px;padding: 5px;">显示所有版本:</label>',
                        '<div class="layui-unselect layui-form-switch" lay-skin="_switch" style="margin-top:0px" id="switch_',filter,'"><em>否</em><i></i></div>',
                    '</div>',
                    '<div id="toolbar_column_',filter ,'" style="display:none;"></div>',
                '</div>'
            ].join("");
            return html;
        };
        this.getClassifyToolbarHtml = function(filter){
            var that = this;
            var html = [
                '<div layui-filter="toolbar_classify_',filter, '" class="layui-btn-container">',
                '<button class="layui-btn layui-btn-sm" layui-filter="toolbar_classify_',filter,'_refreshClassify"><i class="layui-icon layui-icon-refresh"></i>刷新</button>',
                '</div>'
            ].join("");
            return html;
        };
        this.init=function(filter,options){//基础的html被添加后，再执行初始化
            if(!filter){
                $webUtil.showErrorMsg("前端程序错误，这个是通用组件，请必须设置filter");
                return false;
            }
            var that = this;
            that.config[filter] = options;
            var table = layui.table;
            $webUtil.copyConfig(that,that.moduleKey);
            $webUtil.bindDefultButtonLisenter(that, filter);
            $webUtil.bindDefultButtonLisenter(that, "classify_" + filter);
            that.materialExtendAttr = layui['platform/basedoc/BdMaterialClassifyExtendAttr'];
            if(options.selectMode = table.selectMode.multiple){
                var selectButton =  $("[layui-filter='toolbar_" + filter + "_SELECT']");
                selectButton.show();
                selectButton.unbind('click').click(function(e){
                    that.SELECTMATERTIAL(filter);
                    layui.stope(e);
                });
            }

            //初始化
            that.classifyTreeInit(filter,function () {
                if(options.materialClassifyId){
                    that.materialExtendAttr.initExtendAttr(options.materialClassifyId,function() {
                        that.queryExtendAttr(options, false);
                    });
                }
                that.initMainTable(filter,
                    function () {
                        $webUtil.createSearchHtml({
                            id: '编号',
                            code:'图号',
                            name:'名称',
                            specification:'规格',
                            brand:'品牌',
                            material:'材质',
                            applyProduct:'适用产品',
                            supplier:'制造/供应商',
                            revisionValue:'版本号'
                        }, $('[layui-filter="toolbar_' + filter + '"]'), filter);
                    }
                );
            });
            $("#switch_" + filter).unbind('click').click(function () {
                var thisObject = $(this);
                if(thisObject.hasClass("layui-form-onswitch")){
                    //说明现在点的是，需要修改为否
                    thisObject.removeClass("layui-form-onswitch");
                    thisObject.find("em").html("否");
                    table.reload("table_"+filter,{
                        where:{
                            "conditionMap['${queryAllRevision}']":false
                        }
                    })
                }else{
                    thisObject.addClass("layui-form-onswitch");
                    thisObject.find("em").html("是");
                    table.reload("table_"+filter,{
                        where:{
                            "conditionMap['${queryAllRevision}']":true
                        }
                    })
                }
            });
        };
        this.classifyTreeInit = function(filter,callback){
            //初始化分类树
            var that = this;
            var tree = layui.tree;
            var options = that.config[filter];
            options.fristTreeLoad = false;
            tree.init("tree_" + filter, $('[layui-filter="tree_' + filter + '"]'), {
                url: that.url.classifyTree,
                backPath: that.backPath,
                extraParams: {
                    isMuti: (options.selectMode == layui.table.selectMode.multiple)?true:false,
                    parentValue:options.materialClassify?options.materialClassify:'',
                    isQueryAllColumn: true
                },
                treeFilter: filter,
                click: function (item, elem, treeOptions) {
                    options.currentItemOid = item.oid;
                    options.currentItemAttributes = item.attributes;
                    that.config[filter] = options;
                    that.showMaterialByClassify(filter,item.attributes);
                },
                done:function (filter,children) {
                    if(!options.fristTreeLoad &&callback){
                        callback();
                    }
                    options.fristTreeLoad = true;
                }
            });
        };
        this.showMaterialByClassify = function (filter,classifyAttributes) {
            var that =this;
            var table = layui.table;
            that.materialExtendAttr.initExtendAttr(classifyAttributes.id,function() {
                table.reload("table_" + filter, {
                    where: {
                        materialClassify: classifyAttributes.oid
                    }
                });
            });
        };
        this.initMainTable = function (filter,callback) {
            var that = this;
            var columns = that.checkColumns(filter);
            var table = layui.table;
            var options = that.config[filter];
            var limit = 20;
            if(options.height){
                if(options.height<399){
                    limit = 10;
                }else if(options.height >599 && options.height <799){
                    limit = 20;
                }else if(options.height>799){
                    limit = 30;
                }
            }
            options.fristMainLoad = false;
            //主列表中列。
            table.render({
                elem: '#table_' + filter,
                id: 'table_' + filter,
                url: that.backPath + that.url.controller + that.url.referDataGrid,
                page: {
                    limit: limit,
                    page: 1
                },
                height:(options.height?options.height:600),
                cols: [columns],
                done:function(res,cur,total){
                    if(!options.fristMainLoad ){
                        if(callback) {
                            callback();
                        }
                        table.on('tool(' + filter + ')',function(obj){
                            var data = obj.data;//当前选择行的数据
                            var layEvent = obj.event;//点的是什么按钮
                            if(layEvent == 'viewInfo'){
                                that.showMaterialByOid(filter,data.oid,options);
                            }
                        });
                    }
                    options.fristMainLoad = true;
                    that.config[filter] = options;
                },
                rowClick:function(thisTableFilter,record){
                    record['materialFlag'] = true;
                    if(record.materialClassifyId != options.materialClassifyId){
                        options.materialClassifyId = record.materialClassifyId;
                        options.extendAtts = null;
                        that.materialExtendAttr.initExtendAttr( options.materialClassifyId,function () {
                            //先获取一下扩展属性的内容，
                            that.queryExtendAttr(options,false);
                            if(options.selectClick){
                                options.selectClick(filter,record,that.config[filter]);
                            }
                        });
                    }else {
                        //先获取一下扩展属性的内容，
                        that.queryExtendAttr(options, false);
                        if (options.selectClick) {
                            options.selectClick(filter, record, that.config[filter]);
                        }
                    }
                }
            });
            document.getElementById("toolbar_column_" + filter).innerHTML = '<a class="layui-btn layui-btn-intable" lay-event="viewInfo">查看</a>';
        };

        this.advancedQuery = function(){
            var that = this;
            var dynamicCondition = layui.dynamicCondition;
            $('[layui-filter="toolbar_' + that.id + '"]').append('<div  id="toolbar'+ that.id+'" class="layui-inline"></div>');
            var dataFields = that.columns;
            that.serinorQueryInstance = dynamicCondition.create({
                fields : dataFields//查询字段
                ,tableId:"table_"+that.id//需要查询的表格
                ,type:"complex"  //type:"simple"/"complex"  查询的方法  暂时写死为 complex
                ,conditionTextId:"#toolbar"+that.id//高级查询 按钮所在的div
                ,popupShowQueryBtn: true//显示高级查询按钮
                ,queryCallBack:function(requestData){//查询之后的callback
                    //console.log(JSON.stringify(requestData))
                }
            });
        };

        this.showMaterialByOid =function (filter,oid,options) {
            var that = this;
            if(!oid){
                return false;
            }
            var formFilter = "view_" + filter;
            var form = layui.form;
            var addSaveIndex = layer.open({
                type:1,
                title: '查看物料/工具基本信息',
                skin: 'layui-layer-lan',
                content: '<form id="form_' + formFilter + '" lay-filter="' + formFilter + '" class="layui-form" style="margin-top:5px" ></form>',
                fullScreen:true,
                resizing: function (layero) {
                    form.doResize(formFilter);
                },
                success: function (layero) {
                    form.addItems(formFilter,that.getFormItems(true,options),function () {
                        that.materialExtendAttr.loadMaterialForForm(formFilter,oid,options.currentItemAttributes.id);
                    }
                    , {}
                    , {
                        defaultColumnOneRow: 3
                    });
                }
            });
        };
        this.getFormItems = function(readOnly,options){
            var that = this;
            var items = [{
                name:'materialClassify',
                text:'物料/工具分类',
                type:'refer',
                showField: 'materialClassifyText',
                required:true,
                readOnly:readOnly,
                referConfig:{
                    type:'tree',
                    url: that.url.referClassifyTree,
                    backPath:that.backPath,
                    textField:'id,name',
                    valueField:'oid',
                    isMuti:false
                }
            },{
                name:'id',
                text:'物料/工具编号',
                readOnly:readOnly,
                required:true
            },{
                name:'code',
                readOnly:readOnly,
                text:'图号'
            },{
                name:'name',
                text:'名称',
                readOnly:readOnly,
                required:true
            },{
                name:'revisionValue',
                readOnly:readOnly,
                text:'版本'
            },{
                name:'unitOfMeasurement',
                text:'计量单位',
                readOnly:readOnly
            },{
                name:'specification',
                readOnly:readOnly,
                text:'规格'
            },{
                name:'brand',
                readOnly:readOnly,
                text:'品牌'
            },{
                name:'material',
                readOnly:readOnly,
                text:'材质'
            },{
                name:'applyProduct',
                readOnly:readOnly,
                text:'适用产品'
            },{
                name:'supplier',
                text:'制造/供应商',
                readOnly:readOnly
            },layui.vciWebComboxStore.getSecretObject(that.controlSecret)];
            that.queryExtendAttr(options,readOnly);
            if(options.extendAtts){
                items = items.concat(options.extendAtts);
            }
            items.push({
                name:'materialLife',
                text:'寿命',
                readOnly:readOnly
            },{
                name:'checkFlag',
                text:'是否定检',
                type:'truefalse',
                readOnly:readOnly,
                required:true
            },{
                name:'checkCycleType',
                text:'定检周期类型',
                type:'combox',
                comboxKey:'lifeCountType',
                readOnly:readOnly,
                defaultValue:'check_day'
            },{
                name:'checkCycle',
                text:'定检周期',
                readOnly:readOnly,
                verify:'number'
            },{
                name:'alertCycle',
                text:'定检提醒时间/数',
                readOnly:readOnly,
                verify:'number'
            },{
                name:'checkContent',
                text:'定检内容',
                type:'textarea',
                readOnly:readOnly,
                textWidth: 870
            },{
                name:'description',
                type:'textarea',
                textWidth:870,
                readOnly:readOnly,
                text:'备注'
            });
            return items;
        };
        this.queryExtendAttr = function (options,readOnly) {
            var that = this;
            if(!options.extendAtts){
                var extendAttrs = that.materialExtendAttr.getFormItemsByClassifyId((options.currentItemAttributes && options.currentItemAttributes.id)?options.currentItemAttributes.id:options.materialClassifyId);
                if(extendAttrs && extendAttrs.length > 0){
                    layui.each(extendAttrs,function (_index,_item) {
                        _item.name = "ext_" + _item.name;
                        if(readOnly){
                            _item.readOnly = readOnly;
                        }
                    });
                    options.extendAtts = extendAttrs;
                }
            }else{
                //修改readOnly
                if(options.extendAtts){
                    layui.each(options.extendAtts,function (_index,_item) {
                        if(readOnly){
                            _item.readOnly = readOnly;
                        }else{
                            delete  _item.readOnly;
                        }
                    });
                }
            }
        };
        this.checkColumns = function(filter){
            var that = this;
            var table = layui.table;
            return [table.getIndexColumn(),table.getCheckColumn(),{
                    field:'id',
                    title:'物料/工具编号 名称 (版本）',
                    width:330,
                    templet:function(d){
                        return  d.id + ' ' + d.name + ' (' + d.revisionValue + ')' ;
                    }
                },{
                    field:'code',
                    title:'图号',
                    width:120
                },{
                    field:'checkFlag',
                    title:'定检',
                    templet:function (d) {
                        if(d.checkFlag == 'true' || d.checkFlag == true){
                            return d.checkCycle + "(" + d.checkCycleTypeText +")";
                        }else{
                            return "";
                        }
                    },
                    width:70
                },{
                    title:'操作',
                    field:'options',
                    width:50,
                    fixed:'right',
                    toolbar: '#toolbar_column_' + filter
                }];
        };
        this.refreshClassify = function (event,thisButton) {
            var that = this;
            var filter = $(thisButton).attr("layui-filter");
            filter = filter.replace("_refreshClassify","").replace("toolbar_classify_","");
            layui.tree.reload("tree_" + filter);
        };
        this.refresh = function(event,thisButton){
            var that = this;
            var filter = $(thisButton).attr("layui-filter");
            filter = filter.replace("_refresh","").replace("toolbar_","");
            layui.table.reload('table_' + filter,{});
        };
        this.SELECTMATERTIAL = function (filter) {
            var that= this;
            var selectData = layui.table.checkStatus("table_" + filter).data;
            var options = that.config[filter];
            that.queryExtendAttr(options,false);
            if(selectData && selectData.length>0){
                layui.each(selectData,function (_index,_item) {
                    _item['materialFlag'] = true;
                });
            }
            if(options.multipleSelectListener){
                options.multipleSelectListener(filter,selectData,options);
            }
        };
    };
    var cs = new Class();
    exports(cs.MODULE_NAME,cs);
});