liuyifan 6 lat temu
rodzic
commit
16277849d8

BIN
CallCenterWeb.UI/img/background_download.png


BIN
CallCenterWeb.UI/img/weixin-tip.png


Plik diff jest za duży
+ 1 - 0
CallCenterWeb.UI/js/qrcode.min.js


+ 277 - 0
CallCenterWeb.UI/newVersionUpdate/css/download.css

@@ -0,0 +1,277 @@
1
+html,
2
+body,
3
+div,
4
+span,
5
+applet,
6
+object,
7
+iframe,
8
+h1,
9
+h2,
10
+h3,
11
+h4,
12
+h5,
13
+h6,
14
+p,
15
+blockquote,
16
+pre,
17
+a,
18
+abbr,
19
+acronym,
20
+address,
21
+big,
22
+cite,
23
+code,
24
+del,
25
+dfn,
26
+em,
27
+img,
28
+ins,
29
+kbd,
30
+q,
31
+s,
32
+samp,
33
+small,
34
+strike,
35
+strong,
36
+sub,
37
+sup,
38
+tt,
39
+var,
40
+b,
41
+u,
42
+i,
43
+center,
44
+dl,
45
+dt,
46
+dd,
47
+ol,
48
+ul,
49
+li,
50
+fieldset,
51
+form,
52
+label,
53
+legend,
54
+table,
55
+caption,
56
+tbody,
57
+tfoot,
58
+thead,
59
+tr,
60
+th,
61
+td,
62
+article,
63
+aside,
64
+canvas,
65
+details,
66
+embed,
67
+figure,
68
+figcaption,
69
+footer,
70
+header,
71
+hgroup,
72
+menu,
73
+nav,
74
+output,
75
+ruby,
76
+section,
77
+summary,
78
+time,
79
+mark,
80
+audio,
81
+video {
82
+	margin: 0;
83
+	padding: 0;
84
+	border: 0;
85
+	font: inherit;
86
+	font-size: 100%;
87
+	vertical-align: baseline
88
+}
89
+
90
+html {
91
+	line-height: 1
92
+}
93
+
94
+ol,
95
+ul {
96
+	list-style: none
97
+}
98
+
99
+table {
100
+	border-collapse: collapse;
101
+	border-spacing: 0
102
+}
103
+
104
+caption,
105
+th,
106
+td {
107
+	text-align: left;
108
+	font-weight: normal;
109
+	vertical-align: middle
110
+}
111
+
112
+q,
113
+blockquote {
114
+	quotes: none
115
+}
116
+
117
+q:before,
118
+q:after,
119
+blockquote:before,
120
+blockquote:after {
121
+	content: "";
122
+	content: none
123
+}
124
+
125
+a img {
126
+	border: none
127
+}
128
+
129
+article,
130
+aside,
131
+details,
132
+figcaption,
133
+figure,
134
+footer,
135
+header,
136
+hgroup,
137
+main,
138
+menu,
139
+nav,
140
+section,
141
+summary {
142
+	display: block
143
+}
144
+
145
+body {
146
+	font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif
147
+}
148
+
149
+a {
150
+	text-decoration: none
151
+}
152
+
153
+a:hover,
154
+a:focus {
155
+	text-decoration: none
156
+}
157
+
158
+.clearfix:before,
159
+.clearfix:after {
160
+	content: "";
161
+	display: table;
162
+}
163
+
164
+.clearfix:after {
165
+	clear: both;
166
+}
167
+
168
+.clearfix {
169
+	zoom: 1;
170
+}
171
+
172
+.fl {
173
+	float: left;
174
+}
175
+
176
+.rl {
177
+	float: right;
178
+}
179
+
180
+.download_bg{
181
+	position: absolute;
182
+	display: -webkit-box;
183
+	-webkit-box-pack: center;
184
+	-webkit-box-align: center;
185
+	width: 100%;
186
+	height: 100%;
187
+	background: url(../../img/background_download.png) no-repeat;
188
+    background-size: 100% 100%;
189
+}
190
+
191
+header{
192
+	position: absolute;
193
+	top: 13.568215892053972%;
194
+	left: 50%;
195
+	margin-left: -96.305px;
196
+	text-align: center;
197
+}
198
+header h1{
199
+	font-size: 30px;
200
+	font-family: "microsoft yahei";
201
+	font-weight: 600;
202
+	margin-bottom: 25px;
203
+}
204
+header h1 span{
205
+	color: rgb(221, 0, 0);
206
+}
207
+.head-text{
208
+	font-size: 14px;
209
+	color: rgb(243, 194, 194);
210
+}
211
+header p{
212
+	font-size: 18px;
213
+	font-family: "黑体";
214
+	margin-top: 4px;
215
+	letter-spacing: 3.4px;
216
+}
217
+
218
+footer{
219
+	position: absolute;
220
+	left: 50%;
221
+	margin-left: -112px;
222
+	bottom: 12.368815592203898%;	
223
+}
224
+
225
+footer .download_btn {
226
+    display: inline-block;
227
+	width: 224px;
228
+	height: 44px;
229
+	box-sizing: border-box;
230
+	line-height: 44px;
231
+	text-align: center;    
232
+    font-size: 19px;
233
+    font-weight: normal;
234
+	color: rgb(255, 255, 255); 
235
+	background-color: rgb(221, 0, 0);   
236
+    white-space: nowrap;
237
+    vertical-align: middle;
238
+    -ms-touch-action: manipulation;
239
+    touch-action: manipulation;
240
+    -webkit-user-select: none;
241
+    -moz-user-select: none;
242
+    -ms-user-select: none;
243
+    user-select: none;
244
+    background-image: none;
245
+    border: 1px solid transparent;
246
+    border-radius: 30px;
247
+}
248
+
249
+.wxtip{
250
+	background: rgba(0,0,0,0.8); 
251
+	text-align: center; 
252
+	position: fixed; 
253
+	left:0; 
254
+	top: 0; 
255
+	width: 100%; 
256
+	height: 100%; 
257
+	z-index: 998; 
258
+	display: none;
259
+}
260
+.wxtip-icon{
261
+	width: 164px; 
262
+	height: 153px; 
263
+	background: url(../../img/weixin-tip.png) no-repeat; 
264
+	display: block; 
265
+	position: absolute; 
266
+	right: 20px; 
267
+	top: 20px;
268
+}
269
+.wxtip-txt{
270
+	margin-top: 150px; 
271
+	color: #fff; 
272
+	font-size: 16px; 
273
+	line-height: 1.5;
274
+}
275
+#downloadBtnW{
276
+	display: none;
277
+}

