作者 刘朕
1 个管道 的构建 通过 耗费 6 秒

电子订单添加、编辑调整,选择订单类型页面调试

@@ -160,12 +160,23 @@ @@ -160,12 +160,23 @@
160 $(this).addClass('add_active').siblings().removeClass('add_active') 160 $(this).addClass('add_active').siblings().removeClass('add_active')
161 }); 161 });
162 162
163 - $('#birthday').click(function() { 163 + var dt = new Date();
  164 + var df= [dt.getFullYear(), (dt.getMonth() + 1), dt.getDate()];
  165 + $('.birthday').on('focus',function() {
164 var obj = $(this); 166 var obj = $(this);
  167 + var this_date = obj.val();
  168 + dt = new Date(Date.parse(this_date.replace('年','-').replace('月','-').replace('日','')))
  169 + df= [dt.getFullYear(), (dt.getMonth() + 1), dt.getDate()];
  170 + console.log(df);
  171 + timeInit(df);
  172 + });
  173 +
  174 + // 时间组件
  175 + function timeInit(df) {
165 weui.datePicker({ 176 weui.datePicker({
166 start: 2000, 177 start: 2000,
167 end: 2030, 178 end: 2030,
168 - defaultValue: [2015, 6, 9], 179 + defaultValue: df,
169 onChange: function(result) { 180 onChange: function(result) {
170 console.log(result); 181 console.log(result);
171 // $('.#birthday_input').val(result) 182 // $('.#birthday_input').val(result)
@@ -176,7 +187,7 @@ @@ -176,7 +187,7 @@
176 }, 187 },
177 id: 'datePicker' 188 id: 'datePicker'
178 }); 189 });
179 - }); 190 + }
180 191
181 $('.address').click(function() { 192 $('.address').click(function() {
182 var obj = $(this); 193 var obj = $(this);
@@ -200,31 +211,6 @@ @@ -200,31 +211,6 @@
200 }, 211 },
201 id: 'multiPickerBtn' 212 id: 'multiPickerBtn'
202 }); 213 });
203 - // weui.picker([{  
204 - // label: '月龄版',  
205 - // value: '1'  
206 - // }, {  
207 - // label: '幼幼版',  
208 - // value: '2'  
209 - // }, {  
210 - // label: '快乐版',  
211 - // value: '3'  
212 - // },{  
213 - // label: '成长版',  
214 - // value: '4'  
215 - // }, {  
216 - // label: '学习版',  
217 - // value: '5'  
218 - // }], {  
219 - // onChange: function(result) {  
220 - // console.log(result);  
221 - // },  
222 - // onConfirm: function(result) {  
223 - // $('#product').val(result[0].label)  
224 - // console.log(result);  
225 - // },  
226 - // id: 'multiPickerBtn'  
227 - // });  
228 }); 214 });
229 215
230 //下一步 216 //下一步
@@ -268,6 +254,7 @@ @@ -268,6 +254,7 @@
268 var text = btn.text(); 254 var text = btn.text();
269 if(submit_common('.form_data',form_data)) { 255 if(submit_common('.form_data',form_data)) {
270 if(allow_submit) { 256 if(allow_submit) {
  257 + console.log(form_data);
271 allow_submit = false; 258 allow_submit = false;
272 var data = { 259 var data = {
273 id: "{$orderInfo.id}", 260 id: "{$orderInfo.id}",
@@ -348,12 +335,6 @@ @@ -348,12 +335,6 @@
348 status = false; 335 status = false;
349 return false; 336 return false;
350 } else { 337 } else {
351 - // 判断客户编号类型,长度必须为10位;判断手机号码格式是否正确  
352 - // if($(this).data('type') == 12 && $(this).find('input').val().length != 10 && $(this).data('validate') == 1) {  
353 - // _error($(this).find('._validate').html()+'长度必须为10位');  
354 - // status = false;  
355 - // return false;  
356 - // } else  
357 if($(this).data('type') == 3 && $(this).data('validate') == 1) { 338 if($(this).data('type') == 3 && $(this).data('validate') == 1) {
358 if(!reg.test($(this).find('input').val())) { 339 if(!reg.test($(this).find('input').val())) {
359 _error($(this).find('._validate').html()+'格式错误'); 340 _error($(this).find('._validate').html()+'格式错误');
@@ -366,6 +347,15 @@ @@ -366,6 +347,15 @@
366 } 347 }
367 } 348 }
368 } 349 }
  350 + if($(this).find('textarea').length > 0){
  351 + if($(this).find('textarea').val() == '' && $(this).data('validate') == 1) {
  352 + _error($(this).find('._validate').html()+'不能为空');
  353 + status = false;
  354 + return false;
  355 + } else {
  356 + value = $(this).find('textarea').val();
  357 + }
  358 + }
369 if($(this).find('.order_style').length > 0) { 359 if($(this).find('.order_style').length > 0) {
370 value = $(this).find('.active').html(); 360 value = $(this).find('.active').html();
371 } 361 }
@@ -10,11 +10,12 @@ @@ -10,11 +10,12 @@
10 <link rel="stylesheet" type="text/css" href="__TMPL__/public/mobile/css/pay/order_style.css" /> 10 <link rel="stylesheet" type="text/css" href="__TMPL__/public/mobile/css/pay/order_style.css" />
11 <title>选择订单类型</title> 11 <title>选择订单类型</title>
12 <style type="text/css"> 12 <style type="text/css">
13 - body,html{  
14 - height:100%; 13 + .content_height {
  14 + padding-bottom: 0;
15 } 15 }
16 - .container {  
17 - height: 100%; 16 + .bottom_icon {
  17 + position: absolute;
  18 + bottom: 0.2rem;
18 } 19 }
19 </style> 20 </style>
20 </head> 21 </head>
@@ -44,10 +45,10 @@ @@ -44,10 +45,10 @@
44 </volist> 45 </volist>
45 </div> 46 </div>
46 </div> 47 </div>
47 -</div>  
48 -<div class="bottom_icon">  
49 - <img src="__TMPL__/public/mobile/images/biglogo@2x.png" class="bottom_img" />  
50 - <p class="bottom_text">{$site_info.site_name}</p> 48 + <div class="bottom_icon">
  49 + <img src="__TMPL__/public/mobile/images/biglogo@2x.png" class="bottom_img" />
  50 + <p class="bottom_text">{$site_info.site_name}</p>
  51 + </div>
51 </div> 52 </div>
52 <script src="__TMPL__/public/mobile/js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script> 53 <script src="__TMPL__/public/mobile/js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
53 <script src="__TMPL__/public/mobile/js/swiper-4.3.5.min.js" type="text/javascript" charset="utf-8"></script> 54 <script src="__TMPL__/public/mobile/js/swiper-4.3.5.min.js" type="text/javascript" charset="utf-8"></script>
@@ -153,12 +153,14 @@ @@ -153,12 +153,14 @@
153 $(this).addClass('add_active').siblings().removeClass('add_active') 153 $(this).addClass('add_active').siblings().removeClass('add_active')
154 }); 154 });
155 155
  156 + var dt = new Date();
  157 + var df= [dt.getFullYear(), (dt.getMonth() + 1), dt.getDate()];
