SH-Arbitrate/Mediation-Frontend
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Merge branch 'hcb' of SH-Arbitrate/Mediation-Frontend into dev

Browse Source
This commit was merged in pull request #32.
This commit is contained in:
hanchaobo
2024-01-31 18:06:58 +08:00
committed by Gitea
parent 8f59447027 33d1e0138e
commit ed0cf608bc
6 changed files with 637 additions and 608 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/caseManagement/caseList.vue
+42 -10
View File
@@ -33,7 +33,7 @@
</el-form>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="addCase(2)">新增案件</el-button>
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="addCase()">新增案件</el-button>
</el-col>
<el-col :span="1.5">
<el-button type="primary" plain icon="el-icon-plus" size="mini"
@@ -60,7 +60,7 @@
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<!-- <el-button size="mini" type="text" icon="el-icon-check" @click="onsubmitRow(scope.row)" v-if="statusRole(scope.row.caseFlowId)">提交</el-button> -->
<el-button size="mini" @click="eidtNodeprocess(scope.row,1)" type="text"
<el-button size="mini" @click="eidtNodeprocess(scope.row)" type="text"
icon="el-icon-edit" v-hasPermi="['caseManagement:list:edit']">修改</el-button>
<el-button size="mini" @click="checkDetail(scope.row)" type="text" icon="el-icon-view">查看详情</el-button>
<!-- <el-button size="mini" @click="consultantApplica(scope.row)" type="text" icon="el-icon-tickets">法律顾问用印申请</el-button> -->
@@ -116,6 +116,9 @@
<!-- 案件受理 -->
<caseAcceptance :showAcceptance="showAcceptance" @cancelAcceptance="cancelAcceptance"
:caseAcceptanceData="caseAcceptanceData" @getList="getList"></caseAcceptance>
<!-- 被申请人缴费 -->
<respondentPay :openResPay="openResPay" :resPayTitle="resPayTitle" :formResPayDetail="formResPayDetail" :resPayId="resPayId" :resPayForm="resPayForm"
:queryParams="queryParams" @getList="getList" @paycancelRes="paycancelRes" :formResPay="formResPay"></respondentPay>
<!-- 调解员弹窗 -->
<selectMediator @cancelMediator="cancelMediator" :mediatorVisable="mediatorVisable" :mediatorData="mediatorData"
@getList="getList" :queryParams="queryParams"></selectMediator>
@@ -149,6 +152,7 @@ import caseCompressionPackage from './components/caseCompressionPackage.vue';
import mediationCaseDetails from './components/mediationCaseDetails.vue'
import mediationCaseLog from './components/mediationCaseLog.vue'
import payDialog from "./components/payDialog.vue";
import respondentPay from "./components/respondentPay.vue"
import paymentdetailsDialog from './components/paymentdetailsDialog.vue'
import caseAcceptance from './components/caseAcceptance.vue'
import selectMediator from './components/selectMediator.vue'
@@ -176,7 +180,8 @@ export default {
timeConfirm,
mediation,
confirmMediation,
caseFilingDetailsPage
caseFilingDetailsPage,
respondentPay
},
data() {
return {
@@ -195,9 +200,13 @@ export default {
dataList: [],
addVisable: false,//新增弹窗
openPay: false, //缴费弹框
openResPay:false,//被申请人缴费弹窗
formPayDetail: {},
formResPayDetail:{},
payId: null,
resPayId:null,
payForm: {},
resPayForm:{},
openCompressedPackages: false,//压缩包导入弹窗
processVisable: false,//案件详情
showcaseLog: false,//案件日志
@@ -207,6 +216,7 @@ export default {
mediationVisable:false,//待调解弹窗
mediationData:{},
payTitle:"",//缴费标题
resPayTitle:'',//被申请人缴费标题
paymentConfirma:{},//缴费确认
showAcceptance:false,//案件受理弹框
caseAcceptanceData:{},//案件受理数据
@@ -222,6 +232,7 @@ export default {
detailsAwardNum:{},
flagLoadingS: true,
formPayDetailAffiliate:{},
formResPay:{},
mediatorData:{},
flag: null,
caseData: {},
@@ -254,7 +265,7 @@ export default {
}else if(type == 2){
// 缴费
this.payStatus(val);
}else if(type == 3){
}else if(type == 3 || type == 45){
// 确认缴费
this.paymentconfirmationRow(val);
}else if(type == 4){
@@ -297,6 +308,9 @@ export default {
this.receivedMediation(val)
}else if(type == 17){
//结束
}else if(type == 44){
// 被申请人缴费
this.resPayStatus(val)
}
},
/**查询按钮列表 */
@@ -313,8 +327,8 @@ export default {
})
},
/** 新增案件 */
addCase(val) {
this.addModifyData =val;
addCase() {
this.addModifyData =1;
this.addVisable = true;
this.caseData = {};
this.caseDisabled = false;
@@ -322,16 +336,15 @@ export default {
},
/** 查看详情 */
checkDetail(val) {
this.addModifyData =2;
this.addVisable = true;
this.caseData = val;
this.$set(this.caseData,'flag',1)
this.caseDisabled = true;
this.tabFlag = true;
},
/** 修改案件 */
eidtNodeprocess(row,val) {
console.log(row,val)
this.addModifyData = val
this.addModifyData = 3
this.addVisable = true;
this.caseData = row;
this.$set(this.caseData,'flag',2)
@@ -345,10 +358,17 @@ export default {
/** 缴费 */
payStatus(val) {
this.getDetail({ id: val.id });
this.payTitle = "缴费";
this.payTitle = "申请人缴费";
this.payId = val.id;
this.openPay = true;
},
/** 被申请人缴费 */
resPayStatus(val) {
this.getResDetail({ id: val.id });
this.resPayTitle = "被申请人缴费";
this.resPayId = val.id;
this.openResPay = true;
},
/** 列表提交立案 */
onsubmitRow(row) {
this.$modal
@@ -389,6 +409,14 @@ export default {
this.payForm.caseId = res.data.id;
});
},
getResDetail(parms) {
caseApplicationSelectById(parms).then((res) => {
this.formResPayDetail = res.data;
this.formResPay = res.data.affiliate;
this.resPayForm.feePayable = res.data.feePayable;
this.resPayForm.caseId = res.data.id;
});
},
/** 确认调解员 */
secretaryConfirm(val) {
this.confirmVisable = true;
@@ -446,6 +474,10 @@ export default {
paycancelRow(row) {
this.openPay = false;
},
/**被申请人取消缴费*/
paycancelRes(row) {
this.openResPay = false;
},
/** 取消调解员弹窗 */
cancelMediator() {
this.mediatorVisable = false;
src/views/caseManagement/components/addCase.vue
+115 -379
View File
@@ -1,27 +1,14 @@
<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="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>
@@ -29,43 +16,27 @@
</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">
@@ -81,69 +52,35 @@
</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文件
@@ -153,15 +90,8 @@
</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)"
>
<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>
@@ -169,15 +99,8 @@
</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)"
>
<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>
@@ -199,64 +122,40 @@
</el-form-item>
</el-col>
<el-col :span="12" v-if="formData.affiliate.organizeFlag == 1">
<el-form-item
label="申请机构名称"
prop="affiliate.applicationName"
:rules="[
<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="formData.affiliate.organizeFlag == 0">
<el-form-item
label="申请人"
prop="affiliate.applicationName"
:rules="[
<el-form-item label="申请人" prop="affiliate.applicationName1" :rules="[
{
required: true,
message: '申请人名称不能为空',
trigger: 'blur',
},
]"
>
<el-input
v-model="formData.affiliate.applicationName"
placeholder="请输入申请机构名称"
/>
]">
<el-input v-model="formData.affiliate.applicationName1" placeholder="请输入申请机构名称" />
</el-form-item>
</el-col>
<el-col :span="12" v-if="formData.affiliate.organizeFlag == 1">
<el-form-item
label="统一社会信用代码"
prop="affiliate.code"
:rules="[
<el-form-item label="统一社会信用代码" prop="affiliate.code" :rules="[
{
required: true,
message: '统一社会信用代码不能为空',
trigger: 'blur',
},
]"
>
<el-input
v-model="formData.affiliate.code"
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.code"
:rules="[
<el-form-item label="申请人身份证号码" prop="affiliate.code" :rules="[
{
required: true,
message: '申请人身份证号不能为空',
@@ -268,19 +167,12 @@
message: '请输入正确的身份证号码',
trigger: 'blur',
},
]"
>
<el-input
v-model="formData.affiliate.code"
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="[
<el-form-item label="申请人邮箱" prop="affiliate.applicationEmail" :rules="[
{
required: true,
message: '申请人邮箱不能为空',
@@ -292,19 +184,12 @@
message: '请输入正确的邮箱地址',
trigger: 'blur',
},
]"
>
<el-input
v-model="formData.affiliate.applicationEmail"
placeholder="请输入申请人邮箱"
/>
]">
<el-input v-model="formData.affiliate.applicationEmail" placeholder="请输入申请人邮箱" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item
label="申请人电话"
prop="affiliate.applicationPhone"
:rules="[
<el-form-item label="申请人电话" prop="affiliate.applicationPhone" :rules="[
{
required: true,
message: '申请人联系电话不能为空',
@@ -315,73 +200,45 @@
message: '请输入正确的手机号码',
trigger: 'blur',
},
]"
>
<el-input
v-model="formData.affiliate.applicationPhone"
placeholder="请输入申请人联系电话"
/>
]">
<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="[
<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" v-if="formData.affiliate.organizeFlag == 1">
<el-form-item
label="代理人联系电话"
prop="affiliate.contactTelphoneAgent"
:rules="[
<el-form-item label="代理人联系电话" prop="affiliate.contactTelphoneAgent" :rules="[
{
required: true,
message: '代理人联系电话不能为空',
@@ -392,56 +249,33 @@
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" v-if="formData.affiliate.organizeFlag == 0">
<el-form-item
label="代理人联系电话"
prop="affiliate.contactTelphoneAgent"
>
<el-input
v-model="formData.affiliate.contactTelphoneAgent"
placeholder="请输入代理人联系电话"
/>
<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="[
<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" v-if="formData.affiliate.organizeFlag == 0">
<el-form-item label="委托代理人姓名" prop="affiliate.nameAgent">
<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" v-if="formData.affiliate.organizeFlag == 1">
<el-form-item
label="代理人邮箱"
prop="affiliate.agentEmail"
:rules="[
<el-form-item label="代理人邮箱" prop="affiliate.agentEmail" :rules="[
{
required: true,
message: '代理人邮箱不能为空',
@@ -453,56 +287,35 @@
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="[
<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-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: '被申请人联系电话不能为空',
@@ -513,19 +326,12 @@
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: '被申请人身份证号不能为空',
@@ -537,26 +343,17 @@
message: '请输入正确的身份证号码',
trigger: 'blur',
},
]"
>
<el-input
v-model="formData.affiliate.respondentIdentityNum"
@blur="handleBlur"
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: '请选择性别',
},
]"
>
]">
<el-radio-group v-model="formData.affiliate.respondentSex" disabled>
<el-radio :label="0">男</el-radio>
<el-radio :label="1">女</el-radio>
@@ -564,42 +361,24 @@
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item
label="被申请人出生年月日："
prop="affiliate.respondentBirth"
>
<el-date-picker
disabled
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: '代理人邮箱不能为空',
@@ -611,12 +390,8 @@
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>
@@ -628,11 +403,7 @@
<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>
@@ -642,13 +413,8 @@
<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>
@@ -656,24 +422,15 @@
<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>
@@ -725,54 +482,28 @@ export default {
};
},
watch: {
caseData: {
deep: true,
handler(val) {
this.getTemplateFn();
// if (val.id && !val.flag) {
// this.modelFlag = true;
// this.title = "修改案件";
// this.caseApplicationSelectByIdFn(val.id);
// } else if (!val.id && !val.flag) {
// this.modelFlag = false;
// this.title = "新增案件";
// this.formData = {
// affiliate: {
// organizeFlag:0,
// respondentSex: 0,
// },
// columnValueList: [],
// caseAttachList: [],
// };
// } else if (val.id && val.flag == 1) {
// this.modelFlag = true;
// this.title = "案件详情";
// this.caseApplicationSelectByIdFn(val.id);
// }
if(val.id){
if(val.flag==1){
this.modelFlag = true;
this.title = "案件详情";
this.caseApplicationSelectByIdFn(val.id);
}else{
this.modelFlag = true;
this.title = "修改案件";
this.caseApplicationSelectByIdFn(val.id);
}
}else{
this.modelFlag = false;
addModifyData(val) {
if (val == 1) {
this.title = "新增案件";
this.modelFlag = false;
this.formData = {
affiliate: {
organizeFlag:0,
organizeFlag: 0,
respondentSex: 0,
},
columnValueList: [],
caseAttachList: [],
};
} else if (val == 3) {
this.title = "修改案件";
this.modelFlag = true;
this.caseApplicationSelectByIdFn(this.caseData.id);
} else if (val == 2) {
this.title = "案件详情";
this.modelFlag = true;
this.caseApplicationSelectByIdFn(this.caseData.id);
}
},
},
addVisable(val) {
if (val) {
this.activeName = "first";
@@ -780,8 +511,14 @@ export default {
},
},
created() {
console.log(this.formData, "000000000000000000")
},
methods: {
/** 切换申请类型 */
changeApplyType(val) {
console.log(val, "变化");
// this.$refs["ruleForm"].resetFields();
},
/** 根据案件id获取对应信息 */
caseApplicationSelectByIdFn(data) {
this.applicantEvidence = [];
@@ -842,8 +579,7 @@ export default {
/**文件超出个数限制时的钩子*/
handleExceed(files, fileList) {
this.$message.warning(
`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${
files.length + fileList.length
`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length
} 个文件`
);
},
src/views/caseManagement/components/caseAcceptance.vue
+32 -21
View File
@@ -1,32 +1,41 @@
<template>
<div>
<!-- 案件受理 -->
<el-dialog
title="案件受理"
:visible="showAcceptance"
@close="cancel"
:destroy-on-close="true"
center
>
<el-dialog title="案件受理" :visible="showAcceptance" @close="cancel" :destroy-on-close="true" center>
<el-form ref="courtReviewform" :model="courtReviewform">
<el-form-item label="调解方式:">
<el-form-item label="是否同意受理:">
<el-radio-group v-model="courtReviewform.agreeFlag">
<el-radio :label="1">是</el-radio>
<el-radio :label="0">否</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="调解方式:" v-if="courtReviewform.agreeFlag == 1">
<el-radio-group v-model="courtReviewform.mediationMethod">
<el-radio :label="1">开庭调解</el-radio>
<el-radio :label="2">线下调解</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="是否纸质送达:">
<el-form-item label="是否纸质送达:" v-if="courtReviewform.agreeFlag == 1">
<el-radio-group v-model="courtReviewform.paperFlag">
<el-radio :label="1">是</el-radio>
<el-radio :label="0">否</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="是否仲裁确认:">
<el-form-item label="是否仲裁确认:" v-if="courtReviewform.agreeFlag == 1" >
<el-radio-group v-model="courtReviewform.arbitrateConfirm">
<el-radio :label="1">是</el-radio>
<el-radio :label="0">否</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item v-if="courtReviewform.agreeFlag == 0" label="拒绝理由:" prop="rejectReason" :rules="[
{
required: true,
message: '拒绝理由不能为空',
trigger: 'blur',
},
]">
<el-input v-model="courtReviewform.rejectReason" type="textarea" :rows="8" />
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm" class="endbutton"><span>确 定</span></el-button>
@@ -37,16 +46,17 @@
</template>
<script>
import {accept} from '@/api/caseManagement/caseManagement.js'
import { accept } from '@/api/caseManagement/caseManagement.js'
export default {
name: "caseAcceptance",
props: ["showAcceptance", "caseAcceptanceData", "getList","queryParams"],
props: ["showAcceptance", "caseAcceptanceData", "getList", "queryParams"],
data() {
return {
courtReviewform: {
mediationMethod:2,
paperFlag:0,
arbitrateConfirm:0
mediationMethod: 2,
paperFlag: 0,
arbitrateConfirm: 0,
agreeFlag: 0
},
};
},
@@ -61,18 +71,18 @@ export default {
submitForm() {
this.$refs["courtReviewform"].validate((valid) => {
if (valid) {
let paramsdata ={
id:this.caseAcceptanceData.id,
caseFlowId:this.caseAcceptanceData.caseFlowId,
batchNumber:""
let paramsdata = {
id: this.caseAcceptanceData.id,
caseFlowId: this.caseAcceptanceData.caseFlowId,
batchNumber: ""
}
let mergeValue = Object.assign({}, this.courtReviewform, paramsdata)
accept(mergeValue).then((res) => {
this.$modal.msgSuccess("确认成功");
this.$emit("getList",this.queryParams)
this.$emit("getList", this.queryParams)
this.cancel();
})
.catch((err) => {});
.catch((err) => { });
}
});
},
@@ -127,6 +137,7 @@ export default {
// line-height: 48px;
}
}
.nowarbitrator {
margin-left: 10%;
}
src/views/caseManagement/components/paymentdetailsDialog.vue
+1
View File
@@ -42,6 +42,7 @@ export default {
detailform: {
handler(val) {
if (val) {
console.log(val,"PPPPPPPPPPPPPPPPPPPPPPPPPPPPPPP");
this.form = val;
}
},
src/views/caseManagement/components/respondentPay.vue
+252
View File
@@ -0,0 +1,252 @@
<template>
<div>
<el-dialog :title="resPayTitle" v-if="openResPay" :visible="openResPay" @close="payCancel" width="800px" append-to-body
:destroy-on-close="true" center>
<el-descriptions title="订单信息">
<el-descriptions-item label="案件编号">{{
formResPayDetail.caseNum
}}</el-descriptions-item>
<el-descriptions-item label="申请人">{{
formResPay.applicationName || ''
}}</el-descriptions-item>
<el-descriptions-item label="案件标的">{{
formResPayDetail.caseSubjectAmount
}}</el-descriptions-item>
<el-descriptions-item label="案件应缴费用">{{
formResPayDetail.feePayable
}}</el-descriptions-item>
<el-descriptions-item label="被申请人">{{
formResPay.respondentName
}}</el-descriptions-item>
<el-descriptions-item label="案件状态">
<el-tag size="mini" type='danger' effect="dark">
{{ formResPayDetail.caseStatusName }}
</el-tag>
</el-descriptions-item>
</el-descriptions>
<div class="paySelectType">
<el-radio-group v-model="paySelect" @input="changPayType">
<el-radio :label="0">线上支付</el-radio>
<el-radio :label="1">线下支付</el-radio>
</el-radio-group>
</div>
<div class="payupload">
<span>上传支付凭证：</span>
<div class="uploadBtn">
<el-upload class="upload-demo" ref="upload" :action="UploadUrl()" :headers="headers" :data="filedata"
:on-preview="handlePreview" :on-remove="handleRemove" :on-change="beforeUpload" :on-success="handlSuccess" :file-list="fileList"
>
<el-button slot="trigger" size="small" type="primary">选取文件</el-button>
<!-- <el-button style="margin-left: 10px;" size="small" type="success" @click="submitUpload">上传到服务器</el-button> -->
<div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>
</el-upload>
</div>
</div>
<div class="payType" v-if="paySelect == 0">
<span>请选择支付方式：</span>
<i class="iconfont icon-weixinzhifu" @click="pay(0)"></i>
<i class="iconfont icon-zhifubao" @click="pay(1)"></i>
</div>
<div class="payImg">
<div id="qrcodeImg"></div>
</div>
<div class="resPayTitle">{{ payMain }}</div>
<div slot="footer" class="dialog-footer">
<el-button @click="payCancel" class="endbutton" round><span>取 消</span></el-button>
<el-button @click="submitUpload" class="endbutton" type="primary" round><span>确认缴费</span></el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import { casePay, confirmPayDig } from "@/api/pay/pay";
import QRCode from "qrcodejs2";
import { getToken } from "@/utils/auth";
export default {
props: ["openResPay", "resPayTitle", "formResPayDetail", "resPayForm", "queryParams","resPayId","formResPay"],
data() {
return {
// key: value
// 支付文字
payMain: "",
timer: null,
paySelect: 1,//支付线上/线下
fileList: [],
headers: {
Authorization: "Bearer " + getToken(),
},
filedata: {
annexType: 9,
},
submitForm:{
payType:1,
payOrderList:[],
caseId:null
}
};
},
methods: {
UploadUrl() {
return window.location.origin + "/API/common/upload";
},
//选择支付方式(线上,线下)
changPayType(data) {
if(data == 1){
document.getElementById("qrcodeImg").innerHTML = "";
this.payMain = ""
}
this.submitForm.payType = data;
},
beforeUpload(flie, fileList) {
this.fileList = fileList;
},
// 文件上传成功
handlSuccess(res, file) {
this.submitForm.payOrderList.push({
annexId: res.annexId,
annexName:res.annexName
});
},
submitUpload() {
if (this.fileList.length < 1) {
this.$modal.msgError("请上传缴费凭证");
return
}
this.submitForm.caseFlowId = this.formResPayDetail.caseFlowId;
confirmPayDig(this.submitForm).then(res=>{
this.$modal.msgSuccess("成功");
this.payCancel()
this.$emit("getList", this.queryParams);
})
},
handleRemove(file, fileList) {
(this.submitForm.payOrderList = []),
fileList.forEach((item) => {
this.submitForm.payOrderList.push({ annexId:item.response.data.annexId,annexName:item.response.data.annexName });
});
},
handlePreview(file) {
},
// 生成二维码
qrcode(url) {
// 前端根据 URL 生成微信支付二维码
document.getElementById("qrcodeImg").innerHTML = "";
return new QRCode("qrcodeImg", {
width: 200,
height: 200,
text: url,
colorDark: "#000",
colorLight: "#fff",
});
},
// 支付
pay(val) {
if (this.resPayForm.feePayable == 0 || !this.resPayForm.feePayable) {
this.$message({
message: "此案件无需缴费",
type: "error",
});
return;
}
let payType = "";
if (val == 0) {
payType = "wxpay";
this.payMain = "请使用微信扫二维码支付";
} else if (val == 1) {
payType = "alipay";
this.payMain = "请使用支付宝扫二维码支付";
}
casePay({
totalFee: this.resPayForm.feePayable * 100,
caseId: this.resPayForm.caseId,
tradeType: "native",
platform: payType,
}).then((res) => {
this.paySrc = res.data.code_url;
this.qrcode(this.paySrc);
});
},
payCancel() {
this.$emit("paycancelRes");
this.payMain = "";
},
},
watch:{
openResPay(val){
if(val){
this.submitForm.payOrderList = []
this.paySelect = 1;
this.fileList = [];
this.filedata.id = this.resPayId;
this.submitForm.caseId = this.resPayId;
}
}
}
};
</script>
<style lang="scss" scoped>
.payType {
height: 80px;
line-height: 80px;
display: flex;
.icon-weixinzhifu {
font-size: 24px;
color: #27a56f;
margin-right: 15px;
}
.icon-zhifubao {
font-size: 24px;
color: #1d76cc;
}
}
.paySelectType {
margin-top: 20px;
margin-bottom: 20px;
}
.payupload {
display: flex;
.uploadBtn {}
}
.payImg {
width: 100%;
display: flex;
justify-content: center;
}
.resPayTitle {
margin-top: 20px;
width: 100%;
text-align: center;
}
::v-deep .el-dialog {
width: 800px;
background: #ffffff;
border-radius: 20px;
}
.endbutton {
width: 154px;
height: 37px;
background: #ffffff;
border: 1px solid #d0d0d0;
border-radius: 19px;
span {
width: 31px;
height: 13px;
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #959595;
}
}
</style>
src/views/caseManagement/components/timeConfirm.vue
+2 -5
View File
@@ -86,12 +86,9 @@ export default {
Message.error('请选择时间');
return
}
this.formLabelAlign.time.forEach(item => {
item = moment(
item
this.formLabelAlign.name = moment(
this.formLabelAlign.name
).format("YYYY-MM-DD HH:mm:ss");
this.formTimeArr.push(item)
})
this.verifyMediatorFn({
id: this.timeConfirmData.id,
caseFlowId: this.timeConfirmData.caseFlowId,