+ 55 - 0
CallCenterWeb.UI/newVersionUpdate/css/newVersionUpdate.css

@@ -0,0 +1,55 @@
1
+.topbarClientIndex{
2
+	position:relative;
3
+	z-index:99999;	
4
+}
5
+.topbarClient{
6
+	position: relative;
7
+	display: inline-block;
8
+}
9
+.topbarClient .topbarClient-box{
10
+    position: absolute;
11
+    width: 150px;
12
+    box-sizing: border-box;
13
+    border: 1px solid #EBEBEB;
14
+    background-color: #fff;
15
+    padding: 18px 0 13px 0;
16
+    -webkit-transition: all .3s ease-in-out;
17
+    -moz-transition: all .3s ease-in-out;;
18
+    transition: all .3s ease-in-out;
19
+    opacity: 0;
20
+    filter: alpha(opacity=0);
21
+    -webkit-transform: scale(.01);
22
+    transform: scale(.01);
23
+    -webkit-transform-origin: 100% 95%;
24
+    transform-origin: 100% 95%;
25
+}
26
+.topbarClient-box #elevator-app-qrcode{
27
+	width: 108px;
28
+	height: 108px;
29
+	line-height: 108px;
30
+	display: block;
31
+	margin: 0 auto;
32
+}
33
+.topbarClient span{
34
+	color: #6c6c6c;
35
+	font-size: 14px;
36
+}
37
+.topbarClient:hover .topbarClientText{
38
+	color: rgb(51, 122, 183);
39
+}
40
+.topbarClient:hover .topbarClient-box{
41
+    opacity: 1;
42
+    filter: alpha(opacity= 100);
43
+    -webkit-transform: scale(1);
44
+    transform: scale(1);
45
+    -webkit-transform-origin: 0 0;
46
+    transform-origin: 0 0;
47
+}
48
+.topbarClient-box span{
49
+	display: inline-block;
50
+    padding-top: 7px;
51
+}
52
+.topbarClient .topbarClient-box{
53
+    text-align: center;
54
+    background: #fff;
55
+}

+ 78 - 0
CallCenterWeb.UI/newVersionUpdate/download.html

