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

意见反馈，投诉建议，常见问题，联系客服的上传

dell 8 years ago
parent
1e1a129783
commit
98b9ade7a5
10 changed files with 474 additions and 62 deletions
Split View Show Diff Stats
  1. 48 0
      app/html/claims.html
  2. 38 0
      app/html/contactservice.html
  3. 32 0
      app/html/faq.html
  4. 49 0
      app/html/feedback.html
  5. 29 4
      app/html/setup.html
  6. 55 0
      app/js/claims.js
  7. 23 0
      app/js/contactservice.js
  8. 10 0
      app/js/faq.js
  9. 68 0
      app/js/feedback.js
  10. 122 58
      app/js/setup.js

+ 48 - 0
app/html/claims.html
View File 

@ -0,0 +1,48 @@
1
2 
<!DOCTYPE html>
3 
<html>
4 
	<head>
5 
		<meta charset="UTF-8">
6 
		<title></title>
7 
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
8 
		<link href="../css/mui.min.css" rel="stylesheet" />
9 
		<link href="../css/app.css" rel="stylesheet" />
10 
		<style type="text/css">
11 
			.mui-input-row .content {
12 
				min-height: 150px;
13 
				font-size: 14px;
14 
			}
15 
			.mui-content-padded .claims {
16 
				padding: 5px 0;
17 
			}
18 
			.text {
19 
				position: relative;
20 
			}
21 
			#count {
22 
				position: absolute;
23 
				bottom: 23px;
24 
				right: 10px;
25 
			}
26 
		</style>
27 
	</head>
28 
	<body>
29 
		<header class="mui-bar mui-bar-nav toptitbox">
30 
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
31 
		    <h1 class="mui-title toptit">投诉举报</h1>
32 
		</header>
33 
		<div class="mui-content">
34 
			<div class="row mui-input-row text">
35 
				<textarea id='question' class="mui-input-clear question content" placeholder="请详细描述你的投诉举报内容(500字以内)"></textarea>
36 
				<div id="count">500</div>
37 
			</div>
38 
			<div class="mui-content-padded">
39 
				<button type="submit" class="mui-btn mui-btn-danger mui-btn-block claims">提交</button>
40 
			</div>
41
42 
		</div>
43
44 
		<script src="../js/public/mui.min.js"></script>
45 
		<script src="../js/public/base.js"></script>
46 
		<script src="../js/claims.js"></script>
47 
	</body>
48 
</html>

+ 38 - 0
app/html/contactservice.html
View File 

@ -0,0 +1,38 @@
1 
<!DOCTYPE html>
2 
<html>
3 
	<head>
4 
		<meta charset="UTF-8">
5 
		<title></title>
6 
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
7 
		<link href="../css/mui.min.css" rel="stylesheet" />
8 
		<link href="../css/app.css" rel="stylesheet" />
9
10 
	</head>
11 
	<body>
12 
		<header class="mui-bar mui-bar-nav toptitbox">
13 
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
14 
		    <h1 class="mui-title toptit">联系客服</h1>
15 
		</header>
16 
		<div class="mui-content">
17 
			<div class="mui-input-group marginbox setblock">
18 
				<ul class="mui-table-view">
19 
				    <li class="mui-table-view-divider mui-indexed-list-group"> 客服邮箱：</li>
20 
				    <li class="mui-table-view-cell mui-indexed-list-item">
21 
				    	<span class="mui-icon mui-icon-email"></span>
22 
				    	<span id="service_email">service@ekexiu.com</span>
23 
				    </li>
24 
				    <li class="mui-table-view-divider mui-indexed-list-group"> 客服电话：</li>
25 
				    <li class="mui-table-view-cell mui-indexed-list-item" id="service_phone">
26 
				    	<span class="mui-icon mui-icon-phone"></span>
27 
				    	<span id="phone_num">10086</span>
28 
				    </li>
29 
				</ul>
30 
		    </div>
31
32 
		</div>
33
34 
		<script src="../js/public/mui.min.js"></script>
35 
		<script src="../js/public/base.js"></script>
36 
		<script src="../js/contactservice.js"></script>
