O2OA/x_desktop_web/x_component_Execution/WorkDeploy.js

MWF.xApplication.Execution = MWF.xApplication.Execution || {};

MWF.xDesktop.requireApp("Template", "Explorer", null, false);
MWF.xDesktop.requireApp("Template", "MForm", null, false);
MWF.xDesktop.requireApp("Execution", "WorkForm", null, false);

MWF.xApplication.Execution.WorkDeploy = new Class({
    Extends: MWF.xApplication.Template.Explorer.PopupForm,
    Implements: [Options, Events],
    options: {
        "style": "default",
        "width": "90%",
        "height": "90%",
        "hasTop": true,
        "hasIcon": false,
        "hasBottom": true,
        "title": "",
        "draggable": false,
        "closeAction": true,
        "isNew": false,
        "isEdited": true
    },
    initialize: function (explorer, actions, data, options) {
        this.setOptions(options);
        this.explorer = explorer;
        this.app = explorer.app;
        this.lp = this.app.lp.WorkDeploy;
        this.actions = this.app.restActions;
        this.path = "/x_component_Execution/$WorkDeploy/";
        this.cssPath = this.path + this.options.style + "/css.wcss";
        this._loadCss();

        this.options.title = this.lp.title;

        this.data = data || {};

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

        this.getCenterWorkInfo();

        if (this.options.isNew) {
            this.create();
        } else if (this.options.isEdited) {
            this.edit();
        } else {
            this.open();
        }
    },
    getCenterWorkInfo:function(centerId){
        var id = "(0)"
        if(arguments.length==1){
            id = centerId;
        }else{
            if(this.data.id){
                id = this.data.id;
            }
        }

        this.actions.getCenterWorkInfo(id,function(json){
            if(json.type = "success"){
                this.centerWorkData = json.data;
                this.centerWorkId = this.centerWorkData.id
            }
        }.bind(this),function(xhr,error,text){
            this.showErrorMessage(xhr,error,text)
        }.bind(this),false)
    },
    createTopNode: function () {
        if (!this.formTopNode) {
            this.formTopNode = new Element("div.formTopNode", {
                "styles": this.css.formTopNode
            }).inject(this.formNode);

            this.formTopIconNode = new Element("div", {
                "styles": this.css.formTopIconNode
            }).inject(this.formTopNode)

            this.formTopTextNode = new Element("div", {
                "styles": this.css.formTopTextNode,
                "text": this.options.title
            }).inject(this.formTopNode)

            if (this.options.closeAction) {
                this.formTopCloseActionNode = new Element("div.formTopCloseActionNode", {"styles": this.css.formTopCloseActionNode}).inject(this.formTopNode);
                this.formTopCloseActionNode.addEvent("click", function () {
                    this.close()
                }.bind(this))
            }

            this.formTopContentNode = new Element("div", {
                "styles": this.css.formTopContentNode
            }).inject(this.formTopNode)

            this._createTopContent();
        }
    },
    _createTopContent: function () {
        if(this.formTopContentNode) this.formTopContentNode.empty()
        var html = "<span styles='formTopContentTitle' lable='drafter'></span>" +
            "    <span styles='formTopContentValue' item='drafter'></span>" +
            "<span styles='formTopContentTitle' lable='draftDepartment'></span>" +
            "    <span styles='formTopContentValue' item='draftDepartment'></span>" +
            "<span styles='formTopContentTitle' lable='draftDate'></span>" +
            "    <span styles='formTopContentValue' item='draftDate'></span>"

        this.formTopContentNode.set("html", html);


        var form = new MForm(this.formTopContentNode, this.centerWorkData, {
            isEdited: false,
            itemTemplate: {
                drafter: {text: this.lp.drafter + ":", name:"creatorName", type: "innertext"},
                draftDepartment: {text: this.lp.draftDepartment + ":", name:"creatorOrganizationName", type: "innertext"},
                draftDate: {text: this.lp.draftDate + ":",name:"createTime", type: "innertext"}
            }
        }, this.app, this.css);
        form.load();
    },
    reloadTableContent:function(id){
        if(arguments.length==0){
            if(this.centerWorkData){
                id = this.centerWorkData.id
            }else if(this.data.id){
                id = this.data.id
            }else if(this.options.centerWorkId){
                this.options.centerWorkId
            }
        }
        this.getCenterWorkInfo(id);
        this._createTopContent();
        this._createTableContent(this.centerWorkData);
        this._createBottomContent();
    },
    _createTableContent: function () {
        if(this.formTableArea) this.formTableArea.empty();
        //alert(this.centerWorkData)
        this.createCenterWorkInfor(this.centerWorkData);
        this.createImportContent();
        this.createMyWorkList();
        this.creataMyDeployWorkList();

    },
    createCenterWorkInfor: function(data) {
        this.centerWorkContentArea = new Element("div.centerWorkContentArea", {
            "styles": this.css.workContentArea
        }).inject(this.formTableArea);

        var workContentTitleNode = new Element("div.workContentTitleNode", {
            "styles": this.css.workContentTitleNode,
            "text": this.lp.centerWorkInfor
        }).inject(this.centerWorkContentArea);

        this.centerWorkContentNode = new Element("div.centerWorkContentNode", {
            "styles": this.css.workContentNode
        }).inject(this.centerWorkContentArea);

        this.loadCenterWorkInfor(data)

    },
    loadCenterWorkInfor: function(data){
        this.centerWorkContentNode.empty();
        var html = "<table width='100%' bordr='0' cellpadding='5' cellspacing='0' styles='centerWorkInforTable'>" +
            "<tr><td styles='centerWorkInforTitle' lable='centerWorkTitle'></td>" +
            "    <td styles='centerWorkInforValue' item='centerWorkTitle'></td></tr>" +
            "<tr><td colspan='2'>" +
            "   <div styles='centerWorkInforTitleDiv' lable='reportAuditLeader'></div>" +
            "    <div styles='centerWorkInforValueDiv' item='reportAuditLeader'></div>" +
            "   <div styles='centerWorkInforTitleDiv' lable='defaultWorkType'></div>" +
            "    <div styles='centerWorkInforValueDiv' item='defaultWorkType'></div>" +
            "   <div styles='centerWorkInforTitleDiv' lable='workCompletedLimit'></div>" +
            "    <div styles='centerWorkInforValueDiv' item='workCompletedLimit'></div>" +
            "</td></tr>" +
            "<tr><td styles='centerWorkInforTitle' lable='centerWorkMemo'></td>" +
            "    <td styles='centerWorkInforValue' item='centerWorkMemo'></td></tr>" +
            "</table>"
        this.centerWorkContentNode.set("html", html);

        var resultWorkType = []
        var resultWorkTypeTxt = ""
        if(data.workTypes){
            data.workTypes.each(function(d,i){
                if(d.workTypeName) resultWorkType.push(d.workTypeName)
            })
        }

        resultWorkTypeTxt = resultWorkType.join(",")
        if(resultWorkType.length>0){
            resultWorkTypeTxt = ","+resultWorkTypeTxt
        }

        var form = this.centerForm = new MForm(this.centerWorkContentNode, data, {
            isEdited: this.isEdited || this.isNew,

            itemTemplate: {
                centerWorkTitle: {
                    text: this.lp.centerWorkTitle + ":", name : "title", type: "text",
                    notEmpty:true,
                },
                defaultWorkType: {
                    text: this.lp.defaultWorkType + ":", name : "defaultWorkType", type: "select",
                    selectValue : resultWorkTypeTxt,
                    selectText : resultWorkTypeTxt,
                    notEmpty:true,
                    style : {"width":"100px","height":"30px","border-radius":"1px"}
                },
                defaultWorkLevel: {
                    text: this.lp.defaultWorkLevel + ":", name:"defaultWorkLevel", type: "select",selectValue : this.lp.defaultWorkTypeValue,
                    notEmpty:true,
                    style : {"width":"200px","height":"30px","color":"#999999","border-radius":"1px","box-shadow": "0px 0px 1px #CCC"}
                },
                reportAuditLeader: {
                    text: this.lp.reportAuditLeader + ":", name:"reportAuditLeaderIdentity",
                    tType:"identity",
                    attr:{"readonly":true},
                    notEmpty:false,
                    count: 0,
                    value: this.reportAuditLeader?this.reportAuditLeader:"",
                    style : {"width":"300px"}
                },

                workCompletedLimit: {
                    text: this.lp.workCompletedLimit + ":", name:"defaultCompleteDateLimitStr", type: "text",
                    tType:"date",
                    attr:{"readonly":true},
                    notEmpty:true
                },
                centerWorkMemo: {
                    text: this.lp.centerWorkMemo + ":",
                    name: "description",
                    type: "textarea"
                }
            }
        }, this.app);
        form.load();
    },

    createImportContent: function(){
        if(this.centerWorkData && this.centerWorkData.operation){
            if(this.centerWorkData.operation.indexOf("IMPORTWORK")>-1){
                this.importDiv = new Element("div.importDiv",{
                    "styles" : this.css.importDiv
                }).inject(this.formTableArea);
                this.importTemplateDiv = new Element("div.importTemplateDiv",{
                    "styles": this.css.importTemplateDiv,
                    "text":this.lp.importTemplate
                }).inject(this.importDiv)
                this.importTemplateDiv.addEvents({
                    "click":function(){
                        window.open("/x_component_Execution/baseWork.xls")
                    }.bind(this)
                })
                this.importTitleDiv = new Element("div.importTitleDiv",{
                    "styles": this.css.importTitleDiv,
                    "text":this.lp.importTemplateTitle
                }).inject(this.importDiv);
            }
        }
    },
    createMyWorkList : function(){
        if(this.myWorkContentArea) this.myWorkContentArea.destroy();
        var workContentArea = this.myWorkContentArea = new Element("div.workContentArea", {
            "styles": this.css.workContentArea
        }).inject(this.formTableArea);

        var workContentTitleNode = new Element("div", {
            "styles": this.css.workContentTitleNode,
            "text": this.lp.myWorkInfor
        }).inject(workContentArea);

        var workContentNode = new Element("div", {
            "styles": this.css.workContentNode
        }).inject(workContentArea);
        //this.createSplitWorkList();
        var list = this.myWorkView = new MWF.xApplication.Execution.WorkDeploy.MyWorkView(workContentNode, this.app, this, { templateUrl : this.path+"myWork.json" })
        list.load();
    },
    creataMyDeployWorkList : function(){
        var workContentArea = this.myDeployWorkArea = new Element("div.myDeployWorkArea", {
            "styles": this.css.workContentArea
        }).inject(this.formTableArea);

        var myDeployWorkTitleNode = new Element("div.myDeployWorkTitleNode", {
            "styles": this.css.workContentTitleNode,
            "text": this.lp.deployWorkInfor
        }).inject(workContentArea);


        var list = this.myDeployWorkView = new MWF.xApplication.Execution.WorkDeploy.MyDeployWorkView(workContentArea, this.app, this, { templateUrl : this.path+"myDeployWork.json" })
        list.load();

    },





    //*************************底部按钮及方法**************************************
    _createBottomContent: function () {
        if(this.formBottomNode) this.formBottomNode.empty();

        if(this.centerWorkData && this.centerWorkData.operation){
            this.centerWorkData.operation.each(function(d,i){
                if(d == "CLOSE"){
                    this.closeBotton = new Element("div.closeBotton", {
                        "styles": this.css.formActionNode,
                        "text": this.lp.botton.close
                    }).inject(this.formBottomNode);
                    this.closeBotton.addEvent("click", function (e) {
                        this.closeWork(e);
                    }.bind(this));
                }else if(d == "CREATEWORK"){
                    this.newBotton = new Element("div.newBotton", {
                        "styles": this.css.formActionNode,
                        "text": this.lp.botton.new
                    }).inject(this.formBottomNode);
                    this.newBotton.addEvent("click", function (e) {
                        this.createWork(e);
                    }.bind(this));
                }else if(d == "IMPORTWORK"){
                    this.importBotton = new Element("div.importBotton", {
                        "styles": this.css.formActionNode,
                        "text": this.lp.botton.import
                    }).inject(this.formBottomNode);
                    this.importBotton.addEvent("click", function (e) {
                        this.importWork(e);
                    }.bind(this));
                }else if(d == "DELETE"){
                    this.deleteBotton = new Element("div.deleteBotton", {
                        "styles": this.css.formActionNode,
                        "text": this.lp.botton.delete
                    }).inject(this.formBottomNode);
                    this.deleteBotton.addEvent("click", function (e) {
                        this.deleteWork(e);
                    }.bind(this));
                }else if(d == "DEPLOY"){
                    this.deployBotton = new Element("div.deployBotton", {
                        "styles": this.css.formActionNode,
                        "text": this.lp.botton.deploy
                    }).inject(this.formBottomNode);
                    this.deployBotton.addEvent("click", function (e) {
                        this.deployWork(e);
                    }.bind(this));
                }else if(d == "ARCHIVE"){
                    this.archiveBotton = new Element("div.archiveBotton", {
                        "styles": this.css.formActionNode,
                        "text": this.lp.botton.archive
                    }).inject(this.formBottomNode);
                    this.archiveBotton.addEvent("click", function (e) {
                        this.archiveWork(e);
                    }.bind(this));
                } if(d == "CONFIRM"){
                    this.confirmBotton = new Element("div.confirmBotton", {
                        "styles": this.css.formActionNode,
                        "text": this.lp.botton.confirm
                    }).inject(this.formBottomNode);
                    this.confirmBotton.addEvent("click", function (e) {
                        this.confirmWork(e);
                    }.bind(this));
                }
            }.bind(this))
        }
    },

    closeWork:function(data){
        this.close();
        //this.fireEvent("reloadView", data);
        this.fireEvent("reloadView", {"action":"reload"});
    },
    createWork:function(){
        var r = this.centerForm.getResult(true,",",true,false,true);
        if( !r ){
            return
        }

        if(this.options.isNew || this.options.isEdited){
            this.saveCenterWork(r,function(json){
                if(json.type && json.type == "error"){
                    this.app.notice(json.message, "error")
                }else{
                    if(json.data && json.data.id)this.reloadTableContent(json.data.id)
                    if(this.centerWorkData)this.openWorkForm(this.centerWorkData)
                }
            }.bind(this))
        }else{
            if(this.centerWorkData)this.openWorkForm(this.centerWorkData)
        }
    },
    importWork:function(){
        var centerId;
        var r = this.centerForm.getResult(true,",",true,false,true);
        if( !r ){
            return false;
        }
        if(this.options.isNew || this.options.isEdited){
            this.saveCenterWork(r,function(json){
                if(json.type && json.type == "error"){
                    this.app.notice(json.message, "error")
                }else{
                    if(json.data && json.data.id){
                        centerId = json.data.id;
                        this.reloadTableContent(json.data.id)
                    }

                }
            }.bind(this))
        }else{
            if(this.centerWorkData) centerId = this.centerWorkData.id
        }

        if (centerId && !this.uploadFileAreaNode){
            this.uploadFileAreaNode = new Element("div");
            var html = "<input name=\"file\" type=\"file\" />";
            this.uploadFileAreaNode.set("html", html);

            this.fileUploadNode = this.uploadFileAreaNode.getFirst();
            this.fileUploadNode.addEvent("change", function(){

                var files = fileNode.files;
                if (files.length){
                    for (var i = 0; i < files.length; i++) {
                        var file = files.item(i);
                        var tmp = file.name.split(".");
                        this.uploadFileName = file.name;
                        if( tmp[tmp.length-1].toLowerCase() != "xls" && tmp[tmp.length-1].toLowerCase() != "xlsx" ){
                            this.app.notice("请导入excel文件！","error");
                            return;
                        }
                        var formData = new FormData();
                        formData.append('file', file);

                        this.createShade("正在导入，请稍后.....")
                        this.actions.importBaseWork(centerId,function(json){
                            this.reloadTableContent(centerId)
                            this.destroyShade()
                        }.bind(this),function(xhr,text,error){
                            this.showErrorMessage(xhr,text,error)
                            this.destroyShade()
                        }.bind(this),formData,file)

                    }
                }
            }.bind(this));
        }
        var fileNode = this.uploadFileAreaNode.getFirst();
        fileNode.click();
    },
    deleteWork:function(e){
        var _self = this;
        _self.app.confirm("warn",e,_self.lp.submitWarn.warnTitle,_self.lp.submitWarn.warnContent,300,120,function(){
            _self.actions.deleteCenterWork(_self.centerWorkData.id, function(json){
                if(json.type && json.type=="success"){
                    _self.app.notice(this.lp.prompt.deleteCenterWork, "success");
                    _self.closeWork({"action":"reload"});
                }
            }.bind(_self),function(xhr,text,error){
                _self.showErrorMessage(xhr,text,error)
            }.bind(_self));

            this.close()

        },function(){
            this.close();
        })

    },
    deployWork:function(e){
        var _self = this;
        _self.app.confirm("warn",e,_self.lp.submitWarn.warnTitle,_self.lp.submitWarn.warnDeployContent,300,120,function(){
            _self.actions.deployCenterWork(_self.centerWorkData.id, function(json){
                if(json.type && json.type=="success"){
                    _self.app.notice(this.lp.prompt.deployCenterWork, "success");
                    _self.close();
                    _self.fireEvent("reloadView", {"action":"reload"});
                }
            }.bind(_self),function(xhr,text,error){
                _self.showErrorMessage(xhr,text,error)
            }.bind(_self));

            this.close()

        },function(){
            this.close();
        })
    },
    confirmWork:function(e){
        var _self = this;
        _self.app.confirm("warn",e,_self.lp.submitWarn.warnTitle,_self.lp.submitWarn.warnConfirmContent,300,120,function(){
            _self.actions.deployCenterWork(_self.centerWorkData.id, function(json){
                if(json.type && json.type=="success"){
                    _self.app.notice(this.lp.prompt.comfirmCenterWork, "success");
                    _self.close();
                    _self.fireEvent("reloadView", {"action":"reload"});
                }
            }.bind(_self),function(xhr,text,error){
                _self.showErrorMessage(xhr,text,error)
            }.bind(_self));

            this.close()

        },function(){
            this.close();
        })
    },
    archiveWork:function(e){
        var _self = this;
        _self.app.confirm("warn",e,_self.lp.submitWarn.warnTitle,_self.lp.submitWarn.warnArchiveContent,300,120,function(){
            _self.actions.archiveMainTask(_self.centerWorkData.id, function(json){
                if(json.type && json.type=="success"){
                    _self.app.notice(this.lp.prompt.archiveCenterWork, "success");
                    _self.close();
                    _self.fireEvent("reloadView", {"action":"reload"});
                }
            }.bind(_self),function(xhr,text,error){
                _self.showErrorMessage(xhr,text,error)
            }.bind(_self));

            this.close()
        },function(){
            this.close();
        })

    },



    //*************************底部按钮及方法**************************************

    createShade: function(txt){
        if(this.shadeDiv){ this.shadeDiv.destroy()}
        if(this.shadeTxtDiv)  this.shadeTxtDiv.destroy()
        this.shadeDiv = new Element("div.shadeDiv").inject(this.formNode)
        this.shadeTxtDiv = new Element("div.shadeTxtDiv").inject(this.shadeDiv);
        this.shadeTxtDiv.set("text",txt)

        this.shadeDiv.setStyles({
            "left":"0px","top":"40px","width":"100%","height":"100%","position":"absolute","opacity":"0.6","background-color":"#999999","z-index":"999",
            "text-align":"center"
        })
        this.shadeTxtDiv.setStyles({"color":"#ffffff","font-size":"30px","margin-top":"300px"})
    },
    destroyShade : function(){
        if(this.shadeDiv) this.shadeDiv.destroy()
        if(this.shadeDiv) this.shadeDiv.destroy()
    },

    saveCenterWork: function(data,callback){
        this.app.restActions.saveCenterWork( data,
            function(json){
                if( callback )callback(json);
            }.bind(this),
            function(xhr,text,error){
                this.showErrorMessage(xhr,text,error)
            }.bind(this),
            false
        );
    },
    openWorkForm : function( data ){
        MWF.xDesktop.requireApp("Execution", "WorkForm", function(){
            this.workform = new MWF.xApplication.Execution.WorkForm(this, this.app.restActions,{"centerWorkId": data.id || this.options.centerWorkId },{
                "isNew": true,
                "isEdited": false,
                "actionStatus":"save",
                "onPostSave" : function(){
                    this.reloadTableContent()
                }.bind(this)
            });
            //alert("cccc="+this.centerWorkId)

            this.workform.load();
        }.bind(this));

    },
    showErrorMessage:function(xhr,text,error){
        var errorText = error;
        if (xhr) errorMessage = xhr.responseText;
        if(errorMessage!=""){
            var e = JSON.parse(errorMessage);
            if(e.message){
                this.app.notice( e.message,"error");
            }else{
                this.app.notice( errorText,"error");
            }
        }else{
            this.app.notice(errorText,"error")
        }

    }
})