@@ -0,0 +1,78 @@
1
+<!DOCTYPE HTML>
2
+<html>
3
+<head>
4
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
5
+<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no" />
6
+<meta name="apple-touch-fullscreen" content="YES" />
7
+<meta name="apple-mobile-web-app-status-bar-style" content="black" />
8
+<meta name="format-detection" content="telephone=no">
9
+<title>双汇客服中心管理系统下载</title>
10
+<link rel="stylesheet" type="text/css" href="./css/download.css"/>
11
+</head>
12
+<body>
13
+	<div class="download_bg">
14
+		<header>
15
+			<h1>
16
+				<span>售后服务平台</span>
17
+			</h1>
18
+			<span class="head-text">双汇好食材,筷乐一家人</span>
19
+		</header>
20
+		<footer>
21
+			<a class="download_btn" id="downloadBtn" download="filename">立即下载</a>
22
+			<a class="download_btn" id="downloadBtnW">立即下载</a>
23
+		</footer>
24
+	</div>
25
+	<div class="wxtip" id="JweixinTip">
26
+		<span class="wxtip-icon"></span>
27
+		<p class="wxtip-txt">点击右上角<br/>选择在浏览器中打开</p>
28
+	</div>
29
+	<!--<script src="../js/jquery-1.8.js" type="text/javascript"></script>-->
30
+    <script src="../Script/Common/huayi.load.js"></script>
31
+	<script src="../Script/Common/huayi.config.js"></script>
32
+
33
+	<script>
34
+		$(document).ready(function() {
35
+			var ua = navigator.userAgent;
36
+			var isWeixin = !!/MicroMessenger/i.test(ua); //微信浏览器
37
+			var isQQ = ua.match(/QQ/i); //qq浏览器
38
+			var btn = document.getElementById('downloadBtn');
39
+			var btnW = document.getElementById('downloadBtnW');
40
+			if(isWeixin){
41
+				$('#downloadBtn').css('display','none');
42
+				$('#downloadBtnW').css('display','block');
43
+				weixinTip(btnW);
44
+			}else if(isQQ== "qq"){
45
+				$('#downloadBtn').css('display','none');
46
+				$('#downloadBtnW').css('display','block');
47
+				weixinTip(btnW);
48
+			}else{
49
+				$('#downloadBtn').css('display','block');
50
+				$('#downloadBtnW').css('display','none');
51
+				getDownloadUrl(btn);
52
+			}
53
+		});
54
+		//获取客户端地址
55
+		function getDownloadUrl(elebtn){
56
+			$.getJSON(huayi.config.callcenter_url + 'ApplicationsVersion/GetAndroid', {
57
+				keywords: '',
58
+				isNew: true
59
+			}, function(result) {
60
+				if(result.state.toLowerCase() == "success") {
61
+					data = result.data;
62
+					var clientURL = data.FileUrl[0].F_Url;
63
+					$(elebtn).attr('href',clientURL);
64
+				}
65
+			});
66
+		}
67
+		//微信打开时的遮罩
68
+		function weixinTip(ele){
69
+			ele.onclick=function(e){
70
+				window.event? window.event.returnValue = false : e.preventDefault();
71
+				document.getElementById('JweixinTip').style.display='block';
72
+			}
73
+			document.getElementById('JweixinTip').onclick=function(){
74
+				this.style.display='none';
75
+			}
76
+		}
77
+	</script>
78
+</body>

+ 18 - 0
CallCenterWeb.UI/newVersionUpdate/js/newVersionUpdate.js

@@ -14,7 +14,25 @@ $(document).ready(function () {
14 14
 	$(".modify").on("click", function(){
15 15
 		btnModify();
16 16
 	})
17
+	// 鼠标移动 显示二维码
18
+//  $('.topbarClient').hover(function () {
19
+//      $('.topbarClient .topbarClient-box').css('left', $(this).offset().left);
20
+//  });
21
+    
22
+    // 获取客户端地址并转成二维码
23
+    getClients();
24
+
17 25
 })
26
+    //获取客户端地址并转成二维码
27
+    function getClients() {
28
+        var curentHost = window.location.protocol + '//' + window.location.host;
29
+        var clientURL = curentHost + '/newVersionUpdate/download.html?n=' + Math.random();
30
+        var qrcode = new QRCode(document.getElementById('elevator-app-qrcode'), {
31
+            width: 108,
32
+            height: 108
33
+        });
34
+        qrcode.makeCode(clientURL);
35
+    }
18 36
 
19 37
 //列表
