Home Explore Help
Register Sign In
bulomakaka
/
ekexiu.app
Watch 2
Star 1
Fork 0
Code Issues 0 Pull Requests 0 Commits 983 Releases 0 Wiki
Browse Source

通知

li 7 years ago
parent
e85cea74c6
commit
869a1d24f1
4 changed files with 142 additions and 39 deletions
Split View Show Diff Stats
  1. 22 2
      app/html/consultlistNew.html
  2. 48 0
      app/html/inform-sub.html
  3. 24 34
      app/html/inform.html
  4. 48 3
      app/js/consultlistNew.js

+ 22 - 2
app/html/consultlistNew.html
View File 

@ -7,14 +7,34 @@
7 7 
    <link href="../css/mui.min.css" rel="stylesheet"/>
8 8 
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css"/>
9 9 
    <link href="../css/app.css" rel="stylesheet"/>
10 
    <style>
11 
    	#tongzhi>li:after{
12 
    		height:1px;
13 
    	}
14 
    	.h2Font.mui-ellipsis>span {
15 
    		color:#ff9900
16 
    	}
17 
    </style>
10 18 
</head>
11 19 
<body>
12 20 
    <!-- 主页面内容容器 -->
13 
    <div id="logined">
21 
    <div id="">
14 22 
		<div id="zixunpullrefresh" class="mui-content mui-scroll-wrapper" >
15 23 
		  	<div class="mui-scroll">
16 24 
		  		<div class="infocon madiaBlock">
17 
				    <ul class="mui-table-view consultList" id="consultList">
25 
		  			<ul class="mui-table-view consultList1" id="tongzhi" style=" margin-bottom:0px;">
26 
				    	<li class="mui-table-view-cell" id='hh'>
27 
							<div class="madiaHead useHead" style="background-image:url(../images/default-photo.jpg)"><span class="mui-icon icon-messagenew displayNone" id="iconT"><span class="mui-badge" id="iconNum">0</span></span></div>
28 
							<div class="madiaInfo">
29 
								<div class="h1Font mui-ellipsis">
30 
									<span>通知</span>
31 
								</div>
32 
								<div class="h2Font mui-ellipsis" id="inf">这里显示对话的<span>最后一条消息，天</span>个人似乎突然今天个人似乎突然今天跟i</div>
33 
							</div>
34 
						</li>
35
36 
				    </ul>
37 
				    <ul class="mui-table-view consultList" id="consultList" style="margin-top:0px;">
18 38 
				    	<!--<li class="mui-table-view-cell" id='hh'>
19 39 
							<div class="madiaHead useHead" style="background-image:url(../images/default-photo.jpg)"></div>
20 40 
							<div class="madiaInfo">

+ 48 - 0
app/html/inform-sub.html
View File 

@ -0,0 +1,48 @@
1 
<!DOCTYPE html>
2 
<html>
3
4 
	<head>
5 
		<meta charset="utf-8">
6 
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
7 
		<title>通知</title>
8 
		<link href="../css/mui.min.css" rel="stylesheet" />
9 
		<link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
10 
		<link href="../css/app.css" rel="stylesheet" />
11 
	</head>
12
13 
	<body>
14 
		<div id="zixunpullrefresh" class="mui-content mui-scroll-wrapper">
15 
			<div class="mui-scroll">
16 
				<div class="infocon madiaBlock">
17 
					<ul class="mui-table-view consultList" id="consultList">
18 
						<li class="mui-table-view-cell" style="height:80px;">
19 
							<div class="madiaHead useHead" style="background-image:url(../images/default-photo.jpg)"></div>
20 
							<div class="madiaInfo">
21
22 
								<div class="h2Font mui-ellipsis-2" style="color: #333;font-weight: 400;">这里显示对话的最后一条消息，天个人似乎突然今天个人似<span style="color:#ff9900">记得记得就到家</span>乎突然今天跟顶顶顶顶付付毒贩夫妇付付i</div>
