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

1.咨询列表下拉加载
2.聊天返回，咨询列表中状态的改变

xiaoai_123 8 years ago
parent
b7d6fd0e7b
commit
bda0832a2a
9 changed files with 413 additions and 1531 deletions
Split View Show Diff Stats
  1. 0 392
      app/html/chat_assess.html
  2. 0 358
      app/html/chatover.html
  3. 0 367
      app/html/chatover_cmp.html
  4. 0 369
      app/html/chatover_pro.html
  5. 6 10
      app/html/chats.html
  6. 1 1
      app/html/consultlist.html
  7. 42 32
      app/js/chats.js
  8. 364 0
      app/js/consult.js
  9. 0 2
      app/js/consultlist.js

+ 0 - 392
app/html/chat_assess.html
View File 

@ -1,392 +0,0 @@
1 
<!DOCTYPE html>
2 
<html>
3 
	<head>
4 
		<meta charset="utf-8">
5 
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
6 
		<title></title>
7 
		<link href="../css/mui.min.css" rel="stylesheet" />
8 
		<link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
9 
		<link rel="stylesheet" type="text/css" href="../css/app.css" />
10 
		<link href="../css/mui.imageviewer.css" rel="stylesheet" />
11 
		<style>
12 
			html,
13 
			body {
14 
				height: 100%;
15 
				margin: 0px;
16 
				padding: 0px;
17 
				overflow: hidden;
18 
				-webkit-touch-callout: none;
19 
				-webkit-user-select: none;
20 
			}
21 
			footer {
22 
				position: fixed;
23 
				width: 100%;
24 
				height: 50px;
25 
				min-height: 50px;
26 
				border-top: solid 1px #bbb;
27 
				left: 0px;
28 
				bottom: 0px;
29 
				overflow: hidden;
30 
				padding: 0px 50px;
31 
				background-color: #fafafa;
32 
			}
33 
			.footer-left {
34 
				position: absolute;
35 
				width: 50px;
36 
				height: 50px;
37 
				left: 0px;
38 
				bottom: 0px;
39 
				text-align: center;
40 
				vertical-align: middle;
41 
				line-height: 100%;
42 
 				padding: 12px 4px;
43 
 			}
44 
 			.footer-right {
45 
 				position: absolute;
46 
 				width: 50px;
47 
 				height: 50px;
48 
 				right: 0px;
49 
 				bottom: 0px;
50 
 				text-align: center;
51 
 				vertical-align: middle;
52 
 				line-height: 100%;
53 
 				padding: 12px 5px;
54 
 				display: inline-block;
55 
 			}
56 
 			.footer-center {
57 
 				height: 100%;
58 
 				padding: 5px 0px;
59 
 			}
60 
 			.footer-center [class*=input] {
61 
 				width: 100%;
62 
 				height: 100%;
63 
 				border-radius: 5px;
64 
 			}
65 
 			.footer-center .input-text {
66 
 				background: #fff;
67 
 				border: solid 1px #ddd;
68 
 				padding: 10px !important;
69 
 				font-size: 16px !important;
70 
 				line-height: 18px !important;
71 
 				font-family: verdana !important;
72 
 				overflow: hidden;
73 
 			}
74 
 			.footer-center .input-sound {
75 
 				background-color: #eee;
76 
 			}
77 
 			.mui-content {
78 
 				height: 100%;
79 
 				padding: 44px 0px 50px 0px;
80 
 				overflow: auto;
81 
 				background-color: #eaeaea;
82 
 			}
83 
 			#msg-list {
84 
 				height: 100%;
85 
 				overflow: auto;
86 
 				-webkit-overflow-scrolling: touch;
87 
 			}
88 
 			.msg-item {
89 
 				padding: 8px;
90 
 				clear: both;
91 
 			}
92 
 			.msg-item .mui-item-clear {
93 
 				clear: both;
94 
 			}
95 
 			.msg-item .msg-user {
96 
 				width: 38px;
97 
 				height: 38px;
98 
 				border: solid 1px #d3d3d3;
99 
 				display: inline-block;
100 
 				background: #fff;
101 
 				border-radius: 3px;
102 
 				vertical-align: top;
103 
 				text-align: center;
104 
 				float: left;
105 
 				padding: 3px;
106 
 				color: #ddd;
107 
 			}
108
109 
 			.msg-item .msg-user-img{
110 
 				width: 38px;
111 
 				height: 38px;
112 
 				display: inline-block;
113 
 				border-radius: 3px;
114 
 				vertical-align: top;
115 
 				text-align: center;
116 
 				float: left;
117 
 				color: #ddd;
118 
 			}
119
120 
 			.msg-item .msg-content {
121 
 				display: inline-block;
122 
 				border-radius: 5px;
123 
 				border: solid 1px #d3d3d3;
124 
 				background-color: #FFFFFF;
125 
 				color: #333;
126 
 				padding: 8px;
127 
 				vertical-align: top;
128 
 				font-size: 15px;
129 
 				position: relative;
130 
 				margin: 0px 8px;
131 
 				max-width: 75%;
132 
 				min-width: 35px;
133 
 				float: left;
134 
 			}
135 
 			.msg-item .msg-content .msg-content-inner {
136 
 				overflow-x: hidden;
137 
 			}
138 
 			.msg-item .msg-content .msg-content-arrow {
139 
 				position: absolute;
140 
 				border: solid 1px #d3d3d3;
141 
 				border-right: none;
142 
 				border-top: none;
143 
 				background-color: #FFFFFF;
144 
 				width: 10px;
145 
 				height: 10px;
146 
 				left: -5px;
147 
 				top: 12px;
148 
 				-webkit-transform: rotateZ(45deg);
149 
 				transform: rotateZ(45deg);
150 
 			}
151 
 			.msg-item-self .msg-user,
152 
 			.msg-item-self .msg-content {
153 
 				float: right;
154 
 			}
155 
 			.msg-item-self .msg-content .msg-content-arrow {
156 
 				left: auto;
157 
 				right: -5px;
158 
 				-webkit-transform: rotateZ(225deg);
159 
 				transform: rotateZ(225deg);
160 
 			}
161 
 			.msg-item-self .msg-content,
162 
 			.msg-item-self .msg-content .msg-content-arrow {
163 
 				background-color: #4CD964;
164 
 				color: #fff;
165 
 				border-color: #2AC845;
166 
 			}
167 
 			footer .mui-icon {
168 
 				color: #999999;
169 
 			}
170 
 			footer .mui-icon:active {
171 
 				color: #FF9900 !important;
172 
 			}/*#007AFF*/
173 
 			footer .mui-icon-paperplane:before {
174 
 				content: "发送";
175 
 			}
176 
 			footer .mui-icon-paperplane {
177 
 				/*-webkit-transform: rotateZ(45deg);
178 
 				transform: rotateZ(45deg);*/
179
180 
 				font-size: 16px;
181 
 				word-break: keep-all;
182 
 				line-height: 100%;
183 
 				padding-top: 6px;
184 
 				color: rgba(0, 135, 250, 1);
185 
 			}
186 
 			#msg-sound {
187 
 				-webkit-user-select: none !important;
188 
 				user-select: none !important;
189 
 			}
190 
 			.rprogress {
191 
 				position: absolute;
192 
 				left: 50%;
193 
 				top: 50%;
194 
 				width: 140px;
195 
 				height: 140px;
196 
 				margin-left: -70px;
197 
 				margin-top: -70px;
198 
 				background-image: url(../images/arecord.png);
199 
 				background-repeat: no-repeat;
200 
 				background-position: center center;
201 
 				background-size: 30px 30px;
202 
 				background-color: rgba(0, 0, 0, 0.7);
203 
 				border-radius: 5px;
204 
 				display: none;
205 
 				-webkit-transition: .15s;
206 
 			}
207 
 			.rschedule {
208 
 				background-color: rgba(0, 0, 0, 0);
209 
 				border: 5px solid rgba(0, 183, 229, 0.9);
210 
 				opacity: .9;
211 
 				border-left: 5px solid rgba(0, 0, 0, 0);
212 
 				border-right: 5px solid rgba(0, 0, 0, 0);
213 
 				border-radius: 50px;
214 
 				box-shadow: 0 0 15px #2187e7;
215 
 				width: 46px;
216 
 				height: 46px;
217 
 				position: absolute;
218 
 				left: 50%;
219 
 				top: 50%;
220 
 				margin-left: -23px;
221 
 				margin-top: -23px;
222 
 				-webkit-animation: spin 1s infinite linear;
223 
 				animation: spin 1s infinite linear;
224 
 			}
225 
 			.r-sigh{
226 
 				display: none;
227 
 				border-radius: 50px;
228 
 				box-shadow: 0 0 15px #2187e7;
229 
 				width: 46px;
230 
 				height: 46px;
231 
 				position: absolute;
232 
 				left: 50%;
233 
 				top: 50%;
234 
 				margin-left: -23px;
235 
 				margin-top: -23px;
236 
 				text-align: center;
237 
 				line-height: 46px;
238 
 				font-size: 40px;
239 
 				font-weight: bold;
240 
 				color: #2187e7;
241 
 			}
242 
 			.rprogress-sigh{
243 
 				background-image: none !important;
244 
 			}
245 
 			.rprogress-sigh .rschedule{
246 
 				display: none !important;
247 
 			}
248 
 			.rprogress-sigh .r-sigh{
249 
 				display: block !important;
250 
 			}
251 
 			.rsalert {
252 
 				font-size: 12px;
253 
 				color: #bbb;
254 
 				text-align: center;
255 
 				position: absolute;
256 
 				border-radius: 5px;
257 
 				width: 130px;
258 
 				margin: 5px 5px;
259 
 				padding: 5px;
260 
 				left: 0px;
261 
 				bottom: 0px;
262 
 			}
263 
 			@-webkit-keyframes spin {
264 
 				0% {
265 
 					-webkit-transform: rotate(0deg);
266 
 				}
267 
 				100% {
268 
 					-webkit-transform: rotate(360deg);
269 
 				}
270 
 			}