156 $('.birthday').click(function() { 158 $('.birthday').click(function() {
157 var obj = $(this); 159 var obj = $(this);
158 weui.datePicker({ 160 weui.datePicker({
159 start: 2000, 161 start: 2000,
160 end: 2030, 162 end: 2030,
161 - defaultValue: [2015, 6, 9], 163 + defaultValue: df,
162 onChange: function(result) { 164 onChange: function(result) {
163 // console.log(result); 165 // console.log(result);
164 // $('.#birthday_input').val(result) 166 // $('.#birthday_input').val(result)
@@ -298,12 +300,6 @@ @@ -298,12 +300,6 @@
298 status = false; 300 status = false;
299 return false; 301 return false;
300 } else { 302 } else {
301 - // 判断客户编号类型,长度必须为10位;判断手机号码格式是否正确  
302 - // if($(this).data('type') == 12 && $(this).find('input').val().length != 10 && $(this).data('validate') == 1) {  
303 - // _error($(this).find('._validate').html()+'长度必须为10位');  
304 - // status = false;  
305 - // return false;  
306 - // } else  
307 if($(this).data('type') == 3 && $(this).data('validate') == 1) { 303 if($(this).data('type') == 3 && $(this).data('validate') == 1) {
308 if(!reg.test($(this).find('input').val())) { 304 if(!reg.test($(this).find('input').val())) {
309 _error($(this).find('._validate').html()+'格式错误'); 305 _error($(this).find('._validate').html()+'格式错误');
@@ -316,6 +312,15 @@ @@ -316,6 +312,15 @@
316 } 312 }
317 } 313 }
318 } 314 }
  315 + if($(this).find('textarea').length > 0){
  316 + if($(this).find('textarea').val() == '' && $(this).data('validate') == 1) {
  317 + _error($(this).find('._validate').html()+'不能为空');
  318 + status = false;
  319 + return false;
  320 + } else {
  321 + value = $(this).find('textarea').val();
  322 + }
  323 + }
319 if($(this).find('.order_style').length > 0) { 324 if($(this).find('.order_style').length > 0) {
320 value = $(this).find('.active').html(); 325 value = $(this).find('.active').html();
321 } 326 }