37 
	</body>
38 
</html>

+ 32 - 0
app/html/faq.html
View File 

@ -0,0 +1,32 @@
1 
<!DOCTYPE html>
2 
<html>
3 
	<head>
4 
		<meta charset="UTF-8">
5 
		<title></title>
6 
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
7 
		<link href="../css/mui.min.css" rel="stylesheet" />
8 
		<link href="../css/app.css" rel="stylesheet" />
9 
		<style type="text/css">
10 
			.mui-input-row .content {
11 
				min-height: 150px;
12 
			}
13 
			.mui-content-padded .tijiao {
14 
				padding: 5px 0;
15 
			}
16 
		</style>
17 
	</head>
18 
	<body>
19 
		<header class="mui-bar mui-bar-nav toptitbox">
20 
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
21 
		    <h1 class="mui-title toptit">常见问题</h1>
22 
		</header>
23 
		<div class="mui-content">
24
25
26 
		</div>
27
28 
		<script src="../js/public/mui.min.js"></script>
29 
		<script src="../js/public/base.js"></script>
30 
		<script src="../js/faq.js"></script>
31 
	</body>
32 
</html>

+ 49 - 0
app/html/feedback.html
View File 

@ -0,0 +1,49 @@
1 
<!DOCTYPE html>
2 
<html>
3 
	<head>
4 
		<meta charset="UTF-8">
5 
		<title></title>
6 
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
7 
		<link href="../css/mui.min.css" rel="stylesheet" />
8 
		<link href="../css/app.css" rel="stylesheet" />
9 
		<style type="text/css">
10 
			.mui-input-row .content {
11 
				min-height: 150px;
12 
				font-size: 14px;
13 
			}
14 
			.mui-content-padded .tijiao {
15 
				padding: 5px 0;
16 
			}
17 
			.text {
18 
				position: relative;
19 
			}
20 
			#count {
21 
				position: absolute;
22 
				bottom: 23px;
23 
				right: 10px;
24 
			}
25
26 
		</style>
27 
	</head>
28 
	<body>
29 
		<header class="mui-bar mui-bar-nav toptitbox">
30 
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
31 
		    <h1 class="mui-title toptit">意见反馈</h1>
32 
		</header>
33 
		<div class="mui-content">
34 
			<div class="row mui-input-row text">
35 
				<textarea id='question' class="mui-input-clear question content" placeholder="科袖期待与您交流"></textarea>
36 
				<div id="count">500</div>
37 
			</div>
38 
			<div class="mui-content-padded">
39 
				<button type="submit" class="mui-btn mui-btn-danger mui-btn-block tijiao">提交反馈</button>
40
41 
			</div>
42
43 
		</div>
44
45 
		<script src="../js/public/mui.min.js"></script>
46 
		<script src="../js/public/base.js"></script>
47 
		<script src="../js/feedback.js"></script>
48 
	</body>
49 
</html>

+ 29 - 4
app/html/setup.html
View File 

@ -15,7 +15,7 @@
15 15 
		</header>
16 16 
		<div class="mui-content">
17 17 
			<!-- 主界面具体展示内容 -->
18 
		    <div class="mui-input-group marginbox setblock">
18 
		   <!-- <div class="mui-input-group marginbox setblock">
19 19 
				<ul class="mui-table-view">
20 20 
				    <li class="mui-table-view-cell">
21 21 
				        <a class="mui-navigate-right" id="security">
 
@ -23,15 +23,15 @@
23 23 
				        </a>
24 24 
				    </li>
25 25 
				</ul>
26 
		    </div>
26 
		    </div>-->
27 27 
		    <!--<div class="mui-input-group marginbox setblock" style="margin-bottom: 4px;">
28 28 
				<ul class="mui-table-view">
29 29 
				    <li class="mui-table-view-cell">
30 30 
				        <a class="mui-navigate-right rightnone" href="setup.html">
31 31 
				        	<span class="mui-pull-left">推送消息设置</span>
32 32 
				        	<div class="mui-pull-right">
33 
								<div class="mui-switch mui-switch-mini witchbg mui-active">
34 
								   <div class="mui-switch-handle"></div>