271 
 			@keyframes spin {
272 
 				0% {
273 
 					transform: rotate(0deg);
274 
 				}
275 
 				100% {
276 
 					transform: rotate(360deg);
277 
 				}
278 
 			}
279 
 			#h {
280 
 				background: #fff;
281 
 				border: solid 1px #ddd;
282 
 				padding: 10px !important;
283 
 				font-size: 16px !important;
284 
 				font-family: verdana !important;
285 
 				line-height: 18px !important;
286 
 				overflow: visible;
287 
 				position: absolute;
288 
 				left: -1000px;
289 
 				right: 0px;
290 
 				word-break: break-all;
291 
 				word-wrap: break-word;
292 
 			}
293 
 			.cancel {
294 
 				background-color: darkred;
295 
 			}
296 
 		</style>
297 
 	</head>
298 
  	<body contextmenu="return false;">
299 
 		<header class="mui-bar mui-bar-nav toptitbox">
300 
 			<span class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></span>
301 
 			<h1 class="mui-title toptit">对方姓名</h1>
302 
 			<span class="mui-icon mui-icon-contact mui-pull-right personhead"></span>
303 
 		</header>
304 
 		<pre id='h'></pre>
305 
 		<script id='msg-template' type="text/template">
306 
 			<% for(var i in record){ var item=record[i]; %>
307 
 				<div class="msg-item <%= (item.sender=='self'?' msg-item-self':'') %>" msg-type='<%=(item.type)%>' msg-content='<%=(item.content)%>'>
308 
 					<% if(item.sender=='self' ) { %>
309 
 						<i class="msg-user mui-icon mui-icon-person"></i>
310 
 					<% } else { %>
311 
 						<img class="msg-user-img" src="../images/logo.png" alt="" />
312 
 					<% } %>
313 
 					<div class="msg-content">
314 
 						<div class="msg-content-inner">
315 
 							<% if(item.type=='text' ) { %>
316 
 								<%=( item.content|| '&nbsp;&nbsp;') %>
317 
 							<% } else if(item.type=='image' ) { %>
318 
 								<img class="msg-content-image" src="<%=(item.content)%>" style="max-width: 100px;" />
319 
 							<% } else if(item.type=='sound' ) { %>
320 
 								<span class="mui-icon mui-icon-mic" style="font-size: 18px;font-weight: bold;"></span>
321 
 								<span class="play-state">点击播放</span>
322 
 							<% } %>
323 
 						</div>
324 
 						<div class="msg-content-arrow"></div>
325 
 					</div>
326 
 					<div class="mui-item-clear"></div>
327 
 				</div>
328 
 			<% } %>
329 
 		</script>
330 
 		<div class="mui-content">
331 
 			<div class="operatebox">
332 
 				<div class="themespan mui-pull-left" style="width:70%;">
333 
 					<span class="">关于XXXXXX的咨询</span>
334 
 				</div>
335
336 
 				<div class="operatebtnbox mui-pull-right">
337 
 					<!--未评价-->
338 
	                <button id='promptBtn' type="button" class="mui-btn mui-btn-block mui-btn-outlined frmbtn operatebtn" style="width:80px;">去评价</button>
339 
 					<div id="info">
340
341 
				</div>
342
343 
 					<!--已评价-->
344 
 					<div class="">
345 
 						<span></span>
346 
 						<div>
347
348 
 						</div>
349 
 					</div>
350 
 				</div>
351 
 			</div>
352 
 			<div id='msg-list'>
353 
 			</div>
354 
 		</div>
355 
 		<div class="">
356
357 
 		</div>
358
359 
 		<script src="../js/public/mui.min.js"></script>
360 
 		<script src="../js/public/mui.imageViewer.js"></script>
361 
 		<script src="../js/public/arttmpl.js"></script>
362 
 		<script type="text/javascript" charset="utf-8">
363 
 		//mui初始化
364 
			mui.init({
365 
				swipeBack: true //启用右滑关闭功能
366 
			});
367 
				var info = document.getElementById("info");
368 
				document.getElementById("promptBtn").addEventListener('tap', function(e) {
369 
					e.detail.gesture.preventDefault(); //修复iOS 8.x平台存在的bug，使用plus.nativeUI.prompt会造成输入法闪一下又没了
370 
					var btnArray = ['暂不评价', '发送'];
371 
					var str = '';
372 
					str += '<div style="overflow:hidden;">';
373 
	//				str += '<span class="mui-pull-left">整体评价</span>';
374 
					str += '<div class="levelbox mui-pull-left">';
375 
					str += '<span class="mui-icon iconfont icon-favorfill"></span>';
376 
				    str += '<span class="mui-icon iconfont icon-favorfill"></span>';
377 
				    str += '<span class="mui-icon iconfont icon-favorfill"></span>';
378 
				    str += '<span class="mui-icon iconfont icon-favor"></span>';
379 
				    str += '<span class="mui-icon iconfont icon-favor"></span>';
380 
				    str += '</div></div>';
381 
				    console.log(str);
382 
					mui.prompt(str, '性能好', '请您对此次咨询进行评价', btnArray, function(e) {
383 
						if (e.index == 1) {
384 
							mui.toast('谢谢你的评语：' + e.value);
385 
						} else {
386 
							mui.toast('欢迎再次进行评价');
387 
						}
388 
					})
389 
				});
390 
		</script>
391 
	</body>
392 
</html>

+ 0 - 358
app/html/chatover.html
View File 

@ -1,358 +0,0 @@
1 
<!DOCTYPE html>
2 
<html>
3 
	<head>
4 
		<meta charset="utf-8">
5 
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
6 
		<title></title>
7 
		<link href="../css/mui.min.css" rel="stylesheet" />
8 
		<link rel="stylesheet" type="text/css" href="../css/app.css" />
9 
		<link href="../css/mui.imageviewer.css" rel="stylesheet" />
10 
		<style>
11 
			html,
12 
			body {
13 
				height: 100%;
14 
				margin: 0px;
15 
				padding: 0px;
16 
				overflow: hidden;
17 
				-webkit-touch-callout: none;
18 
				-webkit-user-select: none;
19 
			}
20 
			footer {
21 
				position: fixed;
22 
				width: 100%;
23 
				height: 50px;
24 
				min-height: 50px;
25 
				border-top: solid 1px #bbb;
26 
				left: 0px;
27 
				bottom: 0px;
28 
				overflow: hidden;
29 
				padding: 0px 50px;
30 
				background-color: #fafafa;
31 
			}
32 
			.footer-left {
33 
				position: absolute;
34 
				width: 50px;
35 
				height: 50px;
36 
				left: 0px;
37 
				bottom: 0px;
38 
				text-align: center;
39 
				vertical-align: middle;
40 
				line-height: 100%;
41 
 				padding: 12px 4px;
42 
 			}
43 
 			.footer-right {
44 
 				position: absolute;
45 
 				width: 50px;
46 
 				height: 50px;
47 
 				right: 0px;
48 
 				bottom: 0px;
49 
 				text-align: center;
50 
 				vertical-align: middle;
51 
 				line-height: 100%;
52 
 				padding: 12px 5px;
53 
 				display: inline-block;
54 
 			}
55 
 			.footer-center {
56 
 				height: 100%;
57 
 				padding: 5px 0px;
58 
 			}
59 
 			.footer-center [class*=input] {
60 
 				width: 100%;
61 
 				height: 100%;
62 
 				border-radius: 5px;
63 
 			}
64 
 			.footer-center .input-text {
65 
 				background: #fff;
66 
 				border: solid 1px #ddd;
67 
 				padding: 10px !important;
68 
 				font-size: 16px !important;
69 
 				line-height: 18px !important;
70 
 				font-family: verdana !important;
71 
 				overflow: hidden;
72 
 			}
73 
 			.footer-center .input-sound {
74 
 				background-color: #eee;
75 
 			}
76 
 			.mui-content {
77 
 				height: 100%;
78 
 				padding: 44px 0px 50px 0px;
79 
 				overflow: auto;
80 
 				background-color: #eaeaea;
81 
 			}
82 
 			#msg-list {
83 
 				height: 100%;
84 
 				overflow: auto;
85 
 				-webkit-overflow-scrolling: touch;
86 
 			}
87 
 			.msg-item {
88 
 				padding: 8px;
89 
 				clear: both;
90 
 			}
91 
 			.msg-item .mui-item-clear {
92 
 				clear: both;
93 
 			}
94 
 			.msg-item .msg-user {
95 
 				width: 38px;
96 
 				height: 38px;
97 
 				border: solid 1px #d3d3d3;
98 
 				display: inline-block;
99 
 				background: #fff;
100 
 				border-radius: 3px;
101 
 				vertical-align: top;
102 
 				text-align: center;
103 
 				float: left;
104 
 				padding: 3px;
105 
 				color: #ddd;
106 
 			}
107
108 
 			.msg-item .msg-user-img{
109 
 				width: 38px;
110 
 				height: 38px;
111 
 				display: inline-block;
112 
 				border-radius: 3px;
113 
 				vertical-align: top;
114 
 				text-align: center;
115 
 				float: left;
116 
 				color: #ddd;
117 
 			}
118
119 
 			.msg-item .msg-content {
120 
 				display: inline-block;
121 
 				border-radius: 5px;
122 
 				border: solid 1px #d3d3d3;
123 
 				background-color: #FFFFFF;
124 
 				color: #333;
125 
 				padding: 8px;
126 
 				vertical-align: top;
127 
 				font-size: 15px;
128 
 				position: relative;
129 
 				margin: 0px 8px;
130 
 				max-width: 75%;
131 
 				min-width: 35px;
132 
 				float: left;
133 
 			}
134 
 			.msg-item .msg-content .msg-content-inner {
135 
 				overflow-x: hidden;
136 
 			}
137 
 			.msg-item .msg-content .msg-content-arrow {
138 
 				position: absolute;
139 
 				border: solid 1px #d3d3d3;
140 
 				border-right: none;
141 
 				border-top: none;
142 
 				background-color: #FFFFFF;
143 
 				width: 10px;
144 
 				height: 10px;
145 
 				left: -5px;
146 
 				top: 12px;
147 
 				-webkit-transform: rotateZ(45deg);
148 
 				transform: rotateZ(45deg);
149 
 			}
