oaup9/o2web/source/x_component_Attendance/UnitQywxDetail.js

MWF.xDesktop.requireApp("Attendance", "Explorer", null, false);
MWF.xDesktop.requireApp("Selector", "package", null, false);

MWF.xApplication.Attendance.UnitQywxDetail = new Class({
    Extends: MWF.widget.Common,
    Implements: [Options, Events],
    options: {
        "style": "default"
    },
    initialize: function (node, app, actions, options) {
        this.setOptions(options);
        this.app = app;
        this.path = "../x_component_Attendance/$UnitDetail/";
        this.cssPath = "../x_component_Attendance/$UnitDetail/" + this.options.style + "/css.wcss";
        this._loadCss();

        this.actions = actions;
        this.node = $(node);
    },
    load: function () {
        this.loadTab();
    },
    loadTab: function () {

        this.tabNode = new Element("div", { "styles": this.css.tabNode }).inject(this.node);
        this.detailArea = new Element("div", { "styles": this.css.tabPageContainer }).inject(this.tabNode);
        //this.selfHolidayArea = new Element("div",{"styles" : this.css.tabPageContainer }).inject(this.tabNode)
        this.detailStaticArea = new Element("div", { "styles": this.css.tabPageContainer }).inject(this.tabNode);
        //this.selfHolidayStaticArea = new Element("div",{"styles" : this.css.tabPageContainer }).inject(this.tabNode)

        MWF.require("MWF.widget.Tab", function () {

            this.tabs = new MWF.widget.Tab(this.tabNode, { "style": "attendance" });
            this.tabs.load();

            this.detailPage = this.tabs.addTab(this.detailArea, this.app.lp.unitSigninDetail, false);
            this.detailPage.contentNodeArea.set("class", "detailPage");
            this.detailPage.addEvent("show", function () {
                this.detailPage.tabNode.addClass( "mainColor_border" );
                this.detailPage.textNode.addClass( "mainColor_color" );
                if (!this.detailExplorer) {
                    this.detailExplorer = new MWF.xApplication.Attendance.UnitQywxDetail.Explorer(this.detailArea, this);
                    this.detailExplorer.load();
                }
            }.bind(this)).addEvent("hide", function(){
                this.detailPage.tabNode.removeClass( "mainColor_border" );
                this.detailPage.textNode.removeClass( "mainColor_color" );
            }.bind(this));


            this.detailStaticPage = this.tabs.addTab(this.detailStaticArea, this.app.lp.unitSigninStatic, false);
            this.detailStaticPage.contentNodeArea.set("class", "detailStaticPage");
            this.detailStaticPage.addEvent("show", function () {
                this.detailStaticPage.tabNode.addClass( "mainColor_border" );
                this.detailStaticPage.textNode.addClass( "mainColor_color" );
                if (!this.detailStaticExplorer) {
                    this.detailStaticExplorer = new MWF.xApplication.Attendance.UnitQywxDetail.DetailStaticExplorer(this.detailStaticArea, this);
                    this.detailStaticExplorer.load();
                }
            }.bind(this)).addEvent("hide", function(){
                this.detailStaticPage.tabNode.removeClass( "mainColor_border" );
                this.detailStaticPage.textNode.removeClass( "mainColor_color" );
            }.bind(this));

            this.tabs.pages[0].showTab();
        }.bind(this));
    }
});

