1 files changed, 354 insertions, 0 deletions
diff --git a/umc-iui/src/main/resources/webroot/umc-pm/js/dataRangeUtil.js b/umc-iui/src/main/resources/webroot/umc-pm/js/dataRangeUtil.js
new file mode 100644
index 00000000..96964fa3
--- /dev/null
+++ b/umc-iui/src/main/resources/webroot/umc-pm/js/dataRangeUtil.js
@@ -0,0 +1,354 @@
+var dataRangeUtil={};
+/*
+
+ 初始化组件
+
+ @param parentId     父组件的ID。
+
+ @param dataRangeId  插入的日历组件的ID
+
+ */
+
+dataRangeUtil.initDataRang = function (parentId, dataRangeId, title, vm) {
+    //拼接插入的html
+    var htmlStr = jointDataRange(dataRangeId, title);
+    $('#' + parentId).append(htmlStr);
+
+    //调用datarangepicker组件生成 datarange
+    setDateRange(dataRangeId, vm);
+
+    //增加日期文本框数值按钮点击事件
+    $('button[upname=' + dataRangeId + ']').click(function () {
+        //当复选框选中时   
+        if($('#'+dataRangeId+'Check').parent().hasClass('checked')){    
+            var num = $(this).parent().prev('input[type="text"]').eq(0).val();
+            var type = $(this).parent().parent().next().val();
+            $(this).parent().prev('input[type="text"]').val(parseInt(num) + 1);
+            $('#' + dataRangeId).val(reduceDate(new Date(), (parseInt(num) + 1), type) + ' - ' + new Date().format('yyyy-MM-dd'));
+            setTime($('#' + dataRangeId));
+        }
+    })
+
+    //减少日期文本框数值按钮点击事件
+    $('button[downname=' + dataRangeId + ']').click(function () {
+        //当复选框选中时   
+        if($('#'+dataRangeId+'Check').parent().hasClass('checked')){   
+            var num = $(this).parent().prev('input[type="text"]').eq(0).val();
+            var type = $(this).parent().parent().next().val();
+             if (parseInt(num) > 0) {
+                 $(this).parent().prev('input[type="text"]').val(parseInt(num) - 1);
+                $('#' + dataRangeId).val(reduceDate(new Date(), (parseInt(num) - 1), type) + ' - ' + new Date().format('yyyy-MM-dd'));
+                setTime($('#' + dataRangeId));
+            }
+        }
+    });
+
+    $('input[tname=' + dataRangeId + ']').keyup(function () {
+        //如果输入非数字，则替换为''，如果输入数字，则在每4位之后添加一个空格分隔
+        this.value = this.value.replace(/[^\d]/g, '');
+    })
+    //文本框输入数字失去焦点后的事件
+    $('input[tname=' + dataRangeId + ']').blur(function () {
+    //当复选框选中时   
+        if($('#'+dataRangeId+'Check').parent().hasClass('checked')){
+            var type = $(this).parent().next().val();
+            var num = $(this).val();
+            $('#' + dataRangeId).val(reduceDate(new Date(), (parseInt(num)), type) + ' - ' + new Date().format('yyyy-MM-dd'));
+            setTime($('#' + dataRangeId));
+        }
+    })
+    //文本框按下键盘的事件
+    $('input[tname=' + dataRangeId + ']').keydown(function (e) {
+        //当复选框选中时   
+        if($('#'+dataRangeId+'Check').parent().hasClass('checked')){  
+            if (e.keyCode == 13) {
+                var type = $(this).parent().next().val();
+                var num = $(this).val();
+                $('#' + dataRangeId).val(reduceDate(new Date(), (parseInt(num)), type) + ' - ' + new Date().format('yyyy-MM-dd'));
+                setTime($('#' + dataRangeId));
+            }
+        }
+    });
+
+    //天、周、月、年下拉框内容改变事件。
+    $('select[sname=' + dataRangeId + ']').change(function () {
+    //当复选框选中时   
+    if($('#'+dataRangeId+'Check').parent().hasClass('checked')){  
+        var num = $('input[tname=' + dataRangeId + ']').val();
+        var type = $(this).val();
+        $('#' + dataRangeId).val(reduceDate(new Date(), (parseInt(num)), type) + ' - ' + new Date().format('yyyy-MM-dd'));
+        var a=$('input[ckeckItemId='+dataRangeId+']'); 
+        setTime($('#' + dataRangeId));
+        }    
+    })
+  
+
+    $('#'+dataRangeId+'Check').on('ifClicked',function(){
+        var flag=$(this).parent().hasClass('checked');
+        if(!flag){//被选中
+           var relId=$(this).attr('ckeckitemid');
+           if(relId=="dataRangeLocation"){
+              vm.dataRangeLocationDisabled=false;  
+           }else if(relId=="dataRangeType"){
+              vm.dataRangeTypeDisabled=false;
+           }else{
+              vm.dataRangeDisabled=false;
+           }
+            setTime($('#' + dataRangeId));
+        }else{//未选中
+            var relId=$(this).attr('ckeckitemid');
+            if(relId=="dataRangeLocation"){
+                vm.dataRangeLocationDisabled=true;  
+            }else if(relId=="dataRangeType"){
+                vm.dataRangeTypeDisabled=true;
+            }else{
+                vm.dataRangeDisabled=true;
+            }            
+           $('#' + dataRangeId).val('');//清空日历text里的信息。
+            $('select[sname=' + dataRangeId + ']  option').eq(0).attr('selected', 'true');//设置初始化下拉框
+            $('input[tname=' + dataRangeId + ']').val('1');        //初始化text里的内容                    
+        }
+    })
+}
+
+/*根据ID拼接 datarange的html*/
+function jointDataRange(dataRangeId, title) {
+    var htmlStr = '<input value="请选择时间" dtitle="' + title + '"  id="' + dataRangeId + '"type="select" class="btn btn-default dropdown-toggle  dataRange" data-toggle="dropdown"></label></div>';
+    return htmlStr;
+}
+
+/*
+ 设置dataRang组件的开始时间,结束时间。
+ @param dataRangeId  组件ID
+ @param startTime    开始时间  String 类型 yyyy-MM-dd
+ @param endTime      结束时间  String 类型 yyyy-MM-dd
+ */
+
+dataRangeUtil.setDataRangeValue = function (dataRangeId, startTime, endTime) {
+    $('input[id="' + dataRangeId + '"]').val(startTime + " - " + endTime);
+    if(!$('#'+dataRangeId+'Check').parent().hasClass("checked")){ //如果未被选中
+              vm.dataRangeDisabled=false;
+              $('#'+dataRangeId+'Check').iCheck('check');
+    }
+
+}
+
+
+
+/*
+
+ 获取dataRange组件的开始时间结束时间。
+
+ @param dataRangeId  组件ID
+
+
+
+ */
+
+dataRangeUtil.getDataRangeValue = function (dataRangeId) {
+
+
+
+    var value = $('#' + dataRangeId).val();
+
+    var arr = value.split(" - ");//空格必须有
+
+    return arr;
+
+}
+
+
+
+
+
+//调用datarangepicker组件生成 datarange
+
+setDateRange = function (dataRangeId, vm) {
+    var open = 'right';
+    var month = "月";
+    var optionSet1 = {
+        //startDate: moment().subtract(179, 'days'),
+        //endDate: moment(),
+        startDate: "2015-08-02",
+        endDate: "2015-08-03",
+        format: 'YYYY-MM-DD',
+        dateLimit: {days: 180},
+        showWeekNumbers: false,
+        opens: open,
+        separator: ' - ',
+        locale: {
+            applyLabel: "确定",
+            cancelLabel: "取消",
+            fromLabel: "从",
+            toLabel: "到",
+            customRangeLabel: "自定义",
+            daysOfWeek: [
+                "日",
+                "一",
+                "二",
+                "三",
+                "四",
+                "五",
+                "六"],
+            monthNames: ['1' + month, '2' + month, '3' + month, '4' + month, '5' + month, '6' + month, '7' + month, '8' + month, '9' + month, '10' + month, '11' + month, '12' + month],
+            firstDay: 1
+
+        }
+
+    };
+
+    $('input[id="' + dataRangeId + '"]').bind('apply.daterangepicker', function () {
+        //获取时间范围，查询
+        // 都设置为0点
+        setTime($(this));
+    });
+    $('input[id="' + dataRangeId + '"]').daterangepicker(optionSet1);
+};
+
+
+
+
+
+/*格式化日期*/
+
+Date.prototype.format = function (format) {
+
+    /*
+
+     * format="yyyy-MM-dd hh:mm:ss";
+
+     */
+
+    var o = {
+
+        "M+": this.getMonth() + 1,
+
+        "d+": this.getDate(),
+
+        "h+": this.getHours(),
+
+        "m+": this.getMinutes(),
+
+        "s+": this.getSeconds(),
+
+        "q+": Math.floor((this.getMonth() + 3) / 3),
+
+        "S": this.getMilliseconds()
+
+    }
+
+
+
+    if (/(y+)/.test(format)) {
+
+        format = format.replace(RegExp.$1, (this.getFullYear() + "").substr(4
+
+        - RegExp.$1.length));
+
+    }
+
+
+
+    for (var k in o) {
+
+        if (new RegExp("(" + k + ")").test(format)) {
+
+            format = format.replace(RegExp.$1, RegExp.$1.length == 1
+
+                ? o[k]
+
+                : ("00" + o[k]).substr(("" + o[k]).length));
+
+        }
+
+    }
+
+    return format;
+
+}
+
+function setTime($obj) {
+    var title = $obj.attr('dtitle');
+    var arr = $obj.val().split(' - ');
+     //排除日历组件空字符串的情况。
+
+    if(arr[0]!=''){
+
+        var starTime = new Date(arr[0].replace(/-/g, "/")).getTime();
+
+        var endTime = new Date(arr[1].replace(/-/g, "/")).getTime();
+
+
+
+        if (title == "确认时间") {
+
+            vm.fmConds.ackTimeStarTime = starTime;
+
+            vm.fmConds.ackTimeEndTime = endTime;
+
+        } else if (title == "发生时间") {
+
+            vm.fmConds.alarmRaisedStartTime = starTime;
+
+            vm.fmConds.alarmRaisedEndTime = endTime;
+
+        } else if (title == "清除时间") {
+
+            vm.fmConds.clearedTimeStarTime = starTime;
+
+            vm.fmConds.clearedTimeEndTime = endTime;
+
+        }
+
+        refreshByCond();
+
+    }   
+
+}
+
+/*
+ @param type 1 day 2 week  3 month  4 year
+ */
+function reduceDate(date, val, type) {
+
+    var d = new Date(date);
+
+    if (type == 'day') {
+
+        d.setDate(d.getDate() - val);
+
+    } else if (type == 'week') {
+
+        d.setDate(d.getDate() - val * 7);
+
+    } else if (type == 'month') {
+
+        d.setMonth(d.getMonth() - val);
+
+    } else if (type == 'year') {
+
+        d.setFullYear(d.getFullYear() - val);
+
+    }
+
+    var month = d.getMonth() + 1;
+
+    var day = d.getDate();
+
+    if (month < 10) {
+
+        month = "0" + month;
+
+    }
+
+    if (day < 10) {
+
+        day = "0" + day;
+
+    }
+
+    var val = d.getFullYear() + "-" + month + "-" + day;
+
+    return val;
+
+}