150 
 			.msg-item-self .msg-user,
151 
 			.msg-item-self .msg-content {
152 
 				float: right;
153 
 			}
154 
 			.msg-item-self .msg-content .msg-content-arrow {
155 
 				left: auto;
156 
 				right: -5px;
157 
 				-webkit-transform: rotateZ(225deg);
158 
 				transform: rotateZ(225deg);
159 
 			}
160 
 			.msg-item-self .msg-content,
161 
 			.msg-item-self .msg-content .msg-content-arrow {
162 
 				background-color: #4CD964;
163 
 				color: #fff;
164 
 				border-color: #2AC845;
165 
 			}
166 
 			footer .mui-icon {
167 
 				color: #999999;
168 
 			}
169 
 			footer .mui-icon:active {
170 
 				color: #FF9900 !important;
171 
 			}/*#007AFF*/
172 
 			footer .mui-icon-paperplane:before {
173 
 				content: "发送";
174 
 			}
175 
 			footer .mui-icon-paperplane {
176 
 				/*-webkit-transform: rotateZ(45deg);
177 
 				transform: rotateZ(45deg);*/
178
179 
 				font-size: 16px;
180 
 				word-break: keep-all;
181 
 				line-height: 100%;
182 
 				padding-top: 6px;
183 
 				color: rgba(0, 135, 250, 1);
184 
 			}
185 
 			#msg-sound {
186 
 				-webkit-user-select: none !important;
187 
 				user-select: none !important;
188 
 			}
189 
 			.rprogress {
190 
 				position: absolute;
191 
 				left: 50%;
192 
 				top: 50%;
193 
 				width: 140px;
194 
 				height: 140px;
195 
 				margin-left: -70px;
196 
 				margin-top: -70px;
197 
 				background-image: url(../images/arecord.png);
198 
 				background-repeat: no-repeat;
199 
 				background-position: center center;
200 
 				background-size: 30px 30px;
201 
 				background-color: rgba(0, 0, 0, 0.7);
202 
 				border-radius: 5px;
203 
 				display: none;
204 
 				-webkit-transition: .15s;
205 
 			}
206 
 			.rschedule {
207 
 				background-color: rgba(0, 0, 0, 0);
208 
 				border: 5px solid rgba(0, 183, 229, 0.9);
209 
 				opacity: .9;
210 
 				border-left: 5px solid rgba(0, 0, 0, 0);
211 
 				border-right: 5px solid rgba(0, 0, 0, 0);
212 
 				border-radius: 50px;
213 
 				box-shadow: 0 0 15px #2187e7;
214 
 				width: 46px;
215 
 				height: 46px;
216 
 				position: absolute;
217 
 				left: 50%;
218 
 				top: 50%;
219 
 				margin-left: -23px;
220 
 				margin-top: -23px;
221 
 				-webkit-animation: spin 1s infinite linear;
222 
 				animation: spin 1s infinite linear;
223 
 			}
224 
 			.r-sigh{
225 
 				display: none;
226 
 				border-radius: 50px;
227 
 				box-shadow: 0 0 15px #2187e7;
228 
 				width: 46px;
229 
 				height: 46px;
230 
 				position: absolute;
231 
 				left: 50%;
232 
 				top: 50%;
233 
 				margin-left: -23px;
234 
 				margin-top: -23px;
235 
 				text-align: center;
236 
 				line-height: 46px;
237 
 				font-size: 40px;
238 
 				font-weight: bold;
239 
 				color: #2187e7;
240 
 			}
241 
 			.rprogress-sigh{
242 
 				background-image: none !important;
243 
 			}
244 
 			.rprogress-sigh .rschedule{
245 
 				display: none !important;
246 
 			}
247 
 			.rprogress-sigh .r-sigh{
248 
 				display: block !important;
249 
 			}
250 
 			.rsalert {
251 
 				font-size: 12px;
252 
 				color: #bbb;
253 
 				text-align: center;
254 
 				position: absolute;
255 
 				border-radius: 5px;
256 
 				width: 130px;
257 
 				margin: 5px 5px;
258 
 				padding: 5px;
259 
 				left: 0px;
260 
 				bottom: 0px;
261 
 			}
262 
 			@-webkit-keyframes spin {
263 
 				0% {
264 
 					-webkit-transform: rotate(0deg);
265 
 				}
266 
 				100% {
267 
 					-webkit-transform: rotate(360deg);
268 
 				}
269 
 			}
270 
 			@keyframes spin {
271 
 				0% {
272 
 					transform: rotate(0deg);
273 
 				}
274 
 				100% {
275 
 					transform: rotate(360deg);
276 
 				}
277 
 			}
278 
 			#h {
279 
 				background: #fff;
280 
 				border: solid 1px #ddd;
281 
 				padding: 10px !important;
282 
 				font-size: 16px !important;
283 
 				font-family: verdana !important;
284 
 				line-height: 18px !important;
285 
 				overflow: visible;
286 
 				position: absolute;
287 
 				left: -1000px;
288 
 				right: 0px;
289 
 				word-break: break-all;
290 
 				word-wrap: break-word;
291 
 			}
292 
 			.cancel {
293 
 				background-color: darkred;
294 
 			}
295 
 		</style>
296 
 	</head>
297 
  	<body contextmenu="return false;">
298 
 		<header class="mui-bar mui-bar-nav toptitbox">
299 
 			<span class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></span>
300 
 			<h1 class="mui-title toptit">对方姓名</h1>
301 
 			<span class="mui-icon mui-icon-contact mui-pull-right personhead"></span>
302 
 		</header>
303 
 		<pre id='h'></pre>
304 
 		<script id='msg-template' type="text/template">
305 
 			<% for(var i in record){ var item=record[i]; %>
306 
 				<div class="msg-item <%= (item.sender=='self'?' msg-item-self':'') %>" msg-type='<%=(item.type)%>' msg-content='<%=(item.content)%>'>
307 
 					<% if(item.sender=='self' ) { %>
308 
 						<i class="msg-user mui-icon mui-icon-person"></i>
309 
 					<% } else { %>
310 
 						<img class="msg-user-img" src="../images/logo.png" alt="" />
311 
 					<% } %>
312 
 					<div class="msg-content">
313 
 						<div class="msg-content-inner">
314 
 							<% if(item.type=='text' ) { %>
315 
 								<%=( item.content|| '&nbsp;&nbsp;') %>
316 
 							<% } else if(item.type=='image' ) { %>
317 
 								<img class="msg-content-image" src="<%=(item.content)%>" style="max-width: 100px;" />
318 
 							<% } else if(item.type=='sound' ) { %>
319 
 								<span class="mui-icon mui-icon-mic" style="font-size: 18px;font-weight: bold;"></span>
320 
 								<span class="play-state">点击播放</span>
321 
 							<% } %>
322 
 						</div>
323 
 						<div class="msg-content-arrow"></div>
324 
 					</div>
325 
 					<div class="mui-item-clear"></div>
326 
 				</div>
327 
 			<% } %>
328 
 		</script>
329 
 		<div class="mui-content">
330 
 			<div class="operatebox">
331 
 				<div class="themespan mui-pull-left" style="width:70%;">
332 
 					<span class="">关于XXXXXX的咨询</span>
333 
 				</div>
334
335 
 				<div class="operatebtnbox mui-pull-right">
336 
 					<!--未评价-->
337 
	                <button class="mui-btn mui-btn-block mui-btn-outlined frmbtn operatebtn" style="width:80px;">去评价</button>
338 
 					<!--已评价-->
339 
 					<div class="">
340 
 						<span></span>
341 
 						<div>
342
343 
 						</div>
344 
 					</div>
345 
 				</div>
346 
 			</div>
347 
 			<div id='msg-list'>
348 
 			</div>
349 
 		</div>
350
351 
 		<script src="../js/public/mui.min.js"></script>
352 
 		<script src="../js/public/mui.imageViewer.js"></script>
353 
 		<script src="../js/public/arttmpl.js"></script>
354 
 		<script type="text/javascript" charset="utf-8">
355
356 
		</script>
357 
	</body>
358 
</html>

+ 0 - 367
app/html/chatover_cmp.html
View File 

@ -1,367 +0,0 @@
1 
<!DOCTYPE html>
2 
<html>
3 
	<head>
4 
		<meta charset="utf-8">
5 
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
6 
		<title></title>
7 
		<link href="../css/mui.min.css" rel="stylesheet" />
8 
		<link rel="stylesheet" type="text/css" href="../css/app.css" />
9 
		<link href="../css/mui.imageviewer.css" rel="stylesheet" />
10 
		<style>
11 
			html,
12 
			body {
13 
				height: 100%;
14 
				margin: 0px;
15 
				padding: 0px;
16 
				overflow: hidden;
17 
				-webkit-touch-callout: none;
18 
				-webkit-user-select: none;
19 
			}
20 
			footer {
21 
				position: fixed;
22 
				width: 100%;
23 
				height: 50px;
24 
				min-height: 50px;
25 
				border-top: solid 1px #bbb;
26 
				left: 0px;
27 
				bottom: 0px;
28 
				overflow: hidden;
29 
				padding: 0px 50px;
30 
				background-color: #fafafa;
31 
			}
32 
			.footer-left {
33 
				position: absolute;
34 
				width: 50px;
35 
				height: 50px;
36 
				left: 0px;
37 
				bottom: 0px;
38 
				text-align: center;
39 
				vertical-align: middle;
40 
				line-height: 100%;
41 
 				padding: 12px 4px;
42 
 			}
43 
 			.footer-right {
44 
 				position: absolute;
45 
 				width: 50px;
46 
 				height: 50px;
47 
 				right: 0px;
48 
 				bottom: 0px;
49 
 				text-align: center;
50 
 				vertical-align: middle;
51 
 				line-height: 100%;
52 
 				padding: 12px 5px;
53 
 				display: inline-block;
54 
 			}
55 
 			.footer-center {
56 
 				height: 100%;
57 
 				padding: 5px 0px;
58 
 			}