33 
								<div class="mui-switch mui-switch-mini witchbg mui-active">
34 
								   <div class="mui-switch-handle"></div>
35 35 
								</div>
36 36 
							</div>
37 37 
				        </a>
 
@ -43,6 +43,11 @@
43 43 
		    </div>-->
44 44 
		    <div class="mui-input-group marginbox setblock">
45 45 
				<ul class="mui-table-view">
46 
					<li class="mui-table-view-cell">
47 
				        <a class="mui-navigate-right" id="security">
48 
				        	<span class="mui-pull-left">账号与安全</span>
49 
				        </a>
50 
				    </li>
46 51 
				    <li class="mui-table-view-cell">
47 52 
				        <a class="mui-navigate-right" id="about">
48 53 
				        	<span class="mui-pull-left">关于科袖</span>
 
@ -53,6 +58,26 @@
53 58 
				        	<span class="mui-pull-left">用户协议</span>
54 59 
				        </a>
55 60 
				    </li>
61 
				    <li class="mui-table-view-cell">
62 
				        <a class="mui-navigate-right" id="feedBack">
63 
				        	<span class="mui-pull-left">意见反馈</span>
64 
				        </a>
65 
				    </li>
66 
				    <li class="mui-table-view-cell">
67 
				        <a class="mui-navigate-right" id="claims">
68 
				        	<span class="mui-pull-left">投诉举报</span>
69 
				        </a>
70 
				    </li>
71 
				    <li class="mui-table-view-cell">
72 
				        <a class="mui-navigate-right" id="FAQ">
73 
				        	<span class="mui-pull-left">常见问题</span>
74 
				        </a>
75 
				    </li>
76 
				    <li class="mui-table-view-cell">
77 
				        <a class="mui-navigate-right" id="contactService">
78 
				        	<span class="mui-pull-left">联系客服</span>
79 
				        </a>
80 
				    </li>
56 81 
				</ul>
57 82 
		    </div>
58 83 
		    <div class="mui-input-group exitbox">

+ 55 - 0
app/js/claims.js
View File 

@ -0,0 +1,55 @@
1 
mui.ready(function() {
2 
	var tousuCon = document.getElementById("question");
3 
	var sendBtn = document.querySelector('.claims');
4
5 
	/*提交*/
6 
	function sendClaims(userid) {
7 
		mui.ajax(baseUrl+'',{
8 
			data:{
9
10 
			},
11 
			dataType:'json',//服务器返回json格式数据
12 
			type:'post',//HTTP请求类型
13 
			timeout:10000,//超时时间设置为10秒；
14 
			success:function(data){
15
16 
			},
17 
			error:function(xhr,type,errorThrown){
18 
				mui.toast('提交失败');
19 
			}
20 
		});
21 
	};
22
23 
	/*字数限制*/
24 
	function checkLen(obj) {
25
26 
		var maxChars = 500;//最多字符数
27
28 
		if (obj.value.length > maxChars) {
29
30 
			obj.value = obj.value.substring(0,maxChars);
31 
		}
32
33 
		var curr = maxChars - obj.value.length;
34
35 
		document.getElementById("count").innerHTML = curr.toString();
36 
	};
37
38 
	tousuCon.addEventListener('keyup',function(){
39
40 
		checkLen(tousuCon);
41 
	});
42
43
44 
	mui.plusReady(function() {
45
46 
		var self = plus.webview.currentWebview();
47 
		var userId = self.userId;
48 
		console.log(userId);
49 
	});
50
51 
	sendBtn.addEventListener('tap',function(){
52 
//			sendClaims(userId);
53 
	});
54
55 
});

+ 23 - 0
app/js/contactservice.js
View File 

@ -0,0 +1,23 @@
1 
mui.ready(function() {
2 
	var detail = document.getElementById("service_phone");
3
4 
	mui.plusReady(function() {
5
6 
		var self = plus.webview.currentWebview();
7 
		var userId = self.userId;
8 
		console.log(userId);
9
10
11 
		function dialTest() {
12 
			var phoneNum = document.getElementById("phone_num").innerHTML;
13 
			plus.device.dial( phoneNum, false);
14 
		};
15
16 
		detail.addEventListener('tap',function(){
17 
			dialTest();
18 
		});
19
20
21
22 
	});
23 
});