MWF.xApplication.Execution.WorkDeploy.MyDeployWorkView = new Class({
    Extends: MWF.xApplication.Template.Explorer.ComplexView,
    _createDocument: function(data){
        return new MWF.xApplication.Execution.WorkDeploy.MyDeployWorkDocument(this.viewNode, data, this.explorer, this);
    },

    _getCurrentPageData: function(callback, count){
        if(!this.explorer.centerWorkId) return
        this.actions.getMyDeployWork(this.explorer.centerWorkId,function(json){
                if(json.data.length==0){
                    this.explorer.myDeployWorkArea.destroy();
                }
                if (callback) callback(json)
        }.bind(this),
        function(xhr,text,error){
            this.explorer.showErrorMessage(xhr,text,error)
        }.bind(this),false)

    },

    _queryCreateViewNode: function(){

    },
    _postCreateViewNode: function( viewNode ){

    },
    _queryCreateViewHead:function(){

    },
    _postCreateViewHead: function( headNode ){

    }

})

MWF.xApplication.Execution.WorkDeploy.MyDeployWorkDocument = new Class({
    Extends: MWF.xApplication.Template.Explorer.ComplexDocument,
    action_edit : function(){
        this.workForm = new MWF.xApplication.Execution.WorkDeploy.WorkForm(this.view.explorer, this.actions, this.data, {
            "isNew": false,
            "isEdited": true,
            "actionStatus":"save",
            "onPostSave" : function(){
                this.view.explorer.contentChanged = true;
            }.bind(this)
        })
        this.workForm.load();
    },
    _queryCreateDocumentNode:function( itemData ){

    },
    _postCreateDocumentNode: function( itemNode, itemData ){
        var ftd = itemNode.getElements("td")[0]
        itemNode.empty()
        var newTd = new Element("td",{
            "colspan":this.view.template.items.length,
            "style":ftd.get("style"),
            "html":ftd.get("html")
        }).inject(itemNode)

        if(itemData.subWorks){
            itemData.subWorks.each(function(d,i){
                var subTrNode = new Element("tr.subTrNode",{
                    "styles":this.css.subTrNode
                }).inject(this.view.viewNode)
                subTrNode.addEvents({
                    "click":function(){
                        this.action_view(d.id)
                    }.bind(this),
                    "mouseover":function(){
                        subTrNode.setStyles(this.css["documentNode_over"])
                    }.bind(this),
                    "mouseout":function(){
                        subTrNode.setStyles(this.css.subTrNode)
                    }.bind(this)
                })
                this.view.template.items.each(function(dd,i){
                    htmlValue = dd.content.html;
                    subTrNode.set("html",subTrNode.get("html")+htmlValue)
                }.bind(this))
                this.setLables(subTrNode,d);
                this.setValues(subTrNode,d);
                this.setStyles(subTrNode,d);
                this.setActions(subTrNode,d)
            }.bind(this))

        }
    },
    setLables:function(container,data){
        container.getElements("[lable]").each(function(el){
            var val = el.get("lable");
            if( val && this.lp[val] ){
                el.set("text", this.lp[val] )
            }
        }.bind(this))
    },
    setValues:function(container,data){
        container.getElements("[item]").each(function(el){
            var val = el.get("item");
            if(data[val]){
                el.set("text", data[val].length>70 ? data[val].substr(0,70)+'...' : data[val])
            }
        }.bind(this))
        container.getElements("[title]").each(function(el){
            var val = el.get("title");
            if(data[val]){
                el.set("title", data[val] )
            }
        }.bind(this))
    },
    setStyles:function(container,data){
        var tdActionNode = container.getElements("td[actionTd='yes']")
        if(!tdActionNode) return
        container.getElements("[styles]").each(function(el){
            var val = el.get("styles");
            if( val && this.css[val] ){
                el.setStyles(this.css[val])
            }
        }.bind(this))
        container.getElements("[subStyles]").each(function(el){
            var val = el.get("subStyles");
            if( val && this.css[val] ){
                el.setStyles(this.css[val])
            }
        }.bind(this))
    },
    setActions:function(container,data){
        var actionTdNode = container.getElement("td[actionTd='yes']")
        if(!actionTdNode) return
        if(data.operation){
            data.operation.each(function(d,i){
                var actionSpan = new Element("span.actionSpan",{
                    "styles":this.css.documentActionNode,
                }).inject(actionTdNode)
                if(data.operation.length==1){
                    if(d == "VIEW"){
                        actionSpan.set("text",this.lp.action_view)
                        actionSpan.addEvent("click", function (e) {
                            this.action_view(data.id);
                            return false;
                        }.bind(this));
                    }
                }
                if(d == "EDIT"){
                    actionSpan.set("text",this.lp.action_edit)
                    actionSpan.addEvent("click", function (e) {
                        this.action_edit(data.id);
                        return false;
                    }.bind(this));
                }else if(d == "DELETE"){
                    actionSpan.set("text",this.lp.action_delete)
                    actionSpan.addEvent("click", function (e) {
                        this.action_delete(data.id,e);
                        return false;
                    }.bind(this));
                }
            }.bind(this))
        }
    },

    action_view:function(id){
        this.workform = new MWF.xApplication.Execution.WorkForm(this, this.app.restActions,{"id": id },{
            "isNew": false,
            "isEdited": false,
            "actionStatus":"save",
            "onPostSave" : function(){
                this.explorer.contentChanged = true;
            }.bind(this)
        });
        this.workform.load();

    },
    action_edit:function(id){
        this.workform = new MWF.xApplication.Execution.WorkForm(this, this.app.restActions,{"id": id },{
            "isNew": false,
            "isEdited": true,
            "actionStatus":"save",
            "onPostSave" : function(){
                this.explorer.reloadTableContent()
            }.bind(this)
        });
        this.workform.load();
    },
    action_delete:function(id,e){
        var _self = this;
        _self.view.app.confirm("warn",e,_self.view.app.lp.WorkDeploy.submitWarn.warnTitle,_self.view.app.lp.WorkDeploy.submitWarn.warnContent,300,120,function(){
            _self.actions.deleteBaseWork(id, function(json){
                if(json.type && json.type=="success"){
                    this.app.notice(_self.view.explorer.lp.prompt.deleteBaseWork, "success");
                    _self.view.explorer.reloadTableContent()
                }
            }.bind(_self),function(xhr,text,error){
                _self.view.explorer.showErrorMessage(xhr,text,error)
            }.bind(_self));

            this.close()


        },function(){
            this.close();
        })
    }
})