59 
 			.footer-center [class*=input] {
60 
 				width: 100%;
61 
 				height: 100%;
62 
 				border-radius: 5px;
63 
 			}
64 
 			.footer-center .input-text {
65 
 				background: #fff;
66 
 				border: solid 1px #ddd;
67 
 				padding: 10px !important;
68 
 				font-size: 16px !important;
69 
 				line-height: 18px !important;
70 
 				font-family: verdana !important;
71 
 				overflow: hidden;
72 
 			}
73 
 			.footer-center .input-sound {
74 
 				background-color: #eee;
75 
 			}
76 
 			.mui-content {
77 
 				height: 100%;
78 
 				padding: 44px 0px 50px 0px;
79 
 				overflow: auto;
80 
 				background-color: #eaeaea;
81 
 			}
82 
 			#msg-list {
83 
 				height: 100%;
84 
 				overflow: auto;
85 
 				-webkit-overflow-scrolling: touch;
86 
 			}
87 
 			.msg-item {
88 
 				padding: 8px;
89 
 				clear: both;
90 
 			}
91 
 			.msg-item .mui-item-clear {
92 
 				clear: both;
93 
 			}
94 
 			.msg-item .msg-user {
95 
 				width: 38px;
96 
 				height: 38px;
97 
 				border: solid 1px #d3d3d3;
98 
 				display: inline-block;
99 
 				background: #fff;
100 
 				border-radius: 3px;
101 
 				vertical-align: top;
102 
 				text-align: center;
103 
 				float: left;
104 
 				padding: 3px;
105 
 				color: #ddd;
106 
 			}
107
108 
 			.msg-item .msg-user-img{
109 
 				width: 38px;
110 
 				height: 38px;
111 
 				display: inline-block;
112 
 				border-radius: 3px;
113 
 				vertical-align: top;
114 
 				text-align: center;
115 
 				float: left;
116 
 				color: #ddd;
117 
 			}
118
119 
 			.msg-item .msg-content {
120 
 				display: inline-block;
121 
 				border-radius: 5px;
122 
 				border: solid 1px #d3d3d3;
123 
 				background-color: #FFFFFF;
124 
 				color: #333;
125 
 				padding: 8px;
126 
 				vertical-align: top;
127 
 				font-size: 15px;
128 
 				position: relative;
129 
 				margin: 0px 8px;
130 
 				max-width: 75%;
131 
 				min-width: 35px;
132 
 				float: left;
133 
 			}
134 
 			.msg-item .msg-content .msg-content-inner {
135 
 				overflow-x: hidden;
136 
 			}
137 
 			.msg-item .msg-content .msg-content-arrow {
138 
 				position: absolute;
139 
 				border: solid 1px #d3d3d3;
140 
 				border-right: none;
141 
 				border-top: none;
142 
 				background-color: #FFFFFF;
143 
 				width: 10px;
144 
 				height: 10px;
145 
 				left: -5px;
146 
 				top: 12px;
147 
 				-webkit-transform: rotateZ(45deg);
148 
 				transform: rotateZ(45deg);
149 
 			}
150 
 			.msg-item-self .msg-user,
151 
 			.msg-item-self .msg-content {
152 
 				float: right;
153 
 			}
154 
 			.msg-item-self .msg-content .msg-content-arrow {
155 
 				left: auto;
156 
 				right: -5px;
157 
 				-webkit-transform: rotateZ(225deg);
158 
 				transform: rotateZ(225deg);
159 
 			}
160 
 			.msg-item-self .msg-content,
161 
 			.msg-item-self .msg-content .msg-content-arrow {
162 
 				background-color: #4CD964;
163 
 				color: #fff;
164 
 				border-color: #2AC845;
165 
 			}
166 
 			footer .mui-icon {
167 
 				color: #999999;
168 
 			}
169 
 			footer .mui-icon:active {
170 
 				color: #FF9900 !important;
171 
 			}/*#007AFF*/
172 
 			footer .mui-icon-paperplane:before {
173 
 				content: "发送";
174 
 			}
175 
 			footer .mui-icon-paperplane {
176 
 				/*-webkit-transform: rotateZ(45deg);
177 
 				transform: rotateZ(45deg);*/
178
179 
 				font-size: 16px;
180 
 				word-break: keep-all;
181 
 				line-height: 100%;
182 
 				padding-top: 6px;
183 
 				color: rgba(0, 135, 250, 1);
184 
 			}
185 
 			#msg-sound {
186 
 				-webkit-user-select: none !important;
187 
 				user-select: none !important;
188 
 			}
189 
 			.rprogress {
190 
 				position: absolute;
191 
 				left: 50%;
192 
 				top: 50%;
193 
 				width: 140px;
194 
 				height: 140px;
195 
 				margin-left: -70px;
196 
 				margin-top: -70px;
197 
 				background-image: url(../images/arecord.png);
198 
 				background-repeat: no-repeat;
199 
 				background-position: center center;
200 
 				background-size: 30px 30px;
201 
 				background-color: rgba(0, 0, 0, 0.7);
202 
 				border-radius: 5px;
203 
 				display: none;
204 
 				-webkit-transition: .15s;
205 
 			}
206 
 			.rschedule {
207 
 				background-color: rgba(0, 0, 0, 0);
208 
 				border: 5px solid rgba(0, 183, 229, 0.9);
209 
 				opacity: .9;
210 
 				border-left: 5px solid rgba(0, 0, 0, 0);
211 
 				border-right: 5px solid rgba(0, 0, 0, 0);
212 
 				border-radius: 50px;
213 
 				box-shadow: 0 0 15px #2187e7;
214 
 				width: 46px;
215 
 				height: 46px;
216 
 				position: absolute;
217 
 				left: 50%;
218 
 				top: 50%;
219 
 				margin-left: -23px;
220 
 				margin-top: -23px;
221 
 				-webkit-animation: spin 1s infinite linear;
222 
 				animation: spin 1s infinite linear;
223 
 			}
224 
 			.r-sigh{
225 
 				display: none;
226 
 				border-radius: 50px;
227 
 				box-shadow: 0 0 15px #2187e7;
228 
 				width: 46px;
229 
 				height: 46px;
230 
 				position: absolute;
231 
 				left: 50%;
232 
 				top: 50%;
233 
 				margin-left: -23px;
234 
 				margin-top: -23px;
235 
 				text-align: center;
236 
 				line-height: 46px;
237 
 				font-size: 40px;
238 
 				font-weight: bold;
239 
 				color: #2187e7;
240 
 			}
241 
 			.rprogress-sigh{
242 
 				background-image: none !important;
243 
 			}
244 
 			.rprogress-sigh .rschedule{
245 
 				display: none !important;
246 
 			}
247 
 			.rprogress-sigh .r-sigh{
248 
 				display: block !important;
249 
 			}
250 
 			.rsalert {
251 
 				font-size: 12px;
252 
 				color: #bbb;
253 
 				text-align: center;
254 
 				position: absolute;
255 
 				border-radius: 5px;
256 
 				width: 130px;
257 
 				margin: 5px 5px;
258 
 				padding: 5px;
259 
 				left: 0px;
260 
 				bottom: 0px;
261 
 			}
262 
 			@-webkit-keyframes spin {
263 
 				0% {
264 
 					-webkit-transform: rotate(0deg);
265 
 				}
266 
 				100% {
267 
 					-webkit-transform: rotate(360deg);
268 
 				}
269 
 			}
270 
 			@keyframes spin {
271 
 				0% {
272 
 					transform: rotate(0deg);
273 
 				}
274 
 				100% {
275 
 					transform: rotate(360deg);
276 
 				}
277 
 			}
278 
 			#h {
279 
 				background: #fff;
280 
 				border: solid 1px #ddd;
281 
 				padding: 10px !important;
282 
 				font-size: 16px !important;
283 
 				font-family: verdana !important;
284 
 				line-height: 18px !important;
285 
 				overflow: visible;
286 
 				position: absolute;
287 
 				left: -1000px;
288 
 				right: 0px;
289 
 				word-break: break-all;
290 
 				word-wrap: break-word;
291 
 			}
292 
 			.cancel {
293 
 				background-color: darkred;
294 
 			}
295 
 		</style>
296 
 	</head>
297 
  	<body contextmenu="return false;">
298 
 		<header class="mui-bar mui-bar-nav toptitbox">
299 
 			<span class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></span>
300 
 			<h1 class="mui-title toptit">对方姓名</h1>
301 
 			<span class="mui-icon mui-icon-contact mui-pull-right personhead"></span>
302 
 		</header>
303 
 		<pre id='h'></pre>
304 
 		<script id='msg-template' type="text/template">
305 
 			<% for(var i in record){ var item=record[i]; %>
306 
 				<div class="msg-item <%= (item.sender=='self'?' msg-item-self':'') %>" msg-type='<%=(item.type)%>' msg-content='<%=(item.content)%>'>
307 
 					<% if(item.sender=='self' ) { %>
308 
 						<i class="msg-user mui-icon mui-icon-person"></i>
309 
 					<% } else { %>
310 
 						<img class="msg-user-img" src="../images/logo.png" alt="" />
311 
 					<% } %>
312 
 					<div class="msg-content">
313 
 						<div class="msg-content-inner">
314 
 							<% if(item.type=='text' ) { %>
315 
 								<%=( item.content|| '&nbsp;&nbsp;') %>
316 
 							<% } else if(item.type=='image' ) { %>
317 
 								<img class="msg-content-image" src="<%=(item.content)%>" style="max-width: 100px;" />
318 
 							<% } else if(item.type=='sound' ) { %>
319 
 								<span class="mui-icon mui-icon-mic" style="font-size: 18px;font-weight: bold;"></span>
320 
 								<span class="play-state">点击播放</span>
321 
 							<% } %>
322 
 						</div>
323 
 						<div class="msg-content-arrow"></div>
324 
 					</div>
325 
 					<div class="mui-item-clear"></div>
326 
 				</div>
327 
 			<% } %>
328 
 		</script>
329 
 		<div class="mui-content">
330 
 			<div class="operatebox">
331 
 				<div class="themespan mui-pull-left">
332 
 					<span class="">关于XXXXXX的咨询关于XXXXXX的咨询</span>
