SH-Arbitrate/miniapp
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

新增验证

Browse Source
This commit is contained in:
gyj
2024-02-06 09:14:42 +08:00
parent 35ac818dd1
commit 2caffc8f05
1 changed files with 64 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/handlecase/component/newlyAddedCase.vue
+64 -64
View File
@@ -3,13 +3,19 @@
<view class="assignrbitrators"> <view class="assignrbitrators">
<uni-forms ref="form" :modelValue="formData" :rules="rules"> <uni-forms ref="form" :modelValue="formData" :rules="rules">
<uni-section title="案件信息" type="line" padding></uni-section> <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-easyinput v-model="formData.arbitratClaims" type="textarea" placeholder="请输入申请人调解请求" />
</uni-forms-item> </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-easyinput v-model="formData.facts" type="textarea" placeholder="请输入事实和理由" />
</uni-forms-item> </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-easyinput v-model="formData.caseSubjectAmount" type="text" placeholder="请输入案件标的" />
</uni-forms-item> </uni-forms-item>
<uni-forms-item label="模板:" name="templateId" label-width="120px" required <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-data-select :localdata="templateList" v-model="formData.templateId"></uni-data-select>
</uni-forms-item> </uni-forms-item>
<uni-forms-item label="申请人案件证据资料上传:" name="headImage" label-width="120px"> <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-forms-item>
<uni-section title="双方信息" type="line" padding></uni-section> <uni-section title="双方信息" type="line" padding></uni-section>
<uni-forms-item label="选择机构或自然人" label-width="120px" name="objectiJuris"> <uni-forms-item label="选择机构或自然人" label-width="120px" name="objectiJuris">
@@ -27,34 +33,14 @@
v-model="formData.affiliate.organizeFlag" v-model="formData.affiliate.organizeFlag"
@change='clearValidate'></uni-data-checkbox> @change='clearValidate'></uni-data-checkbox>
</uni-forms-item> </uni-forms-item>
<uni-forms-item label="申请人:" name="affiliate.applicationName" <uni-forms-item :label="formData.affiliate.organizeFlag==0 ? '申请人':'申请机构'" :rules="rulesappName" name="affiliate.applicationName" label-width="120px" required >
:rules="[{'required': true,errorMessage: '申请人不能为空'}]" <uni-easyinput v-model="formData.affiliate.applicationName" type="text" :placeholder="formData.affiliate.organizeFlag==0 ? '请输入申请人姓名':'请输入申请机构名称'"/>
label-width="120px" required v-if="formData.affiliate.organizeFlag==0">
<uni-easyinput v-model="formData.affiliate.applicationName" type="text" placeholder="请输入申请人名称" />
</uni-forms-item> </uni-forms-item>
<uni-forms-item label="申请人机构名称:" name="affiliate.applicationName" label-width="120px" <uni-forms-item :label="formData.affiliate.organizeFlag==0 ? '身份证号码':'机构代码'" name="affiliate.code" label-width="120px" required
:rules="[{'required': true,errorMessage: '申请人机构名称为空'}]" required :rules="rulesappNo">
v-if="formData.affiliate.organizeFlag==1" <uni-easyinput v-model="formData.affiliate.code" type="text" :placeholder="formData.affiliate.organizeFlag==0 ? '请输入身份证号码':'请输入统一社会代码'" />
>
<uni-easyinput v-model="formData.affiliate.applicationName"
type="text" placeholder="请输入申请人机构名称" />
</uni-forms-item> </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 <uni-forms-item label="申请人邮箱:" name="affiliate.applicationEmail" label-width="120px" required
:rules="[ :rules="[
{'required': true,errorMessage: '申请人邮箱不能为空'}, {'required': true,errorMessage: '申请人邮箱不能为空'},
@@ -215,47 +201,58 @@
value: 0 value: 0
} }
], ],
rules: { rules:{},
arbitratClaims: { rulesappName: [
rules:[ {
{ required: true,
required: true, errorMessage: '输入信息不能为空',
errorMessage: '申请人调解请求不能为空', },{
},
], validateFunction: (rule, value, data, callback) => {
}, //判断手机号格式时候正确
facts:{ if (value.length<3) {
rules:[ if(this.formData.affiliate.organizeFlag == 0){
{ callback('请输入申请人姓名')
required: true, }else{
errorMessage: '事实和理由不能空', callback('请输入机构名称')
}, }
],
},
caseSubjectAmount:{
rules:[
{
required: true,
errorMessage: '案件标的不能为空',
},
],
},
respondentEmail:{
rules:[
{
required: true,
errorMessage: '邮箱不能为空',
} }
], 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:{ methods:{
clearValidate(val){ clearValidate(val){
this.formData.affiliate.applicationName = null
this.formData.affiliate.code = null
this.$refs["form"].clearValidate() this.$refs["form"].clearValidate()
}, },
submitReasont(){ submitReasont(){
@@ -274,7 +271,7 @@
}) })
}); });
}, },
// 被申请人获取性别喝出生年月 // 被申请人获取性别出生年月
handleBlur(){ handleBlur(){
let idCards = { let idCards = {
idCard: this.formData.affiliate.respondentIdentityNum, idCard: this.formData.affiliate.respondentIdentityNum,
@@ -359,6 +356,9 @@
}, },
onLoad(data) { onLoad(data) {
this.getTemplateFn() this.getTemplateFn()
},
onReady() {
this.$refs.form.setRules(this.rules)
} }
} }