MWF.xApplication.Attendance.UnitQywxDetail.Explorer = new Class({
    Extends: MWF.xApplication.Attendance.Explorer,
    Implements: [Options, Events],

    initialize: function (node, parent, options) {
        this.setOptions(options);
        this.parent = parent;
        this.app = parent.app;
        this.lp = this.app.lp;
        this.css = parent.css;
        this.path = parent.path;

        this.actions = parent.actions;
        this.node = $(node);

        this.initData();
        if (!this.peopleActions) this.peopleActions = new MWF.xAction.org.express.RestActions();
    },
    initData: function () {
        this.toolItemNodes = [];
    },
    reload: function () {
        this.node.empty();
        this.load();
    },
    load: function () {
        this.loadFilter();
        this.loadContentNode();
        this.loadView({}, true);
        this.setNodeScroll();
    },
    loadFilter: function () {
        var lp = MWF.xApplication.Attendance.LP;
        this.fileterNode = new Element("div.fileterNode", {
            "styles": this.app.css.fileterNode
        }).inject(this.node);

        var html = "<table width='100%' bordr='0' cellpadding='5' cellspacing='0' styles='filterTable' style='width: 1150px;'>" +
            "<tr>" +
            "    <td styles='filterTableValue' lable='unit'></td>" +
            "    <td styles='filterTableTitle' item='unit'></td>" +
            "    <td styles='filterTableTitle' lable='year'></td>" +
            "    <td styles='filterTableValue' item='year'></td>" +
            "    <td styles='filterTableTitle' lable='month'></td>" +
            "    <td styles='filterTableValue' item='month'></td>" +
            "    <td styles='filterTableTitle' lable='day'></td>" +
            "    <td styles='filterTableValue' item='day'></td>" +
            "    <td styles='filterTableTitle' lable='checkType'></td>" +
            "    <td styles='filterTableValue' item='checkType'></td>" +
            "    <td styles='filterTableTitle' lable='exceptionType'></td>" +
            "    <td styles='filterTableValue' item='exceptionType'></td>" +
            "    <td styles='filterTableValue' item='action'></td>" +
            "</tr>" +
            "</table>";
        this.fileterNode.set("html", html);

        MWF.xDesktop.requireApp("Template", "MForm", function () {
            var itemTemplate = {
                unit: { text: lp.unit, type: "org", orgType: "unit", notEmpty: true, style: { "min-width": "200px" } },
                year: {
                    text: lp.annuaal,
                    "type": "select",
                    "selectValue": function () {
                        var years = [];
                        var year = new Date().getFullYear();
                        for (var i = 0; i < 6; i++) {
                            years.push(year--);
                        }
                        return years;
                    },
                    "event": {
                        "change": function (item, ev) {
                            var values = this.getDateSelectValue();
                            item.form.getItem("day").resetItemOptions(values, values)
                        }.bind(this)
                    }
                },
                month: {
                    text: lp.months,
                    "type": "select",
                    "defaultValue": function () {
                        var month = (new Date().getMonth() + 1).toString();
                        return month.length == 1 ? "0" + month : month;
                    },
                    "selectValue": ["", "01", "02", "03", "04", "05", "06", "07", "08", "09", "10", "11", "12"],
                    "event": {
                        "change": function (item, ev) {
                            var values = this.getDateSelectValue();
                            item.form.getItem("day").resetItemOptions(values, values)
                        }.bind(this)
                    }
                },
                day: { text: lp.date, "type": "select", "selectValue": this.getDateSelectValue.bind(this) },
                checkType: { text: lp.signinType, "type": "select", "selectValue": lp.signinQywxTypeSelectText, "selectText": lp.signinQywxTypeSelectText },
                exceptionType: { text: lp.signinResult, "type": "select", "selectValue": lp.signinQywxResultSelectText, "selectText": lp.signinQywxResultSelectText },
                action: {
                    "value": lp.query, type: "button", className: "filterButton",  clazz:"mainColor_bg", event: {
                        click: function () {
                            var result = this.form.getResult(true, ",", true, true, false);
                            if (!result) return;
                            if (result.day && result.day != "") {
                                result.q_date = result.year + "-" + result.month + "-" + result.day;
                            }
                            this.loadView(result);
                        }.bind(this)
                    }
                }
            }
            if( this.app.isAdmin() ){
                itemTemplate.unit = { text : lp.unit, type : "org", orgType : "unit", notEmpty : true, style : {"min-width": "100px" } };
            }else{
                var unitNameArr = []
                var unitValueArr = this.app.manageUnits;
                for (let i = 0; i < unitValueArr.length; i++) {
                    const element = unitValueArr[i];
                    if(element.indexOf("@") > -1){
                        const name  = element.split("@")[0];
                        unitNameArr.push(name);
                    } else {
                        unitNameArr.push(element);
                    }
                }
                itemTemplate.unit = { text : lp.unit, type : "select", selectValue : unitValueArr, "selectText": unitNameArr,  notEmpty : true, style : {"min-width": "100px" } };
            }
            this.form = new MForm(this.fileterNode, {}, {
                style: "attendance",
                isEdited: true,
                itemTemplate: itemTemplate
            }, this.app, this.app.css);
            this.form.load();
        }.bind(this), true);
    },
    getDateSelectValue: function () {
        if (this.form) {
            var year = parseInt(this.form.getItem("year").getValue());
            var month = parseInt(this.form.getItem("month").getValue()) - 1;
        } else {
            var year = (new Date()).getFullYear();
            var month = (new Date()).getMonth();
        }
        var date = new Date(year, month, 1);
        var days = [];
        days.push("");
        while (date.getMonth() === month) {
            var d = date.getDate().toString();
            if (d.length == 1) d = "0" + d;
            days.push(d);
            date.setDate(date.getDate() + 1);
        }
        return days;
    },
    loadContentNode: function () {
        this.elementContentNode = new Element("div", {
            "styles": this.css.elementContentNode
        }).inject(this.node);
        this.app.addEvent("resize", function () { this.setContentSize(); }.bind(this));

        this.elementContentNode.addEvent("scroll", function () {
            var scroll = this.elementContentNode.getScroll();
            if(this.fileterNode)this.fileterNode.scrollTo(scroll.x);
        }.bind(this));
    },
    loadView: function (filterData, onlyShowTitle) {
        this.elementContentNode.empty();
        if (this.view) delete this.view;
        this.view = new MWF.xApplication.Attendance.UnitQywxDetail.View(this.elementContentNode, this.app, this);
        this.view.filterData = filterData;
        this.view.listItemUrl = this.path + "listItem_qywx.json";
        this.view.load( onlyShowTitle );
        this.setContentSize();
    },
    setContentSize: function () {
        var tabNodeSize = this.parent.tabs ? this.parent.tabs.tabNodeContainer.getSize() : { "x": 0, "y": 0 };
        var fileterNodeSize = this.fileterNode ? this.fileterNode.getSize() : { "x": 0, "y": 0 };
        var nodeSize = this.parent.node.getSize();

        var pt = this.elementContentNode.getStyle("padding-top").toFloat();
        var pb = this.elementContentNode.getStyle("padding-bottom").toFloat();
        //var filterSize = this.filterNode.getSize();

        var height = nodeSize.y - tabNodeSize.y - pt - pb - fileterNodeSize.y - 20;
        this.elementContentNode.setStyle("height", "" + height + "px");

        this.pageCount = (height / 40).toInt() + 5;

        if (this.view && this.view.items.length < this.pageCount) {
            this.view.loadElementList(this.pageCount - this.view.items.length);
        }
    }
});