333 
 				</div>
334 
 				<!--进行中-->
335 
 				<!--<div class="operatebtnbox mui-pull-right">
336 
 					<button class="mui-btn mui-btn-block mui-btn-outlined frmbtn operatebtn">点击确认完成咨询</button>
337 
 				</div>-->
338 
 				<!--待评价-->
339 
 				<!--<div class="operatebtnbox mui-pull-right">
340 
 					<button class="mui-btn mui-btn-block mui-btn-outlined frmbtn operatebtn" style="width:80px; ">去评价</button>
341 
 				</div>-->
342 
 				<!--您已评价-->
343 
 				<div class="operatebtnbox mui-pull-right operated">
344 
 					<div class="evabox">
345 
 						<span>已评价</span>
346 
 						<div class="levelbox">
347 
				        	<span class="star"></span>
348 
			        		<span class="star"></span>
349 
			        		<span class="star"></span>
350 
			        		<span class="star"></span>
351 
			        		<span class="star"></span>
352 
			        	</div>
353 
 					</div>
354 
 				</div>
355 
 			</div>
356 
 			<div id='msg-list'>
357 
 			</div>
358 
 		</div>
359
360 
 		<script src="../js/public/mui.min.js"></script>
361 
 		<script src="../js/public/mui.imageViewer.js"></script>
362 
 		<script src="../js/public/arttmpl.js"></script>
363 
 		<script type="text/javascript" charset="utf-8">
364
365 
		</script>
366 
	</body>
367 
</html>

+ 0 - 369
app/html/chatover_pro.html
View File 

@ -1,369 +0,0 @@
1 
<!DOCTYPE html>
2 
<html>
3 
	<head>
4 
		<meta charset="utf-8">
5 
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
6 
		<title></title>
7 
		<link href="../css/mui.min.css" rel="stylesheet" />
8 
		<link href="../css/iconfont.css" rel="stylesheet" />
9 
		<link rel="stylesheet" type="text/css" href="../css/app.css" />
10 
		<link href="../css/mui.imageviewer.css" rel="stylesheet" />
11 
		<style>
12 
			html,
13 
			body {
14 
				height: 100%;
15 
				margin: 0px;
16 
				padding: 0px;
17 
				overflow: hidden;
18 
				-webkit-touch-callout: none;
19 
				-webkit-user-select: none;
20 
			}
21 
			footer {
22 
				position: fixed;
23 
				width: 100%;
24 
				height: 50px;
25 
				min-height: 50px;
26 
				border-top: solid 1px #bbb;
27 
				left: 0px;
28 
				bottom: 0px;
29 
				overflow: hidden;
30 
				padding: 0px 50px;
31 
				background-color: #fafafa;
32 
			}
33 
			.footer-left {
34 
				position: absolute;
35 
				width: 50px;
36 
				height: 50px;
37 
				left: 0px;
38 
				bottom: 0px;
39 
				text-align: center;
40 
				vertical-align: middle;
41 
				line-height: 100%;
42 
 				padding: 12px 4px;
43 
 			}
44 
 			.footer-right {
45 
 				position: absolute;
46 
 				width: 50px;
47 
 				height: 50px;
48 
 				right: 0px;
49 
 				bottom: 0px;
50 
 				text-align: center;
51 
 				vertical-align: middle;
52 
 				line-height: 100%;
53 
 				padding: 12px 5px;
54 
 				display: inline-block;
55 
 			}
56 
 			.footer-center {
57 
 				height: 100%;
58 
 				padding: 5px 0px;
59 
 			}
60 
 			.footer-center [class*=input] {
61 
 				width: 100%;
62 
 				height: 100%;
63 
 				border-radius: 5px;
64 
 			}
65 
 			.footer-center .input-text {
66 
 				background: #fff;
67 
 				border: solid 1px #ddd;
68 
 				padding: 10px !important;
69 
 				font-size: 16px !important;
70 
 				line-height: 18px !important;
71 
 				font-family: verdana !important;
72 
 				overflow: hidden;
73 
 			}
74 
 			.footer-center .input-sound {
75 
 				background-color: #eee;
76 
 			}
77 
 			.mui-content {
78 
 				height: 100%;
79 
 				padding: 44px 0px 50px 0px;
80 
 				overflow: auto;
81 
 				background-color: #eaeaea;
82 
 			}
83 
 			#msg-list {
84 
 				height: 100%;
85 
 				overflow: auto;
86 
 				-webkit-overflow-scrolling: touch;
87 
 			}
88 
 			.msg-item {
89 
 				padding: 8px;
90 
 				clear: both;
91 
 			}
92 
 			.msg-item .mui-item-clear {
93 
 				clear: both;
94 
 			}
95 
 			.msg-item .msg-user {
96 
 				width: 38px;
97 
 				height: 38px;
98 
 				border: solid 1px #d3d3d3;
99 
 				display: inline-block;
100 
 				background: #fff;
101 
 				border-radius: 3px;
102 
 				vertical-align: top;
103 
 				text-align: center;
104 
 				float: left;
105 
 				padding: 3px;
106 
 				color: #ddd;
107 
 			}
108
109 
 			.msg-item .msg-user-img{
110 
 				width: 38px;
111 
 				height: 38px;
112 
 				display: inline-block;
113 
 				border-radius: 3px;
114 
 				vertical-align: top;
115 
 				text-align: center;
116 
 				float: left;
117 
 				color: #ddd;
118 
 			}
119
120 
 			.msg-item .msg-content {
121 
 				display: inline-block;
122 
 				border-radius: 5px;
123 
 				border: solid 1px #d3d3d3;
124 
 				background-color: #FFFFFF;
125 
 				color: #333;
126 
 				padding: 8px;
127 
 				vertical-align: top;
128 
 				font-size: 15px;
129 
 				position: relative;
130 
 				margin: 0px 8px;
131 
 				max-width: 75%;
132 
 				min-width: 35px;
133 
 				float: left;
134 
 			}
135 
 			.msg-item .msg-content .msg-content-inner {
136 
 				overflow-x: hidden;
137 
 			}
138 
 			.msg-item .msg-content .msg-content-arrow {
139 
 				position: absolute;
140 
 				border: solid 1px #d3d3d3;
141 
 				border-right: none;
142 
 				border-top: none;
143 
 				background-color: #FFFFFF;
144 
 				width: 10px;
145 
 				height: 10px;
146 
 				left: -5px;
147 
 				top: 12px;
148 
 				-webkit-transform: rotateZ(45deg);
149 
 				transform: rotateZ(45deg);
150 
 			}
151 
 			.msg-item-self .msg-user,
152 
 			.msg-item-self .msg-content {
153 
 				float: right;
154 
 			}
155 
 			.msg-item-self .msg-content .msg-content-arrow {
156 
 				left: auto;
157 
 				right: -5px;
158 
 				-webkit-transform: rotateZ(225deg);
159 
 				transform: rotateZ(225deg);
160 
 			}
161 
 			.msg-item-self .msg-content,
162 
 			.msg-item-self .msg-content .msg-content-arrow {
163 
 				background-color: #4CD964;
164 
 				color: #fff;
165 
 				border-color: #2AC845;
166 
 			}
167 
 			footer .mui-icon {
168 
 				color: #999999;
169 
 			}
170 
 			footer .mui-icon:active {
171 
 				color: #FF9900 !important;
172 
 			}/*#007AFF*/
173 
 			footer .mui-icon-paperplane:before {
174 
 				content: "发送";
175 
 			}
176 
 			footer .mui-icon-paperplane {
177 
 				/*-webkit-transform: rotateZ(45deg);
178 
 				transform: rotateZ(45deg);*/
179
180 
 				font-size: 16px;
181 
 				word-break: keep-all;
182 
 				line-height: 100%;
183 
 				padding-top: 6px;
184 
 				color: rgba(0, 135, 250, 1);
185 
 			}
186 
 			#msg-sound {
187 
 				-webkit-user-select: none !important;
188 
 				user-select: none !important;
189 
 			}
190 
 			.rprogress {
191 
 				position: absolute;
192 
 				left: 50%;
193 
 				top: 50%;
194 
 				width: 140px;
195 
 				height: 140px;
196 
 				margin-left: -70px;
197 
 				margin-top: -70px;
198 
 				background-image: url(../images/arecord.png);
199 
 				background-repeat: no-repeat;
200 
 				background-position: center center;
201 
 				background-size: 30px 30px;
202 
 				background-color: rgba(0, 0, 0, 0.7);
203 
 				border-radius: 5px;
204 
 				display: none;
205 
 				-webkit-transition: .15s;
206 
 			}
207 
 			.rschedule {
208 
 				background-color: rgba(0, 0, 0, 0);
209 
 				border: 5px solid rgba(0, 183, 229, 0.9);
210 
 				opacity: .9;
211 
 				border-left: 5px solid rgba(0, 0, 0, 0);
212 
 				border-right: 5px solid rgba(0, 0, 0, 0);
213 
 				border-radius: 50px;
214 
 				box-shadow: 0 0 15px #2187e7;
215 
 				width: 46px;
216 
 				height: 46px;
217 
 				position: absolute;
218 
 				left: 50%;
219 
 				top: 50%;
220 
 				margin-left: -23px;
221 
 				margin-top: -23px;
222 
 				-webkit-animation: spin 1s infinite linear;
223 
 				animation: spin 1s infinite linear;
224 
 			}
225 
 			.r-sigh{
226 
 				display: none;
227 
 				border-radius: 50px;
228 
 				box-shadow: 0 0 15px #2187e7;
229 
 				width: 46px;
230 
 				height: 46px;
231 
 				position: absolute;
232 
 				left: 50%;
233 
 				top: 50%;
234 
 				margin-left: -23px;
235 
 				margin-top: -23px;
236 
 				text-align: center;
237 
 				line-height: 46px;
238 
 				font-size: 40px;
239 
 				font-weight: bold;
240 
 				color: #2187e7;
241 
 			}
242 
 			.rprogress-sigh{
243 
 				background-image: none !important;
244 
 			}
245 
 			.rprogress-sigh .rschedule{
246 
 				display: none !important;
247 
 			}
