czapp/pages/baojinginfo/baojinginfo.js

(function () {
	/*function list(data, $page) {
		$.each(data, function (_index, _item) {
			learun.httpget(config.webapi + "learun/adms/desktop/data", { type: 'list', id: _item.F_Id }, function(data) {
				if (data) {
					var html = '';
					$.each(data.value, function (_j, _jitem) {	
						html += '\
							<div class="lr-list-item lr-dtlist-item">\
								<div class="lr-ellipsis">'+ _jitem.f_title + '</div>\
								<div class="date">'+ learun.date.format(_jitem.f_time, 'yyyy-MM-dd') + '</div>\
							</div>';
					});
					console.log(html);
				}
				 $page.find('#lr_desktop_msg_content').append(html);
			});
		});
	}*/
	
	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" id="gaojinginfo" style="transform: translate3d(0px, 0px, 0px) translateZ(0px);">';
						
						//var baojing_info = '';
						userinfo = learun.storage.get('userinfo');
						learun.httpget(config.webapi + "/?s=api/get_baojing_info&plate="+userinfo.baseinfo.plate, {}, function(res) {
							if(res.success == true){
								$.each(res.data, function (_index, _item) {
									msg_html += '\
										<div class="lr-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">'+ _item.Type +'<span class="lr-badge lr-badge-primary lr-badge-inverted">详情</span></a>\
												</div>\
											</div>';
									$page.find('#gaojinginfo').html(msg_html);
									var addtime = $('#time').text();
									$('.gaojingdetail').on('tap', function () {	
										learun.nav.go({ path: 'alarmdetail', title: '告警详情', type: 'right', param:'{"addtime":"'+addtime+'"}'});
									});
								});
							}else{
								msg_html += '<h4>暂无消息</h4>';
								$page.find('#gaojinginfo').html(msg_html);
							}
							});
						
						msg_html += '\
										</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);
                        break;
                    case 1:
                        var msg_html = '';
						msg_html += '\
									<div class="f-page-body f-scroll-wrapper">\
										<div class="f-scroll" id="gonggaoinfo" style="transform: translate3d(0px, 0px, 0px) translateZ(0px);">';
						//var baojing_info = '{"0":{"data":"1111","msg":"公告","time":"2/28"},"1":{"data":"2222","msg":"公告","time":"2/29"}}';
						userinfo = learun.storage.get('userinfo');
						learun.httpget(config.webapi + "/?s=api/get_gonggao_info&plate="+userinfo.baseinfo.plate, {}, function(res) {
							if(res.success == true){
								$.each(res.data, function (_index, _item) {
									msg_html += '\
										<div class="lr-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">'+ _item.Type +'<span class="lr-badge lr-badge-primary lr-badge-inverted">详情</span></a>\
												</div>\
											</div>';
									$page.find('.gonggaodetail').on('tap', function () {
										learun.nav.go({ path: 'baojing', title: '自助报警', type: 'right' });
									});
								});
								
							}else{
								msg_html += '<h4>暂无消息</h4>';	
							}
							$page.find('#gonggaoinfo').html(msg_html);
							$('.gonggaodetail').on('tap', function () {
								var addtime = $('#time').text();
								learun.nav.go({ path: 'noticedetail', title: '告警详情', type: 'right', param:'{"addtime":"'+addtime+'"}'});
							});
						});
						msg_html += '\
									</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);
                        break;
                }
                $this = null;
            });
        }
		/*reload: function ($page, pageinfo) {
			if (learun.isOutLogin) {// 如果是重新登录的情况刷新下桌面数据
                learun.isOutLogin = false;
			$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" id="gaojinginfo" style="transform: translate3d(0px, 0px, 0px) translateZ(0px);">';
						learun.http.get("http://czapp.rltest.cn/?s=api/get_baojing_info", {}, function(res) {
							if(res){
								$.each(res.data, function (_index, _item) {
									msg_html += '\
										<div class="lr-list">\
												<div class="lr-list-item lr-list-item-multi" style="line-height: 25px;">\
													<h4>'+ _item.AddTime +'</h4>\
													<p class="lr-ellipsis">'+ _item.DeviceNumber +'<span class="" style="right: 15px;position: absolute;top: 50%;transform: translateY(-50%);">'+ _item.AddTime +'</span></p>\
													<a class="lr-nav-right">'+ _item.Comment +'<span class="lr-badge lr-badge-primary lr-badge-inverted">详情</span></a>\
												</div>\
											</div>';
								});
								
							}else{
								msg_html += '<h4>暂无消息</h4>';	
							}
							$page.find('#gaojinginfo').html(msg_html);
							});
						
						msg_html += '\
										</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);
                        break;
                    case 1:
                        var msg_html = '';
						msg_html += '\
									<div class="f-page-body f-scroll-wrapper">\
										<div class="f-scroll" id="gonggaoinfo" style="transform: translate3d(0px, 0px, 0px) translateZ(0px);">';						
						learun.http.get("http://czapp.rltest.cn/?s=api/get_baojing_info", {}, function(res) {
							if(res){
								$.each(res.data, function (_index, _item) {
									msg_html += '\
										<div class="lr-list">\
												<div class="lr-list-item lr-list-item-multi" style="line-height: 25px;">\
													<h4>'+ _item.AddTime +'</h4>\
													<p class="lr-ellipsis">'+ _item.DeviceNumber +'<span class="" style="right: 15px;position: absolute;top: 50%;transform: translateY(-50%);">'+ _item.AddTime +'</span></p>\
													<a class="lr-nav-right">'+ _item.Comment +'<span class="lr-badge lr-badge-primary lr-badge-inverted">详情</span></a>\
												</div>\
											</div>';
								});
								
							}else{
								msg_html += '<h4>暂无消息</h4>';	
							}
							$page.find('#gonggaoinfo').html(msg_html);
						});
						msg_html += '\
									</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);
                        break;
                }
                $this = null;
            });
			}
		}*/
    };
    return page;
	
    /*var page = {
        isScroll: false,
        init: function ($page) {
			learun.clientdata.get('desktop', {
				callback: function (data) {
					console.log(data);
					list(data.list || [], $page);
				}
			});
			
        }
    };
    return page;*/
})();