+ 10 - 0
app/js/faq.js
View File 

@ -0,0 +1,10 @@
1 
mui.ready(function() {
2
3 
	mui.plusReady(function() {
4
5 
		var self = plus.webview.currentWebview();
6 
		var userId = self.userId;
7 
		console.log(userId);
8 
	});
9
10 
});

+ 68 - 0
app/js/feedback.js
View File 

@ -0,0 +1,68 @@
1 
mui.ready(function() {
2 
	var feedbackCon = document.getElementById("question");
3 
	var sendBtn = document.querySelector('.tijiao');
4
5
6 
	/*提交反馈*/
7 
	function sendFeedBack(userid){
8
9 
		mui.ajax(baseUrl+'',{
10 
			data:{
11
12 
			},
13 
			dataType:'json',//服务器返回json格式数据
14 
			type:'post',//HTTP请求类型
15 
			timeout:10000,//超时时间设置为10秒；
16 
			success:function(data){
17
18 
			},
19 
			error:function(xhr,type,errorThrown){
20 
				mui.toast('反馈失败');
21 
			}
22 
		});
23 
	};
24
25 
	/*反馈字数限制*/
26 
	function checkLen(obj) {
27
28 
		var maxChars = 500;//最多字符数
29
30 
		if (obj.value.length > maxChars) {
31
32 
			obj.value = obj.value.substring(0,maxChars);
33 
		}
34
35 
		var curr = maxChars - obj.value.length;
36
37 
		document.getElementById("count").innerHTML = curr.toString();
38 
	};
39
40 
	feedbackCon.addEventListener('keyup',function(){
41
42 
		checkLen(feedbackCon);
43 
	});
44
45
46 
	mui.plusReady(function() {
47
48 
		var self = plus.webview.currentWebview();
49 
		var userId = self.userId;
50 
		console.log(userId);
51
52 
		sendBtn.addEventListener('tap',function(){
53 
//			sendFeedBack(userId);
54 
		});
55
56
57
58
59
60
61
62
63
64
65
66 
	});
67
68 
});

+ 122 - 58
app/js/setup.js
View File 

