miniapp/pages/handlecase/component/newlyAddedCase.vue

<template>
	<view class="conent">
		<view class="assignrbitrators">
			<uni-forms ref="form" :modelValue="formData" :rules="rules">
				<uni-section title="案件信息" type="line" padding></uni-section>
				<uni-forms-item label="案件压缩包:" name="headZip" label-width="120px">
					<uni-file-picker ref="files" file-mediatype="all" return-type='object' v-model="fileListZip"
						:auto-upload="false" @select="selectZip" :limit='1' />
				</uni-forms-item>
				<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
					:rules="[{required: true,errorMessage: '事实和理由不能为空'}]">
					<uni-easyinput v-model="formData.facts" type="textarea" placeholder="请输入事实和理由" />
				</uni-forms-item>
				<uni-forms-item label="申请人案件证据资料上传:" name="headImage" label-width="120px">
					<uni-file-picker ref="files" file-mediatype="all" return-type='object' v-model="fileList"
						:auto-upload="false" @select="select" :limit='1' />
				</uni-forms-item>
				<uni-forms-item label="证据:" label-width="120px" v-if="ids">
					<view class="" v-for="item in formData.caseAttachList">
						<uni-link v-if="item.annexType==2" :href="baseUrl+item.annexPath" color="#007BFF"
							:text="item.annexName"></uni-link>
					</view>
				</uni-forms-item>
				<uni-forms-item label="调解申请书:" label-width="120px" v-if="ids">
					<view class="" v-for="item in formData.caseAttachList">
						<uni-link v-if="item.annexType==3" :href="baseUrl+item.annexPath" color="#007BFF"
							:text="item.annexName"></uni-link>
					</view>
				</uni-forms-item>
				<uni-forms-item label="选择机构或自然人" label-width="120px" name="objectiJuris">
					<uni-data-checkbox class='checkbox' :disabled="ids?true:false" :localdata="objectiJurisArr"
						v-model="formData.organizeFlag" @change='clearValidate'></uni-data-checkbox>
				</uni-forms-item>
				<button type="primary" @click="addMultiple" style="margin-bottom: 20px;">新增多个信息</button>
				<view v-for="(item ,index ) in formData.affiliate" :key="index">
					<button class="mini-btn" type="primary" size="mini" @tap="delValue(index)" v-if="delShow">删除</button>
					<uni-section :title="'双方信息' + (index + 1)" type="line" padding></uni-section>
						<uni-forms-item label="是否操作人" label-width="120px">
							 <uni-data-checkbox
									v-model="formData.affiliate[index].applicant.operatorFlag"
							        :localdata="isOperate"
							      ></uni-data-checkbox>
						</uni-forms-item>
						<uni-forms-item :label="formData.organizeFlag==0 ? '申请人':'申请机构'" :rules="rulesPersonName" 
						:name="['affiliate',index,'applicant','name']" label-width="120px" required>
							<uni-easyinput v-model="formData.affiliate[index].applicant.name"  type="text"
								:placeholder="formData.organizeFlag==0 ? '请输入申请人姓名':'请输入申请机构名称'" />
						</uni-forms-item>
						<uni-forms-item label="证件类型" label-width="120px" v-if="formData.organizeFlag==0">
							 <uni-data-select
									v-model="formData.affiliate[index].applicant.idType"
							        :localdata="certificate"
									@change="changeDocment"	
							      ></uni-data-select>
						</uni-forms-item>
						<uni-forms-item label="地区" label-width="120px">
							 <uni-data-select
									v-model="formData.affiliate[index].applicant.nationality"
							        :localdata="nationality"
									@change="changeArea"
									
							      ></uni-data-select>
						</uni-forms-item>
						
							<uni-forms-item key = 'code'  v-if="formData.organizeFlag==1" label="机构代码" required label-width="120px" :name="['affiliate',index,'applicant','code']" :rules="[{required: true,errorMessage: '机构代码不能为空'}]">
								<uni-easyinput v-model="formData.affiliate[index].applicant.code"  type="text"
									placeholder="请输入统一社会代码" />
							</uni-forms-item>
						
						
							<uni-forms-item label="证件号码" key = 'idCard' v-if="formData.organizeFlag==0" :name="['affiliate',index,'applicant','idCard']"
									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:'申请人身份证格式错误'}]">
									<uni-easyinput v-model="formData.affiliate[index].applicant.idCard"  type="text"
										placeholder="请输入证件号码" />
								</uni-forms-item>
						
						<uni-forms-item label="申请人邮箱:" key="email" v-if="formData.organizeFlag==0"
							:name="['affiliate',index,'applicant','email']" label-width="120px" required :rules="[
							{required: true,errorMessage: '被申请人邮箱不能为空'},
							{pattern:'^\\S+?@\\S+?\\.\\S+?$',errorMessage:'邮箱格式不正确'}
							]">
							<uni-easyinput v-model="formData.affiliate[index].applicant.email" 
								type="text" placeholder="请输入申请人邮箱" />
						</uni-forms-item>
						<uni-forms-item label="申请人电话:" key="phone" v-if="formData.organizeFlag==0"
							:name="['affiliate',index,'applicant','phone']" label-width="120px" :required="testVerify" :rules="rulesRespondentPhone">
							<uni-easyinput v-model="formData.affiliate[index].applicant.phone" 
								type="text" placeholder="请输入申请人电话" />
						</uni-forms-item>
						<uni-forms-item label="法定代表人:" v-if="formData.organizeFlag==1"
							:name="['affiliate',index,'applicant','compLegalPerson']" key="compLegalPerson" label-width="120px" required :rules="[{required: true,errorMessage: '法定代表人不能为空'}]">
							<uni-easyinput v-model="formData.affiliate[index].applicant.compLegalPerson" type="text" placeholder="请输入法定代表人" />
						</uni-forms-item>
						<uni-forms-item label="申请人住所:" :name="['affiliate',index,'applicant','home']" label-width="120px" required
							:rules="[{required: true,errorMessage: '申请人住所不能为空'}]">
							<uni-easyinput v-model="formData.affiliate[index].applicant.home" type="text" placeholder="请输入申请人住所" />
						</uni-forms-item>
						<uni-forms-item label="申请人联系地址:" :name="['affiliate',index,'applicant','address']" label-width="120px" required
							:rules="[{required: true,errorMessage: '申请人联系地址不能为空'}]">
							<uni-easyinput v-model="formData.affiliate[index].applicant.address" type="text" placeholder="请输入申请人联系地址" />
						</uni-forms-item>
						<uni-section title="申请代理人" type="line" padding></uni-section>
						<uni-forms-item label="是否操作人" label-width="120px">
							 <uni-data-checkbox
									v-model="formData.affiliate[index].applicantAgent.operatorFlag"
							        :localdata="isProxyApplicant"
							      ></uni-data-checkbox>
						</uni-forms-item>
						<uni-forms-item label="代理人联系电话:" label-width="120px">
							<uni-easyinput v-model="formData.affiliate[index].applicantAgent.phone"  type="text"
								placeholder="请输入代理人联系电话" />
						</uni-forms-item>
						<uni-forms-item label="代理人姓名:" label-width="120px">
							<uni-easyinput v-model="formData.affiliate[index].applicantAgent.name"  type="text"
								placeholder="请输入委托代理人姓名" />
						</uni-forms-item>
						<uni-forms-item label="代理人邮箱:" label-width="120px">
							<uni-easyinput v-model="formData.affiliate[index].applicantAgent.email"  type="text"
								placeholder="请输入代理人邮箱" />
						</uni-forms-item>
						<uni-section title="被申请人" type="line" padding></uni-section>
						<uni-forms-item label="是否操作人" label-width="120px">
							 <uni-data-checkbox
									v-model="formData.affiliate[index].res.operatorFlag"
							        :localdata="isRespondent"
							      ></uni-data-checkbox>
						</uni-forms-item>
						<uni-forms-item label="被申请人姓名:" :name="['affiliate',index,'res','name']" label-width="120px" required
							:rules="[{required: true,errorMessage: '被申请人姓名不能为空'}]">
							<uni-easyinput v-model="formData.affiliate[index].res.name" type="text" placeholder="请输入被申请人姓名" />
						</uni-forms-item>
						<uni-forms-item label="被申请人联系电话:" :name="['affiliate',index,'res','phone']" label-width="120px" :required="testVerify" :rules="rulesRespondentPhone">
							<uni-easyinput v-model="formData.affiliate[index].res.phone" type="text" placeholder="请输入被申请人联系电话" />
						</uni-forms-item>
						<uni-forms-item label="被申请人身份证号:" :name="['affiliate',index,'res','idCard']" 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:'被申请人身份证格式错误'}
							
							]">
							<uni-easyinput v-model="formData.affiliate[index].res.idCard" @blur="handleBlur(index)" type="text"
								placeholder="请输入被申请人身份证号" />
						</uni-forms-item>
						<uni-forms-item label="被申请人性别" label-width="120px" required>
							<uni-data-checkbox class='checkbox' :disabled='true' v-model="formData.affiliate[index].res.sex"
								:localdata="respondentSexy"></uni-data-checkbox>
						</uni-forms-item>
						<uni-forms-item label="被申请人出生年月日" label-width="120px">
							<uni-datetime-picker v-model="formData.affiliate[index].res.birth" :disabled='true' type="date"
								:clear-icon="false" />
						</uni-forms-item>
						<uni-forms-item label="被申请人住所:" :name="['affiliate',index,'res','home']" label-width="120px" required
							:rules="[{required: true,errorMessage: '被申请人住所不能为空'}]">
							<uni-easyinput v-model="formData.affiliate[index].res.home" type="text" placeholder="请输入被申请人住所" />
						</uni-forms-item>
						<uni-forms-item label="被申请人邮箱:" :name="['affiliate',index,'res','email']" label-width="120px" required :rules="[
							{required: true,errorMessage: '被申请人邮箱不能为空'},
							{pattern:'^\\S+?@\\S+?\\.\\S+?$',errorMessage:'邮箱格式不正确'}
							
							]">
							<uni-easyinput v-model="formData.affiliate[index].res.email" type="text" placeholder="请输入被申请人邮箱" />
						</uni-forms-item>
						<uni-section title="被申请代理人" type="line" padding></uni-section>
						<uni-forms-item label="是否操作人" label-width="120px">
							 <uni-data-checkbox
									v-model="formData.affiliate[index].resAgent.operatorFlag"
							        :localdata="isResApplicant"
							      ></uni-data-checkbox>
						</uni-forms-item>
						<uni-forms-item label="代理人联系电话:" label-width="120px">
							<uni-easyinput v-model="formData.affiliate[index].resAgent.phone"  type="text"
								placeholder="请输入代理人联系电话" />
						</uni-forms-item>
						<uni-forms-item label="代理人姓名:" label-width="120px">
							<uni-easyinput v-model="formData.affiliate[index].resAgent.name"  type="text"
								placeholder="请输入委托代理人姓名" />
						</uni-forms-item>
						<uni-forms-item label="代理人邮箱:" label-width="120px">
							<uni-easyinput v-model="formData.affiliate[index].resAgent.email"  type="text"
								placeholder="请输入代理人邮箱" />
						</uni-forms-item>
				</view>	
			</uni-forms>
			<view class="determine" style="text-align: center;">
				<button class="mini-btn" type="primary" size="mini" @tap="submitReasont">确定</button>
				<button style="margin-left:30rpx;" class="mini-btn" type="default" size="mini"
					@tap="cencalBut">取消</button>
			</view>
		</view>
	</view>
