diff --git a/src/views/caseAccessAll/caseEntry.vue b/src/views/caseAccessAll/caseEntry.vue index cbf8c5a..d6451de 100644 --- a/src/views/caseAccessAll/caseEntry.vue +++ b/src/views/caseAccessAll/caseEntry.vue @@ -344,10 +344,6 @@ export default { diff --git a/src/views/caseAccessAll/components/caseentryDialog.vue b/src/views/caseAccessAll/components/caseentryDialog.vue index ebc5917..1a90216 100644 --- a/src/views/caseAccessAll/components/caseentryDialog.vue +++ b/src/views/caseAccessAll/components/caseentryDialog.vue @@ -141,101 +141,178 @@ ref="form2" :model="form2" label-width="150px" - v-for="(item, index) in paymentArr" - :key="index" :disabled="flag == '0'" > -
+

申请人主体信息：

- - + + - - + + - - + + - - + + - - + + - - + +

代理人信息：

- + + + + + + - + - + - - - - - @@ -255,100 +332,178 @@ ref="form3" label-width="150px" :disabled="flag == '0'" - v-for="(item, index) in paymentArr1" - :key="index + paymentArr.length" + :model="form3" > -
+

被申请人主体信息：

- - + + - - + + - - + + - - + + - - + + - - + +

代理人信息：

- + + + + + + + + + + + - + - - - - - - - - - - @@ -389,12 +544,47 @@ export default { data() { return { formData: this.form, - form2: {}, //申请人主体信息 - form3: {}, //被申请人主体信息 + form2: { + paymentArr: [ + { + identityType: 1, + name: "", + identityNum: "", + contactTelphone: "", + workAddress: "", + workTelphone: "", + contactAddress: "", + nameAgent: "", + contactTelphoneAgent: "", + contactAddressAgent: "", + }, + ], + }, //申请人主体信息 + form3: { + paymentArr1: [ + { + identityType: 2, + name: "", + identityNum: "", + contactTelphone: "", + workAddress: "", + workTelphone: "", + contactAddress: "", + nameAgent: "", + contactTelphoneAgent: "", + contactAddressAgent: "", + }, + ], + }, //被申请人主体信息 // 表单校验 rules: { caseNum: [ - { required: true, message: "案件编号不能为空", trigger: "blur" }, + { + required: true, + message: "案件编号不能为空", + trigger: ["change", "blur"], + }, + { min: 3, max: 5, message: "长度在 3 到 5 个字符", trigger: "blur" }, ], caseSubjectAmount: [ { @@ -465,122 +655,7 @@ export default { // { type: 'number', message: '申请人主张违约金必须为数字值'} ], }, - rulesmain: { - name: [ - { - required: true, - message: "申请人不能为空", - trigger: "blur", - }, - ], - identityNum: [ - { - required: true, - message: "身份证号不能为空", - trigger: "blur", - }, - ], - contactTelphone: [ - { - required: true, - message: "联系电话不能为空", - trigger: "blur", - }, - { - pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/, - message: "请输入正确的手机号码", - trigger: "blur", - }, - ], - workAddress: [ - { - required: true, - message: "单位地址不能为空", - trigger: "blur", - }, - ], - workTelphone: [ - { - required: true, - message: "单位电话不能为空", - trigger: "blur", - }, - { - pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/, - message: "请输入正确的手机号码", - trigger: "blur", - }, - ], - contactAddress: [ - { - required: true, - message: "联系地址不能为空", - trigger: "blur", - }, - ], - nameAgent: [ - { - required: true, - message: "姓名不能为空", - trigger: "blur", - }, - ], - identityNumAgent: [ - { - required: true, - message: "身份证号不能为空", - trigger: "blur", - }, - ], - contactTelphoneAgent: [ - { - required: true, - message: "联系电话不能为空", - trigger: "blur", - }, - { - pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/, - message: "请输入正确的手机号码", - trigger: "blur", - }, - ], - contactAddressAgent: [ - { - required: true, - message: "联系地址不能为空", - trigger: "blur", - }, - ], - }, fileList: [], - paymentArr: [ - { - identityType: 1, - name: "", - identityNum: "", - contactTelphone: "", - workAddress: "", - workTelphone: "", - contactAddress: "", - nameAgent: "", - contactTelphoneAgent: "", - contactAddressAgent: "", - }, - ], - paymentArr1: [ - { - identityType: 2, - name: "", - identityNum: "", - contactTelphone: "", - workAddress: "", - workTelphone: "", - contactAddress: "", - nameAgent: "", - contactTelphoneAgent: "", - contactAddressAgent: "", - }, - ], }; }, watch: { @@ -589,8 +664,10 @@ export default { if (val) { this.formData = this.form; if (this.flag == "1" || this.flag == "0") { - this.paymentArr = this.initpaymentArr; - this.paymentArr1 = this.initpaymentArr1; + setTimeout(() => { + this.form2.paymentArr = this.initpaymentArr; + this.form3.paymentArr1 = this.initpaymentArr1; + }, 1000); } } }, @@ -617,7 +694,7 @@ export default { // 新增申请人主体信息 generateForm() { - this.paymentArr.push({ + this.form2.paymentArr.push({ identityType: 1, name: "", identityNum: "", @@ -632,7 +709,7 @@ export default { }, // 新增被申请人主体信息 generateForm1() { - this.paymentArr1.push({ + this.form3.paymentArr1.push({ identityType: 2, name: "", identityNum: "", @@ -647,11 +724,11 @@ export default { }, // 删除申请人主体信息 deleteData(index) { - this.paymentArr.splice(index, 1); + this.form2.paymentArr.splice(index, 1); }, // 删除被申请人主体信息 deleteData1(index) { - this.paymentArr1.splice(index, 1); + this.form3.paymentArr1.splice(index, 1); }, // 提交立案申请 addCaseApply submitForm() { @@ -662,28 +739,40 @@ export default { this.formData.loanEndDate = moment(this.formData.loanEndDate).format( "YYYY-MM-DD HH:mm:ss" ); - this.formData.caseAffiliates = [ - ...this.paymentArr, - ...this.paymentArr1, - ]; if (valid) { - if (this.formData.id) { - editCaseApply({ - ...this.formData, - caseAffiliates: this.formData.caseAffiliates, - }).then((res) => { - this.$modal.msgSuccess("修改成功"); - }); - } else { - addCaseApply({ - ...this.formData, - caseAffiliates: this.formData.caseAffiliates, - }).then((response) => { - this.$modal.msgSuccess("新增成功"); - }); - } - this.$emit("cancel"); - this.getcaseApply(); + this.$refs["form2"].validate((valid) => { + if (valid) { + this.$refs["form3"].validate((vail) => { + if (vail) { + this.formData.caseAffiliates = [ + ...this.form2.paymentArr, + ...this.form3.paymentArr1, + ]; + if (this.formData.id) { + editCaseApply({ + ...this.formData, + caseAffiliates: this.formData.caseAffiliates, + }).then((res) => { + this.$modal.msgSuccess("修改成功"); + this.$emit("cancel"); + this.getcaseApply(); + }); + } else { + addCaseApply({ + ...this.formData, + caseAffiliates: this.formData.caseAffiliates, + }).then((response) => { + this.$modal.msgSuccess("新增成功"); + this.$emit("cancel"); + this.getcaseApply(); + }); + } + // this.$emit("cancel"); + // this.getcaseApply(); + } + }); + } + }); } }); }, @@ -692,4 +781,8 @@ export default { \ No newline at end of file