This commit is contained in:
hanchaobo
2024-01-31 09:12:22 +08:00
2 changed files with 865 additions and 544 deletions
+9
View File
@@ -191,3 +191,12 @@ export function updateComfire(data) {
data: data, data: data,
}) })
} }
// 根据身份证获取生日和性别
export function getInfoByIdCard(query) {
return request({
url: '/caseApplication/getInfoByIdCard',
method: 'get',
params: query
})
}
+475 -163
View File
@@ -1,16 +1,27 @@
<template> <template>
<div> <div>
<el-dialog :title="title" :visible="addVisable" v-if="addVisable" @close="cancel" width="1000px" center <el-dialog
:distroy-on-close="true"> :title="title"
:visible="addVisable"
v-if="addVisable"
@close="cancel"
width="1000px"
center
:distroy-on-close="true"
>
<el-tabs v-model="activeName"> <el-tabs v-model="activeName">
<el-tab-pane label="案件信息" name="first"> <el-tab-pane label="案件信息" name="first"> </el-tab-pane>
</el-tab-pane>
<el-tab-pane label="证据清单" name="second" v-if="tabFlag"> <el-tab-pane label="证据清单" name="second" v-if="tabFlag">
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>
<el-form v-if="activeName == 'first'" :disabled="caseDisabled" :model="formData" ref="ruleForm" label-width="130px" class="demo-ruleForm"> <el-form
v-if="activeName == 'first'"
:disabled="caseDisabled"
:model="formData"
ref="ruleForm"
label-width="130px"
class="demo-ruleForm"
>
<el-row> <el-row>
<div style="display: inline-flex"> <div style="display: inline-flex">
<div class="infoIcon"></div> <div class="infoIcon"></div>
@@ -18,27 +29,43 @@
</div> </div>
<el-divider></el-divider> <el-divider></el-divider>
<el-col :span="24"> <el-col :span="24">
<el-form-item label="申请人调解请求" prop="arbitratClaims" :rules="[ <el-form-item
label="申请人调解请求"
prop="arbitratClaims"
:rules="[
{ {
required: true, required: true,
message: '申请人调解请求不能为空', message: '申请人调解请求不能为空',
trigger: 'blur', trigger: 'blur',
}, },
]"> ]"
<el-input v-model="formData.arbitratClaims" placeholder="请输入申请人调解诉求" type="textarea" >
:autosize="{ minRows: 4, maxRows: 8 }" /> <el-input
v-model="formData.arbitratClaims"
placeholder="请输入申请人调解诉求"
type="textarea"
:autosize="{ minRows: 4, maxRows: 8 }"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="24"> <el-col :span="24">
<el-form-item label="事实和理由" prop="facts" :rules="[ <el-form-item
label="事实和理由"
prop="facts"
:rules="[
{ {
required: true, required: true,
message: '事实和理由不能为空', message: '事实和理由不能为空',
trigger: 'blur', trigger: 'blur',
}, },
]"> ]"
<el-input v-model="formData.facts" placeholder="请输入事实和理由" type="textarea" >
:autosize="{ minRows: 4, maxRows: 8 }" /> <el-input
v-model="formData.facts"
placeholder="请输入事实和理由"
type="textarea"
:autosize="{ minRows: 4, maxRows: 8 }"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<!-- <el-col :span="24"> <!-- <el-col :span="24">
@@ -54,36 +81,69 @@
</el-form-item> </el-form-item>
</el-col> --> </el-col> -->
<el-col :span="12"> <el-col :span="12">
<el-form-item label="案件标的" prop="caseSubjectAmount" :rules="[ <el-form-item
label="案件标的"
prop="caseSubjectAmount"
:rules="[
{ {
required: true, required: true,
message: '案件标的不能为空', message: '案件标的不能为空',
trigger: 'blur', trigger: 'blur',
}, },
]"> ]"
<el-input v-model="formData.caseSubjectAmount" placeholder="请输入案件标的" /> >
<el-input
v-model="formData.caseSubjectAmount"
placeholder="请输入案件标的"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="24"> <el-col :span="24">
<el-form-item label="调解模板" prop="templateId" :rules="[ <el-form-item
label="调解模板"
prop="templateId"
:rules="[
{ {
required: true, required: true,
message: '调解模板', message: '调解模板',
trigger: 'blur', trigger: 'blur',
}, },
]"> ]"
<el-select placeholder="请选择调解模板" v-model="formData.templateId"> >
<el-option v-for="item in templateList" :label="item.temName" :key="item.id" <el-select
:value="item.id"></el-option> placeholder="请选择调解模板"
v-model="formData.templateId"
>
<el-option
v-for="item in templateList"
:label="item.temName"
:key="item.id"
:value="item.id"
></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="申请人案件证据资料上传:" prop="applicantEvidence"> <el-form-item
<el-upload class="upload-demo" ref="fileupload" accept=".png,.jpg,.doc,.docx,.txt,.pdf" label="申请人案件证据资料上传:"
:action="UploadUrl()" :on-success="handlSuccess" :on-remove="handleRemove" prop="applicantEvidence"
:on-preview="handlePreview" :before-remove="beforeRemove" :data="filedata" >
:headers="headers" multiple :limit="50" :on-exceed="handleExceed" :file-list="fileList"> <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> <el-button size="small" type="primary">点击上传</el-button>
<div slot="tip" class="el-upload__tip"> <div slot="tip" class="el-upload__tip">
文件支持上传.jpg,png,.doc,docx,.txt,.pdf文件 文件支持上传.jpg,png,.doc,docx,.txt,.pdf文件
@@ -93,17 +153,33 @@
</el-col> </el-col>
<el-col :span="24" v-if="modelFlag"> <el-col :span="24" v-if="modelFlag">
<el-form-item label="证据:"> <el-form-item label="证据:">
<div v-for="(item, index) in formData.caseAttachList" :key="index" v-if="item.annexType==2"> <div
<div style="color: blue;cursor: pointer;" @click="fileDetil(item.annexPath)">{{ v-for="(item, index) in formData.caseAttachList"
item.annexName }}</div> :key="index"
v-if="item.annexType == 2"
>
<div
style="color: blue; cursor: pointer"
@click="fileDetil(item.annexPath)"
>
{{ item.annexName }}
</div>
</div> </div>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="24" v-if="modelFlag"> <el-col :span="24" v-if="modelFlag">
<el-form-item label="调解书:"> <el-form-item label="调解书:">
<div v-for="(item, index) in formData.caseAttachList" :key="index" v-if="item.annexType==7"> <div
<div style="color: blue;cursor: pointer;" @click="fileDetil(item.annexPath)">{{ v-for="(item, index) in formData.caseAttachList"
item.annexName }}</div> :key="index"
v-if="item.annexType == 7"
>
<div
style="color: blue; cursor: pointer"
@click="fileDetil(item.annexPath)"
>
{{ item.annexName }}
</div>
</div> </div>
</el-form-item> </el-form-item>
</el-col> </el-col>
@@ -115,48 +191,72 @@
<el-divider></el-divider> <el-divider></el-divider>
</el-col> </el-col>
<el-col :span="24"> <el-col :span="24">
<el-form-item label="选择机构或自然人"> <el-form-item label="选择机构或自然人" prop="affiliate.organizeFlag">
<el-radio-group v-model="organizeFlag"> <el-radio-group v-model="formData.affiliate.organizeFlag">
<el-radio :label="0">自然人</el-radio> <el-radio :label="0">自然人</el-radio>
<el-radio :label="1">机构</el-radio> <el-radio :label="1">机构</el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12" v-if="organizeFlag==1"> <el-col :span="12" v-if="formData.affiliate.organizeFlag == 1">
<el-form-item label="申请机构名称" prop="affiliate.applicationOrganName" :rules="[ <el-form-item
label="申请机构名称"
prop="affiliate.applicationName"
:rules="[
{ {
required: true, required: true,
message: '申请机构名称不能为空', message: '申请机构名称不能为空',
trigger: 'blur', trigger: 'blur',
}, },
]"> ]"
<el-input v-model="formData.affiliate.applicationName" placeholder="请输入申请机构名称" /> >
<el-input
v-model="formData.affiliate.applicationName"
placeholder="请输入申请机构名称"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12" v-if="organizeFlag==0"> <el-col :span="12" v-if="formData.affiliate.organizeFlag == 0">
<el-form-item label="申请人" prop="affiliate.applicationOrganName" :rules="[ <el-form-item
label="申请人"
prop="affiliate.applicationName"
:rules="[
{ {
required: true, required: true,
message: '申请人名称不能为空', message: '申请人名称不能为空',
trigger: 'blur', trigger: 'blur',
}, },
]"> ]"
<el-input v-model="formData.affiliate.applicationOrganName" placeholder="请输入申请机构名称" /> >
<el-input
v-model="formData.affiliate.applicationName"
placeholder="请输入申请机构名称"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12" v-if="organizeFlag==1"> <el-col :span="12" v-if="formData.affiliate.organizeFlag == 1">
<el-form-item label="统一社会信用代码" prop="affiliate.creditCode" :rules="[ <el-form-item
label="统一社会信用代码"
prop="affiliate.code"
:rules="[
{ {
required: true, required: true,
message: '统一社会信用代码不能为空', message: '统一社会信用代码不能为空',
trigger: 'blur', trigger: 'blur',
}, },
]"> ]"
<el-input v-model="formData.affiliate.creditCode" placeholder="请输入统一社会信用代码" /> >
<el-input
v-model="formData.affiliate.code"
placeholder="请输入统一社会信用代码"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12" v-if="organizeFlag==0"> <el-col :span="12" v-if="formData.affiliate.organizeFlag == 0">
<el-form-item label="申请人身份证号码" prop="affiliate.creditCode" :rules="[ <el-form-item
label="申请人身份证号码"
prop="affiliate.code"
:rules="[
{ {
required: true, required: true,
message: '申请人身份证号不能为空', message: '申请人身份证号不能为空',
@@ -168,45 +268,120 @@
message: '请输入正确的身份证号码', message: '请输入正确的身份证号码',
trigger: 'blur', trigger: 'blur',
}, },
]"> ]"
<el-input v-model="formData.affiliate.creditCode" placeholder="请输入申请人的身份证号" /> >
<el-input
v-model="formData.affiliate.code"
placeholder="请输入申请人的身份证号"
/>
</el-form-item>
</el-col>
<el-col :span="12" v-if="formData.affiliate.organizeFlag == 0">
<el-form-item
label="申请人邮箱"
prop="affiliate.applicationEmail"
:rules="[
{
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="formData.affiliate.applicationEmail"
placeholder="请输入申请人邮箱"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="法定代表人" prop="affiliate.compLegalPerson" :rules="[ <el-form-item
label="申请人电话"
prop="affiliate.applicationPhone"
:rules="[
{
required: true,
message: '申请人联系电话不能为空',
trigger: 'blur',
},
{
pattern: /^[1][3,4,5,6,7,8,9][0-9]{9}$/,
message: '请输入正确的手机号码',
trigger: 'blur',
},
]"
>
<el-input
v-model="formData.affiliate.applicationPhone"
placeholder="请输入申请人联系电话"
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item
label="法定代表人"
prop="affiliate.compLegalPerson"
:rules="[
{ {
required: true, required: true,
message: '法定代表人不能为空', message: '法定代表人不能为空',
trigger: 'blur', trigger: 'blur',
}, },
]"> ]"
<el-input v-model="formData.affiliate.compLegalPerson" placeholder="请输入法定代表人" /> >
<el-input
v-model="formData.affiliate.compLegalPerson"
placeholder="请输入法定代表人"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="申请人住所" prop="affiliate.applicantHome" :rules="[ <el-form-item
label="申请人住所"
prop="affiliate.applicantHome"
:rules="[
{ {
required: true, required: true,
message: '申请人住所不能为空', message: '申请人住所不能为空',
trigger: 'blur', trigger: 'blur',
}, },
]"> ]"
<el-input v-model="formData.affiliate.applicantHome" placeholder="请输入申请人住所" /> >
<el-input
v-model="formData.affiliate.applicantHome"
placeholder="请输入申请人住所"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="申请人联系地址" prop="affiliate.applicantAddress" :rules="[ <el-form-item
label="申请人联系地址"
prop="affiliate.applicantAddress"
:rules="[
{ {
required: true, required: true,
message: '申请人联系地址不能为空', message: '申请人联系地址不能为空',
trigger: 'blur', trigger: 'blur',
}, },
]"> ]"
<el-input v-model="formData.affiliate.applicantAddress" placeholder="请输入申请人联系地址" /> >
<el-input
v-model="formData.affiliate.applicantAddress"
placeholder="请输入申请人联系地址"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12" v-if="formData.affiliate.organizeFlag == 1">
<el-form-item label="代理人联系电话" prop="affiliate.contactTelphoneAgent" :rules="[ <el-form-item
label="代理人联系电话"
prop="affiliate.contactTelphoneAgent"
:rules="[
{ {
required: true, required: true,
message: '代理人联系电话不能为空', message: '代理人联系电话不能为空',
@@ -217,23 +392,56 @@
message: '请输入正确的手机号码', message: '请输入正确的手机号码',
trigger: 'blur', trigger: 'blur',
}, },
]"> ]"
<el-input v-model="formData.affiliate.contactTelphoneAgent" placeholder="请输入代理人联系电话" /> >
<el-input
v-model="formData.affiliate.contactTelphoneAgent"
placeholder="请输入代理人联系电话"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12" v-if="formData.affiliate.organizeFlag == 0">
<el-form-item label="委托代理人姓名" prop="affiliate.nameAgent" :rules="[ <el-form-item
label="代理人联系电话"
prop="affiliate.contactTelphoneAgent"
>
<el-input
v-model="formData.affiliate.contactTelphoneAgent"
placeholder="请输入代理人联系电话"
/>
</el-form-item>
</el-col>
<el-col :span="12" v-if="formData.affiliate.organizeFlag == 1">
<el-form-item
label="委托代理人姓名"
prop="affiliate.nameAgent"
:rules="[
{ {
required: true, required: true,
message: '委托代理人姓名不能为空', message: '委托代理人姓名不能为空',
trigger: 'blur', trigger: 'blur',
}, },
]"> ]"
<el-input v-model="formData.affiliate.nameAgent" placeholder="请输入委托代理人姓名" /> >
<el-input
v-model="formData.affiliate.nameAgent"
placeholder="请输入委托代理人姓名"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12" v-if="formData.affiliate.organizeFlag == 0">
<el-form-item label="代理人邮箱" prop="affiliate.agentEmail" :rules="[ <el-form-item label="委托代理人姓名" prop="affiliate.nameAgent">
<el-input
v-model="formData.affiliate.nameAgent"
placeholder="请输入委托代理人姓名"
/>
</el-form-item>
</el-col>
<el-col :span="12" v-if="formData.affiliate.organizeFlag == 1">
<el-form-item
label="代理人邮箱"
prop="affiliate.agentEmail"
:rules="[
{ {
required: true, required: true,
message: '代理人邮箱不能为空', message: '代理人邮箱不能为空',
@@ -245,23 +453,56 @@
message: '请输入正确的邮箱地址', message: '请输入正确的邮箱地址',
trigger: 'blur', trigger: 'blur',
}, },
]"> ]"
<el-input v-model="formData.affiliate.agentEmail" placeholder="请输入代理人邮箱" /> >
<el-input
v-model="formData.affiliate.agentEmail"
placeholder="请输入代理人邮箱"
/>
</el-form-item>
</el-col>
<el-col :span="12" v-if="formData.affiliate.organizeFlag == 0">
<el-form-item
label="代理人邮箱"
prop="affiliate.agentEmail"
:rules="[
{
pattern:
/^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/,
message: '请输入正确的邮箱地址',
trigger: 'blur',
},
]"
>
<el-input
v-model="formData.affiliate.agentEmail"
placeholder="请输入代理人邮箱"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="被申请人姓名" prop="affiliate.respondentName" :rules="[ <el-form-item
label="被申请人姓名"
prop="affiliate.respondentName"
:rules="[
{ {
required: true, required: true,
message: '被申请人姓名不能为空', message: '被申请人姓名不能为空',
trigger: 'blur', trigger: 'blur',
}, },
]"> ]"
<el-input v-model="formData.affiliate.respondentName" placeholder="请输入被申请人姓名" /> >
<el-input
v-model="formData.affiliate.respondentName"
placeholder="请输入被申请人姓名"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="被申请人联系电话" prop="affiliate.respondentPhone" :rules="[ <el-form-item
label="被申请人联系电话"
prop="affiliate.respondentPhone"
:rules="[
{ {
required: true, required: true,
message: '被申请人联系电话不能为空', message: '被申请人联系电话不能为空',
@@ -272,12 +513,19 @@
message: '请输入正确的手机号码', message: '请输入正确的手机号码',
trigger: 'blur', trigger: 'blur',
}, },
]"> ]"
<el-input v-model="formData.affiliate.respondentPhone" placeholder="请输入被申请人联系电话" /> >
<el-input
v-model="formData.affiliate.respondentPhone"
placeholder="请输入被申请人联系电话"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="被申请人身份证号" prop="affiliate.respondentIdentityNum" :rules="[ <el-form-item
label="被申请人身份证号"
prop="affiliate.respondentIdentityNum"
:rules="[
{ {
required: true, required: true,
message: '被申请人身份证号不能为空', message: '被申请人身份证号不能为空',
@@ -289,49 +537,69 @@
message: '请输入正确的身份证号码', message: '请输入正确的身份证号码',
trigger: 'blur', trigger: 'blur',
}, },
]"> ]"
<el-input v-model="formData.affiliate.respondentIdentityNum" placeholder="请输入被申请人身份证号" /> >
<el-input
v-model="formData.affiliate.respondentIdentityNum"
@blur="handleBlur"
placeholder="请输入被申请人身份证号"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="被申请人性别:" prop="affiliate.respondentSex" :rules="[ <el-form-item
label="被申请人性别:"
prop="affiliate.respondentSex"
:rules="[
{ {
required: true, required: true,
message: '请选择性别' message: '请选择性别',
}, },
]"> ]"
<el-radio-group v-model="formData.affiliate.respondentSex"> >
<el-radio-group v-model="formData.affiliate.respondentSex" disabled>
<el-radio :label="0">男</el-radio> <el-radio :label="0">男</el-radio>
<el-radio :label="1">女</el-radio> <el-radio :label="1">女</el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="被申请人出生年月日:" prop="affiliate.respondentBirth" :rules="[ <el-form-item
{ label="被申请人出生年月日:"
required: true, prop="affiliate.respondentBirth"
message: '被申请人出生年月日不能为空', >
trigger: 'blur', <el-date-picker
}, disabled
]"> v-model="formData.affiliate.respondentBirth"
<el-date-picker v-model="formData.affiliate.respondentBirth" type="date" type="date"
placeholder="被申请人出生年月日"> placeholder="被申请人出生年月日"
>
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="被申请人申请人住所" prop="affiliate.respondentHome" :rules="[ <el-form-item
label="被申请人申请人住所"
prop="affiliate.respondentHome"
:rules="[
{ {
required: true, required: true,
message: '被申请人申请人住所不能为空', message: '被申请人申请人住所不能为空',
trigger: 'blur', trigger: 'blur',
}, },
]"> ]"
<el-input v-model="formData.affiliate.respondentHome" placeholder="请输入被申请人申请人住所" /> >
<el-input
v-model="formData.affiliate.respondentHome"
placeholder="请输入被申请人申请人住所"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="被申请人邮箱" prop="affiliate.respondentEmail" :rules="[ <el-form-item
label="被申请人邮箱"
prop="affiliate.respondentEmail"
:rules="[
{ {
required: true, required: true,
message: '代理人邮箱不能为空', message: '代理人邮箱不能为空',
@@ -343,8 +611,12 @@
message: '请输入正确的邮箱地址', message: '请输入正确的邮箱地址',
trigger: 'blur', trigger: 'blur',
}, },
]"> ]"
<el-input v-model="formData.affiliate.respondentEmail" placeholder="请输入被申请人邮箱" /> >
<el-input
v-model="formData.affiliate.respondentEmail"
placeholder="请输入被申请人邮箱"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
@@ -356,18 +628,27 @@
<el-divider></el-divider> <el-divider></el-divider>
</el-col> </el-col>
<el-col :span="24" v-if="modelFlag"> <el-col :span="24" v-if="modelFlag">
<el-form-item v-for="(item) in formData.columnValueList" :label="item.name" :key="item.id"> <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-input type="textarea" v-model="item.value"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-form> </el-form>
<div v-if="activeName == 'second'"> <div v-if="activeName == 'second'">
<el-card class="box-card" style="margin-bottom: 30px;"> <el-card class="box-card" style="margin-bottom: 30px">
<div slot="header" class="clearfix"> <div slot="header" class="clearfix">
<span>申请人证据清单</span> <span>申请人证据清单</span>
</div> </div>
<div v-for="(item, index) in applicantEvidence" :key="index" class="text item" <div
style="color: blue;cursor: pointer;" @click="toPreview(item.annexPath)"> v-for="(item, index) in applicantEvidence"
:key="index"
class="text item"
style="color: blue; cursor: pointer"
@click="toPreview(item.annexPath)"
>
{{ item.annexName }} {{ item.annexName }}
</div> </div>
</el-card> </el-card>
@@ -375,15 +656,24 @@
<div slot="header" class="clearfix"> <div slot="header" class="clearfix">
<span>被申请人证据清单</span> <span>被申请人证据清单</span>
</div> </div>
<div v-for="(item, index) in respondentEvidence" :key="index" class="text item" <div
style="color: blue;cursor: pointer;" @click="toPreview(item.annexPath)"> v-for="(item, index) in respondentEvidence"
:key="index"
class="text item"
style="color: blue; cursor: pointer"
@click="toPreview(item.annexPath)"
>
{{ item.annexName }} {{ item.annexName }}
</div> </div>
</el-card> </el-card>
</div> </div>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button @click="cancel" class="endbutton"><span>取 消</span></el-button> <el-button @click="cancel" class="endbutton"
<el-button type="primary" @click="submitForm" class="endbutton"><span>确认</span></el-button> ><span>取 消</span></el-button
>
<el-button type="primary" @click="submitForm" class="endbutton"
><span>确认</span></el-button
>
</div> </div>
</el-dialog> </el-dialog>
</div> </div>
@@ -392,26 +682,33 @@
import { import {
caseApplicationInsert, caseApplicationInsert,
caseApplicationSelectById, caseApplicationSelectById,
updateComfire updateComfire,
getInfoByIdCard,
} from "@/api/caseManagement/caseManagement.js"; } from "@/api/caseManagement/caseManagement.js";
import { import { getTemplate } from "@/api/officialSeal/officialSeal.js";
getTemplate,
} from "@/api/officialSeal/officialSeal.js";
import { getToken } from "@/utils/auth"; import { getToken } from "@/utils/auth";
export default { export default {
props: ["addVisable", "queryParams", "caseData", "caseDisabled","tabFlag","addModifyData"], props: [
"addVisable",
"queryParams",
"caseData",
"caseDisabled",
"tabFlag",
"addModifyData",
],
dicts: ["case_built_type"], dicts: ["case_built_type"],
data() { data() {
return { return {
activeName: 'first', activeName: "first",
title: "新增案件", title: "新增案件",
organizeFlag:0,//选择机构和自然人 // organizeFlag:0,//选择机构和自然人
formData: { formData: {
affiliate: { affiliate: {
respondentSex: 0 organizeFlag: 0,
respondentSex: 0,
}, },
columnValueList: [], columnValueList: [],
caseAttachList: [] caseAttachList: [],
}, },
templateList: [], templateList: [],
modelFlag: false, modelFlag: false,
@@ -423,8 +720,8 @@ export default {
headers: { headers: {
Authorization: "Bearer " + getToken(), Authorization: "Bearer " + getToken(),
}, },
applicantEvidence: [],//申请人证据 applicantEvidence: [], //申请人证据
respondentEvidence: [],//被申请人证据 respondentEvidence: [], //被申请人证据
}; };
}, },
watch: { watch: {
@@ -432,83 +729,84 @@ export default {
deep: true, deep: true,
handler(val) { handler(val) {
this.getTemplateFn(); this.getTemplateFn();
if (val.id && !val.flag) { if (val.id && val.flag == 2) {
this.modelFlag = true; this.modelFlag = true;
this.title = '修改案件'; this.title = "修改案件";
this.caseApplicationSelectByIdFn(val.id) this.caseApplicationSelectByIdFn(val.id);
} else if (!val.id && !val.flag) { } else if (!val.id && val.flag == 2) {
this.modelFlag = false; this.modelFlag = false;
this.title = '新增案件'; this.title = "新增案件";
this.formData = { this.formData = {
affiliate: { affiliate: {
respondentSex: 0 organizeFlag:0,
respondentSex: 0,
}, },
columnValueList: [], columnValueList: [],
caseAttachList: [] caseAttachList: [],
}; };
} else if (val.id && val.flag == 1) { } else if (val.id && val.flag == 1) {
this.modelFlag = true; this.modelFlag = true;
this.title = '案件详情'; this.title = "案件详情";
this.caseApplicationSelectByIdFn(val.id); this.caseApplicationSelectByIdFn(val.id);
} }
}, },
}, },
addVisable(val){ addVisable(val) {
if(val){ if (val) {
this.activeName = 'first'; this.activeName = "first";
}
} }
}, },
},
created() { created() {
console.log(this.formData,"000000000000000000")
}, },
methods: { methods: {
/** 根据案件id获取对应信息 */ /** 根据案件id获取对应信息 */
caseApplicationSelectByIdFn(data) { caseApplicationSelectByIdFn(data) {
this.applicantEvidence = []; this.applicantEvidence = [];
this.respondentEvidence = []; this.respondentEvidence = [];
caseApplicationSelectById({ id: data }).then((res => { caseApplicationSelectById({ id: data }).then((res) => {
res.data.affiliate.respondentSex = Number(res.data.affiliate.respondentSex)
this.formData = res.data; this.formData = res.data;
console.log(this.formData) this.formData.caseAttachList.forEach((item) => {
this.formData.caseAttachList.forEach(item => {
if (item.annexType == 2) { if (item.annexType == 2) {
this.applicantEvidence.push(item) this.applicantEvidence.push(item);
} else if (item.annexType == 6) { } else if (item.annexType == 6) {
this.respondentEvidence.push(item) this.respondentEvidence.push(item);
} }
}) });
})) });
}, },
// 新增案件 // 新增案件
insertFn(data) { insertFn(data) {
caseApplicationInsert(data).then(res => { caseApplicationInsert(data).then((res) => {
this.$modal.msgSuccess("新增成功!"); this.$modal.msgSuccess("新增成功!");
this.$emit("cancelCaseAdd"); this.$emit("cancelCaseAdd");
this.$emit('getList', this.queryParams); this.$emit("getList", this.queryParams);
}) });
}, },
// 修改确定 // 修改确定
modifyData(data) { modifyData(data) {
updateComfire(data).then(res => { updateComfire(data).then((res) => {
this.$modal.msgSuccess("修改成功!"); this.$modal.msgSuccess("修改成功!");
this.$emit("cancelCaseAdd"); this.$emit("cancelCaseAdd");
this.$emit('getList', this.queryParams); this.$emit("getList", this.queryParams);
}) });
}, },
/** 获取裁决书模板 */ /** 获取裁决书模板 */
getTemplateFn(data) { getTemplateFn(data) {
getTemplate(data).then(res => { getTemplate(data).then((res) => {
console.log(res) console.log(res);
this.templateList = res.rows; this.templateList = res.rows;
}) });
}, },
/** 查看证据 */ /** 查看证据 */
fileDetil(val) { fileDetil(val) {
window.open(this.fileURL + val) window.open(this.fileURL + val);
}, },
/** 查看证据 */ /** 查看证据 */
toPreview(val) { toPreview(val) {
window.open(this.fileURL + val) window.open(this.fileURL + val);
}, },
/** 文件上传地址 */ /** 文件上传地址 */
UploadUrl() { UploadUrl() {
@@ -516,16 +814,15 @@ export default {
}, },
/**文件上传成功*/ /**文件上传成功*/
handlSuccess(res, file) { handlSuccess(res, file) {
this.formData.caseAttachList.push( this.formData.caseAttachList.push({
{
annexId: res.annexId, annexId: res.annexId,
} });
);
}, },
/**文件超出个数限制时的钩子*/ /**文件超出个数限制时的钩子*/
handleExceed(files, fileList) { handleExceed(files, fileList) {
this.$message.warning( this.$message.warning(
`当前限制选择 3 个文件,本次选择了 ${files.length} 个文件,共选择了 ${files.length + fileList.length `当前限制选择 3 个文件,本次选择了 ${files.length} 个文件,共选择了 ${
files.length + fileList.length
} 个文件` } 个文件`
); );
}, },
@@ -534,7 +831,9 @@ export default {
return this.$confirm(`确定移除 ${file.name}?`); return this.$confirm(`确定移除 ${file.name}?`);
}, },
handleRemove(file, fileList) { handleRemove(file, fileList) {
this.caseAttachListArr = this.caseAttachListArr.filter(item => item.annexId != file.annexId) this.caseAttachListArr = this.caseAttachListArr.filter(
(item) => item.annexId != file.annexId
);
}, },
handlePreview(file) { handlePreview(file) {
window.open( window.open(
@@ -544,20 +843,33 @@ export default {
}, },
// 提交form表单 // 提交form表单
submitForm() { submitForm() {
this.$refs['ruleForm'].validate((valid) => { this.$refs["ruleForm"].validate((valid) => {
if (valid) { if (valid) {
if(this.addModifyData == 1){ if (this.addModifyData == 1) {
this.modifyData(this.formData) this.modifyData(this.formData);
}else if(this.addModifyData == 2){ } else if (this.addModifyData == 2) {
this.insertFn(this.formData) this.insertFn(this.formData);
} }
} }
}); });
}, },
cancel() { cancel() {
this.$emit("cancelCaseAdd"); this.$emit("cancelCaseAdd");
}, },
institutionalNatural() {
console.log(this.formData.affiliate.organizeFlag);
},
handleBlur() {
console.log(this.formData.affiliate.respondentIdentityNum);
let idCards = {
idCard: this.formData.affiliate.respondentIdentityNum,
};
getInfoByIdCard(idCards).then((res) => {
this.formData.affiliate.respondentSex = Number(res.respondentSex);
console.log(res.respondentBirth);
this.formData.affiliate.respondentBirth = res.respondentBirth;
});
},
}, },
}; };
</script> </script>