xfrontend/web/srczip/logic/screen.js

(function(){
    X.pageLogic['screen'] = {
        init : function(parms){
            var width = window.innerWidth - 270;
            $(".screen-box").css("width",width+"px");
            var me = this;
            this.parms = parms;
            this.callback = parms.callback; //选择后执行的回调
            var reportid = parms.extData;//获取到上层弹窗传的数据

            
            var my_event,load_filter_props,filter_map;
            X.api("data_auth/my_event","get",{},function(d){
                my_event = d;
                X.api("data_auth/load_filter_props","post",{event_name:my_event[0]['category'][0]['event_name']},function(val){
                    load_filter_props = val;
                    X.api("data_auth/filter_map","get",{},function(d){
                        filter_map = d;
                        // console.log(my_event);
                        // console.log(load_filter_props);
                        // console.log(filter_map);
                        updatascreencon();
                    })
                })
            });

            // 显示隐藏添加条件按钮
            $(document).off('click','.screen-right-box .img').on('click','.screen-right-box .img',function(){
                if($(".screen-buttom-box").css('display') == 'block'){
                    $(".screen-buttom-box").hide();
                    $(".screen-left-qei").css('bottom','0px');
                    $(".screen-right-box .img").css('transform','rotate(180deg)');
                }else {
                    $(".screen-buttom-box").show();
                    $(".screen-left-qei").css('bottom','24px');
                    $(".screen-right-box .img").css('transform','rotate(360deg)');
                }
            });

            //清空按钮
            $(document).off('click','.screen-right-box .qingkong').on('click','.screen-right-box .qingkong',function(){
                layer.closeAll();
            });

            $(document).off('click','.screen-left-box .screen-left-qei').on('click','.screen-left-box .screen-left-qei',function(){
                if($(this).html() == "且"){
                    $(this).html("或");
                }else {
                    $(this).html("且");
                }
            });

            //默认开始时有一个数据
            var data = [];
           
            function updatascreencon(){
                var drr={
                    "columnName":load_filter_props[0]['category'][0]['id'],//事件id
                    "columnDesc":load_filter_props[0]['category'][0]['title'],//事件中文显示
                    'data_type':load_filter_props[0]['category'][0]['data_type'],//类型
                    'comparator_name':'等于',//默认等于
                    "comparator":'==',//符号id
                    "ftv":[],//条件
                    "strftv":'',//显示条件
                    "section":[-1,1],//区间
                    "tableType":load_filter_props[0]['id']
                };
                data.push(drr);
                X.laytpldata("#screen-con-box-dot",data,".screen-con-box");
            };
            
            //条件添加按钮
            $(document).off('click','.screen-buttom-box .screen-buttom').on('click','.screen-buttom-box .screen-buttom',function(){
                updatascreencon();
            });

            X.daterender("#time-box-timechoice1");

            $(document).off('click','.screen-con-bg .left-type').on('click','.screen-con-bg .left-type',function(){
                var obj = $(this); 
                var offset = obj.offset();
                var index = obj.attr('data-index');
                //点击按钮，数据，向左偏移，向右偏移
                X.querycriteriapop(load_filter_props,'category',offset.left,offset.top+obj.height(),function(val){
                   obj.html(val.title);
                   data[index]['columnDesc'] = val.title;
                   data[index]['columnName'] = val.id;
                   data[index]['data_type'] = val.type;     
                   data[index]['tableType'] = val.table_type; 
                   X.laytpldata("#screen-con-box-dot",data,".screen-con-box");
                });
            });

            //下拉选项触发事件
            $(document).off('click','.screen-content-sel').on('click','.screen-content-sel',function(){
                var obj = $(this);
                var offset = obj.offset();
                var index = obj.attr('data-index');
                var type =obj.attr('data-type');

                X.parametersopen(filter_map[type],'dropdownlist',[offset.top+obj.height(),offset.left],function(val){
                    obj.html(val.title);
                    data[index]['comparator_name'] = val.title;
                    data[index]['comparator'] = val.id;
                    if(val.id == "range"){
                        data[index]['ftv'] = [-1,1];
                    }
                    X.laytpldata("#screen-con-box-dot",data,".screen-con-box");
                })
            });

            //文本框条件输入触发事件
            $(document).off('click','.screen-right-txt').on('change','.screen-right-txt',function(){
                var index = $(this).attr('data-index');
                var val = $(this).val();
                var valarr = val.split(",");
                data[index]['ftv']=valarr;
                data[index]['strftv']=val;
            });

            //删除按钮
            $(document).off('click','.screen-con-bg .screen-del').on('click','.screen-con-bg .screen-del',function(){
                var index = $(this).attr('data-index');
                if(data.length > 1){
                    data.splice(index, 1);
                    X.laytpldata("#screen-con-box-dot",data,".screen-con-box");
                }else {
                    layer.closeAll();
                }
            });

            // 计算按钮
            $(document).off('click','.screen-right-box .jisuan').on('click','.screen-right-box .jisuan',function(){
                console.log(data);
                // 刷新看板里的数据暂时没有
                me.callback && me.callback(data);
            });

        }
    };
})();