MWF.xApplication.Attendance.UnitQywxDetail.DetailStaticExplorer = new Class({
    Extends: MWF.xApplication.Attendance.UnitQywxDetail.Explorer,

    loadFilter: function () {
        var lp = MWF.xApplication.Attendance.LP;
        this.fileterNode = new Element("div.fileterNode", {
            "styles": this.app.css.fileterNode
        }).inject(this.node);

        var html = "<table width='100%' bordr='0' cellpadding='5' cellspacing='0' style='width: 760px;font-size: 14px;color:#666'>" +
            "<tr>" +
            "    <td styles='filterTableValue' lable='q_unitName'></td>" +
            "    <td styles='filterTableTitle' item='q_unitName'></td>" +
            "    <td styles='filterTableTitle' lable='cycleYear'></td>" +
            "    <td styles='filterTableValue' item='cycleYear'></td>" +
            "    <td styles='filterTableTitle' lable='cycleMonth'></td>" +
            "    <td styles='filterTableValue' item='cycleMonth'></td>" +
            "    <td styles='filterTableValue' item='action'></td>" +
            "</tr>" +
            "</table>";
        this.fileterNode.set("html", html);

        MWF.xDesktop.requireApp("Template", "MForm", function () {
            var itemTemplate =  {
                q_unitName: { text: lp.unit, type: "org", orgType: "unit", notEmpty: true, style: { "min-width": "200px" } },
                cycleYear: {
                    text: lp.annuaal,
                    "type": "select",
                    "selectValue": function () {
                        var years = [];
                        var year = new Date().getFullYear();
                        for (var i = 0; i < 6; i++) {
                            years.push(year--);
                        }
                        return years;
                    }
                },
                cycleMonth: {
                    text: lp.months, notEmpty: true,
                    "type": "select",
                    "defaultValue": function () {
                        var month = (new Date().getMonth() + 1).toString();
                        return month.length == 1 ? "0" + month : month;
                    },
                    "selectValue": ["", "01", "02", "03", "04", "05", "06", "07", "08", "09", "10", "11", "12"]
                },
                action: {
                    "value": lp.query, type: "button", className: "filterButton", clazz:"mainColor_bg",  event: {
                        click: function () {
                            var result = this.form.getResult(true, ",", true, true, false);
                            if (!result) return;
                            this.loadView(result);
                        }.bind(this)
                    }
                }
            }
            if( this.app.isAdmin() ){
                itemTemplate.q_unitName = { text : lp.unit, type : "org", orgType : "unit", notEmpty : true, style : {"min-width": "100px" } };
            }else{
                var unitNameArr = []
                var unitValueArr = this.app.manageUnits;
                for (let i = 0; i < unitValueArr.length; i++) {
                    const element = unitValueArr[i];
                    if(element.indexOf("@") > -1){
                        const name  = element.split("@")[0];
                        unitNameArr.push(name);
                    } else {
                        unitNameArr.push(element);
                    }
                }
                itemTemplate.q_unitName = { text : lp.unit, type : "select", selectValue : unitValueArr, "selectText": unitNameArr,  notEmpty : true, style : {"min-width": "100px" } };
            }
            this.form = new MForm(this.fileterNode, {}, {
                style: "attendance",
                isEdited: true,
                itemTemplate: itemTemplate
            }, this.app, this.app.css);
            this.form.load();
        }.bind(this), true);
    },

    loadView: function (filterData) {
        this.elementContentNode.empty();
        if (this.view) delete this.view;
        this.view = new MWF.xApplication.Attendance.UnitQywxDetail.DetailStaticView(this.elementContentNode, this.app, this);
        this.view.filterData = filterData;
        this.view.listItemUrl = this.path + "listItem_qywx_detailStatic.json";
        this.view.load();
        this.setContentSize();
    }
});