@ -1,58 +1,122 @@
1 
//设置
2 
mui.ready(function() {
3
4 
	/*定义全局变量*/
5 
	var removeId = document.getElementById("removeid");
6 
	var security = document.getElementById("security");
7 
	var userAgreement = document.getElementById("userAgreement");
8 
	var about = document.getElementById("about");
9
10 
	/*账户与安全*/
11 
	security.addEventListener('tap',function(){
12 
		plus.nativeUI.showWaiting();//显示原生等待框
13 
        webviewShow = plus.webview.create("../html/security.html","../html/security.html");
14 
	});
15
16 
	/*关于科袖*/
17 
	about.addEventListener('tap',function(){
18 
		mui.openWindow({
19 
			url: '../html/aboutus.html',
20 
			id: '../html/aboutus.html',
21 
			show: {
22 
				aniShow: "slide-in-right"
23 
			}
24 
		});
25
26 
	});
27
28 
	/*用户协议*/
29 
	userAgreement.addEventListener('tap',function(){
30 
		mui.openWindow({
31 
			url: '../html/privacy.html',
32 
			id: '../html/privacy.html',
33 
			show: {
34 
				aniShow: "slide-in-right"
35 
			}
36 
		});
37 
	});
38
39 
	/*退出按钮*/
40 
	removeId.addEventListener('tap', function() {
41 
		var btn = ["退出", "取消"];
42 
		mui.confirm("是否退出", "提示", btn, function(e) {
43 
			if(e.index == 0) {
44 
				plus.storage.removeItem("userid");
45 
				//plus.cache.clear();
46 
				//plus.storage.clear();
47 
				var userId = "null";
48 
				mui.currentWebview.close();
49 
				mui.back();
50 
				var myaccountPage = plus.webview.getWebviewById('html/myaccount.html');
51 
				mui.fire(myaccountPage, 'closeUser', {
52 
					id: userId
53 
				});
54 
			}
55 
		});
56 
	})
57
58 
});
1 
//设置
2 
mui.ready(function() {
3
4 
	/*定义全局变量*/
5 
	var removeId = document.getElementById("removeid");
6 
	var security = document.getElementById("security");
7 
	var userAgreement = document.getElementById("userAgreement");
8 
	var about = document.getElementById("about");
9 
	var feedBack = document.getElementById("feedBack");
10 
	var claims = document.getElementById("claims");
11 
	var FAQ = document.getElementById("FAQ");
12 
	var contactService = document.getElementById("contactService");
13
14 
	/*账户与安全*/
15 
	security.addEventListener('tap',function(){
16 
		plus.nativeUI.showWaiting();//显示原生等待框
17 
        webviewShow = plus.webview.create("../html/security.html","../html/security.html");
18 
	});
19
20 
	/*关于科袖*/
21 
	about.addEventListener('tap',function(){
22 
		mui.openWindow({
23 
			url: '../html/aboutus.html',
24 
			id: '../html/aboutus.html',
25 
			show: {
26 
				aniShow: "slide-in-right"
27 
			}
28 
		});
29
30 
	});
31
32 
	/*用户协议*/
33 
	userAgreement.addEventListener('tap',function(){
34 
		mui.openWindow({
35 
			url: '../html/privacy.html',
36 
			id: '../html/privacy.html',
37 
			show: {
38 
				aniShow: "slide-in-right"
39 
			}
40 
		});
41 
	});
42
43 
	/*退出按钮*/
44 
	removeId.addEventListener('tap', function() {
45 
		var btn = ["退出", "取消"];
46 
		mui.confirm("是否退出", "提示", btn, function(e) {
47 
			if(e.index == 0) {
48 
				plus.storage.removeItem("userid");
49 
				//plus.cache.clear();
50 
				//plus.storage.clear();
51 
				var userId = "null";
52 
				mui.currentWebview.close();
53 
				mui.back();
54 
				var myaccountPage = plus.webview.getWebviewById('html/myaccount.html');
55 
				mui.fire(myaccountPage, 'closeUser', {
56 
					id: userId
57 
				});
58 
			}
59 
		});
60 
	});
61
62 
	/*意见反馈*/
63 
	feedBack.addEventListener('tap',function(){
64 
		var userid = plus.storage.getItem('userid');
65 
		console.log(userid);
66 
		mui.openWindow({
67 
			url: '../html/feedback.html',
68 
			id: '../html/feedback.html',
69 
			show: {
70 
				aniShow: "slide-in-right"
71 
			},
72 
			extras:{userId:userid}
73 
		});
74
75 
	});
76
77 
	/*投诉举报*/
78 
	claims.addEventListener('tap',function(){
79 
		var userid = plus.storage.getItem('userid');
80 
		console.log(userid);
81 
		mui.openWindow({
82 
			url: '../html/claims.html',
83 
			id: '../html/claims.html',
84 
			show: {
85 
				aniShow: "slide-in-right"
86 
			},
87 
			extras:{userId:userid}
88 
		});
89
90 
	});
91
92 
	/*常见问题*/
93 
	FAQ.addEventListener('tap',function(){
94 
		var userid = plus.storage.getItem('userid');
95 
		console.log(userid);
96 
		mui.openWindow({
97 
			url: '../html/faq.html',
98 
			id: '../html/faq.html',
99 
			show: {
100 
				aniShow: "slide-in-right"
101 
			},
102 
			extras:{userId:userid}
103 
		});
104
105 
	});
106
107 
	/*联系客服*/
108 
	contactService.addEventListener('tap',function(){
109 
		var userid = plus.storage.getItem('userid');
110 
		console.log(userid);
111 
		mui.openWindow({
112 
			url: '../html/contactservice.html',
113 
			id: '../html/contactservice.html',
114 
			show: {
115 
				aniShow: "slide-in-right"
116 
			},
117 
			extras:{userId:userid}
118 
		});
119
120 
	});
121
122 
});