23 
								<div class="h3Font" style="margin: 5px 0;">
24 
									8月17日 18:00
25 
								</div>
26 
							</div>
27 
						</li>
28 
						<li class="mui-table-view-cell" style="height:80px;">
29 
							<div class="madiaHead useHead" style="background-image:url(../images/default-photo.jpg)"></div>
30 
							<div class="madiaInfo">
31
32 
								<div class="h2Font mui-ellipsis-2" style="color: #333;font-weight: 400;">这里显示对话的最后一条消息，天个人似乎突然今天个人似<span style="color:#ff9900">记得记得就到家</span>乎突然今天跟顶顶顶顶付付毒贩夫妇付付i</div>
33 
								<div class="h3Font" style="margin: 5px 0;">
34 
									8月17日 18:00
35 
								</div>
36 
							</div>
37 
						</li>
38 
					</ul>
39 
				</div>
40 
			</div>
41 
			<div style="position:absolute;top:50%;width:100%;text-align:center;" class="displayNone">暂无通知</div>
42 
		</div>
43 
		<script src="../js/public/mui.min.js"></script>
44 
		<script src="../js/public/base.js"></script>
45 
		<script src="../js/inform.js"></script>
46 
	</body>
47
48 
</html>

+ 24 - 34
app/html/inform.html
View File 

@ -1,48 +1,38 @@
1 
<!DOCTYPE html>
1 
<!doctype html>
2 2 
<html>
3 3
4 4 
	<head>
5 
		<meta charset="utf-8">
6 
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
5 
		<meta charset="UTF-8">
7 6 
		<title>通知</title>
7 
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
8 
		<meta name="apple-mobile-web-app-capable" content="yes">
9 
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
8 10 
		<link href="../css/mui.min.css" rel="stylesheet" />
9 
		<link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
11 
		<link href="../css/iconfont.css" rel="stylesheet" />
10 12 
		<link href="../css/app.css" rel="stylesheet" />
11 13 
	</head>
12 14
13 15 
	<body>
14 
		<div id="zixunpullrefresh" class="mui-content mui-scroll-wrapper">
15 
			<div class="mui-scroll">
16 
				<div class="infocon madiaBlock">
17 
					<ul class="mui-table-view consultList" id="consultList">
18 
						<li class="mui-table-view-cell" style="height:80px;">
19 
							<div class="madiaHead useHead" style="background-image:url(../images/default-photo.jpg)"></div>
20 
							<div class="madiaInfo">
21
22 
								<div class="h2Font mui-ellipsis-2" style="color: #333;font-weight: 400;">这里显示对话的最后一条消息，天个人似乎突然今天个人似<span style="color:#ff9900">记得记得就到家</span>乎突然今天跟顶顶顶顶付付毒贩夫妇付付i</div>
23 
								<div class="h3Font" style="margin: 5px 0;">
24 
									8月17日 18:00
25 
								</div>
26 
							</div>
27 
						</li>
28 
						<li class="mui-table-view-cell" style="height:80px;">
29 
							<div class="madiaHead useHead" style="background-image:url(../images/default-photo.jpg)"></div>
30 
							<div class="madiaInfo">
16 
		<header class="mui-bar mui-bar-nav toptitbox">
17 
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
18 
			<h1 class="mui-title toptit">通知</h1>
19 
		</header>
20 
		<div class="mui-content"></div>
31 21
32 
								<div class="h2Font mui-ellipsis-2" style="color: #333;font-weight: 400;">这里显示对话的最后一条消息，天个人似乎突然今天个人似<span style="color:#ff9900">记得记得就到家</span>乎突然今天跟顶顶顶顶付付毒贩夫妇付付i</div>
33 
								<div class="h3Font" style="margin: 5px 0;">
34 
									8月17日 18:00
35 
								</div>
36 
							</div>
37 
						</li>
38 
					</ul>
39 
				</div>
40 
			</div>
