Showing
5 changed files
with
278 additions
and
82 deletions
| ... | @@ -12,15 +12,17 @@ export const inputBlurValidate = { | ... | @@ -12,15 +12,17 @@ export const inputBlurValidate = { |
| 12 | }, | 12 | }, |
| 13 | methods: { | 13 | methods: { |
| 14 | // 最小件数失焦事件 | 14 | // 最小件数失焦事件 |
| 15 | - inputBlurMinPieces({ target }) { | 15 | + inputBlurMinPieces({ index, queryForm }) { |
| 16 | - this.validateNumOfPieces(target.value, "minNumOfPieces"); | 16 | + console.log(index, queryForm); |
| 17 | + // this.validateNumOfPieces(target.value, "minNumOfPieces"); | ||
| 17 | }, | 18 | }, |
| 18 | // 最大件数失焦事件 | 19 | // 最大件数失焦事件 |
| 19 | - inputBlurMaxPieces({ target }) { | 20 | + inputBlurMaxPieces({ index, item = queryForm }) { |
| 20 | - this.validateNumOfPieces(target.value, "maxNumOfPieces"); | 21 | + // this.validateNumOfPieces(target.value, "maxNumOfPieces"); |
| 21 | }, | 22 | }, |
| 22 | // 最小重量失焦事件 | 23 | // 最小重量失焦事件 |
| 23 | - inputBlurMinWeight({ target }) { | 24 | + inputBlurMinWeight({ index, item = queryForm }) { |
| 25 | + return; | ||
| 24 | // 重量最小值和最大值都为空的情况下 | 26 | // 重量最小值和最大值都为空的情况下 |
| 25 | if (this.queryForm.minWeight == "" && this.queryForm.maxWeight == "") { | 27 | if (this.queryForm.minWeight == "" && this.queryForm.maxWeight == "") { |
| 26 | this.validateForm = true; | 28 | this.validateForm = true; |
| ... | @@ -77,7 +79,8 @@ export const inputBlurValidate = { | ... | @@ -77,7 +79,8 @@ export const inputBlurValidate = { |
| 77 | } | 79 | } |
| 78 | }, | 80 | }, |
| 79 | // 最大重量失焦事件 | 81 | // 最大重量失焦事件 |
| 80 | - inputBlurMaxWeight({ target }) { | 82 | + inputBlurMaxWeight({ index, item = queryForm }) { |
| 83 | + return; | ||
| 81 | // 重量最小值和最大值都为空的情况下 | 84 | // 重量最小值和最大值都为空的情况下 |
| 82 | if (this.queryForm.minWeight == "" && this.queryForm.maxWeight == "") { | 85 | if (this.queryForm.minWeight == "" && this.queryForm.maxWeight == "") { |
| 83 | this.validateForm = true; | 86 | this.validateForm = true; |
| ... | @@ -148,7 +151,8 @@ export const inputBlurValidate = { | ... | @@ -148,7 +151,8 @@ export const inputBlurValidate = { |
| 148 | return "数字合法"; | 151 | return "数字合法"; |
| 149 | }, | 152 | }, |
| 150 | // 人民币最小申报价值 | 153 | // 人民币最小申报价值 |
| 151 | - inputCNYBlurMin({ target }, customVal) { | 154 | + inputCNYBlurMin({ index, item = queryForm }, customVal) { |
| 155 | + return; | ||
| 152 | // 申报价值最小值和最大值都为空的情况下 | 156 | // 申报价值最小值和最大值都为空的情况下 |
| 153 | if ( | 157 | if ( |
| 154 | this.queryForm.minCustomVal == "" && | 158 | this.queryForm.minCustomVal == "" && |
| ... | @@ -212,7 +216,8 @@ export const inputBlurValidate = { | ... | @@ -212,7 +216,8 @@ export const inputBlurValidate = { |
| 212 | } | 216 | } |
| 213 | }, | 217 | }, |
| 214 | // 人民币最大申报价值 | 218 | // 人民币最大申报价值 |
| 215 | - inputCNYBlurMax({ target }, customVal) { | 219 | + inputCNYBlurMax({ index, item = queryForm }, customVal) { |
| 220 | + return; | ||
| 216 | // 申报价值最小值和最大值都为空的情况下 | 221 | // 申报价值最小值和最大值都为空的情况下 |
| 217 | if ( | 222 | if ( |
| 218 | this.queryForm.minCustomVal == "" && | 223 | this.queryForm.minCustomVal == "" && |
| ... | @@ -277,7 +282,8 @@ export const inputBlurValidate = { | ... | @@ -277,7 +282,8 @@ export const inputBlurValidate = { |
| 277 | } | 282 | } |
| 278 | }, | 283 | }, |
| 279 | // 美元最小申报价值 | 284 | // 美元最小申报价值 |
| 280 | - inputSUDBlurMin({ target }, customVal) { | 285 | + inputSUDBlurMin({ index, item = queryForm }, customVal) { |
| 286 | + return; | ||
| 281 | // 申报价值最小值和最大值都为空的情况下 | 287 | // 申报价值最小值和最大值都为空的情况下 |
| 282 | if ( | 288 | if ( |
| 283 | this.queryForm.minUsdCustomVal == "" && | 289 | this.queryForm.minUsdCustomVal == "" && |
| ... | @@ -343,7 +349,8 @@ export const inputBlurValidate = { | ... | @@ -343,7 +349,8 @@ export const inputBlurValidate = { |
| 343 | } | 349 | } |
| 344 | }, | 350 | }, |
| 345 | // 美元最大申报价值 | 351 | // 美元最大申报价值 |
| 346 | - inputSUDBlurMax({ target }, customVal) { | 352 | + inputSUDBlurMax({ index, item = queryForm }, customVal) { |
| 353 | + return; | ||
| 347 | // 申报价值最小值和最大值都为空的情况下 | 354 | // 申报价值最小值和最大值都为空的情况下 |
| 348 | if ( | 355 | if ( |
| 349 | this.queryForm.minUsdCustomVal == "" && | 356 | this.queryForm.minUsdCustomVal == "" && |
| ... | @@ -410,7 +417,8 @@ export const inputBlurValidate = { | ... | @@ -410,7 +417,8 @@ export const inputBlurValidate = { |
| 410 | } | 417 | } |
| 411 | }, | 418 | }, |
| 412 | // 校验件数方法 【件数可以为空但件数不得为0】只能输入正整数 | 419 | // 校验件数方法 【件数可以为空但件数不得为0】只能输入正整数 |
| 413 | - validateNumOfPieces(value, pieces) { | 420 | + validateNumOfPieces({ index, item }) { |
| 421 | + return; | ||
| 414 | if (value.toString().length) { | 422 | if (value.toString().length) { |
| 415 | // 获取当前输入框有值的情况下 | 423 | // 获取当前输入框有值的情况下 |
| 416 | this.queryForm[pieces] = Number(value); | 424 | this.queryForm[pieces] = Number(value); |
| ... | @@ -525,5 +533,48 @@ export const inputBlurValidate = { | ... | @@ -525,5 +533,48 @@ export const inputBlurValidate = { |
| 525 | } | 533 | } |
| 526 | return this.validateForm; | 534 | return this.validateForm; |
| 527 | }, | 535 | }, |
| 536 | + | ||
| 537 | + validate() { | ||
| 538 | + const validateData1 = { | ||
| 539 | + reg: /^\d+$/, | ||
| 540 | + index: index, | ||
| 541 | + minNumOfPieces: item.minNumOfPieces, | ||
| 542 | + maxNumOfPieces: item.maxNumOfPieces, | ||
| 543 | + errorMsgAttr: "piecesMsg", | ||
| 544 | + validateForm: false, // form表单节流阀 | ||
| 545 | + errorMsg: { | ||
| 546 | + empty: "不能为空", | ||
| 547 | + valid: "请输入有效件数", | ||
| 548 | + range: "件数不得小于1", | ||
| 549 | + interval: "最小件数和最大件数不能小于1", | ||
| 550 | + }, | ||
| 551 | + }; | ||
| 552 | + const validateData2 = { | ||
| 553 | + reg: /^(0|[1-9]\d*)(.\d{1,2})?$/, | ||
| 554 | + index: index, | ||
| 555 | + minWeight: item.minWeight, | ||
| 556 | + maxWeight: item.maxWeight, | ||
| 557 | + errorMsgAttr: "weightMsg", | ||
| 558 | + validateForm: false, // form表单节流阀 | ||
| 559 | + errorMsg: { | ||
| 560 | + empty: "不能为空", | ||
| 561 | + valid: "请输入有效重量,小数保留5位", | ||
| 562 | + interval: "最小重量不得大于最大重量", | ||
| 563 | + }, | ||
| 564 | + }; | ||
| 565 | + const validateData3 = { | ||
| 566 | + reg: /^(0|[1-9]\d*)(.\d{1,2})?$/, | ||
| 567 | + index: index, | ||
| 568 | + minUsdCustomVal: item.minUsdCustomVal, | ||
| 569 | + maxUsdCustomVal: item.maxUsdCustomVal, | ||
| 570 | + errorMsgAttr: "currencyCdMsg", // currencyCdUsdMsg | ||
| 571 | + validateForm: false, // form表单节流阀 | ||
| 572 | + errorMsg: { | ||
| 573 | + empty: "不能为空", | ||
| 574 | + valid: "请输入有效申报价值,小数保留2位", | ||
| 575 | + interval: "最小申报价值不得大于最大申报价值", | ||
| 576 | + }, | ||
| 577 | + }; | ||
| 578 | + }, | ||
| 528 | }, | 579 | }, |
| 529 | }; | 580 | }; | ... | ... |
| ... | @@ -64,7 +64,7 @@ | ... | @@ -64,7 +64,7 @@ |
| 64 | <el-col :span="2"> | 64 | <el-col :span="2"> |
| 65 | <el-radio-group | 65 | <el-radio-group |
| 66 | v-model="item.isLocation" | 66 | v-model="item.isLocation" |
| 67 | - @change="changeLocation" | 67 | + @change="changeLocation({ index, item, $event })" |
| 68 | :disabled="pageName || status" | 68 | :disabled="pageName || status" |
| 69 | > | 69 | > |
| 70 | <el-radio label="1">包含始发站</el-radio> | 70 | <el-radio label="1">包含始发站</el-radio> |
| ... | @@ -109,7 +109,9 @@ | ... | @@ -109,7 +109,9 @@ |
| 109 | <el-radio-group | 109 | <el-radio-group |
| 110 | :disabled="pageName || status" | 110 | :disabled="pageName || status" |
| 111 | v-model="item.isDestinationSite" | 111 | v-model="item.isDestinationSite" |
| 112 | - @change="changeDestinationSite" | 112 | + @change=" |
| 113 | + changeDestinationSite({ index, item, $event }) | ||
| 114 | + " | ||
| 113 | > | 115 | > |
| 114 | <el-radio label="1">包含目的站</el-radio> | 116 | <el-radio label="1">包含目的站</el-radio> |
| 115 | <el-radio label="2">不包含目的站</el-radio> | 117 | <el-radio label="2">不包含目的站</el-radio> |
| ... | @@ -143,7 +145,7 @@ | ... | @@ -143,7 +145,7 @@ |
| 143 | <div class="form-item-error-block"> | 145 | <div class="form-item-error-block"> |
| 144 | <span | 146 | <span |
| 145 | class="el-form-item__error" | 147 | class="el-form-item__error" |
| 146 | - v-text="destinationSiteError" | 148 | + v-text="item.destinationSiteError" |
| 147 | ></span> | 149 | ></span> |
| 148 | </div> | 150 | </div> |
| 149 | </el-col> | 151 | </el-col> |
| ... | @@ -163,7 +165,7 @@ | ... | @@ -163,7 +165,7 @@ |
| 163 | </el-input> | 165 | </el-input> |
| 164 | <span | 166 | <span |
| 165 | class="el-form-item__error" | 167 | class="el-form-item__error" |
| 166 | - v-text="ursaError" | 168 | + v-text="item.ursaError" |
| 167 | ></span> | 169 | ></span> |
| 168 | </el-form-item> | 170 | </el-form-item> |
| 169 | </el-col> | 171 | </el-col> |
| ... | @@ -178,10 +180,10 @@ | ... | @@ -178,10 +180,10 @@ |
| 178 | @blur="notIncludeUrsa({ index, item, $event })" | 180 | @blur="notIncludeUrsa({ index, item, $event })" |
| 179 | > | 181 | > |
| 180 | </el-input> | 182 | </el-input> |
| 181 | - <div class="form-item-error-block"> | 183 | + <div class="form-item-error-block"> |
| 182 | <span | 184 | <span |
| 183 | class="el-form-item__error" | 185 | class="el-form-item__error" |
| 184 | - v-text="notUrsaError" | 186 | + v-text="item.notUrsaError" |
| 185 | ></span> | 187 | ></span> |
| 186 | </div> | 188 | </div> |
| 187 | </el-form-item> | 189 | </el-form-item> |
| ... | @@ -200,7 +202,6 @@ | ... | @@ -200,7 +202,6 @@ |
| 200 | > | 202 | > |
| 201 | </el-input> | 203 | </el-input> |
| 202 | <span | 204 | <span |
| 203 | - ref="minNumOfPieces" | ||
| 204 | class="el-form-item__error" | 205 | class="el-form-item__error" |
| 205 | ></span> | 206 | ></span> |
| 206 | </el-col> | 207 | </el-col> |
| ... | @@ -231,7 +232,6 @@ | ... | @@ -231,7 +232,6 @@ |
| 231 | > | 232 | > |
| 232 | </el-input> | 233 | </el-input> |
| 233 | <span | 234 | <span |
| 234 | - ref="minWeight" | ||
| 235 | class="el-form-item__error" | 235 | class="el-form-item__error" |
| 236 | ></span> | 236 | ></span> |
| 237 | </el-col> | 237 | </el-col> |
| ... | @@ -593,12 +593,12 @@ export default { | ... | @@ -593,12 +593,12 @@ export default { |
| 593 | this.$emit("collapse", name); | 593 | this.$emit("collapse", name); |
| 594 | }, | 594 | }, |
| 595 | // 始发站 | 595 | // 始发站 |
| 596 | - changeLocation(val) { | 596 | + changeLocation(item) { |
| 597 | - this.$emit("location", val); | 597 | + this.$emit("locRadio", item); |
| 598 | }, | 598 | }, |
| 599 | // 目的站 | 599 | // 目的站 |
| 600 | - changeDestinationSite(val) { | 600 | + changeDestinationSite(item) { |
| 601 | - this.$emit("destinationSite", val); | 601 | + this.$emit("dessiteRadio", item); |
| 602 | }, | 602 | }, |
| 603 | // 申报类别 | 603 | // 申报类别 |
| 604 | changeCargoType(arr) { | 604 | changeCargoType(arr) { | ... | ... |
| ... | @@ -40,6 +40,8 @@ | ... | @@ -40,6 +40,8 @@ |
| 40 | @save="saveSubmit" | 40 | @save="saveSubmit" |
| 41 | @onOff="onOffSubmit" | 41 | @onOff="onOffSubmit" |
| 42 | @delete="deleteSubmit" | 42 | @delete="deleteSubmit" |
| 43 | + @locRadio="locRadio" | ||
| 44 | + @dessiteRadio="dessiteRadio" | ||
| 43 | @locationBur="locationBur" | 45 | @locationBur="locationBur" |
| 44 | @notLocationBur="notLocationBur" | 46 | @notLocationBur="notLocationBur" |
| 45 | @destinationSiteBur="destinationSiteBur" | 47 | @destinationSiteBur="destinationSiteBur" | ... | ... |
| ... | @@ -12,10 +12,6 @@ export default { | ... | @@ -12,10 +12,6 @@ export default { |
| 12 | queryForm: { | 12 | queryForm: { |
| 13 | // 表单参数 | 13 | // 表单参数 |
| 14 | }, | 14 | }, |
| 15 | - locationError: "URSA包含", // 始发站 | ||
| 16 | - destinationSiteError: "", // 目的站 | ||
| 17 | - ursaError: "", // URSA包含 | ||
| 18 | - notUrsaError: "", // URSA不包含 | ||
| 19 | }; | 15 | }; |
| 20 | }, | 16 | }, |
| 21 | computed: { | 17 | computed: { |
| ... | @@ -770,82 +766,229 @@ export default { | ... | @@ -770,82 +766,229 @@ export default { |
| 770 | blurEvent({ originOfFlightNo }) { | 766 | blurEvent({ originOfFlightNo }) { |
| 771 | this.queryForm.originOfFlightNo = this.upCase(originOfFlightNo); | 767 | this.queryForm.originOfFlightNo = this.upCase(originOfFlightNo); |
| 772 | }, | 768 | }, |
| 769 | + // 始发地 | ||
| 770 | + locRadio({ index, item }) { | ||
| 771 | + const validateData = { | ||
| 772 | + reg: /^[a-zA-Z0-9]*$/, | ||
| 773 | + index: index, | ||
| 774 | + radio: item.isLocation, | ||
| 775 | + include: item.location, | ||
| 776 | + notInclude: item.notLocation, | ||
| 777 | + errorMsgAttr: "locationError", | ||
| 778 | + validateForm: false, // form表单节流阀 | ||
| 779 | + errorMsg: { | ||
| 780 | + repeat: "填写的始发站已重复", | ||
| 781 | + empty: "不能为空", | ||
| 782 | + error: "始发站之间用分号分隔,例:P1;P2;P3", | ||
| 783 | + }, | ||
| 784 | + }; | ||
| 785 | + this.validateParmas(validateData); | ||
| 786 | + }, | ||
| 787 | + // 目的站 | ||
| 788 | + dessiteRadio({ index, item }) { | ||
| 789 | + const validateData = { | ||
| 790 | + reg: /^[a-zA-Z0-9]*$/, | ||
| 791 | + index: index, | ||
| 792 | + radio: item.isLocation, | ||
| 793 | + include: item.location, | ||
| 794 | + notInclude: item.notLocation, | ||
| 795 | + errorMsgAttr: "destinationSiteError", | ||
| 796 | + validateForm: false, // form表单节流阀 | ||
| 797 | + errorMsg: { | ||
| 798 | + repeat: "填写的目的站已重复", | ||
| 799 | + empty: "不能为空", | ||
| 800 | + error: "目的站之间用分号分隔,例:P1;P2;P3", | ||
| 801 | + }, | ||
| 802 | + }; | ||
| 803 | + this.validateParmas(validateData); | ||
| 804 | + }, | ||
| 773 | // 校验目的地 | 805 | // 校验目的地 |
| 774 | - validateLocation( | 806 | + validateParmas({ |
| 807 | + reg, | ||
| 775 | index, | 808 | index, |
| 776 | - { | 809 | + radio, |
| 777 | - isLocation, | 810 | + include, |
| 778 | - location, | 811 | + notInclude, |
| 779 | - notLocation, | 812 | + errorMsgAttr, |
| 780 | - isDestinationSite, | 813 | + errorMsg, |
| 781 | - destinationSite, | 814 | + ursaMark, |
| 782 | - notDestinationSite, | 815 | + }) { |
| 783 | - } | 816 | + let includeVal, |
| 784 | - ) { | 817 | + notIncludeVal, |
| 785 | - let locationVal, | 818 | + repeat = false, |
| 786 | - notLocationVal, | 819 | + validate = true; |
| 787 | - locationRepeat, | 820 | + if (radio == "1") { |
| 788 | - validateLocation, | 821 | + if (include) { |
| 789 | - destinationSiteRepeat; | 822 | + // 分隔字符串并且转数组&去除数组空字符串 |
| 790 | - if (isLocation == "1") { | 823 | + includeVal = include.split(";").filter((str) => str !== ""); |
| 791 | - // 分隔字符串并且转数组&去除数组空字符串 | 824 | + // 是否有重复的 |
| 792 | - locationVal = location.split(";").filter((str) => str !== ""); | 825 | + repeat = new Set(includeVal).size !== includeVal.length; |
| 793 | - // 是否有重复的 | 826 | + // 校验校验开头以字母或者数字开头的/^[a-zA-Z0-9]*$/ |
| 794 | - locationRepeat = new Set(locationVal).size !== locationVal.length; | 827 | + validate = includeVal.every((item) => reg.test(item)); |
| 795 | - // 校验校验开头以字母或者数字开头的/^[a-zA-Z0-9]*$/ | 828 | + } |
| 796 | - validateLocation = locationVal.every((item) => | ||
| 797 | - /^[a-zA-Z0-9]*$/.test(item) | ||
| 798 | - ); | ||
| 799 | } else { | 829 | } else { |
| 800 | - notLocationVal = notLocation.split(";").filter((str) => str !== ""); | 830 | + if (notInclude) { |
| 801 | - locationRepeat = new Set(notLocationVal).size !== notLocationVal.length; | 831 | + notIncludeVal = notInclude.split(";").filter((str) => str !== ""); |
| 802 | - validateLocation = locationVal.every((item) => | 832 | + repeat = new Set(notIncludeVal).size !== notIncludeVal.length; |
| 803 | - /^[a-zA-Z0-9]*$/.test(item) | 833 | + validate = notIncludeVal.every((item) => reg.test(item)); |
| 804 | - ); | 834 | + } |
| 835 | + } | ||
| 836 | + if (ursaMark) { | ||
| 837 | + if (include) { | ||
| 838 | + includeVal = include.split(";").filter((str) => str !== ""); | ||
| 839 | + repeat = new Set(includeVal).size !== includeVal.length; | ||
| 840 | + validate = includeVal.every((item) => reg.test(item)); | ||
| 841 | + } else { | ||
| 842 | + this.routesInfo[index].validateForm = true; // form表单节流阀 | ||
| 843 | + this.routesInfo[index][errorMsgAttr] = ""; | ||
| 844 | + this.$set(this.routesInfo, index, this.routesInfo[index]); | ||
| 845 | + } | ||
| 846 | + } | ||
| 847 | + if (ursaMark == false) { | ||
| 848 | + if (notInclude) { | ||
| 849 | + notIncludeVal = notInclude.split(";").filter((str) => str !== ""); | ||
| 850 | + repeat = new Set(notIncludeVal).size !== notIncludeVal.length; | ||
| 851 | + validate = notIncludeVal.every((item) => reg.test(item)); | ||
| 852 | + } else { | ||
| 853 | + this.routesInfo[index].validateForm = true; // form表单节流阀 | ||
| 854 | + this.routesInfo[index][errorMsgAttr] = ""; | ||
| 855 | + this.$set(this.routesInfo, index, this.routesInfo[index]); | ||
| 856 | + } | ||
| 857 | + } | ||
| 858 | + if (repeat) { | ||
| 859 | + this.routesInfo[index].validateForm = false; // form表单节流阀 | ||
| 860 | + this.routesInfo[index][errorMsgAttr] = errorMsg.repeat; | ||
| 861 | + this.$set(this.routesInfo, index, this.routesInfo[index]); | ||
| 862 | + } | ||
| 863 | + if (!validate) { | ||
| 864 | + this.routesInfo[index].validateForm = false; // form表单节流阀 | ||
| 865 | + this.routesInfo[index][errorMsgAttr] = errorMsg.error; | ||
| 866 | + this.$set(this.routesInfo, index, this.routesInfo[index]); | ||
| 805 | } | 867 | } |
| 806 | - if (locationRepeat) { | 868 | + if (!repeat && validate) { |
| 807 | - this.routesInfo[index].locationError = "填写的目的地已重复"; | 869 | + this.routesInfo[index].validateForm = true; // form表单节流阀 |
| 870 | + this.routesInfo[index][errorMsgAttr] = ""; | ||
| 808 | this.$set(this.routesInfo, index, this.routesInfo[index]); | 871 | this.$set(this.routesInfo, index, this.routesInfo[index]); |
| 809 | } | 872 | } |
| 810 | - if (!validateLocation) { | 873 | + if (radio == "1" && !include) { |
| 811 | - this.routesInfo[index].locationError = | 874 | + this.routesInfo[index].validateForm = true; // form表单节流阀 |
| 812 | - "目的地之间用分号分隔,例:P1;P2;P3"; | 875 | + this.routesInfo[index][errorMsgAttr] = ""; |
| 813 | this.$set(this.routesInfo, index, this.routesInfo[index]); | 876 | this.$set(this.routesInfo, index, this.routesInfo[index]); |
| 814 | } | 877 | } |
| 815 | - if (!locationRepeat && validateLocation) { | 878 | + if (radio == "2" && !notInclude) { |
| 816 | - this.routesInfo[index].locationError = ""; | 879 | + this.routesInfo[index].validateForm = true; // form表单节流阀 |
| 880 | + this.routesInfo[index][errorMsgAttr] = ""; | ||
| 817 | this.$set(this.routesInfo, index, this.routesInfo[index]); | 881 | this.$set(this.routesInfo, index, this.routesInfo[index]); |
| 818 | } | 882 | } |
| 819 | }, | 883 | }, |
| 820 | // 包含始发站失焦事件 | 884 | // 包含始发站失焦事件 |
| 821 | locationBur({ index, item }) { | 885 | locationBur({ index, item }) { |
| 822 | // 不为空的时候做校验 | 886 | // 不为空的时候做校验 |
| 823 | - if (item.location) { | 887 | + const validateData = { |
| 824 | - this.validateLocation(index, item); | 888 | + reg: /^[a-zA-Z0-9]*$/, |
| 825 | - } | 889 | + index: index, |
| 890 | + radio: item.isLocation, | ||
| 891 | + include: item.location, | ||
| 892 | + notInclude: item.notLocation, | ||
| 893 | + errorMsgAttr: "locationError", | ||
| 894 | + validateForm: false, // form表单节流阀 | ||
| 895 | + errorMsg: { | ||
| 896 | + repeat: "填写的始发站已重复", | ||
| 897 | + empty: "不能为空", | ||
| 898 | + error: "始发站之间用分号分隔,例:P1;P2;P3", | ||
| 899 | + }, | ||
| 900 | + }; | ||
| 901 | + this.validateParmas(validateData); | ||
| 826 | }, | 902 | }, |
| 827 | // 不包含始发站失焦事件 | 903 | // 不包含始发站失焦事件 |
| 828 | notLocationBur({ index, item }) { | 904 | notLocationBur({ index, item }) { |
| 829 | - // console.log("notLocationBur", index, item); | 905 | + const validateData = { |
| 830 | - if (item.notLocation) { | 906 | + reg: /^[a-zA-Z0-9]*$/, |
| 831 | - this.validateLocation(index, item); | 907 | + index: index, |
| 832 | - } | 908 | + radio: item.isLocation, |
| 909 | + include: item.location, | ||
| 910 | + notInclude: item.notLocation, | ||
| 911 | + errorMsgAttr: "locationError", | ||
| 912 | + validateForm: false, // form表单节流阀 | ||
| 913 | + errorMsg: { | ||
| 914 | + repeat: "填写的始发站已重复", | ||
| 915 | + empty: "不能为空", | ||
| 916 | + error: "始发站之间用分号分隔,例:P1;P2;P3", | ||
| 917 | + }, | ||
| 918 | + }; | ||
| 919 | + this.validateParmas(validateData); | ||
| 833 | }, | 920 | }, |
| 834 | // 包含目的站失焦事件 | 921 | // 包含目的站失焦事件 |
| 835 | destinationSiteBur({ index, item }) { | 922 | destinationSiteBur({ index, item }) { |
| 836 | - // console.log("destinationSiteBur", index, item); | 923 | + const validateData = { |
| 924 | + reg: /^[a-zA-Z0-9]*$/, | ||
| 925 | + index: index, | ||
| 926 | + radio: item.isLocation, | ||
| 927 | + include: item.location, | ||
| 928 | + notInclude: item.notLocation, | ||
| 929 | + errorMsgAttr: "destinationSiteError", | ||
| 930 | + validateForm: false, // form表单节流阀 | ||
| 931 | + errorMsg: { | ||
| 932 | + repeat: "填写的目的站已重复", | ||
| 933 | + empty: "不能为空", | ||
| 934 | + error: "目的站之间用分号分隔,例:P1;P2;P3", | ||
| 935 | + }, | ||
| 936 | + }; | ||
| 937 | + this.validateParmas(validateData); | ||
| 837 | }, | 938 | }, |
| 838 | // 不包含目的站失焦事件 | 939 | // 不包含目的站失焦事件 |
| 839 | notDestinationSiteBur({ index, item }) { | 940 | notDestinationSiteBur({ index, item }) { |
| 840 | - // console.log("notDestinationSiteBur", index, item); | 941 | + const validateData = { |
| 942 | + reg: /^[a-zA-Z0-9]*$/, | ||
| 943 | + index: index, | ||
| 944 | + radio: item.isLocation, | ||
| 945 | + include: item.location, | ||
| 946 | + notInclude: item.notLocation, | ||
| 947 | + errorMsgAttr: "destinationSiteError", | ||
| 948 | + validateForm: false, // form表单节流阀 | ||
| 949 | + errorMsg: { | ||
| 950 | + repeat: "填写的目的站已重复", | ||
| 951 | + empty: "不能为空", | ||
| 952 | + error: "目的站之间用分号分隔,例:P1;P2;P3", | ||
| 953 | + }, | ||
| 954 | + }; | ||
| 955 | + this.validateParmas(validateData); | ||
| 841 | }, | 956 | }, |
| 842 | // URSA包含失焦事件 | 957 | // URSA包含失焦事件 |
| 843 | includeUrsaBur({ index, item }) { | 958 | includeUrsaBur({ index, item }) { |
| 844 | - // console.log("includeUrsaBur", index, item); | 959 | + const validateData = { |
| 960 | + reg: /^[a-zA-Z0-9]*_$/, | ||
| 961 | + index: index, | ||
| 962 | + ursaMark: true, | ||
| 963 | + include: item.includeUrsa, | ||
| 964 | + notInclude: item.notIncludeUrsa, | ||
| 965 | + errorMsgAttr: "ursaError", | ||
| 966 | + validateForm: false, // form表单节流阀 | ||
| 967 | + errorMsg: { | ||
| 968 | + repeat: "填写的URSA已重复", | ||
| 969 | + empty: "不能为空", | ||
| 970 | + error: "URSA包含之间用分号分隔,例:P1_;F2_;F3_", | ||
| 971 | + }, | ||
| 972 | + }; | ||
| 973 | + this.validateParmas(validateData); | ||
| 845 | }, | 974 | }, |
| 846 | // URSA不包含失焦事件 | 975 | // URSA不包含失焦事件 |
| 847 | notIncludeUrsaBur({ index, item }) { | 976 | notIncludeUrsaBur({ index, item }) { |
| 848 | - // console.log("notIncludeUrsaBur", index, item); | 977 | + const validateData = { |
| 978 | + reg: /^[a-zA-Z0-9]*$/, | ||
| 979 | + index: index, | ||
| 980 | + ursaMark: false, | ||
| 981 | + include: item.includeUrsa, | ||
| 982 | + notInclude: item.notIncludeUrsa, | ||
| 983 | + errorMsgAttr: "notUrsaError", | ||
| 984 | + validateForm: false, // form表单节流阀 | ||
| 985 | + errorMsg: { | ||
| 986 | + repeat: "填写的URSA已重复", | ||
| 987 | + empty: "不能为空", | ||
| 988 | + error: "URSA包含之间用分号分隔,例:P1;F2;F3", | ||
| 989 | + }, | ||
| 990 | + }; | ||
| 991 | + this.validateParmas(validateData); | ||
| 849 | }, | 992 | }, |
| 850 | // 最少件数失焦事件 | 993 | // 最少件数失焦事件 |
| 851 | minNumOfPiecesBur({ index, item }) { | 994 | minNumOfPiecesBur({ index, item }) { | ... | ... |
| ... | @@ -309,7 +309,7 @@ | ... | @@ -309,7 +309,7 @@ |
| 309 | <el-input | 309 | <el-input |
| 310 | v-model.trim="queryForm.minNumOfPieces" | 310 | v-model.trim="queryForm.minNumOfPieces" |
| 311 | placeholder="最小件数" | 311 | placeholder="最小件数" |
| 312 | - @blur="inputBlurMinPieces($event)" | 312 | + @blur="inputBlurMinPieces({ index: 0, queryForm, $event })" |
| 313 | :disabled="!getRouter" | 313 | :disabled="!getRouter" |
| 314 | ></el-input> | 314 | ></el-input> |
| 315 | <span ref="minNumOfPieces" class="el-form-item__error"></span> | 315 | <span ref="minNumOfPieces" class="el-form-item__error"></span> |
| ... | @@ -319,7 +319,7 @@ | ... | @@ -319,7 +319,7 @@ |
| 319 | <el-input | 319 | <el-input |
| 320 | v-model.trim="queryForm.maxNumOfPieces" | 320 | v-model.trim="queryForm.maxNumOfPieces" |
| 321 | placeholder="最大件数" | 321 | placeholder="最大件数" |
| 322 | - @blur="inputBlurMaxPieces($event)" | 322 | + @blur="inputBlurMaxPieces({ index: 0, queryForm, $event })" |
| 323 | :disabled="!getRouter" | 323 | :disabled="!getRouter" |
| 324 | ></el-input> | 324 | ></el-input> |
| 325 | </el-col> | 325 | </el-col> |
| ... | @@ -332,7 +332,7 @@ | ... | @@ -332,7 +332,7 @@ |
| 332 | <el-input | 332 | <el-input |
| 333 | v-model.trim="queryForm.minWeight" | 333 | v-model.trim="queryForm.minWeight" |
| 334 | placeholder="最小重量" | 334 | placeholder="最小重量" |
| 335 | - @blur="inputBlurMinWeight($event)" | 335 | + @blur="inputBlurMinWeight({ index: 0, queryForm, $event })" |
| 336 | :disabled="!getRouter" | 336 | :disabled="!getRouter" |
| 337 | ></el-input> | 337 | ></el-input> |
| 338 | <span ref="minWeight" class="el-form-item__error"></span> | 338 | <span ref="minWeight" class="el-form-item__error"></span> |
| ... | @@ -342,7 +342,7 @@ | ... | @@ -342,7 +342,7 @@ |
| 342 | <el-input | 342 | <el-input |
| 343 | v-model.trim="queryForm.maxWeight" | 343 | v-model.trim="queryForm.maxWeight" |
| 344 | placeholder="最大重量" | 344 | placeholder="最大重量" |
| 345 | - @blur="inputBlurMaxWeight($event)" | 345 | + @blur="inputBlurMaxWeight({ index: 0, queryForm, $event })" |
| 346 | :disabled="!getRouter" | 346 | :disabled="!getRouter" |
| 347 | ></el-input> | 347 | ></el-input> |
| 348 | </el-col> | 348 | </el-col> |
| ... | @@ -361,7 +361,7 @@ | ... | @@ -361,7 +361,7 @@ |
| 361 | <el-input | 361 | <el-input |
| 362 | v-model.trim="queryForm.minCustomVal" | 362 | v-model.trim="queryForm.minCustomVal" |
| 363 | placeholder="最小申报价值" | 363 | placeholder="最小申报价值" |
| 364 | - @blur="inputCNYBlurMin($event, 'minCNYCustomVal')" | 364 | + @blur="inputCNYBlurMin({ index: 0, queryForm, $event })" |
| 365 | :disabled="!getRouter" | 365 | :disabled="!getRouter" |
| 366 | ></el-input> | 366 | ></el-input> |
| 367 | <span | 367 | <span |
| ... | @@ -374,7 +374,7 @@ | ... | @@ -374,7 +374,7 @@ |
| 374 | <el-input | 374 | <el-input |
| 375 | v-model.trim="queryForm.maxCustomVal" | 375 | v-model.trim="queryForm.maxCustomVal" |
| 376 | placeholder="最大申报价值" | 376 | placeholder="最大申报价值" |
| 377 | - @blur="inputCNYBlurMax($event, 'maxCNYCustomVal')" | 377 | + @blur="inputCNYBlurMax({ index: 0, queryForm, $event })" |
| 378 | :disabled="!getRouter" | 378 | :disabled="!getRouter" |
| 379 | ></el-input> | 379 | ></el-input> |
| 380 | </el-col> | 380 | </el-col> |
| ... | @@ -387,7 +387,7 @@ | ... | @@ -387,7 +387,7 @@ |
| 387 | <el-input | 387 | <el-input |
| 388 | v-model.trim="queryForm.minUsdCustomVal" | 388 | v-model.trim="queryForm.minUsdCustomVal" |
| 389 | placeholder="最小申报价值" | 389 | placeholder="最小申报价值" |
| 390 | - @blur="inputSUDBlurMin($event, 'minSUDCustomVal')" | 390 | + @blur="inputSUDBlurMin({ index: 0, queryForm, $event })" |
| 391 | :disabled="!getRouter" | 391 | :disabled="!getRouter" |
| 392 | ></el-input> | 392 | ></el-input> |
| 393 | <span | 393 | <span |
| ... | @@ -400,7 +400,7 @@ | ... | @@ -400,7 +400,7 @@ |
| 400 | <el-input | 400 | <el-input |
| 401 | v-model.trim="queryForm.maxUsdCustomVal" | 401 | v-model.trim="queryForm.maxUsdCustomVal" |
| 402 | placeholder="最大申报价值" | 402 | placeholder="最大申报价值" |
| 403 | - @blur="inputSUDBlurMax($event, 'maxSUDCustomVal')" | 403 | + @blur="inputSUDBlurMax({ index: 0, queryForm, $event })" |
| 404 | :disabled="!getRouter" | 404 | :disabled="!getRouter" |
| 405 | ></el-input> | 405 | ></el-input> |
| 406 | </el-col> | 406 | </el-col> | ... | ... |
-
Please register or login to post a comment