zmgis/src/widgets/HiddenTroubleTransAudit/Widget.ts

import BaseWidget = require('core/BaseWidget.class');
import AjaxSend = require("common/AjaxSend.class");
import MapSet = require("common/MapSet.class");
import VerificationHelper = require("common/VerificationHelper.class");
import GraphicsLayer = require("esri/layers/GraphicsLayer");
import Graphic = require("esri/graphic");
import Point = require("esri/geometry/Point");
import Polyline = require('esri/geometry/Polyline');
import { data } from 'jquery';

enum operation {
    create, destroy, clear
}

export = HiddenTroubleTransAudit;
class HiddenTroubleTransAudit extends BaseWidget {
    baseClass = "widget-HiddenTroubleTransAudit";
    preLayerId = 'HalfPanel' + this.baseClass;
    clusters = this.preLayerId + 'Clusters';
    popClass = this.baseClass + 'PopClass';
    map = null;
    toast = null;
    popup = null;
    loadWait = null;
    ajaxSend = null;
    fristSearch = true;
    dataTable = null;
    searchInfo = null;
    verificationHelper = null;
    selectTableGraphic = null;//点击列表显示的图层
    selectTablePoint = null;
    selectTableLine = null;
    mapSet = null;

    /**
     * @function 初始化启动
     */
    startup() {
        this.configure();
        this.initHtml();
        this.initEvent();
        this.getInfoList();
        this.getAllInfo();
        this.getGroup();
    }

    /**
     * @function 页面初始化
     */
    initHtml() {
        var html = _.template(this.template.split('$$')[0] + "</div>")();
        this.setHtml(html);
        this.ready();
    }

    configure() {
        this.toast = this.AppX.runtimeConfig.toast;
        this.popup = this.AppX.runtimeConfig.popup;
        this.map = this.AppX.runtimeConfig.map;
        this.ajaxSend = new AjaxSend();
        this.loadWait = this.AppX.runtimeConfig.loadWait;
        this.verificationHelper = new VerificationHelper();
        this.mapSet = new MapSet();
        //隐患选中后的颜色设置
        this.selectTablePoint = this.mapSet.setGraphSymbol("point");
        this.selectTableLine = this.mapSet.setGraphSymbol("polyline");
    }



    /**
     * 选中列表图层的渲染创建、销毁、清理
     * @param action 通过枚举operation控制操作
    */
    initSelectTableGraphic(action) {
        if (action == operation.destroy && this.selectTableGraphic) {
            this.map.removeLayer(this.selectTableGraphic);
            this.selectTableGraphic = null;
        }
        if (action == operation.create && !this.selectTableGraphic) {
            this.selectTableGraphic = new GraphicsLayer();
            this.selectTableGraphic.id = this.preLayerId + "selectTableGraphic";
            this.map.addLayer(this.selectTableGraphic);
        }
        if (action == operation.clear && this.selectTableGraphic) {
            this.selectTableGraphic.clear();
        }
    }

    /**
     * 初始化事件
     */
    initEvent() {
        this.initSelectTableGraphic(operation.create);
        this.domObj.find(".btn_search").off().click(e => {
            this.getInfoList();
        });
        //部门列表
        this.domObj.find('.department').on("change", function () {
            this.getUser( this.domObj.find(".department").val());
        }.bind(this));
    }

    /**
     * 初始化班组长审核环节
     */
    initPage(dataInfo) {
        this.popup.setSize(1000, 730);
        var Obj = this.popup.Show("隐患转派", this.template.split('$$')[1]);
        let getHtml = this.AppX.runtimeConfig.hiddenPageInfo;
        let dataState=[];
        dataState.push(getHtml.state.hiddenReport);//1 /**上报信息*/
        if(dataInfo.isDiscretionId != '1'){
        dataState.push(getHtml.state.dispatchAudit);//2  /**派工审核*/
        }
        dataState.push(getHtml.state.transfer)//5审核
        getHtml.getLinkHtml(this, Obj.conObj.find('.widget-HiddenTroubleTransAudit-pop'), dataState, getHtml.state.transfer, dataInfo);
        getHtml.setDepartmentAndUser(this, Obj.conObj.find('.transDepartment'), Obj.conObj.find('.transferHandleUser'));
        Obj.submitObj.off("click").on("click", function () {
            let data = this.getWriteInfo(Obj.conObj);
            let sendData= new FormData();
            sendData.append("isTransfer",'1');
            sendData.append("id",this.dataTable.aExtentData.currentTableData.id);
            sendData.append("troubleTransfer.transferHandleUser",data.transferHandleUser);
            sendData.append("troubleTransfer.transferReason",data.transferReason);
            sendData.append("troubleTransfer.troubleId",this.dataTable.aExtentData.currentTableData.id);
            this.ajaxSend.sendFileAjax(this, sendData, this.config.backTrouble, this.ajaxSend.type.post, this.HiddenReport.bind(this));
        }.bind(this))
        // }
    }

