2024-01-11 10:47:07 +08:00
|
|
|
|
<template>
|
|
|
|
|
|
<div>
|
|
|
|
|
|
<el-dialog :title="title" :visible="addVisable" v-if="addVisable" @close="cancel" width="1000px" center
|
|
|
|
|
|
:distroy-on-close="true">
|
2024-01-11 17:46:26 +08:00
|
|
|
|
<el-form :model="formData" ref="ruleForm" label-width="130px" class="demo-ruleForm" :disabled="caseDisabled">
|
2024-01-11 10:47:07 +08:00
|
|
|
|
<el-row>
|
|
|
|
|
|
<div style="display: inline-flex">
|
|
|
|
|
|
<div class="infoIcon"></div>
|
|
|
|
|
|
<div class="caseInfo">案件信息：</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<el-divider></el-divider>
|
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
|
<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-form-item>
|
|
|
|
|
|
</el-col>
|
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
|
<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-form-item>
|
|
|
|
|
|
</el-col>
|
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
|
<el-form-item label="申请人请求仲裁庭裁决" prop="requestRule">
|
|
|
|
|
|
<el-input v-model="formData.requestRule" placeholder="请输入申请人请求仲裁庭裁决" type="textarea"
|
|
|
|
|
|
:autosize="{ minRows: 4, maxRows: 8 }" />
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
</el-col>
|
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
|
<el-form-item label="案件描述" prop="caseDescribe">
|
|
|
|
|
|
<el-input v-model="formData.caseDescribe" placeholder="请输入案件描述" type="textarea"
|
|
|
|
|
|
:autosize="{ minRows: 4, maxRows: 8 }" />
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
</el-col>
|
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
|
<el-form-item label="案件标的" prop="caseSubjectAmount" :rules="[
|
|
|
|
|
|
{
|
|
|
|
|
|
required: true,
|
|
|
|
|
|
message: '案件标的不能为空',
|
|
|
|
|
|
trigger: 'blur',
|
|
|
|
|
|
},
|
|
|
|
|
|
]">
|
|
|
|
|
|
<el-input v-model="formData.caseSubjectAmount" placeholder="请输入案件标的" />
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
</el-col>
|
2024-01-11 17:46:26 +08:00
|
|
|
|
<el-col :span="24">
|
|
|
|
|
|
<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>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
</el-col>
|
2024-01-11 10:47:07 +08:00
|
|
|
|
<el-col :span="24">
|
|
|
|
|
|
<div style="display: inline-flex">
|
|
|
|
|
|
<div class="infoIcon"></div>
|
|
|
|
|
|
<div class="caseInfo">双方信息：</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<el-divider></el-divider>
|
|
|
|
|
|
</el-col>
|
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
|
<el-form-item label="申请机构名称" prop="affiliate.applicationOrganName" :rules="[
|
|
|
|
|
|
{
|
|
|
|
|
|
required: true,
|
|
|
|
|
|
message: '申请机构名称不能为空',
|
|
|
|
|
|
trigger: 'blur',
|
|
|
|
|
|
},
|
|
|
|
|
|
]">
|
|
|
|
|
|
<el-input v-model="formData.affiliate.applicationOrganName" placeholder="请输入申请机构名称" />
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
</el-col>
|
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
|
<el-form-item label="统一社会信用代码" prop="affiliate.creditCode" :rules="[
|
|
|
|
|
|
{
|
|
|
|
|
|
required: true,
|
|
|
|
|
|
message: '统一社会信用代码不能为空',
|
|
|
|
|
|
trigger: 'blur',
|
|
|
|
|
|
},
|
|
|
|
|
|
]">
|
|
|
|
|
|
<el-input v-model="formData.affiliate.creditCode" 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-form-item>
|
|
|
|
|
|
</el-col>
|
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
|
<el-form-item label="申请人住所" prop="affiliate.applicantHome" :rules="[
|
|
|
|
|
|
{
|
|
|
|
|
|
required: true,
|
|
|
|
|
|
message: '申请人住所不能为空',
|
|
|
|
|
|
trigger: 'blur',
|
|
|
|
|
|
},
|
|
|
|
|
|
]">
|
|
|
|
|
|
<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="[
|
|
|
|
|
|
{
|
|
|
|
|
|
required: true,
|
|
|
|
|
|
message: '申请人联系地址不能为空',
|
|
|
|
|
|
trigger: 'blur',
|
|
|
|
|
|
},
|
|
|
|
|
|
]">
|
|
|
|
|
|
<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="[
|
|
|
|
|
|
{
|
|
|
|
|
|
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.contactTelphoneAgent" placeholder="请输入代理人联系电话" />
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
</el-col>
|
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
|
<el-form-item label="委托代理人姓名" prop="affiliate.nameAgent" :rules="[
|
|
|
|
|
|
{
|
|
|
|
|
|
required: true,
|
|
|
|
|
|
message: '委托代理人姓名不能为空',
|
|
|
|
|
|
trigger: 'blur',
|
|
|
|
|
|
},
|
|
|
|
|
|
]">
|
|
|
|
|
|
<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="[
|
|
|
|
|
|
{
|
|
|
|
|
|
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.agentEmail" placeholder="请输入代理人邮箱" />
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
</el-col>
|
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
|
<el-form-item label="被申请人姓名" prop="affiliate.respondentName" :rules="[
|
|
|
|
|
|
{
|
|
|
|
|
|
required: true,
|
|
|
|
|
|
message: '被申请人姓名不能为空',
|
|
|
|
|
|
trigger: 'blur',
|
|
|
|
|
|
},
|
|
|
|
|
|
]">
|
|
|
|
|
|
<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="[
|
|
|
|
|
|
{
|
|
|
|
|
|
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.respondentPhone" placeholder="请输入被申请人联系电话" />
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
</el-col>
|
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
|
<el-form-item label="被申请人身份证号" prop="affiliate.respondentIdentityNum" :rules="[
|
|
|
|
|
|
{
|
|
|
|
|
|
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',
|
|
|
|
|
|
},
|
|
|
|
|
|
]">
|
|
|
|
|
|
<el-input v-model="formData.affiliate.respondentIdentityNum" placeholder="请输入被申请人身份证号" />
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
</el-col>
|
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
|
<el-form-item label="被申请人性别：" prop="affiliate.respondentSex" :rules="[
|
|
|
|
|
|
{
|
|
|
|
|
|
required: true,
|
|
|
|
|
|
message: '请选择性别'
|
|
|
|
|
|
},
|
|
|
|
|
|
]">
|
|
|
|
|
|
<el-radio-group v-model="formData.affiliate.respondentSex">
|
|
|
|
|
|
<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-date-picker>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
</el-col>
|
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
|
<el-form-item label="被申请人申请人住所" prop="affiliate.respondentHome" :rules="[
|
|
|
|
|
|
{
|
|
|
|
|
|
required: true,
|
|
|
|
|
|
message: '被申请人申请人住所不能为空',
|
|
|
|
|
|
trigger: 'blur',
|
|
|
|
|
|
},
|
|
|
|
|
|
]">
|
|
|
|
|
|
<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="[
|
|
|
|
|
|
{
|
|
|
|
|
|
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.respondentEmail" placeholder="请输入被申请人邮箱" />
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
</el-col>
|
|
|
|
|
|
</el-row>
|
2024-01-11 17:46:26 +08:00
|
|
|
|
<el-col :span="24" v-if="modelFlag">
|
|
|
|
|
|
<div style="display: inline-flex">
|
|
|
|
|
|
<div class="infoIcon"></div>
|
|
|
|
|
|
<div class="caseInfo">抓取规则设置</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<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-input type="textarea" v-model="item.value"></el-input>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
</el-col>
|
2024-01-11 10:47:07 +08:00
|
|
|
|
</el-form>
|
|
|
|
|
|
<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>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</el-dialog>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
|
|
|
import {
|
|
|
|
|
|
caseApplicationInsert,
|
|
|
|
|
|
caseApplicationSelectById
|
|
|
|
|
|
} from "@/api/caseManagement/caseManagement.js";
|
2024-01-11 17:46:26 +08:00
|
|
|
|
import {
|
|
|
|
|
|
getTemplate,
|
|
|
|
|
|
} from "@/api/officialSeal/officialSeal.js";
|
2024-01-11 10:47:07 +08:00
|
|
|
|
export default {
|
2024-01-11 17:46:26 +08:00
|
|
|
|
props: ["addVisable", "queryParams", "caseData", "caseDisabled"],
|
2024-01-11 10:47:07 +08:00
|
|
|
|
dicts: ["case_built_type"],
|
|
|
|
|
|
data() {
|
|
|
|
|
|
return {
|
|
|
|
|
|
title: "新增案件",
|
|
|
|
|
|
formData: {
|
|
|
|
|
|
affiliate: {
|
|
|
|
|
|
respondentSex: 0
|
|
|
|
|
|
},
|
|
|
|
|
|
columnValueList: [],
|
|
|
|
|
|
caseAttachList: []
|
|
|
|
|
|
},
|
2024-01-11 17:46:26 +08:00
|
|
|
|
templateList: [],
|
|
|
|
|
|
modelFlag:false,
|
2024-01-11 10:47:07 +08:00
|
|
|
|
};
|
|
|
|
|
|
},
|
|
|
|
|
|
watch: {
|
|
|
|
|
|
caseData: {
|
|
|
|
|
|
deep: true,
|
|
|
|
|
|
handler(val) {
|
2024-01-11 17:46:26 +08:00
|
|
|
|
this.getTemplateFn();
|
|
|
|
|
|
if (val.id && !val.flag) {
|
|
|
|
|
|
this.modelFlag = true;
|
2024-01-11 10:47:07 +08:00
|
|
|
|
this.title = '修改案件';
|
|
|
|
|
|
this.caseApplicationSelectByIdFn(val.id)
|
2024-01-11 17:46:26 +08:00
|
|
|
|
} else if (!val.id && !val.flag) {
|
|
|
|
|
|
this.modelFlag = false;
|
|
|
|
|
|
this.title = '新增案件';
|
|
|
|
|
|
this.formData = {
|
|
|
|
|
|
affiliate: {
|
|
|
|
|
|
respondentSex: 0
|
|
|
|
|
|
},
|
|
|
|
|
|
columnValueList: [],
|
|
|
|
|
|
caseAttachList: []
|
|
|
|
|
|
};
|
|
|
|
|
|
} else if (val.id && val.flag == 1) {
|
|
|
|
|
|
this.modelFlag = true;
|
|
|
|
|
|
this.title = '案件详情';
|
|
|
|
|
|
this.caseApplicationSelectByIdFn(val.id);
|
2024-01-11 10:47:07 +08:00
|
|
|
|
}
|
2024-01-11 17:46:26 +08:00
|
|
|
|
},
|
2024-01-11 10:47:07 +08:00
|
|
|
|
},
|
|
|
|
|
|
},
|
|
|
|
|
|
created() {
|
|
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
methods: {
|
|
|
|
|
|
/** 根据案件id获取对应信息 */
|
|
|
|
|
|
caseApplicationSelectByIdFn(data) {
|
|
|
|
|
|
caseApplicationSelectById({ id: data }).then((res => {
|
|
|
|
|
|
this.formData = res.data;
|
|
|
|
|
|
}))
|
|
|
|
|
|
},
|
|
|
|
|
|
// 新增案件
|
|
|
|
|
|
insertFn(data) {
|
|
|
|
|
|
caseApplicationInsert(data).then(res => {
|
|
|
|
|
|
this.$modal.msgSuccess("新增成功！");
|
|
|
|
|
|
this.$emit("cancelCaseAdd");
|
|
|
|
|
|
this.$emit('getList', this.queryParams);
|
|
|
|
|
|
})
|
|
|
|
|
|
},
|
2024-01-11 17:46:26 +08:00
|
|
|
|
/** 获取裁决书模板 */
|
|
|
|
|
|
getTemplateFn(data) {
|
|
|
|
|
|
getTemplate(data).then(res => {
|
|
|
|
|
|
console.log(res)
|
|
|
|
|
|
this.templateList = res.rows;
|
|
|
|
|
|
})
|
|
|
|
|
|
},
|
2024-01-11 10:47:07 +08:00
|
|
|
|
// 提交form表单
|
|
|
|
|
|
submitForm() {
|
|
|
|
|
|
this.$refs['ruleForm'].validate((valid) => {
|
|
|
|
|
|
if (valid) {
|
|
|
|
|
|
this.insertFn(this.formData)
|
|
|
|
|
|
}
|
|
|
|
|
|
});
|
|
|
|
|
|
},
|
|
|
|
|
|
cancel() {
|
|
|
|
|
|
this.$emit("cancelCaseAdd");
|
|
|
|
|
|
},
|
|
|
|
|
|
},
|
|
|
|
|
|
};
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
<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;
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
