czapp/pages/baojinginfo/baojinginfo.js

(function () {
	var page = {
        isScroll: false,
        init: function ($page,param) {
			var url = '/?s=api/get_baojing_info&plate=';
			var pageobj = $('#gaojinginfo').lrpagination({
				lclass: "lr-list",
				rows: 10,
				
				// 每页行数
				getData: function (param, callback) {// 获取数据 param 分页参数,callback 异步回调
				// param:   page: 当前页,rows:行数
					setTimeout(function () {
						var data = [];
						var count = 0;
						var page = param.page-1;
						renlian.httpget(config.webapi + url + userinfo.baseinfo.plate+'&pagesize='+param.rows+'&page='+page+'&cityid='+userinfo.baseinfo.cityid, {}, function(res) {
							var length = 0;
							if(res.success == true){
								length = res.data.length;
								for (var i = 0; i < length; i++) {
								// $.each(res.data, function (_index, _item) {
									data.push({ ID: res.data[i].ID,AddTime: res.data[i].AddTime,LicensePlate: res.data[i].LicensePlate,DeviceNumber:res.data[i].DeviceNumber, Title:res.data[i].Title})
								// })
									count  = (param.page-1) * param.rows + i + 1;
								}
								
							}
							// console.log(data);
							if(page === 0 && data.length === 0){
								$('#no-message').show();
							}else{
								$('#no-message').hide();
							}
							callback(data, count+1);
						})

					}, 300);
				},
				renderData: function (_index, _item) {// 渲染数据模板
					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" id="gaojingdetail'+_item.AddTime+'">'+_item.Title+'<span class="lr-badge lr-badge-primary lr-badge-inverted">详情</span></a>\
								</div>';

					// $('#gaojingdetail'+_item.AddTime).on('tap', function () {	
					// 	renlian.nav.go({ path: 'alarmdetail', title: '告警详情', type: 'right', param:'{"addtime":"'+_item.Addtime+'"}'});
					// });

					return _msg_html_list;
				},
				click: function(item, $item){
						renlian.nav.go({ path: 'alarmdetail', title: '告警详情', type: 'right', param:'{"ID":"'+item.ID+'"}'});
				},
				down: {
					contentinit: '下拉可以刷新',
					contentdown: '下拉可以刷新',
					contentover: '释放立即刷新',
					contentrefresh: '正在刷新...'
				},
				up: {
					contentinit: '上拉显示更多',
					contentdown: '上拉显示更多',
					contentrefresh: '正在加载...',
					contentnomore: '没有更多数据了'
				}
			});


			var pullrefresh = function(index){

				if(Number(index) === 0){
					url = '/?s=api/get_baojing_info&plate=';
				}else{
					url = '/?s=api/get_gonggao_info&plate=';
					// url = '/?s=api/get_baojing_info&plate=';
				}
				console.log(url);
				pageobj.reload();

				console.log(pageobj);
				// return pageobj;
			}

			userinfo = renlian.storage.get('userinfo');
            $page.find('#toptab').rltoptab(['告警', '公告'], pullrefresh ).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 += '';
						// //刷新
							

						//刷新结束
                        break;
                    case 1:
						// console.log('test');
                        // 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"}}';
						
						// 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;
})();