新增验证 #23

Merged
gaogaoyujie merged 2 commits from gyj into dev 2024-02-06 01:18:36 +00:00
+64 -64
View File
@@ -3,13 +3,19 @@
<view class="assignrbitrators">
<uni-forms ref="form" :modelValue="formData" :rules="rules">
<uni-section title="案件信息" type="line" padding></uni-section>
<uni-forms-item label="申请人调解请求:" name="arbitratClaims" label-width="120px" required>
<uni-forms-item label="申请人调解请求:" name="arbitratClaims" label-width="120px" required
:rules="[{'required': true,errorMessage: '申请人调解请求不能为空'}]"
>
<uni-easyinput v-model="formData.arbitratClaims" type="textarea" placeholder="请输入申请人调解请求" />
</uni-forms-item>
<uni-forms-item label="事实和理由:" name="facts" label-width="120px" required>
<uni-forms-item label="事实和理由:" name="facts" label-width="120px" required
:rules="[{'required': true,errorMessage: '事实和理由不能为空'}]"
>
<uni-easyinput v-model="formData.facts" type="textarea" placeholder="请输入事实和理由" />
</uni-forms-item>
<uni-forms-item label="案件标的:" name="caseSubjectAmount" label-width="120px" required>
<uni-forms-item label="案件标的:" name="caseSubjectAmount" label-width="120px" required
:rules="[{'required': true,errorMessage: '案件标的不能为空'}]"
>
<uni-easyinput v-model="formData.caseSubjectAmount" type="text" placeholder="请输入案件标的" />
</uni-forms-item>
<uni-forms-item label="模板:" name="templateId" label-width="120px" required
@@ -18,7 +24,7 @@
<uni-data-select :localdata="templateList" v-model="formData.templateId"></uni-data-select>
</uni-forms-item>
<uni-forms-item label="申请人案件证据资料上传:" name="headImage" label-width="120px">
<uni-file-picker ref="files" file-mediatype="all" :auto-upload="false" @select="select" :limit='1' />
<uni-file-picker ref="files" file-mediatype="all" :auto-upload="false" @select="select" :limit='9' />
</uni-forms-item>
<uni-section title="双方信息" type="line" padding></uni-section>
<uni-forms-item label="选择机构或自然人" label-width="120px" name="objectiJuris">
@@ -27,34 +33,14 @@
v-model="formData.affiliate.organizeFlag"
@change='clearValidate'></uni-data-checkbox>
</uni-forms-item>
<uni-forms-item label="申请人:" name="affiliate.applicationName"
:rules="[{'required': true,errorMessage: '申请人不能为空'}]"
label-width="120px" required v-if="formData.affiliate.organizeFlag==0">
<uni-easyinput v-model="formData.affiliate.applicationName" type="text" placeholder="请输入申请人名称" />
<uni-forms-item :label="formData.affiliate.organizeFlag==0 ? '申请人':'申请机构'" :rules="rulesappName" name="affiliate.applicationName" label-width="120px" required >
<uni-easyinput v-model="formData.affiliate.applicationName" type="text" :placeholder="formData.affiliate.organizeFlag==0 ? '请输入申请人姓名':'请输入申请机构名称'"/>
</uni-forms-item>
<uni-forms-item label="申请人机构名称:" name="affiliate.applicationName" label-width="120px"
:rules="[{'required': true,errorMessage: '申请人机构名称为空'}]" required
v-if="formData.affiliate.organizeFlag==1"
>
<uni-easyinput v-model="formData.affiliate.applicationName"
type="text" placeholder="请输入申请人机构名称" />
<uni-forms-item :label="formData.affiliate.organizeFlag==0 ? '身份证号码':'机构代码'" name="affiliate.code" label-width="120px" required
:rules="rulesappNo">
<uni-easyinput v-model="formData.affiliate.code" type="text" :placeholder="formData.affiliate.organizeFlag==0 ? '请输入身份证号码':'请输入统一社会代码'" />
</uni-forms-item>
<uni-forms-item label="申请人身份证号码:" name="affiliate.code" label-width="120px" required
:rules="[
{'required': true,errorMessage: '申请人身份证号码为空'},
{pattern:'^[1-9]\\d{5}(18|19|([23]\\d))\\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\\d{3}[0-9Xx]$',errorMessage:'申请人身份证格式错误'}
]"
v-if="formData.affiliate.organizeFlag==0"
>
<uni-easyinput v-model="formData.affiliate.code" type="text" placeholder="请输入申请人身份证号码" />
</uni-forms-item>
<uni-forms-item label="统一社会信用代码:" name="affiliate.code" label-width="120px" required
:rules="[{'required': true,errorMessage: '统一社会信用代码为空'}]"
v-if="formData.affiliate.organizeFlag==1"
>
<uni-easyinput type="text" v-model="formData.affiliate.code" placeholder="请输入统一社会信用代码:" />
</uni-forms-item>
<uni-forms-item label="申请人邮箱:" name="affiliate.applicationEmail" label-width="120px" required
:rules="[
{'required': true,errorMessage: '申请人邮箱不能为空'},
@@ -215,47 +201,58 @@
value: 0
}
],
rules: {
arbitratClaims: {
rules:[
{
required: true,
errorMessage: '申请人调解请求不能为空',
},
],
},
facts:{
rules:[
{
required: true,
errorMessage: '事实和理由不能空',
},
],
},
caseSubjectAmount:{
rules:[
{
required: true,
errorMessage: '案件标的不能为空',
},
],
},
respondentEmail:{
rules:[
{
required: true,
errorMessage: '邮箱不能为空',
rules:{},
rulesappName: [
{
required: true,
errorMessage: '输入信息不能为空',
},{
validateFunction: (rule, value, data, callback) => {
//判断手机号格式时候正确
if (value.length<3) {
if(this.formData.affiliate.organizeFlag == 0){
callback('请输入申请人姓名')
}else{
callback('请输入机构名称')
}
}
],
},
}
return true
}
}
],
rulesappNo: [
{
required: true,
errorMessage:'输入信息不能为空',
},{
validateFunction: (rule, value, data, callback) => {
//判断手机号格
if(this.formData.affiliate.organizeFlag == 0){
let pNoReg = /^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/
if(!pNoReg.test(value)){
callback('请输入正确的身份证号码')
}
}else{
if(!value){
callback('请输入正确的机构信息')
}
}
return true
}
}
]
}
},
methods:{
clearValidate(val){
this.formData.affiliate.applicationName = null
this.formData.affiliate.code = null
this.$refs["form"].clearValidate()
},
submitReasont(){
@@ -274,7 +271,7 @@
})
});
},
// 被申请人获取性别喝出生年月
// 被申请人获取性别出生年月
handleBlur(){
let idCards = {
idCard: this.formData.affiliate.respondentIdentityNum,
@@ -359,6 +356,9 @@
},
onLoad(data) {
this.getTemplateFn()
},
onReady() {
this.$refs.form.setRules(this.rules)
}
}