    /**
     * 班组长后的回调
     * @param results 班组长后的回调
     */
    HiddenReport(results) {
        if (this.ajaxSend.checkResults(this, results)) {
            this.popup.close();
            this.toast.show("处理成功");
            this.getInfoList();
        }
    }

    /**
     * 获取pop表单里面的数据(通过name属性进行json化)
     * @param obj pop表单的jq对象
     * */
    getWriteInfo(obj) {
        let data = new Object();
        //获取input里面的数据
        let dataDom = obj.find('.form-group.form-inline input:not([readonly])')
        for (var i = 0; i < dataDom.length; i++) {
            if (dataDom[i].type != 'file') {
                Object.defineProperty(data, dataDom[i].name, {
                    configurable: true,
                    writable: true,
                    enumerable: true,
                    value: dataDom[i].value
                })
            } else {
                Object.defineProperty(data, dataDom[i].name, {
                    configurable: true,
                    writable: true,
                    enumerable: true,
                    value: dataDom[i].dataInfomation
                });
            }
        };
        //获取textarea里面的数据
        dataDom = obj.find('.form-group.form-inline textarea:not([readonly])')
        for (var i = 0; i < dataDom.length; i++) {
            Object.defineProperty(data, dataDom[i].name, {
                configurable: true,
                writable: true,
                enumerable: true,
                value: dataDom[i].value
            })
        };
        dataDom = obj.find('.form-group.form-inline select')
        for (var i = 0; i < dataDom.length; i++) {
            let optionDom = $(dataDom[i]).find("option:selected");
            let value = [];
            for (var i2 = 0; i2 < optionDom.length; i2++) {
                value.push(optionDom[i2]['value'])
            };
            Object.defineProperty(data, dataDom[i].name, {
                configurable: true,
                writable: true,
                enumerable: true,
                value: value.join(',')
            })
        };
        return data;
    }

    /**
       * 获取所有信息
       * */
    getAllInfo() {
        let data = {
            current: 1,
            size: 10000,
            //1派工审核，2现场处理，3协调处理，4完成处理
            processId: '2',
        }
        this.ajaxSend.sendAjax(this, data, this.config.troubleInfo, this.ajaxSend.type.get, function (results) {
            if (this.ajaxSend.checkResults(this, results)) {
                this.allList = results.result.records;
                this.renderPoint(this.allList);
            }
        }.bind(this));
    }

    /**
     *根据数据渲染站点
     *@param results 查询数据
     * **/
    renderPoint(data) {
        this.AppX.runtimeConfig.hiddenPageInfo.addClusters(data, this.clusters, this.popClass, '审核');
        $('.body').off('click', '.' + this.popClass + " .hiddenPageInfoPopInfoLook").on('click', '.' + this.popClass + " .hiddenPageInfoPopInfoLook", function (e) {
            let index = parseInt($(e.currentTarget).attr('index'));
            this.AppX.runtimeConfig.hiddenPageInfo.getInfoByid(data[index].id, this.initPage.bind(this))
        }.bind(this));
    }

    /**
      * 获取查询条件
      */
    getSearchInfo() {
        this.searchInfo = {
            //1派工审核，2现场处理，3协调处理，4完成处理
            processId: '2',
            troubleName: this.domObj.find(".troubleTypeName").val(),
            address: this.domObj.find(".address").val(),
            userId: this.domObj.find(".users").val(),
            findUserDeptId: this.domObj.find(".department").val(),
            "orders[0].asc":false,
            "orders[0].column":"report_time"
        }
    }

    /**
    * 渲染出隐患列表点选的点和线
    * */
    showTrouble() {
        this.initSelectTableGraphic(operation.clear);
        let data = this.dataTable.aExtentData.currentTableData;
        if (data) {
            if (data.pipeInfos) {
                for (var item of data.pipeInfos) {
                    let graphic = new Graphic(new Polyline(JSON.parse(item.geometry)), this.selectTableLine);
                    this.selectTableGraphic.add(graphic);
                }
            }
            if (data.deviceInfos) {
                for (var item of data.deviceInfos) {
                    let graphic = new Graphic(new Point(JSON.parse(item.geometry)), this.selectTablePoint);
                    this.selectTableGraphic.add(graphic);
                }
            }
        }
    }