20 38
 function initTable() {

+ 14 - 6
CallCenterWeb.UI/newVersionUpdate/newVersionUpdate.html

@@ -7,6 +7,7 @@
7 7
     <script src="../Script/Common/huayi.load.js"></script>
8 8
 	<script src="../Script/Common/huayi.config.js"></script>
9 9
 	<link href="../css/init.css" rel="stylesheet" />
10
+	<link href="./css/newVersionUpdate.css" rel="stylesheet" />
10 11
 </head>
11 12
 <body class="gray-bg">
12 13
     <div class="wrapper wrapper-content animated fadeInRight">
@@ -18,7 +19,7 @@
18 19
             	<a href="#" title="刷新"><i class="fa fa-refresh"></i></a>
19 20
             </div>
20 21
         </div>
21
-        <div class="wrapper wrapper-content animated fadeInRight">
22
+        <div class="wrapper wrapper-content animated fadeInRight topbarClientIndex">
22 23
 			<div class="toolBox">
23 24
 				<div class="th-bar clearfix">
24 25
 					<div class="pull-left">
@@ -32,8 +33,15 @@
32 33
 							<button class="btns search">搜索</button>
33 34
 						</div>
34 35
 					</div>
35
-
36 36
 					<div class="pull-right">
37
+						<a href="javascript:;" class="topbarClient">
38
+                    		<img src="../img/Phones.png" alt="移动客户端logo" />
39
+							<span class="topbarClientText">移动客户端</span>
40
+							<div class="topbarClient-box">
41
+                        		<div id="elevator-app-qrcode"></div>
42
+                        		<span class="">扫码下载,使用客户端</span>
43
+                    		</div>
44
+						</a>
37 45
 						<button class="btns add">添加</button>
38 46
 						<button class="btns modify">修改</button>
39 47
 						<button class="btns delete">删除</button>
@@ -41,7 +49,7 @@
41 49
 				</div>
42 50
 			</div>
43 51
 		</div>
44
-        <div style="width: 100%;padding: 10px;">
52
+        <div style="width: 100%;padding: 10px; z-index: 1;">
45 53
 			<table id="workorderlist" class="market" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
46 54
                 <thead>
47 55
                     <tr>
@@ -52,14 +60,14 @@
52 60
 						<th data-field="F_VersionCode" data-align="center">版本号</th>
53 61
 						<th data-field="F_Type" data-formatter="formatterUrl" data-align="center">下载地址</th>
54 62
 						<th data-field="FileUrl" data-formatter="formatterCreateTime" data-align="center">添加时间</th>
55
-						<!--<th data-field="F_Url">ios链接地址</th>-->
56 63
 						<th data-field="F_Remarks" data-align="center">备注</th>
57 64
 					</tr>
58 65
                 </thead>
59 66
             </table>
60 67
         </div>
61
-    </div>    
68
+    </div>
69
+    
70
+    <script src="../js/qrcode.min.js"></script>
62 71
 	<script src="./js/newVersionUpdate.js"></script>
63
-	        
64 72
 </body>
65 73
 </html>

+ 1 - 1
CallCenterWeb.UI/zhiShiKu/js/zhiShiKuManger.js

@@ -159,7 +159,7 @@ var addPid, addTitle, addKey, addCon, addDes;
159 159
 $('.addCun').click(function() {
160 160
 	console.log(addPid);
161 161
 	if($('.inps1').val() == "" || $('.addTitle').val() == "") {
162
-		layer.confirm('所添加内容不允许为空!', {
162
+		layer.confirm('标题不允许为空!', {
163 163
 			btn: ['确定']
164 164
 		});
165 165
 		return;

+ 28 - 0
双汇APP/.project

@@ -0,0 +1,28 @@
1
+<?xml version="1.0" encoding="UTF-8"?>
2
+<projectDescription>
3
+	<name>双汇APP</name>
4
+	<comment></comment>
5
+	<projects>
6
+	</projects>
7
+	<buildSpec>
8
+		<buildCommand>
9
+			<name>com.aptana.ide.core.unifiedBuilder</name>
10
+			<arguments>
11
+			</arguments>
12
+		</buildCommand>
13
+	</buildSpec>
14
+	<natures>
15
+		<nature>com.aptana.projects.webnature</nature>
16
+	</natures>
17
+	<filteredResources>
18
+		<filter>
19
+			<id>1577952953193</id>
20
+			<name></name>
21
+			<type>26</type>
22
+			<matcher>
23
+				<id>org.eclipse.ui.ide.multiFilter</id>
24
+				<arguments>1.0-name-matches-false-false-node_modules</arguments>
25
+			</matcher>
26
+		</filter>
27
+	</filteredResources>
28
+</projectDescription>