248 
 			.rprogress-sigh .r-sigh{
249 
 				display: block !important;
250 
 			}
251 
 			.rsalert {
252 
 				font-size: 12px;
253 
 				color: #bbb;
254 
 				text-align: center;
255 
 				position: absolute;
256 
 				border-radius: 5px;
257 
 				width: 130px;
258 
 				margin: 5px 5px;
259 
 				padding: 5px;
260 
 				left: 0px;
261 
 				bottom: 0px;
262 
 			}
263 
 			@-webkit-keyframes spin {
264 
 				0% {
265 
 					-webkit-transform: rotate(0deg);
266 
 				}
267 
 				100% {
268 
 					-webkit-transform: rotate(360deg);
269 
 				}
270 
 			}
271 
 			@keyframes spin {
272 
 				0% {
273 
 					transform: rotate(0deg);
274 
 				}
275 
 				100% {
276 
 					transform: rotate(360deg);
277 
 				}
278 
 			}
279 
 			#h {
280 
 				background: #fff;
281 
 				border: solid 1px #ddd;
282 
 				padding: 10px !important;
283 
 				font-size: 16px !important;
284 
 				font-family: verdana !important;
285 
 				line-height: 18px !important;
286 
 				overflow: visible;
287 
 				position: absolute;
288 
 				left: -1000px;
289 
 				right: 0px;
290 
 				word-break: break-all;
291 
 				word-wrap: break-word;
292 
 			}
293 
 			.cancel {
294 
 				background-color: darkred;
295 
 			}
296 
 		</style>
297 
 	</head>
298 
  	<body contextmenu="return false;">
299 
 		<header class="mui-bar mui-bar-nav toptitbox">
300 
 			<span class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></span>
301 
 			<h1 class="mui-title toptit">对方姓名</h1>
302 
 			<span class="mui-icon mui-icon-contact mui-pull-right personhead"></span>
303 
 		</header>
304 
 		<pre id='h'></pre>
305 
 		<script id='msg-template' type="text/template">
306 
 			<% for(var i in record){ var item=record[i]; %>
307 
 				<div class="msg-item <%= (item.sender=='self'?' msg-item-self':'') %>" msg-type='<%=(item.type)%>' msg-content='<%=(item.content)%>'>
308 
 					<% if(item.sender=='self' ) { %>
309 
 						<i class="msg-user mui-icon mui-icon-person"></i>
310 
 					<% } else { %>
311 
 						<img class="msg-user-img" src="../images/logo.png" alt="" />
312 
 					<% } %>
313 
 					<div class="msg-content">
314 
 						<div class="msg-content-inner">
315 
 							<% if(item.type=='text' ) { %>
316 
 								<%=( item.content|| '&nbsp;&nbsp;') %>
317 
 							<% } else if(item.type=='image' ) { %>
318 
 								<img class="msg-content-image" src="<%=(item.content)%>" style="max-width: 100px;" />
319 
 							<% } else if(item.type=='sound' ) { %>
320 
 								<span class="mui-icon mui-icon-mic" style="font-size: 18px;font-weight: bold;"></span>
321 
 								<span class="play-state">点击播放</span>
322 
 							<% } %>
323 
 						</div>
324 
 						<div class="msg-content-arrow"></div>
325 
 					</div>
326 
 					<div class="mui-item-clear"></div>
327 
 				</div>
328 
 			<% } %>
329 
 		</script>
330 
 		<div class="mui-content">
331 
 			<div class="operatebox">
332 
 				<div class="themespan mui-pull-left" style="width:70%;">
333 
 					<span class="">关于XXXXXX的咨询</span>
334 
 				</div>
335 
 				<!--进行中-->
336 
 				<!--<div class="operatebtnbox mui-pull-right" style="width:30%;">
337 
 					<div class="evabox"><span>进行中</span></div>
338 
 				</div>-->
339 
 				<!--对方已评价     添加类'operated'-->
340 
 				<div class="operatebtnbox mui-pull-right operated">
341 
 					<div class="evabox">
342 
 						<span>对方已评价</span>
343 
 						<div class="levelbox">
344 
				        	<span class="mui-icon iconfont icon-favorfill"></span> <!--无色星星icon-favor  黄色星icon-favorfill-->
345 
			        		<span class="mui-icon iconfont icon-favorfill"></span>
346 
			        		<span class="mui-icon iconfont icon-favor"></span>
347 
			        		<span class="mui-icon iconfont icon-favor"></span>
348 
			        		<span class="mui-icon iconfont icon-favor"></span>
349 
			        	</div>
350 
 					</div>
351 
 				</div>
352 
 				<!--对方未评价-->
353 
 				<!--<div class="operatebtnbox mui-pull-right" style="width:30%;">
354 
 					<div class="evabox"><span>对方还未评价</span></div>
355 
 				</div>-->
356
357 
 			</div>
358 
 			<div id='msg-list'>
359 
 			</div>
360 
 		</div>
361
362 
 		<script src="../js/public/mui.min.js"></script>
363 
 		<script src="../js/public/mui.imageViewer.js"></script>
364 
 		<script src="../js/public/arttmpl.js"></script>
365 
 		<script type="text/javascript" charset="utf-8">
366
367 
		</script>
368 
	</body>
369 
</html>

+ 6 - 10
app/html/chats.html
View File 

@ -305,10 +305,13 @@
305 305 
 			}
306 306
307 307 
 			/*#middlePopover {
308 
 				height: 400px;
308 
 				height: 200px;
309 309 
 				width:80%;
310 310 
 				margin: auto;
311 311 
 			}*/
312 
 			.mui-popover #arrow {
313 
 				background: none;
314 
 			}
312 315
313 316 
 		</style>
314 317 
 	</head>

@ -349,10 +352,10 @@
349 352 
 			<% } %>
350 353 
 		</script>
351 354 
 		<div class="mui-content">
352
355 
 			<div class="displayNone" id="status"></div>
353 356 
 			<!--评价内容-->
354 357 
 			<div id="middlePopover" class="mui-popover">
355 
				<div class="mui-popover-arrow"></div>
358 
				<div class="mui-popover-arrow" id="arrow"></div>
356 359 
				<div class="mui-scroll-wrapper">
357 360 
					<div class="mui-scroll">
358 361 
						<ul class="mui-table-view" id="assessText">

@ -366,13 +369,6 @@
366 369
367 370
368 371
369
370
371
372
373
374
375
376 372 
 			<div class="operatebox">
377 373 
 				<div class="themespan mui-pull-left">
378 374 
 					<span class="" id="consultTitle">

+ 1 - 1
app/html/consultlist.html
View File 

@ -21,7 +21,7 @@
21 21 
	    <h1 class="mui-title toptit">咨询</h1>
22 22 
	</header>
23 23 
    <!-- 主页面内容容器 -->
24 
    <div class="mui-content">
24 
    <div class="mui-content" style="overflow-y: hidden;">
25 25 
    	<!-- 主界面具体展示内容 -->
26 26 
    	<div class="filterbox2" style="top:45px ;left: 0;">
27 27 
			<ul class="filterblock2">

+ 42 - 32
app/js/chats.js
View File 

