Merge branch 'dev' of http://git.xayunmei.com/SH-Arbitrate/Mediation-Frontend into hcb
This commit is contained in:
hanchaobo
@@ -191,3 +191,12 @@ export function updateComfire(data) {
|
||||
data: data,
|
||||
})
|
||||
}
|
||||
// 根据身份证获取生日和性别
|
||||
export function getInfoByIdCard(query) {
|
||||
return request({
|
||||
url: '/caseApplication/getInfoByIdCard',
|
||||
method: 'get',
|
||||
params: query
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
@@ -1,16 +1,27 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog :title="title" :visible="addVisable" v-if="addVisable" @close="cancel" width="1000px" center
|
||||
:distroy-on-close="true">
|
||||
<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="first"> </el-tab-pane>
|
||||
<el-tab-pane label="证据清单" name="second" v-if="tabFlag">
|
||||
|
||||
</el-tab-pane>
|
||||
</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>
|
||||
<div style="display: inline-flex">
|
||||
<div class="infoIcon"></div>
|
||||
@@ -18,27 +29,43 @@
|
||||
</div>
|
||||
<el-divider></el-divider>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="申请人调解请求" prop="arbitratClaims" :rules="[
|
||||
<el-form-item
|
||||
label="申请人调解请求"
|
||||
prop="arbitratClaims"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '申请人调解请求不能为空',
|
||||
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-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="事实和理由" prop="facts" :rules="[
|
||||
<el-form-item
|
||||
label="事实和理由"
|
||||
prop="facts"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '事实和理由不能为空',
|
||||
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-col>
|
||||
<!-- <el-col :span="24">
|
||||
@@ -54,36 +81,69 @@
|
||||
</el-form-item>
|
||||
</el-col> -->
|
||||
<el-col :span="12">
|
||||
<el-form-item label="案件标的" prop="caseSubjectAmount" :rules="[
|
||||
<el-form-item
|
||||
label="案件标的"
|
||||
prop="caseSubjectAmount"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '案件标的不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="formData.caseSubjectAmount" placeholder="请输入案件标的" />
|
||||
]"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.caseSubjectAmount"
|
||||
placeholder="请输入案件标的"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="调解模板" prop="templateId" :rules="[
|
||||
<el-form-item
|
||||
label="调解模板"
|
||||
prop="templateId"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '调解模板',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-select 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
|
||||
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-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<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-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文件
|
||||
@@ -93,17 +153,33 @@
|
||||
</el-col>
|
||||
<el-col :span="24" v-if="modelFlag">
|
||||
<el-form-item label="证据:">
|
||||
<div v-for="(item, index) in formData.caseAttachList" :key="index" v-if="item.annexType==2">
|
||||
<div style="color: blue;cursor: pointer;" @click="fileDetil(item.annexPath)">{{
|
||||
item.annexName }}</div>
|
||||
<div
|
||||
v-for="(item, index) in formData.caseAttachList"
|
||||
:key="index"
|
||||
v-if="item.annexType == 2"
|
||||
>
|
||||
<div
|
||||
style="color: blue; cursor: pointer"
|
||||
@click="fileDetil(item.annexPath)"
|
||||
>
|
||||
{{ item.annexName }}
|
||||
</div>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24" v-if="modelFlag">
|
||||
<el-form-item label="调解书:">
|
||||
<div v-for="(item, index) in formData.caseAttachList" :key="index" v-if="item.annexType==7">
|
||||
<div style="color: blue;cursor: pointer;" @click="fileDetil(item.annexPath)">{{
|
||||
item.annexName }}</div>
|
||||
<div
|
||||
v-for="(item, index) in formData.caseAttachList"
|
||||
:key="index"
|
||||
v-if="item.annexType == 7"
|
||||
>
|
||||
<div
|
||||
style="color: blue; cursor: pointer"
|
||||
@click="fileDetil(item.annexPath)"
|
||||
>
|
||||
{{ item.annexName }}
|
||||
</div>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
@@ -115,48 +191,72 @@
|
||||
<el-divider></el-divider>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="选择机构或自然人">
|
||||
<el-radio-group v-model="organizeFlag">
|
||||
<el-form-item label="选择机构或自然人" prop="affiliate.organizeFlag">
|
||||
<el-radio-group v-model="formData.affiliate.organizeFlag">
|
||||
<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="organizeFlag==1">
|
||||
<el-form-item label="申请机构名称" prop="affiliate.applicationOrganName" :rules="[
|
||||
<el-col :span="12" v-if="formData.affiliate.organizeFlag == 1">
|
||||
<el-form-item
|
||||
label="申请机构名称"
|
||||
prop="affiliate.applicationName"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '申请机构名称不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="formData.affiliate.applicationName" placeholder="请输入申请机构名称" />
|
||||
]"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.affiliate.applicationName"
|
||||
placeholder="请输入申请机构名称"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12" v-if="organizeFlag==0">
|
||||
<el-form-item label="申请人" prop="affiliate.applicationOrganName" :rules="[
|
||||
<el-col :span="12" v-if="formData.affiliate.organizeFlag == 0">
|
||||
<el-form-item
|
||||
label="申请人"
|
||||
prop="affiliate.applicationName"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '申请人名称不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="formData.affiliate.applicationOrganName" placeholder="请输入申请机构名称" />
|
||||
]"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.affiliate.applicationName"
|
||||
placeholder="请输入申请机构名称"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12" v-if="organizeFlag==1">
|
||||
<el-form-item label="统一社会信用代码" prop="affiliate.creditCode" :rules="[
|
||||
<el-col :span="12" v-if="formData.affiliate.organizeFlag == 1">
|
||||
<el-form-item
|
||||
label="统一社会信用代码"
|
||||
prop="affiliate.code"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '统一社会信用代码不能为空',
|
||||
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="organizeFlag==0">
|
||||
<el-form-item label="申请人身份证号码" prop="affiliate.creditCode" :rules="[
|
||||
<el-col :span="12" v-if="formData.affiliate.organizeFlag == 0">
|
||||
<el-form-item
|
||||
label="申请人身份证号码"
|
||||
prop="affiliate.code"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '申请人身份证号不能为空',
|
||||
@@ -168,45 +268,120 @@
|
||||
message: '请输入正确的身份证号码',
|
||||
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-col>
|
||||
<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,
|
||||
message: '法定代表人不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="formData.affiliate.compLegalPerson" placeholder="请输入法定代表人" />
|
||||
]"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.affiliate.compLegalPerson"
|
||||
placeholder="请输入法定代表人"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="申请人住所" prop="affiliate.applicantHome" :rules="[
|
||||
<el-form-item
|
||||
label="申请人住所"
|
||||
prop="affiliate.applicantHome"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '申请人住所不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="formData.affiliate.applicantHome" placeholder="请输入申请人住所" />
|
||||
]"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.affiliate.applicantHome"
|
||||
placeholder="请输入申请人住所"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="申请人联系地址" prop="affiliate.applicantAddress" :rules="[
|
||||
<el-form-item
|
||||
label="申请人联系地址"
|
||||
prop="affiliate.applicantAddress"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '申请人联系地址不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="formData.affiliate.applicantAddress" placeholder="请输入申请人联系地址" />
|
||||
]"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.affiliate.applicantAddress"
|
||||
placeholder="请输入申请人联系地址"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="代理人联系电话" prop="affiliate.contactTelphoneAgent" :rules="[
|
||||
<el-col :span="12" v-if="formData.affiliate.organizeFlag == 1">
|
||||
<el-form-item
|
||||
label="代理人联系电话"
|
||||
prop="affiliate.contactTelphoneAgent"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '代理人联系电话不能为空',
|
||||
@@ -217,23 +392,56 @@
|
||||
message: '请输入正确的手机号码',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="formData.affiliate.contactTelphoneAgent" placeholder="请输入代理人联系电话" />
|
||||
]"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.affiliate.contactTelphoneAgent"
|
||||
placeholder="请输入代理人联系电话"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="委托代理人姓名" prop="affiliate.nameAgent" :rules="[
|
||||
<el-col :span="12" v-if="formData.affiliate.organizeFlag == 0">
|
||||
<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,
|
||||
message: '委托代理人姓名不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="formData.affiliate.nameAgent" placeholder="请输入委托代理人姓名" />
|
||||
]"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.affiliate.nameAgent"
|
||||
placeholder="请输入委托代理人姓名"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="代理人邮箱" prop="affiliate.agentEmail" :rules="[
|
||||
<el-col :span="12" v-if="formData.affiliate.organizeFlag == 0">
|
||||
<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,
|
||||
message: '代理人邮箱不能为空',
|
||||
@@ -245,23 +453,56 @@
|
||||
message: '请输入正确的邮箱地址',
|
||||
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-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="被申请人姓名" prop="affiliate.respondentName" :rules="[
|
||||
<el-form-item
|
||||
label="被申请人姓名"
|
||||
prop="affiliate.respondentName"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '被申请人姓名不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="formData.affiliate.respondentName" placeholder="请输入被申请人姓名" />
|
||||
]"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.affiliate.respondentName"
|
||||
placeholder="请输入被申请人姓名"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="被申请人联系电话" prop="affiliate.respondentPhone" :rules="[
|
||||
<el-form-item
|
||||
label="被申请人联系电话"
|
||||
prop="affiliate.respondentPhone"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '被申请人联系电话不能为空',
|
||||
@@ -272,12 +513,19 @@
|
||||
message: '请输入正确的手机号码',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="formData.affiliate.respondentPhone" placeholder="请输入被申请人联系电话" />
|
||||
]"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.affiliate.respondentPhone"
|
||||
placeholder="请输入被申请人联系电话"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="被申请人身份证号" prop="affiliate.respondentIdentityNum" :rules="[
|
||||
<el-form-item
|
||||
label="被申请人身份证号"
|
||||
prop="affiliate.respondentIdentityNum"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '被申请人身份证号不能为空',
|
||||
@@ -289,49 +537,69 @@
|
||||
message: '请输入正确的身份证号码',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="formData.affiliate.respondentIdentityNum" placeholder="请输入被申请人身份证号" />
|
||||
]"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.affiliate.respondentIdentityNum"
|
||||
@blur="handleBlur"
|
||||
placeholder="请输入被申请人身份证号"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="被申请人性别：" prop="affiliate.respondentSex" :rules="[
|
||||
<el-form-item
|
||||
label="被申请人性别："
|
||||
prop="affiliate.respondentSex"
|
||||
:rules="[
|
||||
{
|
||||
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="1">女</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="被申请人出生年月日：" prop="affiliate.respondentBirth" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '被申请人出生年月日不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-date-picker v-model="formData.affiliate.respondentBirth" type="date"
|
||||
placeholder="被申请人出生年月日">
|
||||
<el-form-item
|
||||
label="被申请人出生年月日："
|
||||
prop="affiliate.respondentBirth"
|
||||
>
|
||||
<el-date-picker
|
||||
disabled
|
||||
v-model="formData.affiliate.respondentBirth"
|
||||
type="date"
|
||||
placeholder="被申请人出生年月日"
|
||||
>
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="被申请人申请人住所" prop="affiliate.respondentHome" :rules="[
|
||||
<el-form-item
|
||||
label="被申请人申请人住所"
|
||||
prop="affiliate.respondentHome"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '被申请人申请人住所不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="formData.affiliate.respondentHome" placeholder="请输入被申请人申请人住所" />
|
||||
]"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.affiliate.respondentHome"
|
||||
placeholder="请输入被申请人申请人住所"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="被申请人邮箱" prop="affiliate.respondentEmail" :rules="[
|
||||
<el-form-item
|
||||
label="被申请人邮箱"
|
||||
prop="affiliate.respondentEmail"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '代理人邮箱不能为空',
|
||||
@@ -343,8 +611,12 @@
|
||||
message: '请输入正确的邮箱地址',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="formData.affiliate.respondentEmail" placeholder="请输入被申请人邮箱" />
|
||||
]"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.affiliate.respondentEmail"
|
||||
placeholder="请输入被申请人邮箱"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
@@ -356,18 +628,27 @@
|
||||
<el-divider></el-divider>
|
||||
</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-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>
|
||||
</el-form>
|
||||
<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">
|
||||
<span>申请人证据清单</span>
|
||||
</div>
|
||||
<div v-for="(item, index) in applicantEvidence" :key="index" class="text item"
|
||||
style="color: blue;cursor: pointer;" @click="toPreview(item.annexPath)">
|
||||
<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>
|
||||
@@ -375,15 +656,24 @@
|
||||
<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)">
|
||||
<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>
|
||||
</div>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button @click="cancel" class="endbutton"><span>取 消</span></el-button>
|
||||
<el-button type="primary" @click="submitForm" class="endbutton"><span>确认</span></el-button>
|
||||
<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>
|
||||
@@ -392,26 +682,33 @@
|
||||
import {
|
||||
caseApplicationInsert,
|
||||
caseApplicationSelectById,
|
||||
updateComfire
|
||||
updateComfire,
|
||||
getInfoByIdCard,
|
||||
} from "@/api/caseManagement/caseManagement.js";
|
||||
import {
|
||||
getTemplate,
|
||||
} from "@/api/officialSeal/officialSeal.js";
|
||||
import { getTemplate } from "@/api/officialSeal/officialSeal.js";
|
||||
import { getToken } from "@/utils/auth";
|
||||
export default {
|
||||
props: ["addVisable", "queryParams", "caseData", "caseDisabled","tabFlag","addModifyData"],
|
||||
props: [
|
||||
"addVisable",
|
||||
"queryParams",
|
||||
"caseData",
|
||||
"caseDisabled",
|
||||
"tabFlag",
|
||||
"addModifyData",
|
||||
],
|
||||
dicts: ["case_built_type"],
|
||||
data() {
|
||||
return {
|
||||
activeName: 'first',
|
||||
activeName: "first",
|
||||
title: "新增案件",
|
||||
organizeFlag:0,//选择机构和自然人
|
||||
// organizeFlag:0,//选择机构和自然人
|
||||
formData: {
|
||||
affiliate: {
|
||||
respondentSex: 0
|
||||
organizeFlag: 0,
|
||||
respondentSex: 0,
|
||||
},
|
||||
columnValueList: [],
|
||||
caseAttachList: []
|
||||
caseAttachList: [],
|
||||
},
|
||||
templateList: [],
|
||||
modelFlag: false,
|
||||
@@ -423,8 +720,8 @@ export default {
|
||||
headers: {
|
||||
Authorization: "Bearer " + getToken(),
|
||||
},
|
||||
applicantEvidence: [],//申请人证据
|
||||
respondentEvidence: [],//被申请人证据
|
||||
applicantEvidence: [], //申请人证据
|
||||
respondentEvidence: [], //被申请人证据
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
@@ -432,83 +729,84 @@ export default {
|
||||
deep: true,
|
||||
handler(val) {
|
||||
this.getTemplateFn();
|
||||
if (val.id && !val.flag) {
|
||||
if (val.id && val.flag == 2) {
|
||||
this.modelFlag = true;
|
||||
this.title = '修改案件';
|
||||
this.caseApplicationSelectByIdFn(val.id)
|
||||
} else if (!val.id && !val.flag) {
|
||||
this.title = "修改案件";
|
||||
this.caseApplicationSelectByIdFn(val.id);
|
||||
} else if (!val.id && val.flag == 2) {
|
||||
this.modelFlag = false;
|
||||
this.title = '新增案件';
|
||||
this.title = "新增案件";
|
||||
this.formData = {
|
||||
affiliate: {
|
||||
respondentSex: 0
|
||||
organizeFlag:0,
|
||||
respondentSex: 0,
|
||||
},
|
||||
columnValueList: [],
|
||||
caseAttachList: []
|
||||
caseAttachList: [],
|
||||
};
|
||||
} else if (val.id && val.flag == 1) {
|
||||
this.modelFlag = true;
|
||||
this.title = '案件详情';
|
||||
this.title = "案件详情";
|
||||
this.caseApplicationSelectByIdFn(val.id);
|
||||
}
|
||||
},
|
||||
},
|
||||
addVisable(val){
|
||||
if(val){
|
||||
this.activeName = 'first';
|
||||
}
|
||||
addVisable(val) {
|
||||
if (val) {
|
||||
this.activeName = "first";
|
||||
}
|
||||
},
|
||||
},
|
||||
created() {
|
||||
|
||||
console.log(this.formData,"000000000000000000")
|
||||
},
|
||||
methods: {
|
||||
/** 根据案件id获取对应信息 */
|
||||
caseApplicationSelectByIdFn(data) {
|
||||
this.applicantEvidence = [];
|
||||
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;
|
||||
console.log(this.formData)
|
||||
this.formData.caseAttachList.forEach(item => {
|
||||
this.formData.caseAttachList.forEach((item) => {
|
||||
if (item.annexType == 2) {
|
||||
this.applicantEvidence.push(item)
|
||||
this.applicantEvidence.push(item);
|
||||
} else if (item.annexType == 6) {
|
||||
this.respondentEvidence.push(item)
|
||||
this.respondentEvidence.push(item);
|
||||
}
|
||||
})
|
||||
}))
|
||||
});
|
||||
});
|
||||
},
|
||||
// 新增案件
|
||||
insertFn(data) {
|
||||
caseApplicationInsert(data).then(res => {
|
||||
caseApplicationInsert(data).then((res) => {
|
||||
this.$modal.msgSuccess("新增成功！");
|
||||
this.$emit("cancelCaseAdd");
|
||||
this.$emit('getList', this.queryParams);
|
||||
})
|
||||
this.$emit("getList", this.queryParams);
|
||||
});
|
||||
},
|
||||
// 修改确定
|
||||
modifyData(data) {
|
||||
updateComfire(data).then(res => {
|
||||
updateComfire(data).then((res) => {
|
||||
this.$modal.msgSuccess("修改成功！");
|
||||
this.$emit("cancelCaseAdd");
|
||||
this.$emit('getList', this.queryParams);
|
||||
})
|
||||
this.$emit("getList", this.queryParams);
|
||||
});
|
||||
},
|
||||
/** 获取裁决书模板 */
|
||||
getTemplateFn(data) {
|
||||
getTemplate(data).then(res => {
|
||||
console.log(res)
|
||||
getTemplate(data).then((res) => {
|
||||
console.log(res);
|
||||
this.templateList = res.rows;
|
||||
})
|
||||
});
|
||||
},
|
||||
/** 查看证据 */
|
||||
fileDetil(val) {
|
||||
window.open(this.fileURL + val)
|
||||
window.open(this.fileURL + val);
|
||||
},
|
||||
/** 查看证据 */
|
||||
toPreview(val) {
|
||||
window.open(this.fileURL + val)
|
||||
window.open(this.fileURL + val);
|
||||
},
|
||||
/** 文件上传地址 */
|
||||
UploadUrl() {
|
||||
@@ -516,16 +814,15 @@ export default {
|
||||
},
|
||||
/**文件上传成功*/
|
||||
handlSuccess(res, file) {
|
||||
this.formData.caseAttachList.push(
|
||||
{
|
||||
this.formData.caseAttachList.push({
|
||||
annexId: res.annexId,
|
||||
}
|
||||
);
|
||||
});
|
||||
},
|
||||
/**文件超出个数限制时的钩子*/
|
||||
handleExceed(files, fileList) {
|
||||
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}？`);
|
||||
},
|
||||
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) {
|
||||
window.open(
|
||||
@@ -544,20 +843,33 @@ export default {
|
||||
},
|
||||
// 提交form表单
|
||||
submitForm() {
|
||||
this.$refs['ruleForm'].validate((valid) => {
|
||||
this.$refs["ruleForm"].validate((valid) => {
|
||||
if (valid) {
|
||||
if(this.addModifyData == 1){
|
||||
this.modifyData(this.formData)
|
||||
}else if(this.addModifyData == 2){
|
||||
this.insertFn(this.formData)
|
||||
if (this.addModifyData == 1) {
|
||||
this.modifyData(this.formData);
|
||||
} else if (this.addModifyData == 2) {
|
||||
this.insertFn(this.formData);
|
||||
}
|
||||
|
||||
}
|
||||
});
|
||||
},
|
||||
cancel() {
|
||||
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>
|
||||
|
||||
Reference in New Issue
Block a user