新增验证

pages/handlecase/component/newlyAddedCase.vue

@@ -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)
 		}
 	}