MWF.xApplication.Execution.WorkDeploy.MyWorkView = new Class({
    Extends: MWF.xApplication.Template.Explorer.ComplexView,
    _createDocument: function(data){
        return new MWF.xApplication.Execution.WorkDeploy.MyWorkDocument(this.viewNode, data, this.explorer, this);
    },

    _getCurrentPageData: function(callback, count){
        if(this.explorer.centerWorkId){
            this.actions.getMyRelativeWork( this.explorer.centerWorkId, function(json){
                if(json.data.length==0){
                    this.explorer.myWorkContentArea.destroy();
                }
                if (callback) callback(json)
            }.bind(this),null,false);
        }

    },
    _openDocument: function( documentData ){
        this.workForm = new MWF.xApplication.Execution.WorkForm(this, this.actions, documentData, {
            "isNew": false,
            "isEdited": false
        })
        this.workForm.load();
    },
    _queryCreateViewNode: function(){

    },
    _postCreateViewNode: function( viewNode ){

    },
    _queryCreateViewHead:function(){

    },
    _postCreateViewHead: function( headNode ){

    }

})

MWF.xApplication.Execution.WorkDeploy.MyWorkDocument = new Class({
    Extends: MWF.xApplication.Template.Explorer.ComplexDocument,
    viewActionReturn:function(d) {
        var ret = false
        if(d.operation && d.operation.length==1){
            ret = true;
        }
        return ret;
    },
    splitActionReturn:function(d) {
        var ret = false
        if (d.operation && d.operation.indexOf("SPLIT")>-1)ret = true;
        return ret;
    },
    authorizeActionReturn:function(d) {
        var ret = false
        if (d.operation && d.operation.indexOf("AUTHORIZE")>-1)ret = true;
        return ret;
    },
    tackBackActionReturn:function(d){
        var ret = false
        if (d.operation && d.operation.indexOf("TACKBACK")>-1)ret = true;
        return ret;
    },
    action_view:function(){
        MWF.xDesktop.requireApp("Execution", "WorkForm", function(){
            var workform = new MWF.xApplication.Execution.WorkForm(this, this.app.restActions,this.data,{
                "isNew": false,
                "isEdited": false
            });
            workform.load();
        }.bind(this));

    },
    action_split:function(){
        MWF.xDesktop.requireApp("Execution", "WorkForm", function(){
            var data = {
                title : this.data.title,
                centerId : this.data.centerId,
                //centerTitle: this.data.centerTitle,
                parentWorkId : this.data.id,
                //parentWorkTitle : this.data.title,
                workType : this.data.workType,
                workLevel : this.data.workLevel,
                completeDateLimitStr : this.data.completeDateLimitStr,
                completeDateLimit : this.data.completeDateLimit,
                reportCycle: this.data.reportCycle,
                reportDayInCycle: this.data.reportDayInCycle
            }
            if(this.data.id){
                this.actions.getBaseWorkDetails(this.data.id, function (json) {
                    data.workSplitAndDescription = json.data.workDetail
                    //data.specificActionInitiatives = json.data.progressAction
                    //data.cityCompanyDuty = json.data.dutyDescription
                    //data.milestoneMark = json.data.landmarkDescription
                    //data.importantMatters = json.data.majorIssuesDescription
                }.bind(this),null,false)
            }

            var workform = new MWF.xApplication.Execution.WorkForm(this, this.app.restActions,{},{
                "isNew": true,
                "isEdited": false,
                "parentWorkId":this.data.id,
                "actionStatus":"save",
                "onPostSave" : function(){
                    this.explorer.reloadTableContent()
                }.bind(this)
            });

            workform.load();
        }.bind(this));
    },
    action_authorize:function(){
        data = {
            workId : this.data.id
        };
        var appointForm =  new MWF.xApplication.Execution.WorkDeploy.Appoint(this.view.app,this.view.app.restActions,data,this.view.css,{
            "ieEdited": true,
            "onReloadView" : function( data ){
                this.explorer.reloadTableContent()
            }.bind(this)
        });
        appointForm.load();
    },
    action_tackBack: function(e){
        var _self = this;
        _self.app.confirm("warn",e,_self.lp.submitWarn.warnTitle,_self.lp.submitWarn.warnTackBackContent,300,120,function(){
            _self.actions.unAppointBaseWork({workId:_self.data.id}, function(json){
                if(json.type && json.type=="success"){
                    _self.app.notice(_self.explorer.lp.prompt.tackbackBaseWork, "success");
                    _self.explorer.reloadTableContent();
                }
            }.bind(_self),function(xhr,text,error){
                _self.explorer.showErrorMessage(xhr,text,error)
            }.bind(_self));

            this.close()

        },function(){
            this.close();
        })
    },
    _queryCreateDocumentNode:function( itemData ){

    },
    _postCreateDocumentNode: function( itemNode, itemData ){
        if(itemNode.getElements("div[item='workDetail']").length>0){
            if(itemData.hasSubWorks){
                itemNode.getElements("div[item='workDetail']").setStyle("color","#ec6a1a");
            }
            //this.view.actions.getBaseWorksByParentId(itemData.id,function(json){
            //    if(json.data && json.data.length>0){
            //        itemNode.getElements("div[item='title']").setStyle("color","#ec6a1a");
            //        //itemNode.getElements("div[item='title']").set("title",this.view.lp.splitReady);
            //    }
            //}.bind(this))
        }

        if(itemNode.getElements("div[name='appointDiv']")){
            if(itemData.workProcessIdentity && itemData.workProcessIdentity.indexOf("AUTHORIZE")>-1){
                itemNode.getElements("div[name='appointDiv']").setStyle("display","")
            }
        }
        if(itemNode.getElements("div[styles='documentSubject']")){
            itemNode.getElements("div[styles='documentSubject']").set("title",itemData.workDetail)
        }
    }

})