MWF.xApplication.Attendance.UnitQywxDetail.View = new Class({
    Extends: MWF.xApplication.Attendance.Explorer.View,
    _createItem: function (data) {
        return new MWF.xApplication.Attendance.UnitQywxDetail.Document(this.table, data, this.explorer, this);
    },

    _getCurrentPageData: function (callback, count) {
        if (!count) count = 20;
        var id = (this.items.length) ? this.items[this.items.length - 1].data.id : "(0)";
        var filter = this.filterData || {};

        var action = o2.Actions.load("x_attendance_assemble_control");
        action.QywxAttendanceAction.listDingdingAttendance(id, count, filter, function (json) {
            if (callback) callback(json);
        }.bind(this));
    },
    _removeDocument: function (documentData, all) {

    },
    _createDocument: function () {

    },
    _openDocument: function (documentData) {

    }

});




MWF.xApplication.Attendance.UnitQywxDetail.DetailStaticView = new Class({
    Extends: MWF.xApplication.Attendance.Explorer.View,
    _createItem: function (data) {
        return new MWF.xApplication.Attendance.UnitQywxDetail.DetailStaticDocument(this.table, data, this.explorer, this);
    },

    _getCurrentPageData: function (callback, count) {
        var filter = this.filterData || {};
        var action = o2.Actions.load("x_attendance_assemble_control");
        action.QywxAttendanceStatisticAction.personMonthWithUnit(filter.q_unitName, filter.cycleYear, filter.cycleMonth, function (json) {
            if (callback) callback(json);
        }.bind(this));
    },
    _removeDocument: function (documentData, all) {

    },
    _createDocument: function () {

    },
    _openDocument: function (documentData) {

    }

});



MWF.xApplication.Attendance.UnitQywxDetail.Document = new Class({
    Extends: MWF.xApplication.Attendance.Explorer.Document

});


MWF.xApplication.Attendance.UnitQywxDetail.DetailStaticDocument = new Class({
    Extends: MWF.xApplication.Attendance.Explorer.Document

});