Fedex / imac-vue

Go to a project
Toggle navigation Toggle navigation pinning
Elements-SY
b0921007 1 parent 58817f33

modify

Inline Side-by-side
Showing 1 changed file with 107 additions and 217 deletions
...@@ -12,57 +12,15 @@ export const inputBlurValidate = { ...@@ -12,57 +12,15 @@ export const inputBlurValidate = {
12 }, 12 },
13 methods: { 13 methods: {
14 // 最小件数失焦事件 14 // 最小件数失焦事件
15 - inputBlurMinPieces({ index, queryForm }) { 15 + inputBlurMinPieces({ target }) {
16 - const validateData = { 16 + this.validateNumOfPieces(target.value, "minNumOfPieces");
17 - reg: /^\d+$/,
18 - index: index,
19 - minNumOfPieces: queryForm.minNumOfPieces,
20 - maxNumOfPieces: queryForm.maxNumOfPieces,
21 - errorMsgAttr: "piecesMsg",
22 - validateForm: false, // form表单节流阀
23 - errorMsg: {
24 - empty: "不能为空",
25 - valid: "请输入有效件数",
26 - range: "件数不得小于1",
27 - interval: "最小件数不得大于最大件数",
28 - },
29 - };
30 - this.validateMinNumPieces(validateData);
31 }, 17 },
32 // 最大件数失焦事件 18 // 最大件数失焦事件
33 - inputBlurMaxPieces({ index, queryForm }) { 19 + inputBlurMaxPieces({ target }) {
34 - const validateData = { 20 + this.validateNumOfPieces(target.value, "maxNumOfPieces");
35 - reg: /^\d+$/,
36 - index: index,
37 - minNumOfPieces: queryForm.minNumOfPieces,
38 - maxNumOfPieces: queryForm.maxNumOfPieces,
39 - errorMsgAttr: "piecesMsg",
40 - validateForm: false, // form表单节流阀
41 - errorMsg: {
42 - empty: "不能为空",
43 - valid: "请输入有效件数",
44 - range: "件数不得小于1",
45 - interval: "最小件数不得大于最大件数",
46 - },
47 - };
48 - this.validateMaxNumOfPieces(validateData);
49 }, 21 },
50 // 最小重量失焦事件 22 // 最小重量失焦事件
51 - inputBlurMinWeight({ index, queryForm }) { 23 + inputBlurMinWeight({ target }) {
52 - const validateData = {
53 - reg: /^(0|[1-9]\d*)(.\d{1,2})?$/,
54 - index: index,
55 - minWeight: queryForm.minWeight,
56 - maxWeight: queryForm.maxWeight,
57 - errorMsgAttr: "weightMsg",
58 - validateForm: false, // form表单节流阀
59 - errorMsg: {
60 - empty: "不能为空",
61 - valid: "请输入有效重量，小数保留5位",
62 - interval: "最小重量不得大于最大重量",
63 - },
64 - };
65 - return;
66 // 重量最小值和最大值都为空的情况下 24 // 重量最小值和最大值都为空的情况下
67 if (this.queryForm.minWeight == "" && this.queryForm.maxWeight == "") { 25 if (this.queryForm.minWeight == "" && this.queryForm.maxWeight == "") {
68 this.validateForm = true; 26 this.validateForm = true;
...@@ -119,21 +77,7 @@ export const inputBlurValidate = { ...@@ -119,21 +77,7 @@ export const inputBlurValidate = {
119 } 77 }
120 }, 78 },
121 // 最大重量失焦事件 79 // 最大重量失焦事件
122 - inputBlurMaxWeight({ index, queryForm }) { 80 + inputBlurMaxWeight({ target }) {
123 - const validateData = {
124 - reg: /^(0|[1-9]\d*)(.\d{1,2})?$/,
125 - index: index,
126 - minWeight: queryForm.minWeight,
127 - maxWeight: queryForm.maxWeight,
128 - errorMsgAttr: "weightMsg",
129 - validateForm: false, // form表单节流阀
130 - errorMsg: {
131 - empty: "不能为空",
132 - valid: "请输入有效重量，小数保留5位",
133 - interval: "最小重量不得大于最大重量",
134 - },
135 - };
136 - return;
137 // 重量最小值和最大值都为空的情况下 81 // 重量最小值和最大值都为空的情况下
138 if (this.queryForm.minWeight == "" && this.queryForm.maxWeight == "") { 82 if (this.queryForm.minWeight == "" && this.queryForm.maxWeight == "") {
139 this.validateForm = true; 83 this.validateForm = true;
...@@ -204,21 +148,7 @@ export const inputBlurValidate = { ...@@ -204,21 +148,7 @@ export const inputBlurValidate = {
204 return "数字合法"; 148 return "数字合法";
205 }, 149 },
206 // 人民币最小申报价值 150 // 人民币最小申报价值
207 - inputCNYBlurMin({ index, queryForm }) { 151 + inputCNYBlurMin({ target }, customVal) {
208 - const validateData = {
209 - reg: /^(0|[1-9]\d*)(.\d{1,2})?$/,
210 - index: index,
211 - minCustomVal: queryForm.minCustomVal,
212 - maxCustomVal: queryForm.maxCustomVal,
213 - errorMsgAttr: "currencyCdMsg", // 币种
214 - validateForm: false, // form表单节流阀
215 - errorMsg: {
216 - empty: "不能为空",
217 - valid: "请输入有效申报价值，小数保留2位",
218 - interval: "最小申报价值不得大于最大申报价值",
219 - },
220 - };
221 - return;
222 // 申报价值最小值和最大值都为空的情况下 152 // 申报价值最小值和最大值都为空的情况下
223 if ( 153 if (
224 this.queryForm.minCustomVal == "" && 154 this.queryForm.minCustomVal == "" &&
...@@ -282,21 +212,7 @@ export const inputBlurValidate = { ...@@ -282,21 +212,7 @@ export const inputBlurValidate = {
282 } 212 }
283 }, 213 },
284 // 人民币最大申报价值 214 // 人民币最大申报价值
285 - inputCNYBlurMax({ index, queryForm }) { 215 + inputCNYBlurMax({ target }, customVal) {
286 - const validateData = {
287 - reg: /^(0|[1-9]\d*)(.\d{1,2})?$/,
288 - index: index,
289 - minCustomVal: queryForm.minCustomVal,
290 - maxCustomVal: queryForm.maxCustomVal,
291 - errorMsgAttr: "currencyCdMsg", // 币种
292 - validateForm: false, // form表单节流阀
293 - errorMsg: {
294 - empty: "不能为空",
295 - valid: "请输入有效申报价值，小数保留2位",
296 - interval: "最小申报价值不得大于最大申报价值",
297 - },
298 - };
299 - return;
300 // 申报价值最小值和最大值都为空的情况下 216 // 申报价值最小值和最大值都为空的情况下
301 if ( 217 if (
302 this.queryForm.minCustomVal == "" && 218 this.queryForm.minCustomVal == "" &&
...@@ -361,21 +277,7 @@ export const inputBlurValidate = { ...@@ -361,21 +277,7 @@ export const inputBlurValidate = {
361 } 277 }
362 }, 278 },
363 // 美元最小申报价值 279 // 美元最小申报价值
364 - inputSUDBlurMin({ index, queryForm }) { 280 + inputSUDBlurMin({ target }, customVal) {
365 - const validateData = {
366 - reg: /^(0|[1-9]\d*)(.\d{1,2})?$/,
367 - index: index,
368 - minUsdCustomVal: queryForm.minUsdCustomVal,
369 - maxUsdCustomVal: queryForm.maxUsdCustomVal,
370 - errorMsgAttr: "currencyCdUsd", // 币种
371 - validateForm: false, // form表单节流阀
372 - errorMsg: {
373 - empty: "不能为空",
374 - valid: "请输入有效申报价值，小数保留2位",
375 - interval: "最小申报价值不得大于最大申报价值",
376 - },
377 - };
378 - return;
379 // 申报价值最小值和最大值都为空的情况下 281 // 申报价值最小值和最大值都为空的情况下
380 if ( 282 if (
381 this.queryForm.minUsdCustomVal == "" && 283 this.queryForm.minUsdCustomVal == "" &&
...@@ -441,21 +343,7 @@ export const inputBlurValidate = { ...@@ -441,21 +343,7 @@ export const inputBlurValidate = {
441 } 343 }
442 }, 344 },
443 // 美元最大申报价值 345 // 美元最大申报价值
444 - inputSUDBlurMax({ index, queryForm }) { 346 + inputSUDBlurMax({ target }, customVal) {
445 - const validateData = {
446 - reg: /^(0|[1-9]\d*)(.\d{1,2})?$/,
447 - index: index,
448 - minUsdCustomVal: queryForm.minUsdCustomVal,
449 - maxUsdCustomVal: queryForm.maxUsdCustomVal,
450 - errorMsgAttr: "currencyCdUsd", // 币种
451 - validateForm: false, // form表单节流阀
452 - errorMsg: {
453 - empty: "不能为空",
454 - valid: "请输入有效申报价值，小数保留2位",
455 - interval: "最小申报价值不得大于最大申报价值",
456 - },
457 - };
458 - return;
459 // 申报价值最小值和最大值都为空的情况下 347 // 申报价值最小值和最大值都为空的情况下
460 if ( 348 if (
461 this.queryForm.minUsdCustomVal == "" && 349 this.queryForm.minUsdCustomVal == "" &&
...@@ -522,118 +410,120 @@ export const inputBlurValidate = { ...@@ -522,118 +410,120 @@ export const inputBlurValidate = {
522 } 410 }
523 }, 411 },
524 // 校验件数方法 【件数可以为空但件数不得为0】只能输入正整数 412 // 校验件数方法 【件数可以为空但件数不得为0】只能输入正整数
525 - validateMinNumPieces(item) { 413 + validateNumOfPieces(value, pieces) {
526 - if (item.minNumOfPieces == "" && item.maxNumOfPieces == "") { 414 + if (value.toString().length) {
527 - this.queryForm.validateForm = true; 415 + // 获取当前输入框有值的情况下
528 - this.queryForm[item.errorMsgAttr] = ""; 416 + this.queryForm[pieces] = Number(value);
529 - this.$set(this.queryForm, item.errorMsgAttr, ""); 417 + let markPieces = false;
530 - } 418 + if (pieces == "minNumOfPieces" || pieces == "maxNumOfPieces") {
531 - // 鼠标聚焦最小重量，最小重量无值的情况下去校验最大重量 419 + // 最大件数和最小件数都不为空的情况下
532 - if (item.minNumOfPieces == "" && item.maxNumOfPieces) { 420 + if (
533 - if (item.reg.test(Number(item.maxNumOfPieces))) { 421 + this.queryForm.minNumOfPieces.toString() != "" &&
534 - this.queryForm.validateForm = true; 422 + this.queryForm.maxNumOfPieces.toString() != ""
535 - this.queryForm[item.errorMsgAttr] = ""; 423 + ) {
536 - this.$set(this.queryForm, item.errorMsgAttr, ""); 424 + this.validateForm = true;
425 + this.$refs.minNumOfPieces.innerHTML = "";
426 + markPieces = true;
537 } else { 427 } else {
538 - this.queryForm.validateForm = false; 428 + markPieces = false;
539 - this.queryForm[item.errorMsgAttr] = item.errorMsg.valid;
540 - this.$set(this.queryForm, item.errorMsgAttr, item.errorMsg.valid);
541 } 429 }
542 } 430 }
543 - // 最小重量有值的情况下 431 + if (/^\d+$/.test(this.queryForm[pieces])) {
544 - if (item.minNumOfPieces && Number(item.minNumOfPieces) > 0) { 432 + if (markPieces) {
545 - if (item.reg.test(Number(item.minNumOfPieces))) { 433 + //当最大件数和最小件数都不为空的情况下，最大件数小于最小件数的时候
546 - if (item.maxNumOfPieces) { 434 + if (this.queryForm.maxNumOfPieces < this.queryForm.minNumOfPieces) {
547 - if (Number(item.maxNumOfPieces) < Number(item.minNumOfPieces)) { 435 + if (Array.isArray(this.$refs.minNumOfPieces)) {
548 - this.queryForm.validateForm = false; 436 + this.msgError("最小件数不得大于最大件数");
549 - this.queryForm[item.errorMsgAttr] = item.errorMsg.interval; 437 + this.validateForm = false;
550 - this.$set( 438 + } else {
551 - this.queryForm, 439 + this.$refs.minNumOfPieces.innerHTML = "";
552 - item.errorMsgAttr, 440 + this.$refs.minNumOfPieces.innerHTML =
553 - item.errorMsg.interval 441 + "最小件数不得大于最大件数";
554 - ); 442 + this.validateForm = false;
555 - } else if (item.reg.test(Number(this.queryForm.maxWeight))) {
556 - this.queryForm.validateForm = true;
557 - this.queryForm[item.errorMsgAttr] = "";
558 - this.$set(this.queryForm, item.errorMsgAttr, "");
559 - } else {
560 - this.queryForm.validateForm = false;
561 - this.queryForm[item.errorMsgAttr] = item.errorMsg.valid;
562 - this.$set(this.queryForm, item.errorMsgAttr, item.errorMsg.valid);
563 - }
564 - } else {
565 - this.queryForm.validateForm = true;
566 - this.queryForm[item.errorMsgAttr] = "";
567 - this.$set(this.queryForm, item.errorMsgAttr, "");
568 - }
569 - } else {
570 - this.queryForm.validateForm = false;
571 - this.queryForm[item.errorMsgAttr] = item.errorMsg.valid;
572 - this.$set(this.queryForm, item.errorMsgAttr, item.errorMsg.valid);
573 - }
574 - } else {
575 - if (item.minNumOfPieces && isNaN(item.minNumOfPieces)) {
576 - this.queryForm.validateForm = false;
577 - this.queryForm[item.errorMsgAttr] = item.errorMsg.valid;
578 - this.$set(this.queryForm, item.errorMsgAttr, item.errorMsg.valid);
579 - }
580 - if (item.minNumOfPieces && Number(item.minNumOfPieces) < 1) {
581 - this.queryForm.validateForm = false;
582 - this.queryForm[item.errorMsgAttr] = item.errorMsg.range;
583 - this.$set(this.queryForm, item.errorMsgAttr, item.errorMsg.range);
584 - }
585 - }
586 - // this.$set(this.queryForm);
587 - console.log(this.queryForm);
588 - },
589 -
590 - validateMaxNumOfPieces(item) {
591 - // 重量最小值和最大值都为空的情况下
592 - if (item.minNumOfPieces == "" && item.maxNumOfPieces == "") {
593 - this.queryForm.validateForm = true;
594 - this.queryForm[item.errorMsgAttr] = "";
595 } 443 }
596 - // 鼠标聚焦最大重量，最大重量无值的情况下去校验最小重量 444 + }
597 - if (item.maxNumOfPieces == "" && item.minNumOfPieces) { 445 + //当最大件数和最小件数都不为空的情况下，最大件数和最小件数小于1的时候
598 - if (item.reg.test(Number(item.minNumOfPieces))) { 446 + else if (
599 - this.queryForm.validateForm = true; 447 + this.queryForm.minNumOfPieces < 1 ||
600 - this.queryForm[item.errorMsgAttr] = ""; 448 + this.queryForm.maxNumOfPieces < 1
449 + ) {
450 + if (Array.isArray(this.$refs.minNumOfPieces)) {
451 + this.msgError("最小件数和最大件数不能小于1");
452 + this.validateForm = false;
601 } else { 453 } else {
602 - this.queryForm.validateForm = false; 454 + this.$refs.minNumOfPieces.innerHTML = "";
603 - this.queryForm[item.errorMsgAttr] = item.errorMsg.valid; 455 + this.$refs.minNumOfPieces.innerHTML =
456 + "最小件数和最大件数不能小于1";
457 + this.validateForm = false;
458 + }
604 } 459 }
460 + //当最大件数和最小件数都不为空的情况下，最大件数和最小件数满足大于1左区间小于等于右区间的时候
461 + else {
462 + this.$refs.minNumOfPieces.innerHTML = "";
463 + this.validateForm = true;
605 } 464 }
606 - if (item.maxNumOfPieces && Number(item.maxNumOfPieces) >= 0) {
607 - if (item.reg.test(Number(item.maxNumOfPieces))) {
608 - if (item.minNumOfPieces) {
609 - if (Number(item.maxNumOfPieces) < Number(item.minNumOfPieces)) {
610 - this.queryForm.validateForm = false;
611 - this.queryForm[item.errorMsgAttr] = item.errorMsg.interval;
612 - } else if (item.reg.test(Number(this.queryForm.minWeight))) {
613 - this.queryForm.validateForm = true;
614 - this.queryForm[item.errorMsgAttr] = "";
615 } else { 465 } else {
616 - this.queryForm.validateForm = false; 466 + // 当左右区间其中一个有值的情况下
617 - this.queryForm[item.errorMsgAttr] = item.errorMsg.valid; 467 + if (value.length) {
468 + if (Number(value) < 1) {
469 + if (Array.isArray(this.$refs.minNumOfPieces)) {
470 + this.msgError("件数不得小于1");
471 + this.$refs.minNumOfPieces.innerHTML = "";
472 + this.$refs.minNumOfPieces.innerHTML = "件数不得小于1";
473 + this.validateForm = false;
474 + } else {
475 + this.msgError("件数不得小于1");
476 + this.$refs.minNumOfPieces.innerHTML = "";
477 + this.$refs.minNumOfPieces.innerHTML = "件数不得小于1";
478 + this.validateForm = false;
618 } 479 }
619 } else { 480 } else {
620 - this.queryForm.validateForm = true; 481 + if (!Array.isArray(this.$refs.minNumOfPieces)) {
621 - this.queryForm[item.errorMsgAttr] = ""; 482 + this.$refs.minNumOfPieces.innerHTML = "";
483 + this.validateForm = true;
484 + }
485 + }
486 + }
622 } 487 }
623 } else { 488 } else {
624 - this.queryForm.validateForm = false; 489 + if (Array.isArray(this.$refs.minNumOfPieces)) {
625 - this.queryForm[item.errorMsgAttr] = item.errorMsg.valid; 490 + this.msgError("请输入有效件数");
491 + } else {
492 + this.queryForm[pieces] = value;
493 + this.$refs.minNumOfPieces.innerHTML = "";
494 + this.$refs.minNumOfPieces.innerHTML = "请输入有效件数";
495 + }
496 + this.validateForm = false;
626 } 497 }
627 } else { 498 } else {
628 - if (item.maxNumOfPieces && isNaN(item.maxNumOfPieces)) { 499 + // 【左右区间不是都有值的情况下】
629 - this.queryForm.validateForm = false; 500 + // 最小件数为空最大件数有值的情况下
630 - this.queryForm[item.errorMsgAttr] = item.errorMsg.valid; 501 + if (pieces == "minNumOfPieces" && this.queryForm.maxNumOfPieces > 0) {
502 + this.$refs.minNumOfPieces.innerHTML = "";
503 + this.validateForm = true;
504 + } else {
505 + this.$refs.minNumOfPieces.innerHTML = "";
506 + this.$refs.minNumOfPieces.innerHTML = "最大件数不得小于1";
507 + this.validateForm = false;
631 } 508 }
632 - if (item.maxNumOfPieces && Number(item.maxNumOfPieces) < 1) { 509 + // 最大件数为空最小件数有值的情况下
633 - this.queryForm.validateForm = false; 510 + if (pieces == "maxNumOfPieces" && this.queryForm.minNumOfPieces > 0) {
634 - this.queryForm[item.errorMsgAttr] = item.errorMsg.range; 511 + this.$refs.minNumOfPieces.innerHTML = "";
512 + this.validateForm = true;
513 + } else {
514 + this.$refs.minNumOfPieces.innerHTML = "";
515 + this.validateForm = true;
516 + }
517 + // 左右区间 都为空的情况下
518 + if (
519 + this.queryForm.minNumOfPieces.toString().length == 0 &&
520 + this.queryForm.maxNumOfPieces.toString().length == 0
521 + ) {
522 + this.$refs.minNumOfPieces.innerHTML = "";
523 + this.validateForm = true;
635 } 524 }
636 } 525 }
526 + return this.validateForm;
637 }, 527 },
638 }, 528 },
639 }; 529 };
......