MWF.xApplication.Execution.WorkDeploy.Appoint = new Class({
    Extends: MWF.xApplication.Template.Explorer.PopupForm,
    Implements: [Options, Events],
    options: {
        "style": "default",
        "width": "500",
        "height": "300",
        "hasTop": true,
        "hasIcon": false,
        "hasBottom": true,
        "title": "",
        "draggable": false,
        "closeAction": true,
        "closeText" : "",
        "needLogout" : false,
        "isNew": true
    },
    initialize: function (app, actions, data, css, options) {
        this.setOptions(options);
        this.app = app;
        this.actions = this.app.restActions;
        this.css = css;

        //this.options.title = this.app.lp.idenitySelectTitle;
        //
        //this.identities = identities;
        this.data = data || {};
        this.actions = actions;
    },
    load: function () {
        this.create();
    },

    createTopNode: function () {
        if (!this.formTopNode) {
            this.formTopNode = new Element("div.formTopNode", {
                "styles": this.css.formTopNode
            }).inject(this.formNode);

            this.formTopIconNode = new Element("div.formTopIconNode", {
                "styles": this.css.formTopIconNode
            }).inject(this.formTopNode)

            this.formTopTextNode = new Element("div.formTopTextNode", {
                "styles": this.css.formTopTextNode,
                "text": this.app.lp.workTask.appoint.appointTitle
            }).inject(this.formTopNode)

            if (this.options.closeAction) {
                this.formTopCloseActionNode = new Element("div.formTopCloseActionNode", {"styles": this.css.formTopCloseActionNode}).inject(this.formTopNode);
                this.formTopCloseActionNode.addEvent("click", function () {
                    this.close()
                }.bind(this))
            }

            this.formTopContentNode = new Element("div.formTopContentNode", {
                "styles": this.css.formTopContentNode
            }).inject(this.formTopNode)

            //this._createTopContent();

        }

    },
    _createTableContent: function () {
        var table = new Element("table",{"width":"100%",border:"0",cellpadding:"5",cellspacing:"0"}).inject(this.formTableArea);
        table.setStyles({"margin-top":"40px"})
        var tr = new Element("tr").inject(table);
        var td = new Element("td",{
            text : this.app.lp.workTask.appoint.appointFor,
            valign:"middle",
            width:"20%"
        }).inject(tr);
        td = new Element("td",{width:"80%"}).inject(tr);
        this.appointPerson = new Element("input",{
            "readonly": true
        }).inject(td);
        this.appointPerson.setStyles({"width":"90%","height":"20px"})
        this.appointPerson.addEvents({
            "click":function(){
                this.selectPerson(this.appointPerson,"identity",1)
            }.bind(this)
        })
        tr = new Element("tr").inject(table);
        td = new Element("td",{
            "text" : this.app.lp.workTask.appoint.appointOpinion,
            valign:"middle"
        }).inject(tr);


        td = new Element("td").inject(tr);
        this.appointOpinion = new Element("textarea").inject(td)
        this.appointOpinion.setStyles({"width":"90%","height":"50px"})



    },

    _createBottomContent: function () {
        this.cancelActionNode = new Element("div.formCancelActionNode", {
            "styles": this.css.formCancelActionNode,
            "text": this.app.lp.workTask.appoint.appointCancel
        }).inject(this.formBottomNode);

        this.cancelActionNode.addEvent("click", function (e) {
            this.close();
        }.bind(this));

        this.okActionNode = new Element("div.formOkActionNode", {
            "styles": this.css.formOkActionNode,
            "text": this.app.lp.workTask.appoint.appointOK
        }).inject(this.formBottomNode);

        this.okActionNode.addEvent("click", function (e) {
            this.ok(e);
        }.bind(this));
    },
    ok:function(){

        if(this.appointPerson.get("value")==""){
            this.app.notice(this.app.lp.workTask.appoint.personEmpty,"error")
            return false;
        }
        if(this.appointOpinion.get("value")==""){
            this.app.notice(this.app.lp.workTask.appoint.opinionEmpty,"error")
            return false;
        }
        var submitData = {
            workId : this.data.workId,
            undertakerIdentity : this.appointPerson.get("value"),
            authorizeOpinion : this.appointOpinion.get("value")
        }
        this.actions.appointBaseWork(submitData,function(json){
            this.app.notice(this.app.lp.WorkDeploy.prompt.authorizeBaseWork,"success")
            this.close();
            this.fireEvent("reloadView");
        }.bind(this),function(xhr,text,error){
            var errorText = error;
            if (xhr) errorMessage = xhr.responseText;
            var e = JSON.parse(errorMessage);
            if(e.message){
                this.app.notice( e.message,"error");
            }else{
                this.app.notice( errorText,"error");
            }
        }.bind(this),false)
    },
    selectPerson: function( item, type,count ) {
        MWF.xDesktop.requireApp("Organization", "Selector.package", null, false);
        this.fireEvent("querySelect", this);
        var value = item.get("value").split(this.valSeparator);
        var options = {
            "type": type,
            "title": this.app.lp.workTask.appoint.appointTitle,
            "count": count,
            "names": value || [],
            "onComplete": function (items) {
                var arr = [];
                items.each(function (item) {
                    arr.push(item.data.name);
                }.bind(this));
                item.set("value", arr.join(","));
            }.bind(this)
        };

        var selector = new MWF.OrgSelector(this.app.content, options);
    }

});