addAddress.html
7.83 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>新增地址</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="format-detection" content="telephone=no" />
<meta name="format-detection" content="email=no" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-title" content="">
<meta name="google" value="notranslate"><!-- 禁止Chrome 浏览器中自动提示翻译 -->
<link href="https://cdn.bootcss.com/framework7/1.6.5/css/framework7.ios.min.css" rel="stylesheet">
<link href="https://cdn.bootcss.com/framework7/1.6.5/css/framework7.ios.colors.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="../../../../iconfont/iconfont.css"/>
<link href="../../css/self.css" rel="stylesheet"/>
<link rel="stylesheet" href="../js/LArea.css" />
<link rel="stylesheet" href="css/addAddress.css" />
</head>
<style>
/*.picker-item{
font-size: 14px;
}
.picker-item.picker-selected{
}
.addressD{
width: 100%;
box-sizing: border-box;
background: #fff;
border-collapse: collapse;
}
.addressD tr{
border-bottom: 1px solid #e4e4e4;
}
.addressD tr:last-child{
border: 0;
}
.addressD td{
height: 44px;
padding:0 10px ;
vertical-align: middle;
}
.addressD td input{
height: 100%;
width: 100%;
border-style: none;
}
.addressD td .slidebtn{
float: right;
}
.address_btn{
width: 90%;
display: block;
margin: 10px auto;
}
.uptip{
font-size: 13px;
color: #F76260;
padding: 5px 10px;
}
.addrbtn{
width: 90%;
display: block;
margin: 10px auto;
}
.bao{
padding: 0 10px;
width: 100%;
box-sizing: border-box;
background: #fff;
border-top: 1px solid #e4e4e4;
border-bottom: 1px solid #e4e4e4;
margin-top: 10px;
position: relative;
}*/
</style>
<body>
<div class="bao">
<table class="addressD">
<tr>
<td>收件人</td>
<td>
<input type="text" id="addrname" placeholder="请输入收件人姓名"/>
</td>
</tr>
<tr>
<td>联系电话</td>
<td>
<input type="number" id="addrphone" placeholder="请输入联系电话"/>
</td>
</tr>
<tr>
<td>所在地区</td>
<td>
<input type="button" placeholder="请选择地区" value="请选择地区" readonly id="location" name="location">
</td>
</tr>
<tr>
<td>详细地址</td>
<td>
<input type="text" id="addrss" placeholder="请输入详细地址"/>
</td>
</tr>
<tr>
<td>默认地址</td>
<td>
<span class="slidebtn">
<span></span>
</span>
</td>
</tr>
</table>
</div>
<button class="addrbtn cbtn address_btn" onclick="addaddressbtn()">保存</button>
<p class="uptip bottomtip" style="text-align: center;"></p>
</body>
</html>
<script src="../../../../js/jquery-3.2.1.min.js"></script>
<script src="../../../../js/layui/layui/layui.js"></script>
<!--<script src="../js/framework7.min.js"></script>
<script src="../js/regionsObject2.js"></script>
<script src="../js/cityPicker.js"></script>-->
<script src="../js/LAreaData1.js"></script>
<script src="../js/LAreaData2.js"></script>
<script src="../js/LArea.js"></script>
<!--md5 start-->
<script src="http://cdn.bootcss.com/blueimp-md5/1.1.0/js/md5.js?v=1.1"></script>
<script src="http://cdn.bootcss.com/blueimp-md5/1.1.0/js/md5.min.js?v=1.1"></script>
<!--md5 end-->
<script src="../../../../js/url.js"></script>
<script src="../../../../js/ajax.js"></script>
<script>
var func = {
defaultup:'0'
}
$(function(){
jsajax.setcss("css/addAddress2.css");
var widths = $('#addrname').width();
if(widths){
$('#location').css('max-width',widths+"px");
}
layui.use(['layer'], function(){
//向世界问个好
});
//ios使用
$('#location').click(function(){
document.activeElement.blur();
})
var slidebtn = false;
$('.slidebtn').click(function(){
if(!slidebtn){
$(this).addClass('active');
func.defaultup = '1';
slidebtn = true;
}else{
$(this).removeClass('active');
func.defaultup = '0';
slidebtn = false;
}
});
//设置地址初始位置
var area1 = new LArea();
area1.init({
'trigger': '#location', //触发选择控件的文本框，同时选择完毕后name属性输出到该位置
//'valueTo': '#value1', //选择完毕后id属性输出到该位置
'keys': {
id: 'id',
name: 'name'
}, //绑定数据源相关字段 id对应valueTo的value属性输出 name对应trigger的value属性输出
'type': 1, //数据源类型
'data': LAreaData //数据源
});
area1.value=[0,0,0];//控制初始位置，注意：该方法并不会影响到input的value
//点击提交按钮
/*$('body').on('click','.address_btn',function(){
})*/
});
//点击提交新增数据
function addaddressbtn(){
var token = mUrl.GetToken();
var deviceInfo = mUrl.getDevice();
var addrname = $.trim($('#addrname').val()) ;//收件人
var addrphone = $.trim($('#addrphone').val());//电话号码
var locations = $.trim($('#location').val());//所有地址
var provice = shi = qu="";
var addrss = $.trim($('#addrss').val());//地址
if(!addrname||addrname==''||!addrphone||addrphone==''||!locations||locations==''||!addrss||addrss==''){
layer.msg('请将信息填写完整', {
time: 1500 //2秒关闭（如果不配置，默认是3秒）
}, function(){});
return false;
}
if(addrphone!=''&&!(/^1[34578]\d{9}$/.test(addrphone))&&!/^0\d{2,3}-?\d{7,8}$/.test(addrphone)){
layer.msg('手机号格式错误', {
time: 1500 //2秒关闭（如果不配置，默认是3秒）
}, function(){});
return false;
}
if(locations.split(',')[0]&&locations.split(',')[0]!=''){
provice = locations.split(',')[0];
}
if(locations.split(',')[1]&&locations.split(',')[1]!=''){
shi = locations.split(',')[1];
}
if(locations.split(',')[2]&&locations.split(',')[2]!=''){
qu = locations.split(',')[2];
}
if(qu==''){
qu = shi;
shi = provice;
}
console.log(provice+shi+qu);
var salt = jsajax.salt(32);
var dataState = 1;
var date1 = new Date();
var sortd = [
{keyname:'app_id',value:'0eca8f5373ca4866aec2f8e9d9367104'},
{keyname:'deviceInfo',value:deviceInfo},
{keyname:'salt',value:salt},
{keyname:'sign_type',value:'md5'},
{keyname:'token',value:token},
{keyname:'recipient',value:addrname},
{keyname:'province',value:provice},
{keyname:'city',value:shi},
{keyname:'area',value:qu},
{keyname:'address',value:addrss},
{keyname:'phone',value:addrphone},
//{keyname:'dataState',value:dataState},
{keyname:'isDefault',value:func.defaultup},
//{keyname:'createEmpid',value:'创建人'},
//{keyname:'createDate',value:date1},
];
var mdsign = jsajax.getsign(sortd);
var jsond = {
app_id:'0eca8f5373ca4866aec2f8e9d9367104',
deviceInfo:deviceInfo,
salt:salt,
sign:mdsign,
sign_type:'md5',
token:token,
recipient:addrname,
province:provice,
city:shi,
area:qu,
address:addrss,
phone:addrphone,
//dataState:dataState,
isDefault:func.defaultup,
//createEmpid:'创建人',
//createDate:date1,
};
console.log('数据 '+JSON.stringify(jsond));
jsajax.defaultReq(
mUrl.addaddress,
JSON.stringify(jsond),
function(data){
console.log(JSON.stringify(data));
if(data.code==0){
var urll = document.referrer;
var arrurl = urll.split('/');
console.log(arrurl.length);
console.log(arrurl[arrurl.length-1]);
//window.history.go(-1);
window.location.href = document.referrer;
}else{
alert(data.message);
}
}
);
}
</script>