czapp/pages/baojinginfo/baojinginfo.js

(function () {
	var page = {
        isScroll: false,
        init: function ($page,param) {
            $page.find('#toptab').toptab(['告警', '公告']).each(function (index) {
                var $this = $(this);
                switch (index) {
                    case 0:
						var msg_html = '';
						msg_html += '\
									<div class="f-page-body f-scroll-wrapper">\
										<div class="f-scroll" style="overflow:auto;height: 100%;">\
											<div class="lr-list gaojinginfo">\
											</div>\
										</div>\
										<div class="f-scrollbar f-scrollbar-vertical">\
											<div class="f-scrollbar-indicator" style="transition-duration: 0ms; display: none; height: 830px; transform: translate3d(0px, 0px, 0px) translateZ(0px);">\
											</div>\
										</div>\
									</div>';
						$this.html(msg_html);
						//var baojing_info = '';
						userinfo = renlian.storage.get('userinfo');
						renlian.httpget(config.webapi + "/?s=api/get_baojing_info&plate="+userinfo.baseinfo.plate, {}, function(res) {
							console.log(res)
							if(res.success == true){
								var msg_html_list = '';
								$.each(res.data, function (_index, _item) {
									msg_html_list += '\
												<div class="lr-list-item lr-list-item-multi" style="line-height: 25px;">\
													<h4 id="time">'+ _item.AddTime +'</h4>\
													<p class="lr-ellipsis">'+ _item.LicensePlate +'<span class="" style="right: 15px;position: absolute;top: 50%;transform: translateY(-50%);">'+ _item.DeviceNumber +'</span></p>\
													<a class="lr-nav-right gaojingdetail">告警<span class="lr-badge lr-badge-primary lr-badge-inverted">详情</span></a>\
												</div>';
									$page.find('.gaojinginfo').html(msg_html_list);
									var addtime = $('#time').text();
									$('.gaojingdetail').on('tap', function () {	
										renlian.nav.go({ path: 'alarmdetail', title: '告警详情', type: 'right', param:'{"addtime":"'+addtime+'"}'});
									});
								});
							}else{
								msg_html += '<h4>暂无消息</h4>';
								$page.find('.gaojinginfo').html(msg_html);
							}
							});
						
						//msg_html += '';
						//刷新
							var pageobj = $('.gaojinginfo').lrpagination({
								lclass: "lr-list",
								rows: 10,                            // 每页行数
								getData: function (param, callback) {// 获取数据 param 分页参数,callback 异步回调
								// param:   page: 当前页,rows:行数
									setTimeout(function () {
										var data = [];
										renlian.httpget(config.webapi + "/?s=api/get_baojing_info&plate="+userinfo.baseinfo.plate, {}, function(res) {
											if(res.success == true){
												$.each(res.data, function (_index, _item) {
													data.push({ AddTime: _item.AddTime,LicensePlate: _item.LicensePlate,DeviceNumber:_item.DeviceNumber})
												})
											}
										})
										callback(data, 20);
									}, 1000);
								},
								renderData: function (_index, _item) {// 渲染数据模板
									console.log(_index);
									var _msg_html_list = '';
									_msg_html_list+= '\
												<div class="lr-list-item lr-list-item-multi" style="line-height: 25px;">\
													<h4 id="time">'+ _item.AddTime +'</h4>\
													<p class="lr-ellipsis">'+ _item.LicensePlate +'<span class="" style="right: 15px;position: absolute;top: 50%;transform: translateY(-50%);">'+ _item.DeviceNumber +'</span></p>\
													<a class="lr-nav-right gaojingdetail">告警<span class="lr-badge lr-badge-primary lr-badge-inverted">详情</span></a>\
												</div>';
									return _msg_html_list;
								},
								down: {
									contentinit: '下拉可以刷新',
									contentdown: '下拉可以刷新',
									contentover: '释放立即刷新',
									contentrefresh: '正在刷新...'
								},
								up: {
									contentinit: '上拉显示更多',
									contentdown: '上拉显示更多',
									contentrefresh: '正在加载...',
									contentnomore: '没有更多数据了'
								}
							});
						//刷新结束
                        break;
                    case 1:
                        var msg_html = '';
						var msg_html = '';
						msg_html += '\
									<div class="f-page-body f-scroll-wrapper">\
										<div class="f-scroll" style="overflow:auto;height: 100%;">\
											<div style="position:unset;padding:10px" class="lr-list gonggaoinfo">\
											</div>\
										</div>\
										<div class="f-scrollbar f-scrollbar-vertical">\
											<div class="f-scrollbar-indicator" style="transition-duration: 0ms; display: none; height: 830px; transform: translate3d(0px, 0px, 0px) translateZ(0px);">\
											</div>\
										</div>\
									</div>';
						$this.html(msg_html);
						//var baojing_info = '{"0":{"data":"1111","msg":"公告","time":"2/28"},"1":{"data":"2222","msg":"公告","time":"2/29"}}';
						userinfo = renlian.storage.get('userinfo');
						renlian.httpget(config.webapi + "/?s=api/get_gonggao_info&plate="+userinfo.baseinfo.plate, {}, function(res) {
							var msg_html_list = '';
							if(res.success == true){
								$.each(res.data, function (_index, _item) {
									msg_html_list += '\
												<div class="lr-list-item lr-list-item-multi" style="line-height: 25px;">\
													<h4 id="time">'+ _item.AddTime +'</h4>\
													<p class="lr-ellipsis">'+ _item.LicensePlate +'<span class="" style="right: 15px;position: absolute;top: 50%;transform: translateY(-50%);">'+ _item.DeviceNumber +'</span></p>\
													<a class="lr-nav-right gonggaodetail">公告<span class="lr-badge lr-badge-primary lr-badge-inverted">详情</span></a>\
												</div>';
									$page.find('.gonggaoinfo').html(msg_html_list);
									$('.gonggaodetail').on('tap', function () {
										var addtime = $('#time').text();
										renlian.nav.go({ path: 'noticedetail', title: '公告详情', type: 'right', param:'{"addtime":"'+addtime+'"}'});
									});
								});
								
							}else{
								msg_html += '<h4 style="text-align: center;">暂无消息</h4>';
								$page.find('.gonggaoinfo').html(msg_html);
							}
						});
                        break;
                }
                $this = null;
            });
        }
		
    };
    return page;
})();