41 
			<div style="position:absolute;top:50%;width:100%;text-align:center;" class="displayNone">暂无通知</div>
42 
		</div>
43 22 
		<script src="../js/public/mui.min.js"></script>
44 
		<script src="../js/public/base.js"></script>
45 
		<script src="../js/inform.js"></script>
23 
		<script type="text/javascript">
24 
			//启用双击监听
25 
			mui.init({
26 
				subpages: [{
27 
					url: '../html/inform-sub.html',
28 
					id: 'inform-sub.html',
29 
					styles: {
30 
						top: '44px',
31 
						bottom: '0px',
32 
					}
33 
				}]
34 
			});
35 
		</script>
46 36 
	</body>
47 37
48 38 
</html>

+ 48 - 3
app/js/consultlistNew.js
View File 

@ -8,7 +8,7 @@ mui.ready(function() {
8 8 
			content1.style.display = 'none';
9 9 
		} else {
10 10 
			content2.style.display = 'none';
11 
			messageList(true)
11 
			messageList(true);
12 12 
		}
13 13 
		/*登陆*/
14 14 
		window.addEventListener('logined', function(event) {
 
@ -60,17 +60,32 @@ mui.ready(function() {
60 60 
			});
61 61
62 62 
		});
63 
		mui("#tongzhi").on("tap", "li", function() {
64 
			mui.openWindow({
65 
					url: '../html/inform.html',
66 
					id: 'inform.html',
67 
					show: {
68 
						autoShow: true,
69 
						aniShow: "slide-in-right",
70 
					}
71 
				})
72 
		})
63 73 
		websocket1()
64 74
65 75 
		function websocket1() {
66 
			var ws = new WebSocket("ws://www.ekexiu.com:8080/portal/websocket/msg?id=" + userid + "&pm=app");
76 
			var ws = new WebSocket("ws://192.168.3.233:8081/portal/websocket/msg?id=" + userid + "&pm=app");
67 77 
			ws.onopen = function() {
68 78
69 79 
			};
70 80 
			ws.onmessage = function(a) {
71 81 
				var fol = true;
72 82 
				var $info = JSON.parse(a.data);
73
83 
				if(!$info.sender) {
84 
				document.getElementById("inf").innerHTML=$info.cnt;
85 
				document.getElementById("iconT").style.display="block";
86 
				document.getElementById("iconNum").innerHTML=parseInt(document.getElementById("iconNum").innerHTML)+1;
87 
				return;
88 
				}
74 89 
				var li = $("#consultList").find("li");
75 90 
				var cf = 1;
76 91 
				$.each(li, function() {
 
@ -197,6 +212,36 @@ mui.ready(function() {
197 212 
				}
198 213 
			});
199 214 
		}
215 
		inform();
216 
		/*通知*/
217 
		function inform() {
218 
			mui.ajax(baseUrl + '/ajax/notify/idx', {
219 
				"type": "GET",
220 
				"async": true,
221 
				"data": {
222 
					id:userid
223 
				},
224 
				"success": function(data) {
225 
					console.log(JSON.stringify(data));
226 
					//return;
227 
					if(data.success) {
228 
						document.getElementById("inf").innerHTML=data.data.lastCnt;
229 
						if(data.data.unRead) {
230 
							document.getElementById("iconT").style.display="block";
231 
							document.getElementById("iconNum").innerHTML=data.data.unRead;
232 
						}else{
233 
							document.getElementById("iconT").style.display="none";
234 
							document.getElementById("iconNum").innerHTML=0;
235 
						}
236
237 
					}
238 
				},
239 
				"error": function(x) {
240 
					console.log(x)
241 
					plus.nativeUI.toast("服务器链接超时", toastStyle);
242 
				}
243 
			});
244 
		}
200 245 
		var btnArray = ['确认', '取消'];
201 246 
		mui('#consultList').on('tap', '.mui-btn', function(event) {
202 247 
			var elem = this;