    /**
    * 渲染出列表点选的点和线
    * */
    getInfoList() {
        this.loadWait.show("正在查询数据，请耐心等待...", this.domObj);
        let that = this;
        this.getSearchInfo();
        this.initSelectTableGraphic(operation.clear);
        if (that.dataTable) {
            that.dataTable.ajax.reload();
            return;
        };
        let option = {
            that: this,
            dataTable: that.dataTable,
            elementId: "HiddenTroubleTransAuditinfodata",
            url: that.config.troubleInfo,
            isCheck: false,
            searchInfo: that.searchInfo,//条件在不断变化，故需要有全局的条件监听
            //displayTitle: ["隐患名称", "隐患地址", "派工人", "处理人员", "派工时间","转派人","转派后处理人员","转派原因","转派时间",],
            displayTitle: ["隐患名称", "所属单位", "隐患地址", "上报人", "详情"],
            displayField: ["troubleName", "unitName", "address", "findUserName", "troubleInfo"],
            extentDisplayTitle: ['转派'],
            // testData:this.config.dataInfo,
            extentDisplayContent: [{
                field: "infoWrite",
                fieldContent: "<a class='infoWrite opreationName'>转派</a>"
            }],
            beforeTrClickEvent: undefined,
            afterTrClickEvent: function () {
                this.domObj.off('click', '#HiddenTroubleTransAuditinfodata tr').on('click', "#HiddenTroubleTransAuditinfodata tr", e => {
                    this.showTrouble();
                    this.AppX.runtimeConfig.hiddenPageInfo.goPoint(this.dataTable.aExtentData.currentTableData);
                })
            }.bind(this),
            drawEvent: function () {
                this.domObj.off('click', '.infoWrite').on('click', ".infoWrite", e => {
                    this.AppX.runtimeConfig.hiddenPageInfo.getInfoByid(this.dataTable.aExtentData.currentTableData.id, this.initPage.bind(this))
                });
                this.loadWait.hide();
            }.bind(this),
            serachCallBack: function (results) {
                if (this.fristSearch) {
                    this.fristSearch = false
                } else {
                    if (results.result.records) {
                        this.renderPoint(results.result.records);
                    }
                }
            }.bind(this),
            errmassage: "隐患信息查询失败",
            nullmessage: undefined,
            exportTitle: "隐患信息"
        }
        that.dataTable = this.ajaxSend.DataTables_check(option);
    }
    /**
     * @function 获取部门列表
     */
    getGroup() {
        let data = {
            // id: this.AppX.appConfig.deptId
            current: 1,
            size: 10000
        }
        this.ajaxSend.sendAjax(this, data, this.config.getGroupList, this.ajaxSend.type.get, this.getGroupListCallback.bind(this,));
    }

    getGroupListCallback(results) {
        if (results.code != 1) {
            this.toast.Show(results.message);
            return;
        }
        let   strdepartment = ("<option selected='selected' value=''>全部</option>");

        $.each(results.result.records, function (index, item) {
            strdepartment += "<option value='" + item.id + "'>" + item.name + "</option>";
        }.bind(this));
        this.domObj.find(".department").empty().append(strdepartment);
        // this.getUser(optionType, this.domObj.find(".department").val());
    }


    /**
    * @function 根据部门id获取用户列表，空代表查询全部
    * @param isall 是否全部
    */
    getUser(companyid) {
        if(!companyid){
            this.domObj.find(".users").empty();
            return
        }
        let data = {
            "current": 1,
            "size": 1000,
            "departmentId": companyid
        }
        this.ajaxSend.sendAjax(this, data, this.config.getUserList, this.ajaxSend.type.get, function (results) {
            var that = this;
            if (results.code != 1) {
                that.toast.Show(results.message);
                return;
            }
            let strusers = "<option selected value=''>全部</option>";
            if (results.result.records.length == 0) {
                strusers = "<option selected value=''>暂无巡检人员</option>"
            } else {
                $.each(results.result.records, function (index, item) {
                    strusers += "<option  value='" + item.id + "'>" + item.realName + "</option>";
                }.bind(this));
            }
            this.domObj.find(".users").empty().append(strusers);
        }.bind(this));
    }
    /**
     * 销毁对象
     */
    destroy() {
        this.AppX.runtimeConfig.hiddenPageInfo.clearClusters(this.clusters);
        this.initSelectTableGraphic(operation.destroy);
        this.domObj.remove();
        this.afterDestroy();
    }
}