ConstructionCost/web/building_saas/complementary_glj_lib/js/components.js

/**
 * Created by Zhong on 2017/8/25.
 */
/*
   弹出组成物窗口 组成物表
 * */
let componentOprObj = {
    treeObj:null,
    rootNode: null,//分类树根节点
    parentNodeIds: {},
    radiosSelected: null,//allGljs, stdGljs, complementaryGljs
    workBook: null,
    selectedList: [],//选中的组成物
    setting: {
        owner: "components",
        header: [
            {headerName:"选择", headerWidth: 40, dataCode: "select", hAlign: "center", vAlign: "center"},
            {headerName:"编码",headerWidth:80,dataCode:"code", dataType: "String", formatter: "@", hAlign: "left", vAlign: "center"},
            {headerName:"名称",headerWidth:120,dataCode:"name", dataType: "String", hAlign: "left", vAlign: "center"},
            {headerName:"规格型号",headerWidth:80,dataCode:"specs", dataType: "String", hAlign: "center", vAlign: "center"},
            {headerName:"单位",headerWidth:80,dataCode:"unit", dataType: "String", hAlign: "center", vAlign: "center"},
            {headerName:"单价",headerWidth:80,dataCode:"basePrice", dataType: "Number", formatter: "0.00", hAlign: "right", vAlign: "center"},
            {headerName:"类型",headerWidth:80,dataCode:"gljType", dataType: "String",  hAlign: "center", vAlign: "center"}
        ]
    },
    buildSheet: function (container) {
        let me = componentOprObj;
        me.workBook = sheetOpr.buildSheet(container, me.setting, 30);
        sheetCommonObj.spreadDefaultStyle(me.workBook);
        me.workBook.getSheet(0).setColumnWidth(0, 20, GC.Spread.Sheets.SheetArea.rowHeader);
        me.workBook.getSheet(0).setFormatter(-1, 1, "@", GC.Spread.Sheets.SheetArea.viewport);
        me.workBook.getSheet(0).bind(GC.Spread.Sheets.Events.EditStarting, me.onCellEditStart);
        me.workBook.getSheet(0).bind(GC.Spread.Sheets.Events.ClipboardPasting, me.onClipboardPasting);
        me.workBook.bind(GC.Spread.Sheets.Events.ButtonClicked, me.onButtonClicked);//复选框点击事件
        me.componentsBtnOpr($('#componentsConf'));
        me.radiosChange();
    },
    onClipboardPasting: function (sender, args) {
        args.cancel = true;
    },
    onCellEditStart: function (sender, args) {
        args.cancel = true;
    },
    onButtonClicked: function (sender, args) {
        let me = componentOprObj, re = repositoryGljObj;
        let val = args.sheet.getValue(args.row, args.col);
        let thisComponent = me.currentCache[args.row];
        thisComponent.isChecked = val;
        if(args.sheet.isEditing()){
            args.sheet.endEdit(true);
        }
        else{
            //维护选中组成物列表
            if(val === true){
                let isExist = false;
                for(let i = 0, len = me.selectedList.length; i < len; i++){
                    if(me.selectedList[i].ID === thisComponent.ID){
                        isExist = true;
                        break;
                    }
                }
                if(!isExist){
                    me.selectedList.push(thisComponent);
                }
            }
            else if(val === false){
                for(let i = 0, len = me.selectedList.length; i < len; i++){
                    if(me.selectedList[i].ID === thisComponent.ID){
                        me.selectedList.splice(i, 1);
                        break;
                    }
                }
            }
        }
    },
    setShowGljList: function (gljList, clearChecked) {
        let that = repositoryGljObj, me = componentOprObj;
            for(let i = 0; i < gljList.length; i++){
                if(machineAllowComponent.includes(that.currentGlj.gljType) && machineComponent.includes(gljList[i].gljType) ||
                    materialAllowComponent.includes(that.currentGlj.gljType) && gljList[i].gljType === 201 ||
                    that.currentGlj.gljType === 4 && gljList[i].gljType === 4 && (!gljList[i].component || gljList[i].component.length === 0) && gljList[i].ID !== that.currentGlj.ID){
                    //去除与已添加的组成物重复的条目
                    let isExist = false;
                    for(let j = 0; j < that.currentComponent.length; j++){
                        if(that.currentComponent[j].ID === gljList[i].ID){
                            isExist = true;
                            break;
                        }
                    }
                    if(!isExist){
                        if(clearChecked){
                            gljList[i].isChecked = false;
                        }
                    }
                    else {
                        gljList[i].isChecked = true;
                    }
                    me.showGljList.push(gljList[i]);
                }
            }
    },
    //初始化分类树
    //@param {String}type(标准或补充) {Array}treeData(树数据)
    initClassTree: function (type, treeData) {
        let me = this;
        if (me.treeObj) {
            me.treeObj.destroy();
            me.parentNodeIds = {};
        }
        zTreeHelper.createTree(treeData, componentSetting, "componentTree", componentOprObj);
        let rootNode = componentOprObj.treeObj.getNodes()[0];
        if(rootNode && rootNode.isParent && rootNode.isFirstNode){
            componentOprObj.rootNode = rootNode;
        }
        if(me.rootNode){
            me.treeObj.selectNode(me.rootNode);
            componentTypeTreeOprObj.onClick(null, 'componentTree', me.rootNode);
        }
    },
    //初始默认radio
    initRadio: function () {
        let that = repositoryGljObj, me = componentOprObj;
        $('#gljSearchKeyword').val('');//恢复搜索文本
        //初始化组成物列表
        me.selectedList = [].concat(that.currentComponent);
        //默认radio所有工料机
        if(typeof $("input[name='glj']:checked")[0] !== 'undefined'){
            $("input[name='glj']:checked")[0].checked = false;
        }
        $("input[value = 'stdGljs']")[0].checked = true;
        me.radiosSelected = 'stdGljs';
        //初始为所有工料机,机械类型可添加机械组成物，混凝土,砂浆、配合比可添加普通材料
        me.showGljList = [];
        if(me.radiosSelected === 'stdGljs'){
            me.setShowGljList(that.stdGljList, true);
            //me.setShowGljList(that.complementaryGljList, true);
            that.sortGlj(me.showGljList);
        }
    },
    filterDatasAndShow: function () {
        let me = componentOprObj, re = repositoryGljObj;
        let val = $("input[name='glj']:checked").val();
        me.radiosSelected = val;
        //选择改变，数据重新筛选显示
        me.showGljList = [];
        if(me.radiosSelected === 'allGljs'){
            me.setShowGljList(re.stdGljList);
            me.setShowGljList(re.complementaryGljList);
        }
        else if(me.radiosSelected === 'stdGljs'){
            me.setShowGljList(re.stdGljList);
        }
        else if(me.radiosSelected === 'complementaryGljs'){
            me.setShowGljList(re.complementaryGljList);
        }
        //搜索匹配
        let searchStr = $('#gljSearchKeyword').val();
        if(searchStr && searchStr.trim() != ''){
            let reg = new RegExp(searchStr);
            me.showGljList = _.filter(me.showGljList, function (data) {
                return reg.test(data.code) || reg.test(data.name);
            });
        }
        re.sortGlj(me.showGljList);
        //重新显示
        me.showGljItems(me.showGljList, me.gljCurTypeId);
        //切换radio后更新cache
        if (me.currentOprParent = 1) {
            if(me.parentNodeIds["_pNodeId_" + me.gljCurTypeId]){
                me.currentCache = me.getParentCache(me.parentNodeIds["_pNodeId_" + me.gljCurTypeId]);
            }
            else{
                me.currentCache = [];
            }
        } else {
            me.currentCache = me.getCache();
        }
    },
    //监听radios选择事件
    radiosChange: function () {
        let me = componentOprObj, gc = gljClassTreeObj;
        $('.glj-radio').change(function () {
            if($(this).val() === 'stdGljs') {
                me.initClassTree('std', gc.treeData.std);
            } else {
                me.initClassTree('comple', gc.treeData.comple);
            }
            me.filterDatasAndShow();
        });
    },
    getParentCache: function (nodes) {
        let me = componentOprObj, rst = [];
        for(let i = 0; i < me.showGljList.length; i++){
            if(nodes.indexOf(me.showGljList[i].gljClass) !== -1){
                rst.push(me.showGljList[i]);
            }
        }
        rst.sort(function (a, b) {
            let rst = 0;
            if(a.code > b.code) rst = 1;
            else if(a.code < b.code)rst = -1;
            return rst;
        });
        return rst;
    },
    getCache: function() {
        let me = componentOprObj, rst = [];
        for (let i = 0; i < me.showGljList.length; i++) {
            if (me.showGljList[i].gljClass == me.gljCurTypeId) {
                rst.push(me.showGljList[i]);
            }
        }
        return rst;
    },
    showGljItems: function(data, type) {
        let me = componentOprObj, re = repositoryGljObj;
        if (me.workBook) {
            let cacheSection = [];
            let pArr = me.parentNodeIds["_pNodeId_" + type];
            for (let i = 0; i < data.length; i++) {
                if (pArr && pArr.indexOf(data[i].gljClass) >= 0) {
                    cacheSection.push(data[i]);
                } else if (type == data[i].gljClass) {
                    cacheSection.push(data[i]);
                }
            }
            sheetOpr.cleanSheet(me.workBook.getSheet(0), me.setting, -1);
            sheetOpr.showData(me.workBook.getSheet(0), me.setting, cacheSection, re.distTypeTree);
            me.workBook.getSheet(0).setRowCount(cacheSection.length);
            cacheSection = null;
        }
    },
    //组成物窗口按钮操作
    componentsBtnOpr: function (conf) {//确定、取消、关闭按钮
        let me = componentOprObj, that = gljComponentOprObj, re = repositoryGljObj;
        conf.click(function () {
            //添加选择添加的组成物
            let updateArr = [];
            let newComponent = [];
            //re.currentGlj.component = [];
            for(let i = 0, len = me.selectedList.length; i < len; i++){
                let isExist = false;
                for(let j = 0, jLen = re.currentGlj.component.length; j < jLen; j++){
                    if(me.selectedList[i].ID === re.currentGlj.component[j].ID){
                        newComponent.push({isStd: typeof me.selectedList[i].isStd !== 'undefined' ? me.selectedList[i].isStd : false
                            , ID: me.selectedList[i].ID, consumeAmt: re.currentGlj.component[j].consumeAmt});
                        isExist = true;
                        break;
                    }
                }
                if(!isExist){
                    newComponent.push({isStd: typeof me.selectedList[i].isStd !== 'undefined' ? me.selectedList[i].isStd : false, ID: me.selectedList[i].ID, consumeAmt: 0});
                }
                //re.currentGlj.component.push({ID: me.selectedList[i].ID, consumeAmt: 0});
            }
            re.currentGlj.component = newComponent;
            let gljBasePrc = that.reCalGljBasePrc(re.getCurrentComponent(re.currentGlj.component));
            if(gljBasePrc !== re.currentGlj.basePrice){
                re.currentGlj.basePrice = gljBasePrc;
                re.reshowGljBasePrc(re.currentGlj);
                //updateBasePrc.push({gljId: that.currentGlj.ID, gljType: that.currentGlj.gljType, basePrice: that.currentGlj.basePrice});
            }
            updateArr.push(re.currentGlj);
            that.updateComponent(updateArr);
            $('#componentsCacnel').click();
        });
    }
};

let componentTypeTreeOprObj = {
    onClick: function(event,treeId,treeNode) {
        let me = componentOprObj, re = repositoryGljObj, that = gljComponentOprObj, gljTypeId = treeNode.ID;
        if(me.gljCurTypeId !== treeNode.ID){
            me.gljCurTypeId = treeNode.ID;
            if (me.parentNodeIds["_pNodeId_" + treeNode.ID]) {
                me.currentOprParent = 1;
                me.currentCache = me.getParentCache(me.parentNodeIds["_pNodeId_" + treeNode.ID]);
            } else {
                me.currentCache = me.getCache();
            }
        }
        me.showGljItems(me.showGljList, gljTypeId);
    }
}
$(document).ready(function () {
    $('#gljSearchKeyword').change(function () {
        componentOprObj.filterDatasAndShow();
    });
    $('#gljSearchKeyword').bind('keypress', function (e) {
        if(e.keyCode === 13){
            $(this).blur();
            return false;
        }
    });
});