2024-02-29 14:49:56 +08:00
|
|
|
|
<template>
|
|
|
|
|
|
<div>
|
|
|
|
|
|
<el-dialog :title="title" :visible="addVisable" v-if="addVisable" @close="cancel" width="1000px" center
|
|
|
|
|
|
:distroy-on-close="true">
|
|
|
|
|
|
<el-tabs v-model="activeName">
|
|
|
|
|
|
<el-tab-pane label="案件信息" name="first"> </el-tab-pane>
|
|
|
|
|
|
<el-tab-pane label="证据清单" name="second" v-if="tabFlag">
|
|
|
|
|
|
</el-tab-pane>
|
|
|
|
|
|
</el-tabs>
|
2024-03-05 09:15:47 +08:00
|
|
|
|
<el-form v-if="activeName == 'first'" :disabled="caseDisabled" :model="formData" ref="ruleForm"
|
|
|
|
|
|
label-width="130px" class="demo-ruleForm">
|
2024-02-29 14:49:56 +08:00
|
|
|
|
<el-row>
|
|
|
|
|
|
<div style="display: inline-flex">
|
|
|
|
|
|
<div class="infoIcon"></div>
|
|
|
|
|
|
<div class="caseInfo">案件信息：</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<el-divider></el-divider>
|
2024-05-06 09:59:16 +08:00
|
|
|
|
<el-col :span="24" v-if="buttonFlag">
|
2024-03-05 09:15:47 +08:00
|
|
|
|
<el-form-item label="压缩包导入">
|
2024-03-05 12:01:28 +08:00
|
|
|
|
<el-upload class="upload-demo" :action="zipUrl()" :before-remove="beforeRemoveZip" multiple accept='.zip'
|
|
|
|
|
|
:limit="1" :on-exceed="handleExceedZip" :on-success='successZip' :file-list="fileListZip">
|
2024-03-05 09:15:47 +08:00
|
|
|
|
<el-button size="small" type="primary">点击上传</el-button>
|
|
|
|
|
|
<div slot="tip" class="el-upload__tip">只能上传zip压缩包</div>
|
|
|
|
|
|
</el-upload>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
</el-col>
|
2024-02-29 14:49:56 +08:00
|
|
|
|
<el-col :span="24">
|
|
|
|
|
|
<el-form-item label="申请人调解请求" prop="arbitratClaims" :rules="[
|
2024-03-05 09:15:47 +08:00
|
|
|
|
{
|
|
|
|
|
|
required: true,
|
|
|
|
|
|
message: '申请人调解请求不能为空',
|
|
|
|
|
|
trigger: 'blur',
|
|
|
|
|
|
},
|
|
|
|
|
|
]">
|
2024-02-29 14:49:56 +08:00
|
|
|
|
<el-input v-model="formData.arbitratClaims" placeholder="请输入申请人调解诉求" type="textarea"
|
|
|
|
|
|
:autosize="{ minRows: 4, maxRows: 8 }" />
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
</el-col>
|
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
|
<el-form-item label="事实和理由" prop="facts" :rules="[
|
2024-03-05 09:15:47 +08:00
|
|
|
|
{
|
|
|
|
|
|
required: true,
|
|
|
|
|
|
message: '事实和理由不能为空',
|
|
|
|
|
|
trigger: 'blur',
|
|
|
|
|
|
},
|
|
|
|
|
|
]">
|
2024-02-29 14:49:56 +08:00
|
|
|
|
<el-input v-model="formData.facts" placeholder="请输入事实和理由" type="textarea"
|
|
|
|
|
|
:autosize="{ minRows: 4, maxRows: 8 }" />
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
</el-col>
|
2024-03-18 11:41:50 +08:00
|
|
|
|
<el-col :span="12" v-if="buttonFlag">
|
2024-02-29 14:49:56 +08:00
|
|
|
|
<el-form-item label="申请人案件证据资料上传：" prop="applicantEvidence">
|
|
|
|
|
|
<el-upload class="upload-demo" ref="fileupload" accept=".png,.jpg,.doc,.docx,.txt,.pdf"
|
|
|
|
|
|
:action="UploadUrl()" :on-success="handlSuccess" :on-remove="handleRemove" :on-preview="handlePreview"
|
|
|
|
|
|
:before-remove="beforeRemove" :data="filedata" :headers="headers" multiple :limit="50"
|
|
|
|
|
|
:on-exceed="handleExceed" :file-list="fileList">
|
|
|
|
|
|
<el-button size="small" type="primary">点击上传</el-button>
|
|
|
|
|
|
<div slot="tip" class="el-upload__tip">
|
|
|
|
|
|
文件支持上传.jpg，png，.doc，docx，.txt，.pdf文件
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</el-upload>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
</el-col>
|
2024-03-18 11:41:50 +08:00
|
|
|
|
<el-col :span="24" v-if="modelFlag && showEvidence">
|
2024-02-29 14:49:56 +08:00
|
|
|
|
<el-form-item label="证据:">
|
|
|
|
|
|
<div v-for="(item, index) in formData.caseAttachList" :key="index" v-if="item.annexType == 2">
|
2024-04-08 10:24:29 +08:00
|
|
|
|
<div style="color: blue; cursor: pointer" @click="fileDetil(item.annexPath, 1)">
|
2024-02-29 14:49:56 +08:00
|
|
|
|
{{ item.annexName }}
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
</el-col>
|
2024-03-28 18:04:52 +08:00
|
|
|
|
<el-col :span="24" v-if="modelFlag && mediationApplication">
|
2024-02-29 14:49:56 +08:00
|
|
|
|
<el-form-item label="调解申请书:">
|
|
|
|
|
|
<div v-for="(item, index) in formData.caseAttachList" :key="index" v-if="item.annexType == 3">
|
2024-03-19 16:20:47 +08:00
|
|
|
|
<div style="color: blue; cursor: pointer" @click="fileDetil(item.annexPath, 1)">
|
2024-02-29 14:49:56 +08:00
|
|
|
|
{{ item.annexName }}
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
</el-col>
|
|
|
|
|
|
<el-col :span="24" v-if="modelFlag && showmediate">
|
2024-04-25 17:58:36 +08:00
|
|
|
|
<el-form-item label="签名前调解书:">
|
2024-02-29 14:49:56 +08:00
|
|
|
|
<div v-for="(item, index) in formData.caseAttachList" :key="index" v-if="item.annexType == 7">
|
2024-03-19 16:20:47 +08:00
|
|
|
|
<div style="color: blue; cursor: pointer" @click="fileDetil(item.onlyOfficeFileId, 2)">
|
2024-02-29 14:49:56 +08:00
|
|
|
|
{{ item.annexName }}
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
</el-col>
|
2024-05-06 09:59:16 +08:00
|
|
|
|
<el-col :span="24" v-if="modelFlag && labelShowMediate">
|
2024-04-25 17:58:36 +08:00
|
|
|
|
<el-form-item label="调解后调解书:">
|
|
|
|
|
|
<div v-for="(item, index) in formData.caseAttachList" :key="index" v-if="item.annexType == 13">
|
|
|
|
|
|
<div style="color: blue; cursor: pointer" @click="fileDetil(item.annexPath, 1)">
|
|
|
|
|
|
{{ item.annexName }}
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
</el-col>
|
2024-03-20 10:25:28 +08:00
|
|
|
|
<el-col :span="24">
|
2024-03-28 18:04:52 +08:00
|
|
|
|
<el-form-item label="调解结果:" v-if="modelFlag && formData.mediaResult">
|
|
|
|
|
|
<el-link v-if="formData.mediaResult == 1">达成调解</el-link>
|
|
|
|
|
|
<el-link v-if="formData.mediaResult == 2">未达成调解</el-link>
|
|
|
|
|
|
<el-link v-if="formData.mediaResult == 3">未达成调解但不在争议</el-link>
|
|
|
|
|
|
<el-link v-if="formData.mediaResult == 4">未达成调解但同意引入仲裁</el-link>
|
|
|
|
|
|
<el-link v-if="formData.mediaResult == 5">达成和解</el-link>
|
|
|
|
|
|
</el-form-item>
|
2024-03-19 15:50:34 +08:00
|
|
|
|
</el-col>
|
2024-02-29 14:49:56 +08:00
|
|
|
|
<el-col :span="24">
|
|
|
|
|
|
<div style="display: inline-flex">
|
|
|
|
|
|
<div class="infoIcon"></div>
|
2024-03-28 18:04:52 +08:00
|
|
|
|
<div class="caseInfo" style="margin-right: 20px;">双方信息：</div>
|
2024-02-29 14:49:56 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
<el-divider></el-divider>
|
|
|
|
|
|
</el-col>
|
2024-01-12 18:15:12 +08:00
|
|
|
|
<!-- <el-col :span="24">
|
2024-03-28 18:04:52 +08:00
|
|
|
|
<el-form-item label="选择机构或自然人" prop="organizeFlag">
|
|
|
|
|
|
<el-radio-group v-model="formData.organizeFlag" :disabled="modelFlag" @change="clearValidate">
|
2024-02-29 14:49:56 +08:00
|
|
|
|
<el-radio :label="0">自然人</el-radio>
|
|
|
|
|
|
<el-radio :label="1">机构</el-radio>
|
|
|
|
|
|
</el-radio-group>
|
|
|
|
|
|
</el-form-item>
|
2024-01-12 18:15:12 +08:00
|
|
|
|
</el-col> -->
|
2024-05-06 09:59:16 +08:00
|
|
|
|
<el-col :span="24" v-if="buttonFlag">
|
2024-04-08 10:24:29 +08:00
|
|
|
|
<el-button type="primary" icon="el-icon-circle-plus-outline" @click='addApplicant'
|
|
|
|
|
|
style="margin-bottom: 40px;">新增申请人信息</el-button>
|
|
|
|
|
|
</el-col>
|
2024-03-28 18:04:52 +08:00
|
|
|
|
<div class="applicant" v-for="(item, index) in formData.affiliate.applicant" :key="item.key">
|
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
|
<div style="display: inline-flex">
|
|
|
|
|
|
<div class="infoIcon"></div>
|
|
|
|
|
|
<div class="caseInfo">申请人</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<el-divider></el-divider>
|
|
|
|
|
|
</el-col>
|
2024-01-12 18:15:12 +08:00
|
|
|
|
<el-col :span="24">
|
|
|
|
|
|
<el-form-item label="选择机构或自然人">
|
2024-05-06 09:59:16 +08:00
|
|
|
|
<el-radio-group v-model="item.applicant.organizeFlag" :disabled="modelFlag"
|
|
|
|
|
|
@change="clearValidate($event, index)">
|
2024-01-12 18:15:12 +08:00
|
|
|
|
<el-radio :label="0">自然人</el-radio>
|
|
|
|
|
|
<el-radio :label="1">机构</el-radio>
|
|
|
|
|
|
</el-radio-group>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
</el-col>
|
|
|
|
|
|
<el-col :span="12" v-if="item.applicant.organizeFlag == 1">
|
2024-04-19 15:54:21 +08:00
|
|
|
|
<el-form-item label="机构名称" :prop="'affiliate.applicant.' + index + '.applicant.name'" :rules="[
|
2024-03-05 09:15:47 +08:00
|
|
|
|
{
|
|
|
|
|
|
required: true,
|
|
|
|
|
|
message: '申请机构名称不能为空',
|
|
|
|
|
|
trigger: 'blur',
|
|
|
|
|
|
},
|
|
|
|
|
|
]">
|
2024-03-28 18:04:52 +08:00
|
|
|
|
<el-input v-model="item.applicant.name" placeholder="请输入申请机构名称" />
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
</el-col>
|
2024-01-12 18:15:12 +08:00
|
|
|
|
<el-col :span="12" v-if="item.applicant.organizeFlag == 0">
|
2024-03-28 18:04:52 +08:00
|
|
|
|
<el-form-item label="申请人" :prop="'affiliate.applicant.' + index + '.applicant.name'" :rules="[
|
2024-03-05 09:15:47 +08:00
|
|
|
|
{
|
|
|
|
|
|
required: true,
|
|
|
|
|
|
message: '申请人名称不能为空',
|
|
|
|
|
|
trigger: 'blur',
|
|
|
|
|
|
},
|
|
|
|
|
|
]">
|
2024-03-28 18:04:52 +08:00
|
|
|
|
<el-input v-model="item.applicant.name" placeholder="请输入申请人姓名" />
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
</el-col>
|
2024-01-12 18:15:12 +08:00
|
|
|
|
<el-col :span="12" v-if="item.applicant.organizeFlag == 0">
|
2024-03-28 18:04:52 +08:00
|
|
|
|
<el-form-item label="是否为操作人" :prop="'affiliate.applicant.' + index + '.applicant.operatorFlag'" :rules="[
|
|
|
|
|
|
{
|
|
|
|
|
|
required: true,
|
|
|
|
|
|
message: '请选择是否为操作人',
|
|
|
|
|
|
trigger: 'blur',
|
|
|
|
|
|
},
|
|
|
|
|
|
]">
|
|
|
|
|
|
<el-select v-model="item.applicant.operatorFlag" placeholder="请选择" auto-complete="off"
|
|
|
|
|
|
style="width: 100%;">
|
|
|
|
|
|
<el-option v-for="item in roleTypeList" :key="item.id" :label="item.value" :value="item.id">
|
|
|
|
|
|
|
|
|
|
|
|
</el-option>
|
|
|
|
|
|
</el-select>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
</el-col>
|
2024-01-12 18:15:12 +08:00
|
|
|
|
<el-col :span="12" v-if="item.applicant.organizeFlag == 1">
|
2024-04-08 10:24:29 +08:00
|
|
|
|
<el-form-item label-width="140px" label="统一社会信用代码"
|
|
|
|
|
|
:prop="'affiliate.applicant.' + index + '.applicant.code'" :rules="[
|
2024-03-05 09:15:47 +08:00
|
|
|
|
{
|
|
|
|
|
|
required: true,
|
|
|
|
|
|
message: '统一社会信用代码不能为空',
|
|
|
|
|
|
trigger: 'blur',
|
|
|
|
|
|
},
|
|
|
|
|
|
]">
|
2024-03-28 18:04:52 +08:00
|
|
|
|
<el-input v-model="item.applicant.code" placeholder="请输入统一社会信用代码" />
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
</el-col>
|
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
|
<el-form-item :prop="'affiliate.applicant.' + index + '.applicant.nationality'" label="国籍" :rules="[
|
2024-03-11 10:07:18 +08:00
|
|
|
|
{
|
|
|
|
|
|
required: true,
|
|
|
|
|
|
message: '国籍不能为空',
|
|
|
|
|
|
trigger: 'blur',
|
|
|
|
|
|
},
|
|
|
|
|
|
]">
|
2024-03-28 18:04:52 +08:00
|
|
|
|
<el-select v-model="item.applicant.nationality" placeholder="请选择国籍" auto-complete="off"
|
|
|
|
|
|
style="width: 100%;">
|
|
|
|
|
|
<el-option v-for="item in nationalityList" :key="item.id" :label="item.value" :value="item.id">
|
2024-03-11 10:07:18 +08:00
|
|
|
|
|
2024-03-28 18:04:52 +08:00
|
|
|
|
</el-option>
|
|
|
|
|
|
</el-select>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
</el-col>
|
2024-01-12 18:15:12 +08:00
|
|
|
|
<el-col :span="12" v-if="item.applicant.organizeFlag == 0">
|
2024-03-28 18:04:52 +08:00
|
|
|
|
<el-form-item :prop="'affiliate.applicant.' + index + '.applicant.idType'" label="证件类型" :rules="[
|
2024-03-11 10:07:18 +08:00
|
|
|
|
{
|
|
|
|
|
|
required: true,
|
|
|
|
|
|
message: '证件类型不能为空',
|
|
|
|
|
|
trigger: 'blur',
|
|
|
|
|
|
},
|
|
|
|
|
|
]">
|
2024-03-28 18:04:52 +08:00
|
|
|
|
<el-select v-model="item.applicant.idType" placeholder="证件类型" auto-complete="off" style="width: 100%;">
|
|
|
|
|
|
<el-option v-for="item in idTypeList" :key="Number(item.dictValue)" :label="item.dictLabel"
|
|
|
|
|
|
:value="Number(item.dictValue)">
|
2024-03-11 10:07:18 +08:00
|
|
|
|
|
2024-03-28 18:04:52 +08:00
|
|
|
|
</el-option>
|
|
|
|
|
|
</el-select>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
</el-col>
|
2024-01-12 18:15:12 +08:00
|
|
|
|
<el-col :span="12" v-if="item.applicant.organizeFlag == 0">
|
2024-03-28 18:04:52 +08:00
|
|
|
|
<el-form-item label="证件号码" :prop="'affiliate.applicant.' + index + '.applicant.idCard'" :rules="[
|
2024-03-05 09:15:47 +08:00
|
|
|
|
{
|
|
|
|
|
|
required: true,
|
2024-03-18 17:53:14 +08:00
|
|
|
|
message: '证件号码不能为空',
|
2024-03-05 09:15:47 +08:00
|
|
|
|
trigger: 'blur',
|
|
|
|
|
|
},
|
|
|
|
|
|
]">
|
2024-01-15 17:28:43 +08:00
|
|
|
|
<el-input v-model="item.applicant.idCard" @blur="handleBlurApplicant(index)"
|
|
|
|
|
|
placeholder="请输入申请人的证件号码" />
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
</el-col>
|
|
|
|
|
|
<el-col :span="12" v-if="item.applicant.organizeFlag == 0">
|
2024-04-19 15:54:21 +08:00
|
|
|
|
<el-form-item label-width="140px" label="出生年月："
|
2024-01-15 17:28:43 +08:00
|
|
|
|
:prop="'affiliate.applicant.' + index + '.applicant.birth'">
|
2024-04-19 15:54:21 +08:00
|
|
|
|
<el-date-picker disabled v-model="item.applicant.birth" type="date" placeholder="申请人出生年月日">
|
2024-01-15 17:28:43 +08:00
|
|
|
|
</el-date-picker>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
</el-col>
|
|
|
|
|
|
<el-col :span="12" v-if="item.applicant.organizeFlag == 0">
|
2024-04-19 15:54:21 +08:00
|
|
|
|
<el-form-item label="性别：" :prop="'affiliate.applicant.' + index + '.applicant.sex'" :rules="[
|
2024-01-15 17:28:43 +08:00
|
|
|
|
{
|
|
|
|
|
|
required: true,
|
|
|
|
|
|
message: '请选择性别',
|
|
|
|
|
|
},
|
|
|
|
|
|
]">
|
|
|
|
|
|
<el-radio-group v-model="item.applicant.sex" disabled>
|
|
|
|
|
|
<el-radio :label="'0'">男</el-radio>
|
|
|
|
|
|
<el-radio :label="'1'">女</el-radio>
|
|
|
|
|
|
</el-radio-group>
|
2024-03-28 18:04:52 +08:00
|
|
|
|
</el-form-item>
|
|
|
|
|
|
</el-col>
|
2024-01-12 18:15:12 +08:00
|
|
|
|
<el-col :span="12" v-if="item.applicant.organizeFlag == 0">
|
2024-04-19 15:54:21 +08:00
|
|
|
|
<el-form-item label="邮箱" :prop="'affiliate.applicant.' + index + '.applicant.email'" :rules="[
|
2024-03-05 09:15:47 +08:00
|
|
|
|
{
|
|
|
|
|
|
required: true,
|
|
|
|
|
|
message: '申请人邮箱不能为空',
|
|
|
|
|
|
trigger: 'blur',
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
pattern:
|
|
|
|
|
|
/^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/,
|
|
|
|
|
|
message: '请输入正确的邮箱地址',
|
|
|
|
|
|
trigger: 'blur',
|
|
|
|
|
|
},
|
|
|
|
|
|
]">
|
2024-03-28 18:04:52 +08:00
|
|
|
|
<el-input v-model="item.applicant.email" placeholder="请输入申请人邮箱" />
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
</el-col>
|
2024-01-12 18:15:12 +08:00
|
|
|
|
<el-col :span="12" v-if="item.applicant.organizeFlag == 0">
|
2024-04-19 15:54:21 +08:00
|
|
|
|
<el-form-item label="电话" :prop="'affiliate.applicant.' + index + '.applicant.phone'" :rules="formData.affiliate.nationality == 0 ? [
|
2024-03-05 09:15:47 +08:00
|
|
|
|
{
|
|
|
|
|
|
required: true,
|
|
|
|
|
|
message: '申请人联系电话不能为空',
|
|
|
|
|
|
trigger: 'blur',
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
pattern: /^[1][3,4,5,6,7,8,9][0-9]{9}$/,
|
|
|
|
|
|
message: '请输入正确的手机号码',
|
|
|
|
|
|
trigger: 'blur',
|
|
|
|
|
|
},
|
2024-03-28 18:04:52 +08:00
|
|
|
|
] : []">
|
|
|
|
|
|
<el-input v-model="item.applicant.phone" placeholder="请输入申请人联系电话" />
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
</el-col>
|
2024-01-12 18:15:12 +08:00
|
|
|
|
<el-col :span="12" v-if="item.applicant.organizeFlag == 1">
|
2024-03-28 18:04:52 +08:00
|
|
|
|
<el-form-item label="法定代表人" :prop="'affiliate.applicant.' + index + '.applicant.compLegalPerson'" :rules="[
|
2024-03-05 09:15:47 +08:00
|
|
|
|
{
|
|
|
|
|
|
required: true,
|
|
|
|
|
|
message: '法定代表人不能为空',
|
|
|
|
|
|
trigger: 'blur',
|
|
|
|
|
|
},
|
|
|
|
|
|
]">
|
2024-03-28 18:04:52 +08:00
|
|
|
|
<el-input v-model="item.applicant.compLegalPerson" placeholder="请输入法定代表人" />
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
</el-col>
|
|
|
|
|
|
<el-col :span="12">
|
2024-04-19 15:54:21 +08:00
|
|
|
|
<el-form-item label="住所" :prop="'affiliate.applicant.' + index + '.applicant.home'" :rules="[
|
2024-03-05 09:15:47 +08:00
|
|
|
|
{
|
|
|
|
|
|
required: true,
|
|
|
|
|
|
message: '申请人住所不能为空',
|
|
|
|
|
|
trigger: 'blur',
|
|
|
|
|
|
},
|
|
|
|
|
|
]">
|
2024-03-28 18:04:52 +08:00
|
|
|
|
<el-input v-model="item.applicant.home" placeholder="请输入申请人住所" />
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
</el-col>
|
|
|
|
|
|
<el-col :span="12">
|
2024-04-19 15:54:21 +08:00
|
|
|
|
<el-form-item label="联系地址" :prop="'affiliate.applicant.' + index + '.applicant.address'" :rules="[
|
2024-03-05 09:15:47 +08:00
|
|
|
|
{
|
|
|
|
|
|
required: true,
|
|
|
|
|
|
message: '申请人联系地址不能为空',
|
|
|
|
|
|
trigger: 'blur',
|
|
|
|
|
|
},
|
|
|
|
|
|
]">
|
2024-03-28 18:04:52 +08:00
|
|
|
|
<el-input v-model="item.applicant.address" placeholder="请输入申请人联系地址" />
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
</el-col>
|
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
|
<div style="display: inline-flex">
|
|
|
|
|
|
<div class="infoIcon"></div>
|
|
|
|
|
|
<div class="caseInfo">申请人代理人</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<el-divider></el-divider>
|
|
|
|
|
|
</el-col>
|
2024-01-12 18:15:12 +08:00
|
|
|
|
<el-col :span="12" v-if="item.applicant.organizeFlag == 1">
|
2024-05-06 09:59:16 +08:00
|
|
|
|
<el-form-item label="联系电话" :prop="'affiliate.applicant.' + index + '.applicantAgent.phone'" :rules="[
|
|
|
|
|
|
{
|
|
|
|
|
|
required: true,
|
|
|
|
|
|
message: '代理人联系电话不能为空',
|
|
|
|
|
|
trigger: 'blur',
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
pattern: /^[1][3,4,5,6,7,8,9][0-9]{9}$/,
|
|
|
|
|
|
message: '请输入正确的手机号码',
|
|
|
|
|
|
trigger: 'blur',
|
|
|
|
|
|
},
|
|
|
|
|
|
]">
|
2024-03-28 18:04:52 +08:00
|
|
|
|
<el-input v-model="item.applicantAgent.phone" placeholder="请输入代理人联系电话" />
|
2024-05-06 09:59:16 +08:00
|
|
|
|
</el-form-item>
|
2024-03-28 18:04:52 +08:00
|
|
|
|
</el-col>
|
2024-01-12 18:15:12 +08:00
|
|
|
|
<el-col :span="12" v-if="item.applicant.organizeFlag == 0">
|
2024-04-19 15:54:21 +08:00
|
|
|
|
<el-form-item label="联系电话" :prop="'affiliate.applicant.' + index + '.applicantAgent.phone'">
|
2024-03-28 18:04:52 +08:00
|
|
|
|
<el-input v-model="item.applicantAgent.phone" placeholder="请输入代理人联系电话" />
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
</el-col>
|
2024-01-12 18:15:12 +08:00
|
|
|
|
<el-col :span="12" v-if="item.applicant.organizeFlag == 1">
|
2024-04-19 15:54:21 +08:00
|
|
|
|
<el-form-item label="姓名" :prop="'affiliate.applicant.' + index + '.applicantAgent.name'" :rules="[
|
2024-03-05 09:15:47 +08:00
|
|
|
|
{
|
|
|
|
|
|
required: true,
|
|
|
|
|
|
message: '代理人姓名不能为空',
|
|
|
|
|
|
trigger: 'blur',
|
|
|
|
|
|
},
|
|
|
|
|
|
]">
|
2024-03-28 18:04:52 +08:00
|
|
|
|
<el-input v-model="item.applicantAgent.name" placeholder="请输入代理人姓名" />
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
</el-col>
|
2024-01-12 18:15:12 +08:00
|
|
|
|
<el-col :span="12" v-if="item.applicant.organizeFlag == 0">
|
2024-04-19 15:54:21 +08:00
|
|
|
|
<el-form-item label="姓名" :prop="'affiliate.applicant.' + index + '.applicantAgent.name'">
|
2024-03-28 18:04:52 +08:00
|
|
|
|
<el-input v-model="item.applicantAgent.name" placeholder="请输入代理人姓名" />
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
</el-col>
|
2024-04-08 10:24:29 +08:00
|
|
|
|
<el-col :span="12">
|
2024-03-28 18:04:52 +08:00
|
|
|
|
<el-form-item label="是否为操作人" :prop="'affiliate.applicant.' + index + '.applicant.operatorFlag'">
|
|
|
|
|
|
<el-select v-model="item.applicantAgent.operatorFlag" placeholder="请选择" auto-complete="off"
|
|
|
|
|
|
style="width: 100%;">
|
|
|
|
|
|
<el-option v-for="item in roleTypeList" :key="item.id" :label="item.value" :value="item.id">
|
|
|
|
|
|
|
|
|
|
|
|
</el-option>
|
|
|
|
|
|
</el-select>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
</el-col>
|
2024-01-12 18:15:12 +08:00
|
|
|
|
<el-col :span="12" v-if="item.applicant.organizeFlag == 1">
|
2024-04-19 15:54:21 +08:00
|
|
|
|
<el-form-item label="邮箱" :prop="'affiliate.applicant.' + index + '.applicantAgent.email'" :rules="[
|
2024-03-05 09:15:47 +08:00
|
|
|
|
{
|
|
|
|
|
|
required: true,
|
|
|
|
|
|
message: '代理人邮箱不能为空',
|
|
|
|
|
|
trigger: 'blur',
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
pattern:
|
|
|
|
|
|
/^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/,
|
|
|
|
|
|
message: '请输入正确的邮箱地址',
|
|
|
|
|
|
trigger: 'blur',
|
|
|
|
|
|
},
|
|
|
|
|
|
]">
|
2024-03-28 18:04:52 +08:00
|
|
|
|
<el-input v-model="item.applicantAgent.email" placeholder="请输入代理人邮箱" />
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
</el-col>
|
2024-01-12 18:15:12 +08:00
|
|
|
|
<el-col :span="12" v-if="item.applicant.organizeFlag == 0">
|
2024-04-19 15:54:21 +08:00
|
|
|
|
<el-form-item label="邮箱" :prop="'affiliate.applicant.' + index + '.applicantAgent.email'" :rules="[
|
2024-03-05 09:15:47 +08:00
|
|
|
|
{
|
|
|
|
|
|
pattern:
|
|
|
|
|
|
/^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/,
|
|
|
|
|
|
message: '请输入正确的邮箱地址',
|
|
|
|
|
|
trigger: 'blur',
|
|
|
|
|
|
},
|
|
|
|
|
|
]">
|
2024-03-28 18:04:52 +08:00
|
|
|
|
<el-input v-model="item.applicantAgent.email" placeholder="请输入代理人邮箱" />
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
</el-col>
|
2024-05-06 09:59:16 +08:00
|
|
|
|
<el-col :span="12" v-if="buttonFlag">
|
|
|
|
|
|
<el-button v-if="index >= 1 ? true : false" type="primary" icon="el-icon-delete" style='margin-bottom: 40px;'
|
2024-04-08 10:24:29 +08:00
|
|
|
|
@click='deleteApplicant(item)'>删除</el-button>
|
2024-03-28 18:04:52 +08:00
|
|
|
|
</el-col>
|
|
|
|
|
|
</div>
|
2024-05-06 09:59:16 +08:00
|
|
|
|
<el-col :span="24" v-if="buttonFlag">
|
2024-04-08 10:24:29 +08:00
|
|
|
|
<el-button type="primary" icon="el-icon-circle-plus-outline" @click='addRes'
|
|
|
|
|
|
style="margin-bottom: 40px;">新增被申请人信息</el-button>
|
|
|
|
|
|
</el-col>
|
2024-03-28 18:04:52 +08:00
|
|
|
|
<div class="res" v-for="(item, index) in formData.affiliate.res" :key="index">
|
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
|
<div style="display: inline-flex">
|
|
|
|
|
|
<div class="infoIcon"></div>
|
|
|
|
|
|
<div class="caseInfo" style="margin-right: 40px;">被申请人</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<el-divider></el-divider>
|
|
|
|
|
|
</el-col>
|
2024-01-12 18:15:12 +08:00
|
|
|
|
<el-col :span="24">
|
|
|
|
|
|
<el-form-item label="选择机构或自然人">
|
2024-05-06 09:59:16 +08:00
|
|
|
|
<el-radio-group v-model="item.res.organizeFlag" :disabled="modelFlag"
|
|
|
|
|
|
@change="clearValidateRes($event, index)">
|
2024-01-12 18:15:12 +08:00
|
|
|
|
<el-radio :label="0">自然人</el-radio>
|
|
|
|
|
|
<el-radio :label="1">机构</el-radio>
|
|
|
|
|
|
</el-radio-group>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
</el-col>
|
|
|
|
|
|
<el-col :span="12" v-if="item.res.organizeFlag == 0">
|
2024-04-19 15:54:21 +08:00
|
|
|
|
<el-form-item label="被申请人" :prop="'affiliate.res.' + index + '.res.name'" :rules="[
|
2024-03-05 09:15:47 +08:00
|
|
|
|
{
|
|
|
|
|
|
required: true,
|
|
|
|
|
|
message: '被申请人姓名不能为空',
|
|
|
|
|
|
trigger: 'blur',
|
|
|
|
|
|
},
|
|
|
|
|
|
]">
|
2024-03-28 18:04:52 +08:00
|
|
|
|
<el-input v-model="item.res.name" placeholder="请输入被申请人姓名" />
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
</el-col>
|
2024-01-12 18:15:12 +08:00
|
|
|
|
<el-col :span="12" v-if="item.res.organizeFlag == 1">
|
2024-04-19 15:54:21 +08:00
|
|
|
|
<el-form-item label="机构名称" :prop="'affiliate.res.' + index + '.res.name'" :rules="[
|
2024-04-08 10:24:29 +08:00
|
|
|
|
{
|
|
|
|
|
|
required: true,
|
2024-04-19 15:54:21 +08:00
|
|
|
|
message: '机构名称不能为空',
|
2024-04-08 10:24:29 +08:00
|
|
|
|
trigger: 'blur',
|
|
|
|
|
|
},
|
|
|
|
|
|
]">
|
2024-04-19 15:54:21 +08:00
|
|
|
|
<el-input v-model="item.res.name" placeholder="请输入机构名称" />
|
2024-04-08 10:24:29 +08:00
|
|
|
|
</el-form-item>
|
|
|
|
|
|
</el-col>
|
2024-01-12 18:15:12 +08:00
|
|
|
|
<el-col :span="12" v-if="item.res.organizeFlag == 0">
|
2024-03-28 18:04:52 +08:00
|
|
|
|
<el-form-item label="是否为操作人" :prop="'affiliate.res.' + index + '.res.operatorFlag'">
|
|
|
|
|
|
<el-select v-model="item.res.operatorFlag" placeholder="请选择" auto-complete="off" style="width: 100%;">
|
|
|
|
|
|
<el-option v-for="item in roleTypeList" :key="item.id" :label="item.value" :value="item.id">
|
|
|
|
|
|
|
|
|
|
|
|
</el-option>
|
|
|
|
|
|
</el-select>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
</el-col>
|
2024-01-15 17:28:43 +08:00
|
|
|
|
<el-col :span="12">
|
|
|
|
|
|
<el-form-item :prop="'affiliate.res.' + index + '.res.nationality'" label="国籍" :rules="[
|
|
|
|
|
|
{
|
|
|
|
|
|
required: true,
|
|
|
|
|
|
message: '国籍不能为空',
|
|
|
|
|
|
trigger: 'blur',
|
|
|
|
|
|
},
|
|
|
|
|
|
]">
|
|
|
|
|
|
<el-select v-model="item.res.nationality" placeholder="请选择国籍" auto-complete="off" style="width: 100%;">
|
|
|
|
|
|
<el-option v-for="item in nationalityList" :key="item.id" :label="item.value" :value="item.id">
|
|
|
|
|
|
|
|
|
|
|
|
</el-option>
|
|
|
|
|
|
</el-select>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
</el-col>
|
|
|
|
|
|
<el-col :span="12" v-if="item.res.organizeFlag == 0">
|
|
|
|
|
|
<el-form-item :prop="'affiliate.res.' + index + '.res.idType'" label="证件类型" :rules="[
|
|
|
|
|
|
{
|
|
|
|
|
|
required: true,
|
|
|
|
|
|
message: '证件类型不能为空',
|
|
|
|
|
|
trigger: 'blur',
|
|
|
|
|
|
},
|
|
|
|
|
|
]">
|
|
|
|
|
|
<el-select v-model="item.res.idType" placeholder="证件类型" auto-complete="off" style="width: 100%;">
|
|
|
|
|
|
<el-option v-for="item in idTypeList" :key="Number(item.dictValue)" :label="item.dictLabel"
|
|
|
|
|
|
:value="Number(item.dictValue)">
|
|
|
|
|
|
|
|
|
|
|
|
</el-option>
|
|
|
|
|
|
</el-select>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
</el-col>
|
2024-01-12 18:15:12 +08:00
|
|
|
|
<el-col :span="12" v-if="item.res.organizeFlag == 0">
|
2024-04-19 15:54:21 +08:00
|
|
|
|
<el-form-item label-width="140px" label="联系电话" :prop="'affiliate.res.' + index + '.res.phone'" :rules="[
|
2024-03-05 09:15:47 +08:00
|
|
|
|
{
|
|
|
|
|
|
required: true,
|
|
|
|
|
|
message: '被申请人联系电话不能为空',
|
|
|
|
|
|
trigger: 'blur',
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
pattern: /^[1][3,4,5,6,7,8,9][0-9]{9}$/,
|
|
|
|
|
|
message: '请输入正确的手机号码',
|
|
|
|
|
|
trigger: 'blur',
|
|
|
|
|
|
},
|
|
|
|
|
|
]">
|
2024-03-28 18:04:52 +08:00
|
|
|
|
<el-input v-model="item.res.phone" placeholder="请输入被申请人联系电话" />
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
</el-col>
|
|
|
|
|
|
<el-col :span="12">
|
2024-04-19 15:54:21 +08:00
|
|
|
|
<el-form-item label-width="150px" label="住所" :prop="'affiliate.res.' + index + '.res.home'" :rules="[
|
2024-03-05 09:15:47 +08:00
|
|
|
|
{
|
|
|
|
|
|
required: true,
|
2024-04-19 15:54:21 +08:00
|
|
|
|
message: '住所不能为空',
|
2024-03-05 09:15:47 +08:00
|
|
|
|
trigger: 'blur',
|
|
|
|
|
|
},
|
|
|
|
|
|
]">
|
2024-04-19 15:54:21 +08:00
|
|
|
|
<el-input v-model="item.res.home" placeholder="请输入住所" />
|
2024-03-28 18:04:52 +08:00
|
|
|
|
</el-form-item>
|
|
|
|
|
|
</el-col>
|
2024-01-15 17:28:43 +08:00
|
|
|
|
<el-col :span="12">
|
2024-04-19 15:54:21 +08:00
|
|
|
|
<el-form-item label="联系地址" :prop="'affiliate.res.' + index + '.res.address'" :rules="[
|
2024-01-15 17:28:43 +08:00
|
|
|
|
{
|
|
|
|
|
|
required: true,
|
2024-04-19 15:54:21 +08:00
|
|
|
|
message: '联系地址不能为空',
|
2024-01-15 17:28:43 +08:00
|
|
|
|
trigger: 'blur',
|
|
|
|
|
|
},
|
|
|
|
|
|
]">
|
2024-04-19 15:54:21 +08:00
|
|
|
|
<el-input v-model="item.res.address" placeholder="请输入联系地址" />
|
2024-01-15 17:28:43 +08:00
|
|
|
|
</el-form-item>
|
|
|
|
|
|
</el-col>
|
2024-01-12 18:15:12 +08:00
|
|
|
|
<el-col :span="12" v-if="item.res.organizeFlag == 0">
|
2024-04-19 15:54:21 +08:00
|
|
|
|
<el-form-item label="邮箱" :prop="'affiliate.res.' + index + '.res.email'" :rules="[
|
2024-03-05 09:15:47 +08:00
|
|
|
|
{
|
|
|
|
|
|
required: true,
|
2024-03-07 17:33:56 +08:00
|
|
|
|
message: '被申请人邮箱不能为空',
|
2024-03-05 09:15:47 +08:00
|
|
|
|
trigger: 'blur',
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
pattern:
|
|
|
|
|
|
/^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/,
|
|
|
|
|
|
message: '请输入正确的邮箱地址',
|
|
|
|
|
|
trigger: 'blur',
|
|
|
|
|
|
},
|
|
|
|
|
|
]">
|
2024-03-28 18:04:52 +08:00
|
|
|
|
<el-input v-model="item.res.email" placeholder="请输入被申请人邮箱" />
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
</el-col>
|
2024-01-12 18:15:12 +08:00
|
|
|
|
<el-col :span="12" v-if="item.res.organizeFlag == 0">
|
2024-05-06 09:59:16 +08:00
|
|
|
|
<el-form-item label-width="140px" label="身份证号" :prop="'affiliate.res.' + index + '.res.idCard'" :rules="[
|
2024-03-18 17:53:14 +08:00
|
|
|
|
{
|
|
|
|
|
|
required: true,
|
|
|
|
|
|
message: '被申请人身份证号不能为空',
|
|
|
|
|
|
trigger: 'blur',
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
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]$/,
|
|
|
|
|
|
message: '请输入正确的身份证号码',
|
|
|
|
|
|
trigger: 'blur',
|
|
|
|
|
|
},
|
|
|
|
|
|
]">
|
2024-03-28 18:04:52 +08:00
|
|
|
|
<el-input v-model="item.res.idCard" @blur="handleBlur(index)" placeholder="请输入被申请人身份证号" />
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
</el-col>
|
2024-01-12 18:15:12 +08:00
|
|
|
|
<el-col :span="12" v-if="item.res.organizeFlag == 1">
|
2024-04-08 10:24:29 +08:00
|
|
|
|
<el-form-item label-width="140px" label="统一社会信用代码" :prop="'affiliate.res.' + index + '.res.code'" :rules="[
|
|
|
|
|
|
{
|
|
|
|
|
|
required: true,
|
|
|
|
|
|
message: '统一社会信用代码不能为空',
|
|
|
|
|
|
trigger: 'blur',
|
|
|
|
|
|
},
|
|
|
|
|
|
]">
|
|
|
|
|
|
<el-input v-model="item.res.code" placeholder="请输入统一社会信用代码" />
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
</el-col>
|
2024-01-15 17:28:43 +08:00
|
|
|
|
<el-col :span="12" v-if="item.res.organizeFlag == 1">
|
2024-04-08 10:24:29 +08:00
|
|
|
|
<el-form-item label="法定代表人" :prop="'affiliate.res.' + index + '.res.compLegalPerson'" :rules="[
|
|
|
|
|
|
{
|
|
|
|
|
|
required: true,
|
|
|
|
|
|
message: '法定代表人不能为空',
|
|
|
|
|
|
trigger: 'blur',
|
|
|
|
|
|
},
|
|
|
|
|
|
]">
|
|
|
|
|
|
<el-input v-model="item.res.compLegalPerson" placeholder="请输入法定代表人" />
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
</el-col>
|
2024-01-12 18:15:12 +08:00
|
|
|
|
<el-col :span="12" v-if="item.res.organizeFlag == 0">
|
2024-04-19 15:54:21 +08:00
|
|
|
|
<el-form-item label-width="140px" label="出生年月：" :prop="'affiliate.res.' + index + '.res.birth'">
|
2024-03-28 18:04:52 +08:00
|
|
|
|
<el-date-picker disabled v-model="item.res.birth" type="date" placeholder="被申请人出生年月日">
|
|
|
|
|
|
</el-date-picker>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
</el-col>
|
2024-01-12 18:15:12 +08:00
|
|
|
|
<el-col :span="12" v-if="item.res.organizeFlag == 0">
|
2024-04-19 15:54:21 +08:00
|
|
|
|
<el-form-item label="性别：" :prop="'affiliate.res.' + index + '.res.sex'" :rules="[
|
2024-03-18 17:53:14 +08:00
|
|
|
|
{
|
|
|
|
|
|
required: true,
|
|
|
|
|
|
message: '请选择性别',
|
|
|
|
|
|
},
|
|
|
|
|
|
]">
|
2024-03-28 18:04:52 +08:00
|
|
|
|
<el-radio-group v-model="item.res.sex" disabled>
|
|
|
|
|
|
<el-radio :label="'0'">男</el-radio>
|
|
|
|
|
|
<el-radio :label="'1'">女</el-radio>
|
|
|
|
|
|
</el-radio-group>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
</el-col>
|
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
|
<div style="display: inline-flex">
|
|
|
|
|
|
<div class="infoIcon"></div>
|
|
|
|
|
|
<div class="caseInfo">被申请人代理人</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<el-divider></el-divider>
|
|
|
|
|
|
</el-col>
|
2024-01-12 18:15:12 +08:00
|
|
|
|
<el-col :span="12" v-if="item.res.organizeFlag == 1">
|
2024-04-19 15:54:21 +08:00
|
|
|
|
<el-form-item label="联系电话" :prop="'affiliate.res.' + index + '.resAgent.phone'" :rules="[
|
2024-03-28 18:04:52 +08:00
|
|
|
|
{
|
|
|
|
|
|
required: true,
|
|
|
|
|
|
message: '代理人联系电话不能为空',
|
|
|
|
|
|
trigger: 'blur',
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
pattern: /^[1][3,4,5,6,7,8,9][0-9]{9}$/,
|
|
|
|
|
|
message: '请输入正确的手机号码',
|
|
|
|
|
|
trigger: 'blur',
|
|
|
|
|
|
},
|
|
|
|
|
|
]">
|
|
|
|
|
|
<el-input v-model="item.resAgent.phone" placeholder="请输入代理人联系电话" />
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
</el-col>
|
2024-01-12 18:15:12 +08:00
|
|
|
|
<el-col :span="12" v-if="item.res.organizeFlag == 0">
|
2024-04-19 15:54:21 +08:00
|
|
|
|
<el-form-item label="联系电话" :prop="'affiliate.res.' + index + '.resAgent.phone'">
|
2024-03-28 18:04:52 +08:00
|
|
|
|
<el-input v-model="item.resAgent.phone" placeholder="请输入代理人联系电话" />
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
</el-col>
|
2024-01-12 18:15:12 +08:00
|
|
|
|
<el-col :span="12" v-if="item.res.organizeFlag == 1">
|
2024-04-19 15:54:21 +08:00
|
|
|
|
<el-form-item label="姓名" :prop="'affiliate.res.' + index + '.resAgent.name'" :rules="[
|
2024-03-28 18:04:52 +08:00
|
|
|
|
{
|
|
|
|
|
|
required: true,
|
|
|
|
|
|
message: '代理人姓名不能为空',
|
|
|
|
|
|
trigger: 'blur',
|
|
|
|
|
|
},
|
|
|
|
|
|
]">
|
|
|
|
|
|
<el-input v-model="item.resAgent.name" placeholder="请输入代理人姓名" />
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
</el-col>
|
2024-04-08 10:24:29 +08:00
|
|
|
|
<el-col :span="12">
|
2024-03-28 18:04:52 +08:00
|
|
|
|
<el-form-item label="是否为操作人" :prop="'affiliate.res.' + index + '.resAgent.operatorFlag'">
|
|
|
|
|
|
<el-select v-model="item.resAgent.operatorFlag" placeholder="请选择" auto-complete="off"
|
|
|
|
|
|
style="width: 100%;">
|
|
|
|
|
|
<el-option v-for="item in roleTypeList" :key="item.id" :label="item.value" :value="item.id">
|
|
|
|
|
|
|
|
|
|
|
|
</el-option>
|
|
|
|
|
|
</el-select>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
</el-col>
|
2024-01-12 18:15:12 +08:00
|
|
|
|
<el-col :span="12" v-if="item.res.organizeFlag == 0">
|
2024-04-19 15:54:21 +08:00
|
|
|
|
<el-form-item label="姓名" :prop="'affiliate.res.' + index + '.resAgent.name'">
|
2024-03-28 18:04:52 +08:00
|
|
|
|
<el-input v-model="item.resAgent.name" placeholder="请输入代理人姓名" />
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
</el-col>
|
2024-01-12 18:15:12 +08:00
|
|
|
|
<el-col :span="12" v-if="item.res.organizeFlag == 1">
|
2024-04-19 15:54:21 +08:00
|
|
|
|
<el-form-item label="邮箱" :prop="'affiliate.res.' + index + '.resAgent.email'" :rules="[
|
2024-03-28 18:04:52 +08:00
|
|
|
|
{
|
|
|
|
|
|
required: true,
|
|
|
|
|
|
message: '代理人邮箱不能为空',
|
|
|
|
|
|
trigger: 'blur',
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
pattern:
|
|
|
|
|
|
/^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/,
|
|
|
|
|
|
message: '请输入正确的邮箱地址',
|
|
|
|
|
|
trigger: 'blur',
|
|
|
|
|
|
},
|
|
|
|
|
|
]">
|
|
|
|
|
|
<el-input v-model="item.resAgent.email" placeholder="请输入代理人邮箱" />
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
</el-col>
|
2024-01-12 18:15:12 +08:00
|
|
|
|
<el-col :span="12" v-if="item.res.organizeFlag == 0">
|
2024-04-19 15:54:21 +08:00
|
|
|
|
<el-form-item label="邮箱" :prop="'affiliate.res.' + index + '.resAgent.email'" :rules="[
|
2024-03-28 18:04:52 +08:00
|
|
|
|
{
|
|
|
|
|
|
pattern:
|
|
|
|
|
|
/^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/,
|
|
|
|
|
|
message: '请输入正确的邮箱地址',
|
|
|
|
|
|
trigger: 'blur',
|
|
|
|
|
|
},
|
|
|
|
|
|
]">
|
|
|
|
|
|
<el-input v-model="item.resAgent.email" placeholder="请输入代理人邮箱" />
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
</el-col>
|
|
|
|
|
|
<el-col :span="24" v-if="modelFlag">
|
|
|
|
|
|
<el-form-item v-for="item in formData.columnValueList" :label="item.name" :key="item.id">
|
|
|
|
|
|
<el-input type="textarea" v-model="item.value"></el-input>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
</el-col>
|
2024-05-06 09:59:16 +08:00
|
|
|
|
<el-col :span="12" v-if="buttonFlag">
|
|
|
|
|
|
<el-button v-if="index >= 1 ? true : false" type="primary" icon="el-icon-delete" style='margin-bottom: 40px;'
|
2024-04-08 10:24:29 +08:00
|
|
|
|
@click='deleteRes(item)'>删除</el-button>
|
2024-03-28 18:04:52 +08:00
|
|
|
|
</el-col>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</el-row>
|
|
|
|
|
|
|
2024-02-29 14:49:56 +08:00
|
|
|
|
</el-form>
|
|
|
|
|
|
<div v-if="activeName == 'second'">
|
|
|
|
|
|
<el-card class="box-card" style="margin-bottom: 30px" v-if="applicantEvidence.length">
|
|
|
|
|
|
<div slot="header" class="clearfix">
|
|
|
|
|
|
<span>申请人证据清单</span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div v-for="(item, index) in applicantEvidence" :key="index" class="text item"
|
|
|
|
|
|
style="color: blue; cursor: pointer" @click="toPreview(item.annexPath)">
|
|
|
|
|
|
{{ item.annexName }}
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</el-card>
|
|
|
|
|
|
<el-card class="box-card" v-if="respondentEvidence.length">
|
|
|
|
|
|
<div slot="header" class="clearfix">
|
|
|
|
|
|
<span>被申请人证据清单</span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div v-for="(item, index) in respondentEvidence" :key="index" class="text item"
|
|
|
|
|
|
style="color: blue; cursor: pointer" @click="toPreview(item.annexPath)">
|
|
|
|
|
|
{{ item.annexName }}
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</el-card>
|
2024-04-08 10:24:29 +08:00
|
|
|
|
<el-card class="box-card" v-if="videoList.length">
|
|
|
|
|
|
<div slot="header" class="clearfix">
|
|
|
|
|
|
<span>视频资料</span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div v-for="(item, index) in videoList" :key="index" class="text item" style="color: blue; cursor: pointer">
|
|
|
|
|
|
<video style="background-color: #181717;width: 350px;height: 200px;margin: 10px;" :key="index"
|
|
|
|
|
|
:src="fileURL + item.annexPath" controls="controls"></video>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</el-card>
|
2024-02-29 14:49:56 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
<div slot="footer" class="dialog-footer" v-if="buttonFlag">
|
|
|
|
|
|
<el-button @click="cancel" class="endbutton"><span>取 消</span></el-button>
|
|
|
|
|
|
<el-button type="primary" @click="submitForm" class="endbutton"><span>确认</span></el-button>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</el-dialog>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</template>
|
2024-03-05 09:15:47 +08:00
|
|
|
|
|
2024-02-29 14:49:56 +08:00
|
|
|
|
<script>
|
|
|
|
|
|
import {
|
|
|
|
|
|
caseApplicationInsert,
|
|
|
|
|
|
caseApplicationSelectById,
|
|
|
|
|
|
updateComfire,
|
|
|
|
|
|
getInfoByIdCard,
|
2024-03-18 17:53:14 +08:00
|
|
|
|
getUserInfo,
|
|
|
|
|
|
getIdType
|
2024-02-29 14:49:56 +08:00
|
|
|
|
} from "@/api/caseManagement/caseManagement.js";
|
|
|
|
|
|
import { getTemplate } from "@/api/officialSeal/officialSeal.js";
|
|
|
|
|
|
import { getToken } from "@/utils/auth";
|
|
|
|
|
|
export default {
|
|
|
|
|
|
props: [
|
|
|
|
|
|
"addVisable",
|
|
|
|
|
|
"queryParams",
|
|
|
|
|
|
"caseData",
|
|
|
|
|
|
"caseDisabled",
|
|
|
|
|
|
"tabFlag",
|
|
|
|
|
|
"addModifyData",
|
|
|
|
|
|
],
|
2024-03-18 17:53:14 +08:00
|
|
|
|
// dicts: ["id_type"],
|
2024-02-29 14:49:56 +08:00
|
|
|
|
data() {
|
|
|
|
|
|
return {
|
|
|
|
|
|
activeName: "first",
|
|
|
|
|
|
title: "新增案件",
|
|
|
|
|
|
// organizeFlag:0,//选择机构和自然人
|
|
|
|
|
|
formData: {
|
2024-04-08 10:24:29 +08:00
|
|
|
|
caseSource: "YC",
|
2024-03-28 18:04:52 +08:00
|
|
|
|
arbitratClaims: "",
|
|
|
|
|
|
facts: "",
|
|
|
|
|
|
organizeFlag: 0,
|
|
|
|
|
|
affiliate:
|
|
|
|
|
|
{
|
|
|
|
|
|
applicant: [
|
|
|
|
|
|
{
|
|
|
|
|
|
applicant: {
|
|
|
|
|
|
roleType: 1,
|
|
|
|
|
|
name: "",
|
|
|
|
|
|
idCard: "",
|
|
|
|
|
|
code: "",
|
|
|
|
|
|
phone: "",
|
|
|
|
|
|
compLegalPerson: "",
|
|
|
|
|
|
email: "",
|
|
|
|
|
|
home: "",
|
|
|
|
|
|
address: "",
|
|
|
|
|
|
idType: 0,
|
|
|
|
|
|
nationality: 1,
|
|
|
|
|
|
birth: "",
|
|
|
|
|
|
sex: "1",
|
2024-01-12 18:15:12 +08:00
|
|
|
|
operatorFlag: 1,
|
2024-01-15 17:28:43 +08:00
|
|
|
|
organizeFlag: 0,
|
2024-03-28 18:04:52 +08:00
|
|
|
|
},
|
|
|
|
|
|
applicantAgent: {
|
|
|
|
|
|
roleType: 2,
|
|
|
|
|
|
name: "",
|
|
|
|
|
|
idCard: "",
|
|
|
|
|
|
code: "",
|
|
|
|
|
|
phone: "",
|
|
|
|
|
|
compLegalPerson: "",
|
|
|
|
|
|
email: "",
|
|
|
|
|
|
home: "",
|
|
|
|
|
|
address: "",
|
|
|
|
|
|
idType: 0,
|
|
|
|
|
|
nationality: 1,
|
|
|
|
|
|
birth: "",
|
|
|
|
|
|
sex: "1",
|
2024-01-12 18:15:12 +08:00
|
|
|
|
operatorFlag: 1,
|
2024-01-15 17:28:43 +08:00
|
|
|
|
organizeFlag: 0,
|
2024-03-28 18:04:52 +08:00
|
|
|
|
},
|
|
|
|
|
|
},
|
|
|
|
|
|
],
|
|
|
|
|
|
res: [
|
|
|
|
|
|
{
|
|
|
|
|
|
res: {
|
|
|
|
|
|
roleType: 3,
|
|
|
|
|
|
name: "",
|
|
|
|
|
|
idCard: "",
|
|
|
|
|
|
code: "",
|
|
|
|
|
|
phone: "",
|
|
|
|
|
|
compLegalPerson: "",
|
|
|
|
|
|
email: "",
|
|
|
|
|
|
home: "",
|
|
|
|
|
|
address: "",
|
|
|
|
|
|
idType: 0,
|
|
|
|
|
|
nationality: 1,
|
|
|
|
|
|
birth: "",
|
|
|
|
|
|
sex: "0",
|
2024-01-12 18:15:12 +08:00
|
|
|
|
operatorFlag: 1,
|
2024-01-15 17:28:43 +08:00
|
|
|
|
organizeFlag: 0,
|
2024-03-28 18:04:52 +08:00
|
|
|
|
},
|
|
|
|
|
|
resAgent: {
|
|
|
|
|
|
roleType: 4,
|
|
|
|
|
|
name: "",
|
|
|
|
|
|
idCard: "",
|
|
|
|
|
|
code: "",
|
|
|
|
|
|
phone: "",
|
|
|
|
|
|
compLegalPerson: "",
|
|
|
|
|
|
email: "",
|
|
|
|
|
|
home: "",
|
|
|
|
|
|
address: "",
|
|
|
|
|
|
idType: 0,
|
|
|
|
|
|
nationality: 1,
|
|
|
|
|
|
birth: "",
|
|
|
|
|
|
sex: "",
|
2024-01-12 18:15:12 +08:00
|
|
|
|
operatorFlag: 1,
|
2024-01-15 17:28:43 +08:00
|
|
|
|
organizeFlag: 0,
|
2024-03-28 18:04:52 +08:00
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
]
|
2024-02-29 14:49:56 +08:00
|
|
|
|
},
|
|
|
|
|
|
columnValueList: [],
|
|
|
|
|
|
caseAttachList: [],
|
|
|
|
|
|
},
|
|
|
|
|
|
templateList: [],
|
|
|
|
|
|
modelFlag: false,
|
|
|
|
|
|
fileURL: window.location.origin + "/API",
|
|
|
|
|
|
fileList: [],
|
2024-03-05 12:01:28 +08:00
|
|
|
|
fileListZip: [],
|
2024-02-29 14:49:56 +08:00
|
|
|
|
filedata: {
|
|
|
|
|
|
annexType: 2,
|
|
|
|
|
|
},
|
|
|
|
|
|
headers: {
|
|
|
|
|
|
Authorization: "Bearer " + getToken(),
|
|
|
|
|
|
},
|
|
|
|
|
|
applicantEvidence: [], //申请人证据
|
|
|
|
|
|
respondentEvidence: [], //被申请人证据
|
2024-04-08 10:24:29 +08:00
|
|
|
|
videoList: [],
|
2024-02-29 14:49:56 +08:00
|
|
|
|
buttonFlag: true,
|
|
|
|
|
|
getUserInfoList: {},
|
|
|
|
|
|
applicationFlag: null,
|
2024-03-05 12:01:28 +08:00
|
|
|
|
showmediate: false,
|
2024-05-06 09:59:16 +08:00
|
|
|
|
labelShowMediate: false,
|
2024-03-18 11:41:50 +08:00
|
|
|
|
showEvidence: false,//是否显示证据
|
2024-03-28 18:04:52 +08:00
|
|
|
|
mediationApplication: false,
|
2024-03-11 10:07:18 +08:00
|
|
|
|
formZipData: {},
|
|
|
|
|
|
nationalityList: [
|
|
|
|
|
|
{
|
2024-03-28 18:04:52 +08:00
|
|
|
|
value: '境内',
|
2024-03-11 10:07:18 +08:00
|
|
|
|
id: 0
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
2024-03-28 18:04:52 +08:00
|
|
|
|
value: '境外',
|
|
|
|
|
|
id: 1
|
|
|
|
|
|
}
|
|
|
|
|
|
],
|
|
|
|
|
|
roleTypeList: [
|
|
|
|
|
|
{
|
|
|
|
|
|
value: '否',
|
|
|
|
|
|
id: 0
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
value: '是',
|
2024-03-11 10:07:18 +08:00
|
|
|
|
id: 1
|
|
|
|
|
|
}
|
|
|
|
|
|
],
|
|
|
|
|
|
idTypeList: [
|
2024-03-18 17:53:14 +08:00
|
|
|
|
// {
|
|
|
|
|
|
// value: '身份证',
|
|
|
|
|
|
// id: 0
|
|
|
|
|
|
// },
|
|
|
|
|
|
// {
|
|
|
|
|
|
// value: '护照',
|
|
|
|
|
|
// id: 1
|
|
|
|
|
|
// }
|
2024-03-11 10:07:18 +08:00
|
|
|
|
]
|
2024-02-29 14:49:56 +08:00
|
|
|
|
};
|
|
|
|
|
|
},
|
|
|
|
|
|
watch: {
|
|
|
|
|
|
addModifyData(val) {
|
|
|
|
|
|
if (val == 1) {
|
|
|
|
|
|
this.title = "新增案件";
|
|
|
|
|
|
this.getUserInfoFn();
|
|
|
|
|
|
this.modelFlag = false;
|
|
|
|
|
|
this.buttonFlag = true;
|
|
|
|
|
|
} else if (val == 3) {
|
|
|
|
|
|
this.title = "修改案件";
|
|
|
|
|
|
this.modelFlag = true;
|
|
|
|
|
|
this.buttonFlag = true;
|
|
|
|
|
|
} else if (val == 2) {
|
|
|
|
|
|
this.title = "案件详情";
|
|
|
|
|
|
this.modelFlag = true;
|
|
|
|
|
|
this.buttonFlag = false;
|
|
|
|
|
|
}
|
|
|
|
|
|
},
|
2024-03-18 17:53:14 +08:00
|
|
|
|
async addVisable(val) {
|
2024-02-29 14:49:56 +08:00
|
|
|
|
if (val) {
|
2024-03-11 10:07:18 +08:00
|
|
|
|
if (this.addModifyData == 1) {
|
2024-03-06 18:17:22 +08:00
|
|
|
|
this.formData = {
|
2024-04-08 10:24:29 +08:00
|
|
|
|
caseSource: "YC",
|
2024-03-28 18:04:52 +08:00
|
|
|
|
organizeFlag: 0,
|
|
|
|
|
|
affiliate:
|
|
|
|
|
|
{
|
2024-04-08 10:24:29 +08:00
|
|
|
|
applicant: [
|
|
|
|
|
|
{
|
|
|
|
|
|
applicant: {
|
|
|
|
|
|
roleType: 1,
|
|
|
|
|
|
name: "",
|
|
|
|
|
|
idCard: "",
|
|
|
|
|
|
code: "",
|
|
|
|
|
|
phone: "",
|
|
|
|
|
|
compLegalPerson: "",
|
|
|
|
|
|
email: "",
|
|
|
|
|
|
home: "",
|
|
|
|
|
|
address: "",
|
|
|
|
|
|
idType: 0,
|
|
|
|
|
|
nationality: 1,
|
|
|
|
|
|
birth: "",
|
|
|
|
|
|
sex: "1",
|
2024-01-12 18:15:12 +08:00
|
|
|
|
operatorFlag: 1,
|
2024-01-15 17:28:43 +08:00
|
|
|
|
organizeFlag: 0,
|
2024-04-08 10:24:29 +08:00
|
|
|
|
},
|
|
|
|
|
|
applicantAgent: {
|
|
|
|
|
|
roleType: 2,
|
|
|
|
|
|
name: "",
|
|
|
|
|
|
idCard: "",
|
|
|
|
|
|
code: "",
|
|
|
|
|
|
phone: "",
|
|
|
|
|
|
compLegalPerson: "",
|
|
|
|
|
|
email: "",
|
|
|
|
|
|
home: "",
|
|
|
|
|
|
address: "",
|
|
|
|
|
|
idType: 0,
|
|
|
|
|
|
nationality: 1,
|
|
|
|
|
|
birth: "",
|
|
|
|
|
|
sex: "1",
|
2024-01-12 18:15:12 +08:00
|
|
|
|
operatorFlag: 1,
|
2024-01-15 17:28:43 +08:00
|
|
|
|
organizeFlag: 0,
|
2024-04-08 10:24:29 +08:00
|
|
|
|
}
|
|
|
|
|
|
},
|
|
|
|
|
|
],
|
|
|
|
|
|
res: [
|
|
|
|
|
|
{
|
|
|
|
|
|
res: {
|
|
|
|
|
|
roleType: 3,
|
|
|
|
|
|
name: "",
|
|
|
|
|
|
idCard: "",
|
|
|
|
|
|
code: "",
|
|
|
|
|
|
phone: "",
|
|
|
|
|
|
compLegalPerson: "",
|
|
|
|
|
|
email: "",
|
|
|
|
|
|
home: "",
|
|
|
|
|
|
address: "",
|
|
|
|
|
|
idType: 0,
|
|
|
|
|
|
nationality: 1,
|
|
|
|
|
|
birth: "",
|
|
|
|
|
|
sex: "0",
|
2024-01-12 18:15:12 +08:00
|
|
|
|
operatorFlag: 1,
|
2024-01-15 17:28:43 +08:00
|
|
|
|
organizeFlag: 0,
|
2024-04-08 10:24:29 +08:00
|
|
|
|
},
|
|
|
|
|
|
resAgent: {
|
|
|
|
|
|
roleType: 4,
|
|
|
|
|
|
name: "",
|
|
|
|
|
|
idCard: "",
|
|
|
|
|
|
code: "",
|
|
|
|
|
|
phone: "",
|
|
|
|
|
|
compLegalPerson: "",
|
|
|
|
|
|
email: "",
|
|
|
|
|
|
home: "",
|
|
|
|
|
|
address: "",
|
|
|
|
|
|
idType: 0,
|
|
|
|
|
|
nationality: 1,
|
|
|
|
|
|
birth: "",
|
|
|
|
|
|
sex: "",
|
2024-01-12 18:15:12 +08:00
|
|
|
|
operatorFlag: 1,
|
2024-01-15 17:28:43 +08:00
|
|
|
|
organizeFlag: 0,
|
2024-04-08 10:24:29 +08:00
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
]
|
2024-03-11 10:07:18 +08:00
|
|
|
|
},
|
|
|
|
|
|
columnValueList: [],
|
|
|
|
|
|
caseAttachList: [],
|
|
|
|
|
|
};
|
2024-03-28 18:04:52 +08:00
|
|
|
|
this.$set(this.formData.affiliate.applicant[0].applicant, "name", this.getUserInfoList.nickName);
|
|
|
|
|
|
this.$set(this.formData.affiliate.applicant[0].applicant, "idCard", this.getUserInfoList.idCard);
|
|
|
|
|
|
this.$set(this.formData.affiliate.applicant[0].applicant, "email", this.getUserInfoList.email);
|
|
|
|
|
|
this.$set(this.formData.affiliate.applicant[0].applicant, "phone", this.getUserInfoList.phonenumber);
|
|
|
|
|
|
this.$set(this.formData.affiliate.applicant[0].applicant, "idType", this.getUserInfoList.idType);
|
|
|
|
|
|
this.$set(this.formData.affiliate.applicant[0].applicant, "nationality", this.getUserInfoList.nationality);
|
2024-04-19 15:54:21 +08:00
|
|
|
|
this.$set(this.formData.affiliate.applicant[0].applicant, "sex", this.getUserInfoList.sex);
|
|
|
|
|
|
this.$set(this.formData.affiliate.applicant[0].applicant, "birth", this.getUserInfoList.birth);
|
2024-03-06 18:17:22 +08:00
|
|
|
|
}
|
2024-02-29 14:49:56 +08:00
|
|
|
|
this.activeName = "first";
|
|
|
|
|
|
this.showmediate = false;
|
2024-04-25 17:58:36 +08:00
|
|
|
|
this.labelShowMediate = false;
|
2024-03-20 10:25:28 +08:00
|
|
|
|
this.showEvidence = false;
|
|
|
|
|
|
this.mediationApplication = false;
|
2024-02-29 14:49:56 +08:00
|
|
|
|
this.getTemplateFn();
|
|
|
|
|
|
if (this.addModifyData != 1) {
|
2024-03-18 17:53:14 +08:00
|
|
|
|
await this.getIdTypeFn();
|
|
|
|
|
|
await this.caseApplicationSelectByIdFn(this.caseData.id);
|
2024-02-29 14:49:56 +08:00
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
},
|
|
|
|
|
|
},
|
|
|
|
|
|
created() {
|
|
|
|
|
|
// this.getUserInfoFn();
|
2024-03-18 17:53:14 +08:00
|
|
|
|
this.getIdTypeFn();
|
2024-02-29 14:49:56 +08:00
|
|
|
|
},
|
|
|
|
|
|
methods: {
|
2024-03-18 17:53:14 +08:00
|
|
|
|
/** 获取证件类型 */
|
2024-03-19 16:20:47 +08:00
|
|
|
|
getIdTypeFn() {
|
|
|
|
|
|
getIdType().then(res => {
|
2024-03-18 17:53:14 +08:00
|
|
|
|
this.idTypeList = res.data;
|
|
|
|
|
|
})
|
|
|
|
|
|
},
|
2024-02-29 14:49:56 +08:00
|
|
|
|
/** 切换申请类型 */
|
|
|
|
|
|
changeApplyType(val) {
|
2024-03-28 18:04:52 +08:00
|
|
|
|
// console.log(val, "变化");
|
2024-02-29 14:49:56 +08:00
|
|
|
|
// this.$refs["ruleForm"].resetFields();
|
|
|
|
|
|
},
|
|
|
|
|
|
/**获取申请人信息 */
|
|
|
|
|
|
getUserInfoFn() {
|
|
|
|
|
|
getUserInfo().then(res => {
|
|
|
|
|
|
this.getUserInfoList = res.data;
|
2024-01-15 17:28:43 +08:00
|
|
|
|
console.log(this.getUserInfoList.sex)
|
2024-03-28 18:04:52 +08:00
|
|
|
|
this.$set(this.formData.affiliate.applicant[0].applicant, "name", this.getUserInfoList.nickName);
|
|
|
|
|
|
this.$set(this.formData.affiliate.applicant[0].applicant, "idCard", this.getUserInfoList.idCard);
|
|
|
|
|
|
this.$set(this.formData.affiliate.applicant[0].applicant, "email", this.getUserInfoList.email);
|
|
|
|
|
|
this.$set(this.formData.affiliate.applicant[0].applicant, "phone", this.getUserInfoList.phonenumber);
|
|
|
|
|
|
this.$set(this.formData.affiliate.applicant[0].applicant, "idType", this.getUserInfoList.idType);
|
|
|
|
|
|
this.$set(this.formData.affiliate.applicant[0].applicant, "nationality", this.getUserInfoList.nationality);
|
2024-01-15 17:28:43 +08:00
|
|
|
|
this.$set(this.formData.affiliate.applicant[0].applicant, "sex", this.getUserInfoList.sex);
|
|
|
|
|
|
this.$set(this.formData.affiliate.applicant[0].applicant, "birth", this.getUserInfoList.birth);
|
2024-02-29 14:49:56 +08:00
|
|
|
|
})
|
|
|
|
|
|
},
|
|
|
|
|
|
/** 根据案件id获取对应信息 */
|
2024-03-18 17:53:14 +08:00
|
|
|
|
async caseApplicationSelectByIdFn(data) {
|
2024-02-29 14:49:56 +08:00
|
|
|
|
this.applicantEvidence = [];
|
|
|
|
|
|
this.respondentEvidence = [];
|
2024-04-08 10:24:29 +08:00
|
|
|
|
this.videoList = [];
|
2024-03-18 17:53:14 +08:00
|
|
|
|
await caseApplicationSelectById({ id: data }).then((res) => {
|
2024-03-28 18:04:52 +08:00
|
|
|
|
let data = res.data;
|
|
|
|
|
|
data.affiliate.applicant.forEach(item => {
|
|
|
|
|
|
if (!item.applicant) {
|
|
|
|
|
|
item.applicant = {}
|
|
|
|
|
|
}
|
|
|
|
|
|
if (!item.applicantAgent) {
|
|
|
|
|
|
item.applicantAgent = {}
|
|
|
|
|
|
}
|
|
|
|
|
|
})
|
|
|
|
|
|
data.affiliate.res.forEach(item => {
|
|
|
|
|
|
if (!item.res) {
|
|
|
|
|
|
item.res = {}
|
|
|
|
|
|
}
|
|
|
|
|
|
if (!item.resAgent) {
|
|
|
|
|
|
item.resAgent = {}
|
|
|
|
|
|
}
|
|
|
|
|
|
})
|
|
|
|
|
|
this.formData = data;
|
|
|
|
|
|
data.caseAttachList.forEach((item) => {
|
2024-02-29 14:49:56 +08:00
|
|
|
|
if (item.annexType == 2) {
|
|
|
|
|
|
this.applicantEvidence.push(item);
|
2024-03-18 11:41:50 +08:00
|
|
|
|
this.showEvidence = true
|
2024-04-08 10:24:29 +08:00
|
|
|
|
} else if (item.annexType == 5) {
|
|
|
|
|
|
this.videoList.push(item);
|
2024-02-29 14:49:56 +08:00
|
|
|
|
} else if (item.annexType == 7) {
|
|
|
|
|
|
this.showmediate = true
|
2024-03-28 18:04:52 +08:00
|
|
|
|
} else if (item.annexType == 3) {
|
2024-03-20 10:25:28 +08:00
|
|
|
|
this.mediationApplication = true
|
2024-05-06 09:59:16 +08:00
|
|
|
|
} else if (item.annexType == 13) {
|
2024-04-25 17:58:36 +08:00
|
|
|
|
this.labelShowMediate = true
|
2024-02-29 14:49:56 +08:00
|
|
|
|
}
|
|
|
|
|
|
});
|
2024-03-28 18:04:52 +08:00
|
|
|
|
|
2024-02-29 14:49:56 +08:00
|
|
|
|
});
|
|
|
|
|
|
},
|
|
|
|
|
|
// 新增案件
|
|
|
|
|
|
insertFn(data) {
|
|
|
|
|
|
caseApplicationInsert(data).then((res) => {
|
|
|
|
|
|
this.$modal.msgSuccess("新增成功！");
|
|
|
|
|
|
this.$emit("cancelCaseAdd");
|
|
|
|
|
|
this.$emit("getList", this.queryParams);
|
|
|
|
|
|
});
|
|
|
|
|
|
},
|
|
|
|
|
|
// 修改确定
|
|
|
|
|
|
modifyData(data) {
|
|
|
|
|
|
updateComfire(data).then((res) => {
|
|
|
|
|
|
this.$modal.msgSuccess("修改成功！");
|
|
|
|
|
|
this.$emit("cancelCaseAdd");
|
|
|
|
|
|
this.$emit("getList", this.queryParams);
|
|
|
|
|
|
});
|
|
|
|
|
|
},
|
|
|
|
|
|
/** 获取裁决书模板 */
|
|
|
|
|
|
getTemplateFn(data) {
|
|
|
|
|
|
getTemplate(data).then((res) => {
|
|
|
|
|
|
this.templateList = res.rows;
|
|
|
|
|
|
});
|
|
|
|
|
|
},
|
|
|
|
|
|
/** 查看证据 */
|
2024-03-19 16:20:47 +08:00
|
|
|
|
fileDetil(val, flag) {
|
|
|
|
|
|
if (flag == 1) {
|
|
|
|
|
|
window.open(this.fileURL + val);
|
|
|
|
|
|
} else if (flag == 2) {
|
|
|
|
|
|
this.$router.push({ path: '/onlyoffice', query: { id: val, flag: 0 } })
|
|
|
|
|
|
}
|
2024-02-29 14:49:56 +08:00
|
|
|
|
},
|
|
|
|
|
|
/** 查看证据 */
|
|
|
|
|
|
toPreview(val) {
|
|
|
|
|
|
window.open(this.fileURL + val);
|
|
|
|
|
|
},
|
|
|
|
|
|
/** 文件上传地址 */
|
|
|
|
|
|
UploadUrl() {
|
|
|
|
|
|
return window.location.origin + "/API/common/upload";
|
|
|
|
|
|
},
|
2024-03-05 09:15:47 +08:00
|
|
|
|
zipUrl() {
|
|
|
|
|
|
return window.location.origin + "/API/caseApplication/userIdentify";
|
|
|
|
|
|
},
|
2024-02-29 14:49:56 +08:00
|
|
|
|
/**文件上传成功*/
|
|
|
|
|
|
handlSuccess(res, file) {
|
|
|
|
|
|
this.formData.caseAttachList.push({
|
|
|
|
|
|
annexId: res.annexId,
|
|
|
|
|
|
});
|
|
|
|
|
|
},
|
|
|
|
|
|
/**文件超出个数限制时的钩子*/
|
|
|
|
|
|
handleExceed(files, fileList) {
|
|
|
|
|
|
this.$message.warning(
|
|
|
|
|
|
`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length
|
|
|
|
|
|
} 个文件`
|
|
|
|
|
|
);
|
|
|
|
|
|
},
|
|
|
|
|
|
// 删除文件之前的钩子，参数为上传的文件和文件列表，若返回 false 或者返回 Promise 且被 reject，则停止删除。
|
|
|
|
|
|
beforeRemove(file, fileList) {
|
|
|
|
|
|
return this.$confirm(`确定移除 ${file.name}？`);
|
|
|
|
|
|
},
|
|
|
|
|
|
handleRemove(file, fileList) {
|
2024-03-19 16:20:47 +08:00
|
|
|
|
let newcaseAttachList = this.formData.caseAttachList.filter(item =>
|
2024-03-18 11:41:50 +08:00
|
|
|
|
item.annexId !== file.response.annexId
|
|
|
|
|
|
)
|
|
|
|
|
|
this.formData.caseAttachList = newcaseAttachList
|
2024-02-29 14:49:56 +08:00
|
|
|
|
},
|
2024-03-05 09:15:47 +08:00
|
|
|
|
handleExceedZip(files, fileList) {
|
|
|
|
|
|
this.$message.warning(`当前限制选择 1 个文件`);
|
|
|
|
|
|
},
|
|
|
|
|
|
beforeRemoveZip(file, fileList) {
|
|
|
|
|
|
return this.$confirm(`确定移除 ${file.name}？`);
|
|
|
|
|
|
},
|
2024-03-05 12:01:28 +08:00
|
|
|
|
successZip(res) {
|
|
|
|
|
|
this.formZipData = res.data;
|
2024-01-15 17:28:43 +08:00
|
|
|
|
if (this.formData.affiliate.applicant[0].applicant.organizeFlag == 0) {
|
|
|
|
|
|
this.$set(this.formData, 'arbitratClaims', this.formZipData.arbitratClaims);
|
|
|
|
|
|
this.$set(this.formData, 'facts', this.formZipData.facts);
|
|
|
|
|
|
this.$set(this.formData.affiliate.applicant[0].applicant, 'home', this.formZipData.affiliate.applicant[0].applicant.home);
|
|
|
|
|
|
this.$set(this.formData.affiliate.applicant[0].applicant, 'address', this.formZipData.affiliate.applicant[0].applicant.address);
|
|
|
|
|
|
this.$set(this.formData.affiliate.applicant[0].applicantAgent, 'phone', this.formZipData.affiliate.applicant[0].applicantAgent.phone);
|
|
|
|
|
|
this.$set(this.formData.affiliate.applicant[0].applicantAgent, 'name', this.formZipData.affiliate.applicant[0].applicantAgent.name);
|
|
|
|
|
|
this.$set(this.formData.affiliate.applicant[0].applicantAgent, 'email', this.formZipData.affiliate.applicant[0].applicantAgent.email);
|
2024-04-24 14:28:25 +08:00
|
|
|
|
this.$set(this.formData.affiliate.applicant[0].applicant, "sex", this.getUserInfoList.sex);
|
|
|
|
|
|
this.$set(this.formData.affiliate.applicant[0].applicant, "birth", this.getUserInfoList.birth);
|
2024-01-15 17:28:43 +08:00
|
|
|
|
} else if (this.formData.affiliate.applicant[0].applicant.organizeFlag == 1) {
|
|
|
|
|
|
this.$set(this.formData, 'arbitratClaims', this.formZipData.arbitratClaims);
|
|
|
|
|
|
this.$set(this.formData, 'facts', this.formZipData.facts);
|
|
|
|
|
|
this.$set(this.formData.affiliate.applicant[0].applicant, 'name', this.formZipData
|
|
|
|
|
|
.affiliate.applicant[0]
|
|
|
|
|
|
.applicant.name);
|
|
|
|
|
|
this.$set(this.formData.affiliate.applicant[0].applicant, 'code', this.formZipData
|
|
|
|
|
|
.affiliate.applicant[0].applicant.code);
|
|
|
|
|
|
this.$set(this.formData.affiliate.applicant[0].applicant, 'home', this.formZipData
|
|
|
|
|
|
.affiliate.applicant[0]
|
|
|
|
|
|
.applicant.home);
|
|
|
|
|
|
this.$set(this.formData.affiliate.applicant[0].applicant, 'address', this
|
|
|
|
|
|
.formZipData.affiliate.applicant[0]
|
|
|
|
|
|
.applicant.address);
|
|
|
|
|
|
this.$set(this.formData.affiliate.applicant[0].applicant, 'compLegalPerson', this
|
|
|
|
|
|
.formZipData.affiliate.applicant[0]
|
|
|
|
|
|
.applicant.compLegalPerson);
|
|
|
|
|
|
this.$set(this.formData.affiliate.applicant[0].applicant, 'email', this.formZipData
|
|
|
|
|
|
.affiliate.applicant[0]
|
|
|
|
|
|
.applicant.email);
|
|
|
|
|
|
this.$set(this.formData.affiliate.applicant[0].applicant, 'phone', this.formZipData
|
|
|
|
|
|
.affiliate.applicant[0]
|
|
|
|
|
|
.applicant.phone);
|
|
|
|
|
|
}
|
2024-04-02 15:11:35 +08:00
|
|
|
|
this.$set(this.formData.affiliate.res[0].res, 'name', this.formZipData.affiliate.res[0].res.name);
|
|
|
|
|
|
this.$set(this.formData.affiliate.res[0].res, 'phone', this.formZipData.affiliate.res[0].res.phone);
|
|
|
|
|
|
this.$set(this.formData.affiliate.res[0].res, 'idCard', this.formZipData.affiliate.res[0].res.idCard);
|
|
|
|
|
|
this.$set(this.formData.affiliate.res[0].res, 'sex', this.formZipData.affiliate.res[0].res.sex);
|
|
|
|
|
|
this.$set(this.formData.affiliate.res[0].res, 'birth', this.formZipData.affiliate.res[0].res.birth);
|
|
|
|
|
|
this.$set(this.formData.affiliate.res[0].res, 'home', this.formZipData.affiliate.res[0].res.home);
|
|
|
|
|
|
this.$set(this.formData.affiliate.res[0].res, 'email', this.formZipData.affiliate.res[0].res.email);
|
|
|
|
|
|
this.$set(this.formData.affiliate.applicant[0].applicant, 'compLegalPerson', this.formZipData.affiliate.applicant[0].applicant.compLegalPerson);
|
2024-03-05 12:01:28 +08:00
|
|
|
|
// this.$set(this.formData.affiliate,'respondentSex',Number(res.data.affiliate.respondentSex));
|
2024-03-05 09:15:47 +08:00
|
|
|
|
},
|
2024-02-29 14:49:56 +08:00
|
|
|
|
handlePreview(file) {
|
|
|
|
|
|
window.open(
|
|
|
|
|
|
window.location.origin + "/API" + file.certificatePath,
|
|
|
|
|
|
"_blank"
|
|
|
|
|
|
);
|
|
|
|
|
|
},
|
|
|
|
|
|
// 提交form表单
|
|
|
|
|
|
submitForm() {
|
|
|
|
|
|
this.$refs["ruleForm"].validate((valid) => {
|
|
|
|
|
|
if (valid) {
|
|
|
|
|
|
if (this.addModifyData == 3) {
|
2024-04-30 15:06:08 +08:00
|
|
|
|
this.formData.affiliate.applicant.forEach((item) => {
|
2024-04-30 15:30:04 +08:00
|
|
|
|
console.log(item)
|
2024-04-30 15:06:08 +08:00
|
|
|
|
// this.$set(item,"organizeFlag",0);
|
|
|
|
|
|
// this.$set(item,"roleType",2)
|
|
|
|
|
|
item.applicantAgent.organizeFlag = 0;
|
2024-05-06 09:59:16 +08:00
|
|
|
|
if (item.applicantAgent == null || item.applicantAgent == undefined) {
|
|
|
|
|
|
item["applicantAgent"] = {}
|
|
|
|
|
|
}
|
2024-04-30 15:30:04 +08:00
|
|
|
|
item.applicantAgent['roleType'] = 2;
|
2024-04-30 15:06:08 +08:00
|
|
|
|
})
|
|
|
|
|
|
this.formData.affiliate.res.forEach((item) => {
|
|
|
|
|
|
// this.$set(item,"organizeFlag",0);
|
|
|
|
|
|
// this.$set(item,"roleType",4)
|
|
|
|
|
|
item.resAgent.organizeFlag = 0;
|
2024-05-06 09:59:16 +08:00
|
|
|
|
if (item.resAgent == null || item.resAgent == undefined) {
|
|
|
|
|
|
item["resAgent"] = {}
|
|
|
|
|
|
}
|
|
|
|
|
|
item.resAgent['roleType'] = 4;
|
2024-04-30 15:06:08 +08:00
|
|
|
|
})
|
2024-02-29 14:49:56 +08:00
|
|
|
|
this.modifyData(this.formData);
|
|
|
|
|
|
} else if (this.addModifyData == 1) {
|
|
|
|
|
|
this.insertFn(this.formData);
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
});
|
|
|
|
|
|
},
|
2024-05-06 09:59:16 +08:00
|
|
|
|
clearValidate(val, index) {
|
|
|
|
|
|
if (index == 0) {
|
|
|
|
|
|
if (val == 0) {
|
2024-01-15 17:28:43 +08:00
|
|
|
|
this.$set(this.formData.affiliate.applicant[0].applicant, "name", this.getUserInfoList.nickName);
|
|
|
|
|
|
this.$set(this.formData.affiliate.applicant[0].applicant, "idCard", this.getUserInfoList.idCard);
|
|
|
|
|
|
this.$set(this.formData.affiliate.applicant[0].applicant, "email", this.getUserInfoList.email);
|
|
|
|
|
|
this.$set(this.formData.affiliate.applicant[0].applicant, "phone", this.getUserInfoList.phonenumber);
|
|
|
|
|
|
this.$set(this.formData.affiliate.applicant[0].applicant, "idType", this.getUserInfoList.idType);
|
|
|
|
|
|
this.$set(this.formData.affiliate.applicant[0].applicant, "nationality", this.getUserInfoList.nationality);
|
2024-05-06 09:59:16 +08:00
|
|
|
|
if (this.formZipData.affiliate) {
|
|
|
|
|
|
// this.$set(this.formData.affiliate.applicant[0].applicant, 'organizeFlag', 0);
|
|
|
|
|
|
this.$set(this.formData, 'arbitratClaims', this.formZipData.arbitratClaims);
|
|
|
|
|
|
this.$set(this.formData, 'facts', this.formZipData.facts);
|
|
|
|
|
|
this.$set(this.formData.affiliate.applicant[0].applicant, "name", this.getUserInfoList.nickName);
|
|
|
|
|
|
this.$set(this.formData.affiliate.applicant[0].applicant, "idCard", this.getUserInfoList.idCard);
|
|
|
|
|
|
this.$set(this.formData.affiliate.applicant[0].applicant, "email", this.getUserInfoList.email);
|
|
|
|
|
|
this.$set(this.formData.affiliate.applicant[0].applicant, "phone", this.getUserInfoList.phonenumber);
|
|
|
|
|
|
this.$set(this.formData.affiliate.applicant[0].applicant, "idType", this.getUserInfoList.idType);
|
|
|
|
|
|
this.$set(this.formData.affiliate.applicant[0].applicant, "nationality", this.getUserInfoList.nationality);
|
2024-01-15 17:28:43 +08:00
|
|
|
|
|
2024-05-06 09:59:16 +08:00
|
|
|
|
} else {
|
|
|
|
|
|
this.formData.affiliate.applicant[0].applicantAgent.name = null;
|
|
|
|
|
|
this.formData.affiliate.applicant[0].applicantAgent.email = null;
|
|
|
|
|
|
this.formData.affiliate.applicant[0].applicantAgent.phone = null;
|
|
|
|
|
|
}
|
|
|
|
|
|
} else if (val == 1) {
|
|
|
|
|
|
this.$set(this.formData.affiliate.applicant[0].applicantAgent, "name", this.getUserInfoList.nickName);
|
|
|
|
|
|
this.$set(this.formData.affiliate.applicant[0].applicantAgent, "email", this.getUserInfoList.email);
|
|
|
|
|
|
this.$set(this.formData.affiliate.applicant[0].applicantAgent, "phone", this.getUserInfoList.phonenumber);
|
|
|
|
|
|
if (this.formZipData.affiliate) {
|
|
|
|
|
|
// this.$set(this.formData.affiliate.applicant[0].applicant, 'organizeFlag', 1);
|
|
|
|
|
|
this.$set(this.formData, 'arbitratClaims', this.formZipData.arbitratClaims);
|
|
|
|
|
|
this.$set(this.formData, 'facts', this.formZipData.facts);
|
|
|
|
|
|
this.$set(this.formData.affiliate.applicant[0].applicant, 'name', this.formZipData
|
|
|
|
|
|
.affiliate.applicant[0]
|
|
|
|
|
|
.applicant.name);
|
|
|
|
|
|
this.$set(this.formData.affiliate.applicant[0].applicant, 'code', this.formZipData
|
|
|
|
|
|
.affiliate.applicant[0].applicant.code);
|
|
|
|
|
|
this.$set(this.formData.affiliate.applicant[0].applicant, 'home', this.formZipData
|
|
|
|
|
|
.affiliate.applicant[0]
|
|
|
|
|
|
.applicant.home);
|
|
|
|
|
|
this.$set(this.formData.affiliate.applicant[0].applicant, 'address', this
|
|
|
|
|
|
.formZipData.affiliate.applicant[0]
|
|
|
|
|
|
.applicant.address);
|
|
|
|
|
|
this.$set(this.formData.affiliate.applicant[0].applicant, 'compLegalPerson', this
|
|
|
|
|
|
.formZipData.affiliate.applicant[0]
|
|
|
|
|
|
.applicant.compLegalPerson);
|
|
|
|
|
|
this.$set(this.formData.affiliate.applicant[0].applicant, 'email', this.formZipData
|
|
|
|
|
|
.affiliate.applicant[0]
|
|
|
|
|
|
.applicant.email);
|
|
|
|
|
|
this.$set(this.formData.affiliate.applicant[0].applicant, 'phone', this.formZipData
|
|
|
|
|
|
.affiliate.applicant[0]
|
|
|
|
|
|
.applicant.phone);
|
|
|
|
|
|
} else {
|
|
|
|
|
|
this.$set(this.formData.affiliate.applicant[0].applicant, 'name', null);
|
|
|
|
|
|
this.$set(this.formData.affiliate.applicant[0].applicant, 'idCard', null);
|
|
|
|
|
|
this.$set(this.formData.affiliate.applicant[0].applicant, 'email', null);
|
|
|
|
|
|
this.$set(this.formData.affiliate.applicant[0].applicant, 'phone', null);
|
|
|
|
|
|
}
|
2024-03-05 12:01:28 +08:00
|
|
|
|
}
|
2024-02-29 14:49:56 +08:00
|
|
|
|
}
|
2024-05-06 09:59:16 +08:00
|
|
|
|
|
2024-02-29 14:49:56 +08:00
|
|
|
|
this.$refs["ruleForm"].clearValidate()
|
|
|
|
|
|
},
|
2024-05-06 09:59:16 +08:00
|
|
|
|
clearValidateRes(val, index) {
|
|
|
|
|
|
if (index == 0) {
|
2024-04-29 14:15:35 +08:00
|
|
|
|
if (val == 0) {
|
2024-05-06 09:59:16 +08:00
|
|
|
|
if (this.formZipData.affiliate) {
|
|
|
|
|
|
// this.$set(this.formData.affiliate.res[0].res, 'organizeFlag', 0);
|
|
|
|
|
|
this.$set(this.formData.affiliate.res[0].res, 'name', this.formZipData.affiliate.res[0].res.name);
|
|
|
|
|
|
this.$set(this.formData.affiliate.res[0].res, 'phone', this.formZipData.affiliate.res[0].res.phone);
|
|
|
|
|
|
this.$set(this.formData.affiliate.res[0].res, 'idCard', this.formZipData.affiliate.res[0].res.idCard);
|
|
|
|
|
|
this.$set(this.formData.affiliate.res[0].res, 'sex', Number(this.formZipData.affiliate.res[0].res.sex));
|
|
|
|
|
|
this.$set(this.formData.affiliate.res[0].res, 'birth', this.formZipData.affiliate.res[0].res.birth);
|
|
|
|
|
|
this.$set(this.formData.affiliate.res[0].res, 'home', this.formZipData.affiliate.res[0].res.home);
|
|
|
|
|
|
this.$set(this.formData.affiliate.res[0].res, 'email', this.formZipData.affiliate.res[0].res.email);
|
|
|
|
|
|
}
|
|
|
|
|
|
} else if (val == 1) {
|
|
|
|
|
|
if (this.formZipData.affiliate) {
|
|
|
|
|
|
// this.$set(this.formData.affiliate.res[0].res, 'organizeFlag', 1);
|
|
|
|
|
|
this.$set(this.formData.affiliate.res[0].res, 'name', this.formZipData.affiliate.res[0].res.name);
|
|
|
|
|
|
this.$set(this.formData.affiliate.res[0].res, 'phone', this.formZipData.affiliate.res[0].res.phone);
|
|
|
|
|
|
this.$set(this.formData.affiliate.res[0].res, 'idCard', this.formZipData.affiliate.res[0].res.idCard);
|
|
|
|
|
|
this.$set(this.formData.affiliate.res[0].res, 'sex', Number(this.formZipData.affiliate.res[0].res.sex));
|
|
|
|
|
|
this.$set(this.formData.affiliate.res[0].res, 'birth', this.formZipData.affiliate.res[0].res.birth);
|
|
|
|
|
|
this.$set(this.formData.affiliate.res[0].res, 'home', this.formZipData.affiliate.res[0].res.home);
|
|
|
|
|
|
this.$set(this.formData.affiliate.res[0].res, 'email', this.formZipData.affiliate.res[0].res.email);
|
|
|
|
|
|
}
|
|
|
|
|
|
this.$set(this.formData.affiliate.res[0].res, 'name', null)
|
|
|
|
|
|
this.$set(this.formData.affiliate.res[0].res, 'home', null)
|
2024-01-12 18:15:12 +08:00
|
|
|
|
}
|
|
|
|
|
|
}
|
2024-05-06 09:59:16 +08:00
|
|
|
|
|
2024-01-12 18:15:12 +08:00
|
|
|
|
this.$refs["ruleForm"].clearValidate()
|
|
|
|
|
|
},
|
2024-02-29 14:49:56 +08:00
|
|
|
|
cancel() {
|
|
|
|
|
|
this.$emit("cancelCaseAdd");
|
|
|
|
|
|
},
|
|
|
|
|
|
institutionalNatural() {
|
2024-03-28 18:04:52 +08:00
|
|
|
|
// console.log(this.formData.organizeFlag);
|
2024-02-29 14:49:56 +08:00
|
|
|
|
},
|
2024-03-28 18:04:52 +08:00
|
|
|
|
handleBlur(index) {
|
|
|
|
|
|
// console.log(this.formData.affiliate.respondentIdentityNum);
|
2024-02-29 14:49:56 +08:00
|
|
|
|
let idCards = {
|
2024-04-02 15:11:35 +08:00
|
|
|
|
idCard: this.formData.affiliate.res[index].res.idCard,
|
2024-02-29 14:49:56 +08:00
|
|
|
|
};
|
|
|
|
|
|
getInfoByIdCard(idCards).then((res) => {
|
2024-04-02 15:11:35 +08:00
|
|
|
|
this.formData.affiliate.res[index].res.sex = res.respondentSex;
|
2024-03-28 18:04:52 +08:00
|
|
|
|
// console.log(res.respondentBirth);
|
2024-04-02 15:11:35 +08:00
|
|
|
|
this.formData.affiliate.res[index].res.birth = res.respondentBirth;
|
2024-02-29 14:49:56 +08:00
|
|
|
|
});
|
|
|
|
|
|
},
|
2024-01-15 17:28:43 +08:00
|
|
|
|
// 申请人身份证
|
|
|
|
|
|
handleBlurApplicant(index) {
|
|
|
|
|
|
console.log(index)
|
|
|
|
|
|
let idCards = {
|
|
|
|
|
|
idCard: this.formData.affiliate.applicant[index].applicant.idCard,
|
|
|
|
|
|
};
|
|
|
|
|
|
getInfoByIdCard(idCards).then((res) => {
|
|
|
|
|
|
this.formData.affiliate.applicant[index].applicant.sex = res.respondentSex;
|
|
|
|
|
|
// console.log(res.respondentBirth);
|
|
|
|
|
|
this.formData.affiliate.applicant[index].applicant.birth = res.respondentBirth;
|
|
|
|
|
|
});
|
|
|
|
|
|
},
|
2024-03-28 18:04:52 +08:00
|
|
|
|
/**删除新增信息某一项 */
|
|
|
|
|
|
deleteDetali(item) {
|
|
|
|
|
|
var index = this.formData.affiliate.indexOf(item)
|
|
|
|
|
|
if (index !== -1) {
|
|
|
|
|
|
this.formData.affiliate.splice(index, 1)
|
|
|
|
|
|
}
|
|
|
|
|
|
},
|
|
|
|
|
|
/**新增申请人信息 */
|
|
|
|
|
|
addApplicant() {
|
|
|
|
|
|
this.formData.affiliate.applicant.push({
|
2024-04-08 10:24:29 +08:00
|
|
|
|
applicant: {
|
|
|
|
|
|
roleType: 1,
|
|
|
|
|
|
name: "",
|
|
|
|
|
|
idCard: "",
|
|
|
|
|
|
code: "",
|
|
|
|
|
|
phone: "",
|
|
|
|
|
|
compLegalPerson: "",
|
|
|
|
|
|
email: "",
|
|
|
|
|
|
home: "",
|
|
|
|
|
|
address: "",
|
|
|
|
|
|
idType: 0,
|
|
|
|
|
|
nationality: 1,
|
|
|
|
|
|
birth: "",
|
|
|
|
|
|
sex: "1",
|
2024-01-12 18:15:12 +08:00
|
|
|
|
operatorFlag: 1,
|
2024-01-15 17:28:43 +08:00
|
|
|
|
organizeFlag: 0,
|
2024-04-08 10:24:29 +08:00
|
|
|
|
},
|
|
|
|
|
|
applicantAgent: {
|
|
|
|
|
|
roleType: 2,
|
|
|
|
|
|
name: "",
|
|
|
|
|
|
idCard: "",
|
|
|
|
|
|
code: "",
|
|
|
|
|
|
phone: "",
|
|
|
|
|
|
compLegalPerson: "",
|
|
|
|
|
|
email: "",
|
|
|
|
|
|
home: "",
|
|
|
|
|
|
address: "",
|
|
|
|
|
|
idType: 0,
|
|
|
|
|
|
nationality: 1,
|
|
|
|
|
|
birth: "",
|
|
|
|
|
|
sex: "1",
|
2024-01-12 18:15:12 +08:00
|
|
|
|
operatorFlag: 1,
|
2024-01-15 17:28:43 +08:00
|
|
|
|
organizeFlag: 0,
|
2024-04-08 10:24:29 +08:00
|
|
|
|
},
|
|
|
|
|
|
},);
|
2024-03-28 18:04:52 +08:00
|
|
|
|
},
|
|
|
|
|
|
/** 新增被申请人信息*/
|
2024-04-08 10:24:29 +08:00
|
|
|
|
addRes() {
|
2024-03-28 18:04:52 +08:00
|
|
|
|
this.formData.affiliate.res.push({
|
2024-04-08 10:24:29 +08:00
|
|
|
|
res: {
|
|
|
|
|
|
roleType: 3,
|
|
|
|
|
|
name: "",
|
|
|
|
|
|
idCard: "",
|
|
|
|
|
|
code: "",
|
|
|
|
|
|
phone: "",
|
|
|
|
|
|
compLegalPerson: "",
|
|
|
|
|
|
email: "",
|
|
|
|
|
|
home: "",
|
|
|
|
|
|
address: "",
|
|
|
|
|
|
idType: 0,
|
|
|
|
|
|
nationality: 1,
|
|
|
|
|
|
birth: "",
|
|
|
|
|
|
sex: "1",
|
2024-01-12 18:15:12 +08:00
|
|
|
|
operatorFlag: 1,
|
2024-01-15 17:28:43 +08:00
|
|
|
|
organizeFlag: 0,
|
2024-04-08 10:24:29 +08:00
|
|
|
|
},
|
|
|
|
|
|
resAgent: {
|
|
|
|
|
|
roleType: 4,
|
|
|
|
|
|
name: "",
|
|
|
|
|
|
idCard: "",
|
|
|
|
|
|
code: "",
|
|
|
|
|
|
phone: "",
|
|
|
|
|
|
compLegalPerson: "",
|
|
|
|
|
|
email: "",
|
|
|
|
|
|
home: "",
|
|
|
|
|
|
address: "",
|
|
|
|
|
|
idType: 0,
|
|
|
|
|
|
nationality: 1,
|
|
|
|
|
|
birth: "",
|
|
|
|
|
|
sex: "1",
|
2024-01-12 18:15:12 +08:00
|
|
|
|
operatorFlag: 1,
|
2024-01-15 17:28:43 +08:00
|
|
|
|
organizeFlag: 0,
|
2024-04-08 10:24:29 +08:00
|
|
|
|
},
|
|
|
|
|
|
},);
|
2024-03-28 18:04:52 +08:00
|
|
|
|
},
|
|
|
|
|
|
/**申请人删除信息 */
|
2024-04-08 10:24:29 +08:00
|
|
|
|
deleteApplicant(item) {
|
2024-03-28 18:04:52 +08:00
|
|
|
|
var index = this.formData.affiliate.applicant.indexOf(item)
|
2024-04-08 10:24:29 +08:00
|
|
|
|
if (index !== -1) {
|
|
|
|
|
|
this.formData.affiliate.applicant.splice(index, 1)
|
|
|
|
|
|
}
|
2024-03-28 18:04:52 +08:00
|
|
|
|
},
|
|
|
|
|
|
/**被申请人删除信息 */
|
2024-04-08 10:24:29 +08:00
|
|
|
|
deleteRes(item) {
|
2024-03-28 18:04:52 +08:00
|
|
|
|
var index = this.formData.affiliate.res.indexOf(item)
|
2024-04-08 10:24:29 +08:00
|
|
|
|
if (index !== -1) {
|
|
|
|
|
|
this.formData.affiliate.res.splice(index, 1)
|
|
|
|
|
|
}
|
2024-03-28 18:04:52 +08:00
|
|
|
|
},
|
2024-02-29 14:49:56 +08:00
|
|
|
|
},
|
|
|
|
|
|
};
|
|
|
|
|
|
</script>
|
2024-03-05 09:15:47 +08:00
|
|
|
|
|
2024-02-29 14:49:56 +08:00
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
|
|
.infoIcon {
|
|
|
|
|
|
width: 4px;
|
|
|
|
|
|
// height: 17px;
|
|
|
|
|
|
background-color: #0072ff;
|
|
|
|
|
|
margin-right: 5px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.caseInfo {
|
|
|
|
|
|
font-size: 17px;
|
|
|
|
|
|
font-weight: 600;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
::v-deep .el-dialog__body {
|
|
|
|
|
|
height: 700px !important;
|
|
|
|
|
|
overflow: auto !important;
|
|
|
|
|
|
}
|
2024-03-18 17:53:14 +08:00
|
|
|
|
|
|
|
|
|
|
::v-deep .el-input--medium .el-input__inner {
|
2024-03-07 17:33:56 +08:00
|
|
|
|
height: 40px;
|
|
|
|
|
|
line-height: 40px;
|
2024-03-05 14:58:10 +08:00
|
|
|
|
}
|
2024-02-29 14:49:56 +08:00
|
|
|
|
</style>
|