</template>

<script>
	import {
		getTemplate,
		getInfoByIdCard,
		caseApplicationInsert,
		updateComfire,
		caseApplicationSelectById,
		getUserInfo,
		idType
	} from '../../../api/handlecase/index.js'
	import {
		getToken
	} from '@/utils/auth'
	import config from '@/config'
import constant from '../../../utils/constant.js'
	export default {
		data() {
			return {
				baseUrl: config.baseUrlTJ,
				certificate: [],
				dynamicLists: [],
				nationality: [
					{ value: 0, text: "境内" },
					{ value: 1, text: "境外" },
				],
				isOperate:[
					{ value: 1, text: "是" },
					{ value: 0, text: "否" },
				],
				isProxyApplicant:[
					{ value: 1, text: "是" },
					{ value: 0, text: "否" },
				],
				isRespondent:[
					{ value: 1, text: "是" },
					{ value: 0, text: "否" },
				],
				isResApplicant:[
					{ value: 1, text: "是" },
					{ value: 0, text: "否" },
				],
				delShow:false,
				formZipData: {},
				formData: {
					organizeFlag: 0,
					// affiliate: {
					// 	roleType:1,	
					// 	respondentSex: 0,
					// },
					affiliate:[{
								applicant: {
						        roleType: 1,
						        name: "",
						        idCard: "",
						        code: "",
						        phone: "",
						        compLegalPerson: "",
						        email: "",
						        home: "",
						        address: "",
						        idType: 0,
						        nationality: 1,
						        birth: "",
						        sex: "",
						        group_order: 1,
								operatorFlag:1
						      },
							  applicantAgent: {
							          roleType: 2,
							          name: "",
							          idCard: "",
							          code: "",
							          phone: "",
							          compLegalPerson: "",
							          email: "",
							          home: "",
							          address: "",
							          idType: 0,
							          nationality: 1,
							          birth: "",
							          sex: "",
							          group_order: 1,
									  operatorFlag:1
							        },
									res:{
										roleTyp: 3,
										name: "",
										idCard: "",
										code: "",
										phone: "",
										compLegalPerson: "",
										email: "",
										home: "",
										address: "",
										idType: 0,
										nationality: 1,
										birth: "",
										sex: "0",
										group_order: 1,
										operatorFlag:1
									},
									 resAgent: {
									        roleType: 4,
									        name: "",
									        idCard: "",
									        code: "",
									        phone: "",
									        compLegalPerson: "",
									        email: "",
									        home: "",
									        address: "",
									        idType: 0,
									        nationality: 1,
									        birth: "",
									        sex: "",
									        group_order: 1,
											operatorFlag:1
									      }
					}],
					columnValueList: [],
					caseAttachList: [],
				},
				testVerify:true,
				getUserInfoList: {},
				ids: null,
				tempFilePaths: null,
				tempFilePathsZip: null,
				templateList: [],
				objectiJurisArr: [{
					text: '自然人',
					value: 0
				}, {
					text: '机构',
					value: 1
				}],
				respondentSexy: [{
					text: '女',
					value: 1
				}, {
					text: '男',
					value: 0
				}],
				disabledVal: false,
				disabledApplicat: false,
				fileList: {},
				fileListZip: {},
				rules: {},
				rulesRespondentPhone:[
					{required:true ,errorMessage: '被申请人联系电话不能为空'},
					{pattern:'^[1][3,4,5,6,7,8,9][0-9]{9}$',errorMessage:'被申请人联系电话格式不正确'}
				],
				rulesPersonName:[{'required': true,errorMessage: '不能为空'}],
				rulesappNo: [{
					required: true,
					errorMessage: '输入信息不能为空',
				}, {

					validateFunction: (rule, value, data, callback) => {
						//判断手机号格
						if (this.formData.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: {
			submitReasont() {
				this.$refs.form.validate().then(res => {
					console.log("pppppppppppp")
					if (this.ids) {
						this.modifyData(this.formData)
					} else {
						this.insertFn(this.formData)
					}

				}).catch(err => {
					console.log(err)
				})
			},
			// 获取新增默认值
			getUserInfoNumber() {
				let indexs = ""
				this.formData.affiliate.forEach((item,index)=>{
					indexs = index
				})
				getUserInfo().then(res => {
					this.getUserInfoList = res.data
					if (this.formData.organizeFlag == 0) {
						this.$set(this.formData.affiliate[indexs].applicant, 'name', res.data.nickName)
						this.$set(this.formData.affiliate[indexs].applicant, 'idCard', res.data.idCard)
						this.$set(this.formData.affiliate[indexs].applicant, 'email', res.data.email)
						this.$set(this.formData.affiliate[indexs].applicant, 'phone', res.data.phonenumber)
						this.$set(this.formData.affiliate[indexs].applicant, 'idType', res.data.idType)
						this.$set(this.formData.affiliate[indexs].applicant, 'nationality', res.data.nationality)
					} else if (this.formData.organizeFlag == 1) {
						console.log(this.formData.organizeFlag)
						this.$set(this.formData.affiliate[indexs].applicantAgent, 'name', res.data.nickName)
						this.$set(this.formData.affiliate[indexs].applicantAgent, 'email', res.data.email)
						this.$set(this.formData.affiliate[indexs].applicantAgent, 'phone', res.data.phonenumber)
						this.$set(this.formData.affiliate[indexs].applicantAgent, 'nationality', res.data.nationality)
					}

				})
			},
			clearValidate(val) {
				let indexs = ""
				this.formData.affiliate.forEach((item,index)=>{
					indexs = index
				})
				if (this.formData.organizeFlag == 0) {
					this.$set(this.formData.affiliate[indexs].applicant, 'name', this.getUserInfoList.nickName)
					this.$set(this.formData.affiliate[indexs].applicant, 'idCard', this.getUserInfoList.idCard)
					this.$set(this.formData.affiliate[indexs].applicant, 'email', this.getUserInfoList.email)
					this.$set(this.formData.affiliate[indexs].applicant, 'phone', this.getUserInfoList.phonenumber)
					if (this.formZipData.affiliate) {
						this.$set(this.formData, 'arbitratClaims', this.formZipData.arbitratClaims);
						this.$set(this.formData, 'facts', this.formZipData.facts);
						this.$set(this.formData.affiliate, 'applicantHome', this.formZipData.affiliate
							.applicantHome);
						this.$set(this.formData.affiliate, 'applicantAddress', this.formZipData.affiliate
							.applicantAddress);
						this.$set(this.formData.affiliate, 'contactTelphoneAgent', this.formZipData
							.affiliate.contactTelphoneAgent);
						this.$set(this.formData.affiliate, 'nameAgent', this.formZipData.affiliate
							.nameAgent);
						this.$set(this.formData.affiliate, 'agentEmail', this.formZipData.affiliate
							.agentEmail);
						this.$set(this.formData.affiliate, 'respondentName', this.formZipData.affiliate
							.respondentName);
						this.$set(this.formData.affiliate, 'respondentPhone', this.formZipData.affiliate
							.respondentPhone);
						this.$set(this.formData.affiliate, 'respondentIdentityNum', this.formZipData
							.affiliate.respondentIdentityNum);
						this.$set(this.formData.affiliate, 'respondentSex', Number(this.formZipData
							.affiliate.respondentSex));
						this.$set(this.formData.affiliate, 'respondentBirth', this.formZipData.affiliate
							.respondentBirth);
						this.$set(this.formData.affiliate, 'respondentHome', this.formZipData.affiliate
							.respondentHome);
						this.$set(this.formData.affiliate, 'respondentEmail', this.formZipData.affiliate
							.respondentEmail);
						this.$set(this.formData.affiliate, 'compLegalPerson', this.formZipData.affiliate
							.compLegalPerson);
					} else {
						this.$set(this.formData.affiliate[indexs].applicantAgent, 'name', null)
						this.$set(this.formData.affiliate[indexs].applicantAgent, 'email', null)
						this.$set(this.formData.affiliate[indexs].applicantAgent, 'phone', null)
					}
					this.disabledVal = false
					this.disabledApplicat = true
				} else if (this.formData.organizeFlag == 1) {
					this.$set(this.formData.affiliate[indexs].applicantAgent, 'name', this.getUserInfoList.nickName)
					this.$set(this.formData.affiliate[indexs].applicantAgent, 'email', this.getUserInfoList.email)
					this.$set(this.formData.affiliate[indexs].applicantAgent, 'phone', this.getUserInfoList.phonenumber)
					if (this.formZipData.affiliate) {
						this.$set(this.formData, 'arbitratClaims', this.formZipData.arbitratClaims);
						this.$set(this.formData, 'facts', this.formZipData.facts);
						this.$set(this.formData.affiliate, 'applicationName', this.formZipData.affiliate
							.applicationName);
						this.$set(this.formData.affiliate, 'code', this.formZipData.affiliate.code);
						this.$set(this.formData.affiliate, 'applicantHome', this.formZipData.affiliate
							.applicantHome);
						this.$set(this.formData.affiliate, 'applicantAddress', this.formZipData.affiliate
							.applicantAddress);
						this.$set(this.formData.affiliate, 'compLegalPerson', this.formZipData.affiliate
							.compLegalPerson);
						this.$set(this.formData.affiliate, 'applicationEmail', this.formZipData.affiliate
							.applicationEmail);
						this.$set(this.formData.affiliate, 'applicationPhone', this.formZipData.affiliate
							.applicationPhone);
						this.$set(this.formData.affiliate, 'respondentName', this.formZipData.affiliate
							.respondentName);
						this.$set(this.formData.affiliate, 'respondentPhone', this.formZipData.affiliate
							.respondentPhone);
						this.$set(this.formData.affiliate, 'respondentIdentityNum', this.formZipData
							.affiliate.respondentIdentityNum);
						this.$set(this.formData.affiliate, 'respondentSex', Number(this.formZipData
							.affiliate.respondentSex));
						this.$set(this.formData.affiliate, 'respondentBirth', this.formZipData.affiliate
							.respondentBirth);
						this.$set(this.formData.affiliate, 'respondentHome', this.formZipData.affiliate
							.respondentHome);
						this.$set(this.formData.affiliate, 'respondentEmail', this.formZipData.affiliate
							.respondentEmail);
					} else {
						this.$set(this.formData.affiliate[indexs].applicant, 'name', null)
						this.$set(this.formData.affiliate[indexs].applicant, 'idCard', null)
						this.$set(this.formData.affiliate[indexs].applicant, 'email', null)
						this.$set(this.formData.affiliate[indexs].applicant, 'phone', null)
					}
					this.disabledVal = true
					this.disabledApplicat = false
				}
				// this.formData.affiliate.applicationName =null
				// this.formData.affiliate.code =null
				this.$refs["form"].clearValidate()
			},
			/** 获取裁决书模板 */
			getTemplateFn(data) {
				getTemplate(data).then((res) => {
					//this.templateList = res.rows;
					res.rows.forEach(item => {
						this.templateList.push({
							value: item.id,
							text: item.temName
						})
					})
				});
			},
			/** 根据案件id获取对应信息 */
			caseApplicationSelectByIdFn(data) {
				caseApplicationSelectById(data).then(res => {
					res.data.affiliate.respondentSex = Number(res.data.affiliate.respondentSex)
					this.formData = res.data
					console.log(this.formData)
				})
			},
			// 被申请人获取性别出生年月
			handleBlur(index) {
				console.log(this.formData.affiliate[index].res.idCard)
				let idCards = {
					idCard: this.formData.affiliate[index].res.idCard,
				};
				
				getInfoByIdCard(idCards).then(res => {	
					this.formData.affiliate[index].res.sex = Number(res.respondentSex);
					this.formData.affiliate[index].res.birth= res.respondentBirth;
				})
			},
			// 新增案件
			insertFn(data) {
				caseApplicationInsert(data).then((res) => {
					uni.showToast({
						title: '新增成功',
						icon: 'none',
						duration: 1000
					})
					uni.navigateTo({
						url: '../index'
					})
					// this.$router.go(-1)
				});
			},
			//修改案件
			modifyData(data) {
				updateComfire(data).then((res) => {
					uni.showToast({
						title: '修改成功',
						icon: 'none',
						duration: 1000
					})
					uni.navigateBack({
						delta: 1 
					})
				});
			},
			// 压缩包上传
			selectZip(e) {
				if (e.tempFiles[0].extname != 'zip') {
					uni.showToast({
						title: '上传类型为zip',
						icon: 'none',
						duration: 1000
					})
					return
				}
				// loading
				this.tempFilePathsZip = e.tempFilePaths;
				uni.showLoading({
					title: '上传中'
				});
				uni.uploadFile({
					url: config.baseUrlTJ + "/caseApplication/userIdentify",
					filePath: this.tempFilePathsZip[0],
					header: {
						Authorization: getToken() || '',
					},
					name: 'file',
					success: (res) => {
						let result = JSON.parse(res.data)
						uni.showToast({
							title: '上传成功',
							icon: 'none',
							duration: 1000
						})
						this.formZipData = result.data;
						if (this.formData.organizeFlag == 0) {
							this.$set(this.formData, 'arbitratClaims', this.formZipData.arbitratClaims);
							this.$set(this.formData, 'facts', this.formZipData.facts);
							this.$set(this.formData.affiliate, 'applicantHome', this.formZipData.affiliate
								.applicantHome);
							this.$set(this.formData.affiliate, 'applicantAddress', this.formZipData.affiliate
								.applicantAddress);
							this.$set(this.formData.affiliate, 'contactTelphoneAgent', this.formZipData
								.affiliate.contactTelphoneAgent);
							this.$set(this.formData.affiliate, 'nameAgent', this.formZipData.affiliate
								.nameAgent);
							this.$set(this.formData.affiliate, 'agentEmail', this.formZipData.affiliate
								.agentEmail);
							this.$set(this.formData.affiliate, 'respondentName', this.formZipData.affiliate
								.respondentName);
							this.$set(this.formData.affiliate, 'respondentPhone', this.formZipData.affiliate
								.respondentPhone);
							this.$set(this.formData.affiliate, 'respondentIdentityNum', this.formZipData
								.affiliate.respondentIdentityNum);
							this.$set(this.formData.affiliate, 'respondentSex', Number(this.formZipData
								.affiliate.respondentSex));
							this.$set(this.formData.affiliate, 'respondentBirth', this.formZipData.affiliate
								.respondentBirth);
							this.$set(this.formData.affiliate, 'respondentHome', this.formZipData.affiliate
								.respondentHome);
							this.$set(this.formData.affiliate, 'respondentEmail', this.formZipData.affiliate
								.respondentEmail);
							this.$set(this.formData.affiliate, 'compLegalPerson', this.formZipData.affiliate
								.compLegalPerson);
						} else if (this.formData.organizeFlag == 1) {
							this.$set(this.formData, 'arbitratClaims', this.formZipData.arbitratClaims);
							this.$set(this.formData, 'facts', this.formZipData.facts);
							this.$set(this.formData.affiliate, 'applicationName', this.formZipData.affiliate
								.applicationName);
							this.$set(this.formData.affiliate, 'code', this.formZipData.affiliate.code);
							this.$set(this.formData.affiliate, 'applicantHome', this.formZipData.affiliate
								.applicantHome);
							this.$set(this.formData.affiliate, 'applicantAddress', this.formZipData.affiliate
								.applicantAddress);
							this.$set(this.formData.affiliate, 'compLegalPerson', this.formZipData.affiliate
								.compLegalPerson);
							this.$set(this.formData.affiliate, 'applicationEmail', this.formZipData.affiliate
								.applicationEmail);
							this.$set(this.formData.affiliate, 'applicationPhone', this.formZipData.affiliate
								.applicationPhone);
							this.$set(this.formData.affiliate, 'respondentName', this.formZipData.affiliate
								.respondentName);
							this.$set(this.formData.affiliate, 'respondentPhone', this.formZipData.affiliate
								.respondentPhone);
							this.$set(this.formData.affiliate, 'respondentIdentityNum', this.formZipData
								.affiliate.respondentIdentityNum);
							this.$set(this.formData.affiliate, 'respondentSex', Number(this.formZipData
								.affiliate.respondentSex));
							this.$set(this.formData.affiliate, 'respondentBirth', this.formZipData.affiliate
								.respondentBirth);
							this.$set(this.formData.affiliate, 'respondentHome', this.formZipData.affiliate
								.respondentHome);
							this.$set(this.formData.affiliate, 'respondentEmail', this.formZipData.affiliate
								.respondentEmail);
						}
						uni.hideLoading();
					},
					fail: (err) => {
						uni.showToast({
							title: '上传失败',
							icon: 'none',
							duration: 1000
						})
						uni.hideLoading()
					}
				})
			},
			// 文件上传
			select(e) {
				this.tempFilePaths = e.tempFilePaths;
				// loading
				uni.showLoading({
					title: '上传中'
				});
				uni.uploadFile({
					url: config.baseUrlTJ + "/common/upload",
					filePath: this.tempFilePaths[0],
					header: {
						Authorization: getToken() || '',
					},
					formData: {
						annexType: 2,
						id: this.formData.id
					},
					name: 'file',
					success: (res) => {
						let result = JSON.parse(res.data)
						this.formData.caseAttachList.push({
							annexId: result.annexId,
							annexName: result.fileName
						});
						console.log(result.fileName)
						uni.showToast({
							title: '上传成功',
							icon: 'none',
							duration: 1000
						})
						uni.hideLoading();
					},
					fail: (err) => {
						uni.showToast({
							title: '上传失败',
							icon: 'none',
							duration: 1000
						})
						uni.hideLoading()
					}
				})
			},
			cencalBut() {
				uni.navigateBack({
					delta: 1
				})
			},
			// 改变证件类型
			changeDocment(e){
				console.log(e)
			},
			//改变地区类型
			changeArea(e){
				if(e==0){
					this.testVerify = true
					this.rulesRespondentPhone[0].required = true;
				}else if(e==1){
					this.testVerify = false
					this.rulesRespondentPhone[0].required = false;
				}
			},
			// 获取证件类型
			getIdType(){
				idType().then(res =>{
					console.log(res)
					res.data.forEach(item =>{
						this.certificate.push({value:item.dictSort,text:item.dictLabel})
					})
				})
			},
			// 新增多个申请代理人
			addMultiple(){
				this.delShow =true
				this.formData.affiliate.push({
					applicant:{
					  roleType: 1,
					  name: "",
					  idCard: "",
					  code: "",
					  phone: "",
					  compLegalPerson: "",
					  email: "",
					  home: "",
					  address: "",
					  idType: 0,
					  nationality: 1,
					  birth: "",
					  sex: "",
					  group_order: 1,
					  operatorFlag:1
					},
					applicantAgent: {
					        roleType: 2,
					        name: "",
					        idCard: "",
					        code: "",
					        phone: "",
					        compLegalPerson: "",
					        email: "",
					        home: "",
					        address: "",
					        idType: 0,
					        nationality: 1,
					        birth: "",
					        sex: "",
					        group_order: 1,
							operatorFlag:1
					      },
						  res:{
						  	roleTyp: 3,
						  	name: "",
						  	idCard: "",
						  	code: "",
						  	phone: "",
						  	compLegalPerson: "",
						  	email: "",
						  	home: "",
						  	address: "",
						  	idType: 0,
						  	nationality: 1,
						  	birth: "",
						  	sex: "0",
						  	group_order: 1,
							operatorFlag:1
						  },
						   resAgent: {
						          roleType: 4,
						          name: "",
						          idCard: "",
						          code: "",
						          phone: "",
						          compLegalPerson: "",
						          email: "",
						          home: "",
						          address: "",
						          idType: 0,
						          nationality: 1,
						          birth: "",
						          sex: "",
						          group_order: 1,
								  operatorFlag:1
						        }
				})
				let idnexVal = ""
				this.formData.affiliate.forEach((item,index)=>{
					idnexVal = index
				})
				getUserInfo().then(res => {
					this.getUserInfoList = res.data
					if (this.formData.organizeFlag == 0) {
						this.$set(this.formData.affiliate[idnexVal].applicant, 'name', res.data.nickName)
						this.$set(this.formData.affiliate[idnexVal].applicant, 'idCard', res.data.idCard)
						this.$set(this.formData.affiliate[idnexVal].applicant, 'email', res.data.email)
						this.$set(this.formData.affiliate[idnexVal].applicant, 'phone', res.data.phonenumber)
						this.$set(this.formData.affiliate[idnexVal].applicant, 'idType', res.data.idType)
						this.$set(this.formData.affiliate[idnexVal].applicant, 'nationality', res.data.nationality)
					} else if (this.formData.organizeFlag == 1) {
						this.$set(this.formData.affiliate[idnexVal].applicantAgent, 'name', res.data.nickName)
						this.$set(this.formData.affiliate[idnexVal].applicantAgent, 'email', res.data.email)
						this.$set(this.formData.affiliate[idnexVal].applicantAgent, 'phone', res.data.phonenumber)
						this.$set(this.formData.affiliate[idnexVal].applicantAgent, 'nationality', res.data.nationality)
					}
				
				})
			},
			//删除新增的多个申请代理人
			delValue(id){
				let index = this.formData.affiliate.findIndex(v => v.id === id)
				this.formData.affiliate.splice(index, 1)
			}
			
		},
		onLoad(data) {
			this.ids = data.id
			if (this.ids) {
				this.caseApplicationSelectByIdFn({
					id: data.id
				})
				uni.setNavigationBarTitle({
					title: "案件修改"
				})
			} else {
				uni.setNavigationBarTitle({
					title: "案件新增"
				})
			}
			if(this.formData.affiliate.nationality == 0){
				this.testVerify = true
				this.rulesRespondentPhone[0].required = true;
			}else if(this.formData.affiliate.idType==1){
				this.testVerify = false
				this.rulesRespondentPhone[0].required = false;
			}
			this.getTemplateFn()
			this.getUserInfoNumber()
			this.getIdType() //获取证件类型
		},
		onReady() {
			this.$refs.form.setRules(this.rules)
		}
	}
</script>

<style lang="scss">
	page {
		background-color: #ffffff;
	}

	.assignrbitrators {
		margin: 30rpx;
	}
	::v-deep .uni-icons[data-v-a2e81f6e]{
		display: none;
	}
</style>