案件录入页面输入校验
This commit is contained in:
Your Name
@@ -17,7 +17,7 @@
|
||||
label-width="150px"
|
||||
:disabled="flag == '0'"
|
||||
>
|
||||
<div style="display:inline-flex">
|
||||
<div style="display: inline-flex">
|
||||
<div class="infoIcon"></div>
|
||||
<div class="caseInfo">案件信息：</div>
|
||||
</div>
|
||||
@@ -37,8 +37,7 @@
|
||||
<el-input
|
||||
v-model="formData.caseSubjectAmount"
|
||||
placeholder="请输入案件标的"
|
||||
@keyup.native="InputNumber('caseSubjectAmount')"
|
||||
autocomplete="off"
|
||||
@input="numberFn('caseSubjectAmount')"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
@@ -77,6 +76,7 @@
|
||||
<el-input
|
||||
v-model="formData.claimPrinciOwed"
|
||||
placeholder="请输入"
|
||||
@input="numberFn('claimPrinciOwed')"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
@@ -85,6 +85,7 @@
|
||||
<el-input
|
||||
v-model="formData.claimInterestOwed"
|
||||
placeholder="请输入"
|
||||
@input="numberFn('claimInterestOwed')"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
@@ -93,6 +94,7 @@
|
||||
<el-input
|
||||
v-model="formData.claimLiquidDamag"
|
||||
placeholder="请输入"
|
||||
@input="numberFn('claimLiquidDamag')"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
@@ -202,7 +204,7 @@
|
||||
>
|
||||
<div v-for="(item, index) in form2.paymentArr" :key="index">
|
||||
<div style="display: flex; justify-content: space-between">
|
||||
<div style="display:inline-flex">
|
||||
<div style="display: inline-flex">
|
||||
<div class="infoIcon"></div>
|
||||
<div class="caseInfo">申请人主体信息：</div>
|
||||
</div>
|
||||
@@ -226,6 +228,7 @@
|
||||
message: '申请人不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
{ max: 20, message: '长度应小于20个字符', trigger: 'blur' }
|
||||
]"
|
||||
>
|
||||
<el-input v-model="item.name" placeholder="请输入" />
|
||||
@@ -235,6 +238,9 @@
|
||||
<el-form-item
|
||||
label="代码："
|
||||
:prop="'paymentArr.' + index + '.identityNum'"
|
||||
:rules="[
|
||||
{ max: 50, message: '长度应小于50个字符', trigger: 'blur' }
|
||||
]"
|
||||
>
|
||||
<el-input v-model="item.identityNum" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
@@ -269,6 +275,7 @@
|
||||
message: '单位地址不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
{ max: 50, message: '长度应小于50个字符', trigger: 'blur' }
|
||||
]"
|
||||
>
|
||||
<el-input v-model="item.workAddress" placeholder="请输入" />
|
||||
@@ -299,15 +306,16 @@
|
||||
message: '联系地址不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
{ max: 50, message: '长度应小于50个字符', trigger: 'blur' }
|
||||
]"
|
||||
>
|
||||
<el-input v-model="item.contactAddress" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<div style="display:inline-flex">
|
||||
<div class="infoIcon"></div>
|
||||
<div class="caseInfo2">代理人信息：</div>
|
||||
<div style="display: inline-flex">
|
||||
<div class="infoIcon"></div>
|
||||
<div class="caseInfo2">代理人信息：</div>
|
||||
</div>
|
||||
<!-- <p>代理人信息：</p> -->
|
||||
<el-row>
|
||||
@@ -321,6 +329,7 @@
|
||||
message: '姓名不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
{ max: 20, message: '长度应小于20个字符', trigger: 'blur' }
|
||||
]"
|
||||
>
|
||||
<el-input v-model="item.nameAgent" placeholder="请输入" />
|
||||
@@ -383,6 +392,7 @@
|
||||
message: '联系地址不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
{ max: 50, message: '长度应小于50个字符', trigger: 'blur' }
|
||||
]"
|
||||
>
|
||||
<el-input
|
||||
@@ -413,7 +423,7 @@
|
||||
:key="index + form2.paymentArr.length"
|
||||
>
|
||||
<div style="display: flex; justify-content: space-between">
|
||||
<div style="display:inline-flex">
|
||||
<div style="display: inline-flex">
|
||||
<div class="infoIcon"></div>
|
||||
<div class="caseInfo">被申请人主体信息：</div>
|
||||
</div>
|
||||
@@ -437,6 +447,7 @@
|
||||
message: '被申请人不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
{ max: 20, message: '长度应小于20个字符', trigger: 'blur' }
|
||||
]"
|
||||
>
|
||||
<el-input v-model="itm.name" placeholder="请输入" />
|
||||
@@ -493,6 +504,7 @@
|
||||
message: '单位地址不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
{ max: 50, message: '长度应小于50个字符', trigger: 'blur' }
|
||||
]"
|
||||
>
|
||||
<el-input v-model="itm.workAddress" placeholder="请输入" />
|
||||
@@ -523,15 +535,16 @@
|
||||
message: '联系地址不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
{ max: 50, message: '长度应小于50个字符', trigger: 'blur' }
|
||||
]"
|
||||
>
|
||||
<el-input v-model="itm.contactAddress" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<div style="display:inline-flex">
|
||||
<div class="infoIcon"></div>
|
||||
<div class="caseInfo2">代理人信息：</div>
|
||||
<div style="display: inline-flex">
|
||||
<div class="infoIcon"></div>
|
||||
<div class="caseInfo2">代理人信息：</div>
|
||||
</div>
|
||||
<!-- <p>代理人信息：</p> -->
|
||||
<el-row>
|
||||
@@ -545,6 +558,7 @@
|
||||
message: '姓名不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
{ max: 20, message: '长度应小于20个字符', trigger: 'blur' }
|
||||
]"
|
||||
>
|
||||
<el-input v-model="itm.nameAgent" placeholder="请输入" />
|
||||
@@ -605,6 +619,7 @@
|
||||
message: '联系地址不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
{ max: 50, message: '长度应小于50个字符', trigger: 'blur' }
|
||||
]"
|
||||
>
|
||||
<el-input
|
||||
@@ -747,7 +762,6 @@ export default {
|
||||
message: "申请人主张欠本金不能为空",
|
||||
trigger: "blur",
|
||||
},
|
||||
// { type: 'number', message: '申请人主张欠本金必须为数字值'}
|
||||
],
|
||||
claimInterestOwed: [
|
||||
{
|
||||
@@ -755,7 +769,6 @@ export default {
|
||||
message: "申请人主张欠利息不能为空",
|
||||
trigger: "blur",
|
||||
},
|
||||
// { type: 'number', message: '申请人主张欠利息必须为数字值'}
|
||||
],
|
||||
Overduedays: [
|
||||
{
|
||||
@@ -763,7 +776,6 @@ export default {
|
||||
message: "逾期天数不能为空",
|
||||
trigger: "blur",
|
||||
},
|
||||
// { type: 'number', message: '逾期天数必须为数字值'}
|
||||
],
|
||||
claimLiquidDamag: [
|
||||
{
|
||||
@@ -771,7 +783,6 @@ export default {
|
||||
message: "申请人主张违约金不能为空",
|
||||
trigger: "blur",
|
||||
},
|
||||
// { type: 'number', message: '申请人主张违约金必须为数字值'}
|
||||
],
|
||||
arbitratClaims: [
|
||||
{
|
||||
@@ -804,9 +815,7 @@ export default {
|
||||
if (this.flag == "1" || this.flag == "0") {
|
||||
this.form2.paymentArr = this.initpaymentArr;
|
||||
this.form3.paymentArr1 = this.initpaymentArr1;
|
||||
console.log(this.caseAttachList,this.flag, "caseAttachList--flag");
|
||||
this.caseAttachList.forEach((item) => {
|
||||
console.log(item, "iytem");
|
||||
if (item.annexType == 2) {
|
||||
this.applicateArr.push({
|
||||
annexName: item.annexName,
|
||||
@@ -862,33 +871,14 @@ export default {
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
// 过滤输入的金额
|
||||
InputNumber (property) {
|
||||
this.formData[property] = this.limitInputPointNumber(this.formData[property])
|
||||
numberFn(p) {
|
||||
this.formData[p] =
|
||||
this.formData[p]
|
||||
.replace(/[^\d^\.]+/g, "")
|
||||
.replace(/^0+(\d)/, "$1")
|
||||
.replace(/^\./, "0.")
|
||||
.match(/^\d*(\.?\d{0,2})/g)[0] || "";
|
||||
},
|
||||
|
||||
// 验证只能输入数字
|
||||
limitInputNumber (val) {
|
||||
if (val) {
|
||||
return String(val).replace(/\D/g, '')
|
||||
}
|
||||
return val
|
||||
},
|
||||
|
||||
// 限制只能输入数字(可以输入两位小数)
|
||||
limitInputPointNumber (val) {
|
||||
if (val === 0 || val === '0' || val === '') {
|
||||
return ''
|
||||
} else {
|
||||
let value = null
|
||||
value = String(val).replace(/[^\d.]/g, '') // 清除“数字”和“.”以外的字符
|
||||
value = value.replace(/\.{2,}/g, '.') // 只保留第一个. 清除多余的
|
||||
value = value.replace('.', '$#$').replace(/\./g, '').replace('$#$', '.')
|
||||
value = value.replace(/^(-)*(\d+)\.(\d\d).*$/, '$1$2.$3') // 只能输入两个小数
|
||||
return Number(value)
|
||||
}
|
||||
},
|
||||
|
||||
UploadUrl() {
|
||||
return window.location.origin + "/API/evidence/upload";
|
||||
},
|
||||
|
||||
Reference in New Issue
Block a user