@ -5,6 +5,7 @@ mui.ready(function() {
5 5 
	var ochatName = document.getElementById("chatName");//与。。聊天
6 6 
	var oconsultCon = document.getElementById("consultCon");//咨询内容
7 7 
	var olookConBtn = document.getElementById("lookConBtn");//查看按钮
8 
	var ostatus = document.querySelector('#status');//标记状态，用于返回咨询列表传值
8 9
9 10 
	var oconfirm = document.getElementById("confirm");//我的需求，确认完成
10 11 
	var oconfirmBtn = document.getElementById("confirmBtn");//确认完成按钮

@ -59,18 +60,20 @@ mui.ready(function() {
59 60 
					if(myData["consultStatus"] == 0){
60 61 
						oconfirm.classList.remove('displayNone');//我的需求，进行中
61 62 
						ochatFooter.classList.remove('displayNone');
62
63 
						ostatus.setAttribute('status','consultStatus='+myData["consultStatus"]);
63 64 
						clickConfirm(consultId);
64 65
65 66
66 67 
					}else {
67 68 
						if(myData["assessStatus"] == 0){
68 69 
							oassessBtn.classList.remove('displayNone');//我的需求，未评价
69
70 
							ostatus.setAttribute('status','');
70 71 
							clickweiassess(consultId);
71
72 
							ostatus.setAttribute('status','myNeedAssessStatus='+myData["assessStatus"]);
72 73 
						}else {
73 74 
							oassessed.classList.remove('displayNone');//我的需求，已评价
75 
							ostatus.setAttribute('status','myNeedAssessStatus='+myData["assessStatus"]);
76
74 77 
							//评价星级
75 78 
							var starCount = myData["assessStar"];
76 79 
							console.log("我的需求已评价，星级："+starCount);

@ -83,6 +86,7 @@ mui.ready(function() {
83 86 
							oassessText.innerHTML = myData["assessContant"];//评价内容
84 87 
							console.log('评价内容是：' +oassessText.innerHTML);
85 88 
							oassessed.addEventListener('tap',function() {
89
86 90 
								showAssessText();
87 91 
							});
88 92 
							

@ -118,7 +122,7 @@ mui.ready(function() {
118 122 
						}else{//收到咨询已评价(评价星级和评价内容)
119 123
120 124 
							othat_assessed.classList.remove('displayNone');
121
125 
							oassessText.innerHTML = myData["assessContant"];//评价内容
122 126 
							//评价星级
123 127 
							var starCount = myData["assessStar"];
124 128 
							console.log("收到咨询对方已评价，星级："+starCount);

@ -197,9 +201,30 @@ mui.ready(function() {
197 201 
	/*评价内容显示与隐藏*/
198 202 
	function showAssessText() {
199 203 
		console.log('显示评价内容');
204 
		console.log(oassessText.innerHTML);
200 205 
		/*omiddlePopover,oassessText*/
201 206 
		/*先获得评价内容实际的宽高,再加padding,*/
202 
		var real_width = oassessText.offsetWidth;
207
208 
		/*先获得屏幕宽度和高度,固定设置div宽:屏幕80%,高:200px;
209 
		 *然后定位,div,top:(屏幕高-div高)/2,left:屏幕宽的10%;
210 
		*/
211 
		var all_w = document.body.clientWidth;//屏幕宽
212 
		var all_h = document.body.clientHeight;//屏幕高
213 
		omiddlePopover.style.height = '200px';
214 
		omiddlePopover.style.width = (all_w* 0.8)+'px';
215
216 
		omiddlePopover.style.top = (all_h-200)/2+'px';
217 
		omiddlePopover.style.left = (all_w * 0.1)+'px';
218 
		omiddlePopover.style.zIndex = '999';
219
220 
		console.log('宽:'+omiddlePopover.style.width);
221 
		console.log('高:'+omiddlePopover.style.height);
222
223 
		console.log('top:'+omiddlePopover.style.top);
224 
		console.log('left:'+omiddlePopover.style.left);
225 
		console.log(omiddlePopover.classList);
226
227 
		/*var real_width = oassessText.offsetWidth;
203 228 
		var real_height = oassessText.offsetHeight;
204 229 
		console.log('实际宽：'+real_width+'高：'+real_height);
205 230 
		

@ -209,12 +234,8 @@ mui.ready(function() {
209 234 
		var cur_width = real_width + padding_w;
210 235 
		var cur_height = real_height + padding_h;
211 236 
		console.log("要求显示宽："+cur_width+"高："+cur_height);
212 
		/*oassessText.css('width',cur_width+'px');
213 
		oassessText.css('height',cur_height+'px');*/
214 237 
		omiddlePopover.style.width = cur_width+'px';
215 
		omiddlePopover.style.height = cur_height+'px';
216 
		/*omiddlePopover.css('width',);
217 
		omiddlePopover.css('height',cur_height+'px');*/
238 
		omiddlePopover.style.height = cur_height+'px';*/
218 239
219 240 
	};
220 241 
	

@ -245,16 +266,6 @@ mui.ready(function() {
245 266 
		});
246 267
247 268 
	}
248 
	/*返回咨询列表页*/
249 
//	obackBtn.addEventListener('tap',function() {
250 
//		/*返回咨询列表*/
251 
//		var consultList = plus.webview.getWebviewById('consultlist.html');
252 
//		consultList.show();
253 
//		mui.fire(consultList,'refresh',{'consultList':consultList});
254 
//
255 
//	});
256
257
258 269
259 270 
	/*评价完成返回 刷新==自定义事件*/
260 271 
	window.addEventListener('refresh',function(event){

@ -262,7 +273,6 @@ mui.ready(function() {
262 273 
		var self = plus.webview.currentWebview();
263 274 
		console.log(self);
264 275 
		var consultId = self.consultId;
265
266 276 
		oconfirm.classList.add('displayNone');
267 277 
		ochatFooter.classList.add('displayNone');
268 278 
		oassessBtn.classList.add('displayNone');

@ -304,7 +314,17 @@ mui.ready(function() {
304 314 
		console.log(self.id)
305 315 
		var consultId = self.consultId;
306 316 
		var consultantId = self.consultantId;
307
317 
		/*返回咨询列表页*/
318 
		obackBtn.addEventListener('tap',function() {
319 
			/*返回咨询列表*/
320 
			var status = ostatus.getAttribute('status');
321 
			console.log(status);
322 
			var consultList = plus.webview.getWebviewById('html/consultlist.html');
323 
			console.log(consultId)
324 
			consultList.show();
325 
			mui.fire(consultList,'backlist',{'consultId':consultId,'status':status});
326
327 
		});
308 328
309 329
310 330 
		

@ -323,16 +343,6 @@ mui.ready(function() {
323 343 
		};
324 344
325 345
326
327
328
329
330
331
332
333
334
335
336 346 
		plus.webview.currentWebview().setStyle({
337 347 
			softinputMode: "adjustResize"
338 348 
		});

+ 364 - 0
app/js/consult.js
View File 

@ -0,0 +1,364 @@
1
2 
var pageIndex = 1; // 页数
3 
var allPages = 1; // 总页数
4 
var table = document.body.querySelector(".mui-table-view");//咨询列表容器
5
6 
var oneedval = document.getElementById("needval");//咨询/需求
7 
var otypeval = document.getElementById("typeval");//咨询类型
8 
var ostateval = document.getElementById("stateval");//咨询状态
9 
var osortval = document.getElementById("sortval");//时间排序
10
11
12 
mui.init({
13 
    pullRefresh: {
14 
        container: '#pullrefresh',
15 
        up: {
16 
            contentrefresh: '正在加载...',
17
18 
            callback: pullupRefresh
19 
        }
20 
    }
21 
});
22
23 
//上拉加载具体业务实现
24 
function pullupRefresh() {
25 
    pageIndex = ++pageIndex;
26 
    console.log('第'+pageIndex+'页');
27 
    console.log('上拉加载更多');
28 
    setTimeout(function() {
29 
        getaData();
30 
    }, 1000);
31 
};
32 
if(mui.os.plus) {
33 
	mui.plusReady(function() {
34 
		setTimeout(function() {
35 
			mui('#pullrefresh').pullRefresh().pulldownLoading();
36 
		}, 500);
37 
	});
38 
} else {
39 
	mui.ready(function() {
40 
		mui('#pullrefresh').pullRefresh().pulldownLoading();
41 
	});
42 
}
43
44 
function getaData() {
45 
    mui.plusReady(function() {
46 
    	var userid = plus.storage.getItem('userid');
47 
    	console.log("刷新传参"+oneedval.value+otypeval.value+ostateval.value+osortval.value);
48 
    	console.log('加载页'+pageIndex)
49 
        mui.ajax(baseUrl+'/ajax/consult/pq', {
50 
            data: {
51 
                "professorId":userid, //专家ID
52 
			    "consultOrNeed":oneedval.value , //接受咨询或咨询别人的状态值，0-全部，1-别人咨询我的，2-我咨询别人的 默认为0
53 
			    "consultType":otypeval.value, //咨询类型(技术咨询、资源咨询、其他事务)
54 
			    "status":ostateval.value, //查询状态 0-全部，1-进行中，2-未感谢，3-未评价，4-已完成， 可以不传，默认为0
55 
			    "timeType":osortval.value, //排序类型 0-按发起时间正序，1-按最后回复时间倒序，2-按完成时间倒序 默认为1
56 
			    "pageSize":10,
57 
			    "pageNo":pageIndex //当前页码 默认为1
58 
            },
59 
            dataType: 'json',
60 
            type: 'get',
61 
            timeout: 10000,
62
63 
            success: function(data) {
64
65 
                if (data.success) {
66 
                    console.log("成功");
67 
                    var datalist = data.data.data;
68 
                    var total = data.data.total;
69 
                    var pageSize = data.data.pageSize;
70 
                    	console.log(total)
71 
                    	console.log(pageSize)
72 
                    var result = '';
73 
                    allPages = Math.ceil(total / pageSize);/*获取总的分页数*/
74 
                   console.log(allPages)
75 
                    if (allPages == 1) { //下拉刷新需要先清空数据
76 
                        table.innerHTML = '';// 在这里清空可以防止刷新时白屏
77 
                    }
78
79 
                    eachData(userid,datalist);
80
81 
                    if(pageIndex < allPages){
82 
                        mui('#pullrefresh').pullRefresh().endPullupToRefresh(false);    /*能上拉*/
83 
                    }else{
84 
                        mui('#pullrefresh').pullRefresh().endPullupToRefresh(true);/*不能上拉*/
85 
                    }
86 
                }
87 
            },
88 
            error: function(xhr, type, errerThrown) {
89 
                mui.toast('网络异常,请稍候再试');
90 
                plus.nativeUI.closeWaiting();
91 
                mui('#pullrefresh').pullRefresh().endPullupToRefresh(true);
92 
            }
93 
        });
94 
    });
95 
};
96
97 
initdata();
98 
/*第一次加载数据*/
99 
function initdata() {
100 
    mui.plusReady(function() {
101 
    	var userid = plus.storage.getItem('userid');
102 
    	console.log('初始化传参'+'一：'+oneedval.value+'二'+otypeval.value+'三'+ostateval.value+'四'+osortval.value);
103 
    	console.log()
104 
    	plus.nativeUI.showWaiting();
105 
        mui.ajax(baseUrl+'/ajax/consult/pq', {
106 
            data: {
107 
                "professorId":userid, //专家ID
108 
			    "consultOrNeed":oneedval.value , //接受咨询或咨询别人的状态值，0-全部，1-别人咨询我的，2-我咨询别人的 默认为0
109 
			    "consultType":otypeval.value, //咨询类型(技术咨询、资源咨询、其他事务)
110 
			    "status":ostateval.value, //查询状态 0-全部，1-进行中，2-未感谢，3-未评价，4-已完成， 可以不传，默认为0
111 
			    "timeType":osortval.value, //排序类型 0-按发起时间正序，1-按最后回复时间倒序，2-按完成时间倒序 默认为1
112 
			    "pageSize":10, //每页记录数 默认为5
113 
			    "pageNo":1 //当前页码 默认为1
114 
            },
115 
            dataType: 'json',
116 
            type: 'get',
117 
            timeout: 10000,
118 
            success: function(data) {
119 
                if (data.success) {
120 
                    console.log("成功");
121 
                    var datalist = data.data.data;
122 
                    console.log(datalist.length);
123
124
125 
	                table.innerHTML = '';//清空容器
126 
                    eachData(userid,datalist);
127 
                    mui('#pullrefresh').pullRefresh().refresh(true);//重置下拉加载
128 
                    mui('#pullrefresh').scroll().scrollTo(0,0);//滚动到顶部
129
130 
                    plus.nativeUI.closeWaiting();//关闭等待框
131 
                }
132 
            },
133 
            error: function(xhr, type, errerThrown) {
134 
                mui.toast('网络异常,请稍候再试');
135 
            	plus.nativeUI.closeWaiting();
136 
            }
137 
        });
138 
    });
139
140 
};
141
142 
//打开子页面
143 
mui(".mui-table-view").on('tap','.itemBtn',function(){
144 
	mui.openWindow({
145 
		id:'chats.html',
146 
	    url:'chats.html',
147 
	    extras:{
148 
	    	'manFlag':this.getAttribute("manFlag"),
149 
	    	'consultId':this.getAttribute("consultId"),//自定义扩展参数，可以用来处理页面间传值
150 
	    	'consultantId':this.getAttribute("consultantId")//咨询者id
151 
	    }
152 
	});
153 
});
154
155 
mui.plusReady(function() {
156 
	var self = plus.webview.currentWebview();
157 
	console.log(self.id)
158 
})
159
160
161 
/*由聊天页面返回咨询列表,要更新咨询状态:::自定义事件*/
162 
var statuslist = document.querySelectorAll('.status-1');
163 
window.addEventListener('backlist',function(event){
164 
		//通过event.detail可获得传递过来的参数内容
165 
		var self = plus.webview.currentWebview();
166 
		var consultId = event.detail.consultId;
167 
		var status = event.detail.status;
168 
		console.log(consultId);
169 
		mui.each(statuslist,function(index,item){
170 
			if(item.getAttribute('consultId') == consultId) {
171 
				//consultStatus='+myData["consultStatus"]//我的需求进行中
172 
				//myNeedAssessStatus='+myData["assessStatus"]//我的需求，未评价/已完成
173 
				if(status == 'myNeedAssessStatus=0'){//未评价
174 
					this.innerHTML = '待评价';
175 
				}
176 
			};
177 
		})
178 
//		initdata();
179
180 
	});
181
182
183 
//点击选择
184 
function checkedFun(i){
185
186 
	mui("#middlePopover"+i).on('tap','.mui-navigate-right',function(e){
187 
		allPages = 1;
188 
		pageIndex = 1;
189 
		plus.nativeUI.showWaiting(); //显示等待框
190 
		document.getElementById("headck"+i).innerHTML = this.innerHTML;
191 
		var value = this.getAttribute("ck"+i);
192 
		document.getElementById("headck"+i).setAttribute('headck',value);
193 
		document.querySelector('.mui-backdrop').style.display = 'none';
194 
		document.getElementById("middlePopover"+i).style.display = 'none';
195
196 
		//去掉样式类mui-active,要不然会多点击一次
197 
//		document.getElementById("middlePopover"+i).classList.remove('mui-active');
198
199 
		oneedval.value = document.getElementById("headck1").getAttribute('headck');
200 
		otypeval.value = document.getElementById("headck2").getAttribute('headck');
201 
		ostateval.value = document.getElementById("headck3").getAttribute('headck');
202 
		osortval.value = document.getElementById("headck4").getAttribute('headck');
203
204 
		initdata();
205 
		plus.nativeUI.closeWaiting();//关闭等待框
206 
	});
207
208 
};
209 
checkedFun(1);
210 
checkedFun(2);
211 
checkedFun(3);
212 
checkedFun(4);
213
214 
function eachData(userid,datalist) {
215 
	/*表格填充数据 mui.each是异步的*/
216 
    mui.each(datalist, function(index, item) {
217 
    	var title,
218 
			zhicehng,
219 
			zhiwei,
220 
			address,
221 
			lastReply,
222 
			status,
223 
			lastReplyTime,
224 
			lastReplyCon,
225 
			unreadCount,
226 
			unreadStyle,
227 
			proModify,
228 
			photoUrl,
229 
			consultType;
230
231 
    	//咨询类型和状态
232 
		if(item['consultantId'] != userid){//收到咨询
233 
			title = "回复:关于" + item["consultTitle"] + "的咨询";
234 
			if(item["consultStatus"] == 0){
235 
				status = "进行中";
236 
			}else if(item["consultStatus"] == 1){
237 
				status = "已完成";
238 
			}
239 
		}else if(item['consultantId'] == userid){//我的需求
240 
			title = "关于" + item["consultTitle"] + "的咨询";
241 
			if(item["consultStatus"] == 0){
242 
				status = "进行中";
243 
			}else if(item["consultStatus"] == 1){
244 
				if(item["assessStatus"] == 0){
245 
					status = '待评价';
246 
				}else {
247 
					status = '已完成';
248 
				}
249 
			}
250 
		}
251
252 
		//专家职称
253 
		(!item["professor"]["title"])? zhicehng = '' : zhicehng = item["professor"]["title"];
254 
		(!item["professor"]["office"])? zhiwei  = ''  : zhiwei = item["professor"]["office"] + '，';
255 
		(!item["professor"]["address"])? address = '' : address = '|'+ item["professor"]["address"];
256 
		(item["professor"]["authentication"] == true)? proModify = 'authicon' : proModify = 'unauthicon';
257 
		(item["professor"]["hasHeadImage"] == 0) ? photoUrl = "../images/default-photo.jpg" :photoUrl = "../images/head/"+item["professor"]["id"]+"_m.jpg";
258
259 
		//咨询类型，只取两个字
260 
		if(item["consultType"]) {
261 
			consultType = item["consultType"].substr(0,2);
262 
		}
263
264 
		//最后回复
265 
		lastReplyTime = lastReplyFn(userid,item["consultId"]).lastReplyTime;
266 
		lastReplyCon = lastReplyFn(userid,item["consultId"]).lastReplyCon;
267
268 
		if(lastReplyCon == undefined){
269 
			lastReplyCon = '';
270 
		}
271 
		if(lastReplyTime == undefined){
272 
			lastReplyTime = '';
273 
		}
274 
		//未读消息
275 
		unreadCount = unreadConsultFn(userid,item["consultId"],index).unreadCount;
276 
		unreadStyle = unreadConsultFn(userid,item["consultId"],index).style;
277
278
279 
        var li = document.createElement('li');
280 
        li.className = 'mui-table-view-cell mui-media';
281
282 
        li.innerHTML = '<div class="coutopicbox">'
283 
            		+ '<span class="coutheme mui-ellipsis mui-pull-left">'+title+'</span>'
284 
            		+ '<div class="coustatus mui-pull-right"><span class="aimlabel">'+consultType+'</span>'
285 
            		+ '<span class="status-1" consultId="'+item["consultId"]+'">'+status+'</span></div></div>'
286 
            		+ '<a class="proinfor itemBtn" consultId="'+item["consultId"]+'" consultantId="'+item["consultantId"]+'" >'
287 
					+ '<span class="mui-badge mui-badge-danger" style="'+unreadStyle+'">'+unreadCount+'</span>'
288 
	        		+ '<img class="mui-media-object mui-pull-left headimg" src="'+photoUrl+'">'
289 
            		+ '<div class="mui-media-body">'
290 
            		+ '<span class="listtit">'+item["professor"]["name"]+'<em class="mui-icon iconfont icon-vip '+proModify+'"></em><span class="thistime">'+lastReplyTime+'</span></span>'
291 
            		+ '<p class="listtit2"><span>'+zhicehng+'</span><span>'+zhiwei+'</span><span>'+item["professor"]["orgName"]+'</span><span>'+address+'</span></p>'
292 
            		+ '<p class="listtit3">'+lastReplyCon+'</p>'
293 
            		+ '</div></a>';
294
295 
        table.appendChild(li,table.firstChild);
296 
    });
297
298 
};
299
300 
/*最后回复*/
301 
function lastReplyFn(sendId,consultId){
302 
	var lastReplyTimeData,lastReplyTime,lastReplyCon;
303 
	mui.ajax(baseUrl + '/ajax/tidings/qaLastRevovery',{
304 
		data:{
305 
			"consultId":consultId, //咨询ID
306 
		    "senderId":sendId //登录者ID
307 
		},
308 
		dataType:'json',//服务器返回json格式数据
309 
		type:'get',//HTTP请求类型
310 
		timeout:10000,//超时时间设置为10秒；
311 
		async:false,
312 
		success:function(data){
313 
			/*console.log(data);*/
314 
			if(data["data"] == null || data["data"] == "" || data["data"] == undefined){
315 
				lastReplyTimeData = '';
316 
				lastReplyTime = '';
317 
				lastReplyCon = '';
318 
			}
319 
			else{
320 
				lastReplyTimeData = data["data"]["createTime"];
321 
				lastReplyTime =lastReplyTimeData.substr(0,4) + "-" + lastReplyTimeData.substr(4,2) + "-" + lastReplyTimeData.substr(6,2) + " " + lastReplyTimeData.substr(8,2)+ ":" +lastReplyTimeData.substr(10,2);
322 
				lastReplyCon = data["data"]["tidingsContant"];
323 
			}
324 
		},
325 
		error:function(xhr,type,errorThrown){
326
327 
		}
328 
	});
329 
	return  {
330 
		"lastReplyTime":lastReplyTime,
331 
		"lastReplyCon":lastReplyCon
332 
	};
333 
};
334
335 
/*未读消息*/
336 
function unreadConsultFn (senderId,consultId,i){
337 
	var unreadCount,style;
338 
	mui.ajax(baseUrl +'/ajax/tidings/qaNotReadTidings',{
339 
		data:{
340 
			"senderId":senderId, //发送者ID
341 
			"consultId":consultId //咨询ID
342 
		},
343 
		dataType:'json',//服务器返回json格式数据
344 
		type:'get',//HTTP请求类型
345 
		timeout:10000,//超时时间设置为10秒；
346 
		async:false,
347 
		success:function(data){
348 
			unreadCount = data["data"];
349 
			if(unreadCount == 0){
350 
				style = "display:none;"
351 
			}else{
352 
				style = "display:block;"
353
354 
			}
355 
		},
356 
		error:function(xhr,type,errorThrown){
357
358 
		}
359 
	});
360
361 
	return {"unreadCount":unreadCount,
362 
			"style":style
363 
	}
364 
};

+ 0 - 2
app/js/consultlist.js
View File 

@ -19,8 +19,6 @@ mui.ready(function() {
19 19 
		allData(userid,0,'',0,0);//默认加载
20 20
21 21
22
23
24 22 
		/*全部的咨询列表*/
25 23 
		function allData(userid,consultOrNeed,consultType,status,timeType) {
26 24