被申请人缴费

src/views/caseManagement/caseList.vue

@@ -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) {
+        addCase() {
-            this.addModifyData =val;
+            this.addModifyData =1;
             this.addVisable = true;
             this.caseData = {};
             this.caseDisabled = false;
@@ -322,15 +336,15 @@ export default {
         },
         /** 查看详情 */
         checkDetail(val) {
+            this.addModifyData =2;
             this.addVisable = true;
             this.caseData = val;
-            this.caseData.flag = 1;
             this.caseDisabled = true;
             this.tabFlag = true;
         },
         /** 修改案件 */
         eidtNodeprocess(row,val) {
-            this.addModifyData = val
+            this.addModifyData = 3
             this.addVisable = true;
             this.caseData = row;
             this.caseDisabled = false;
@@ -343,10 +357,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
@@ -387,6 +408,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;
@@ -444,6 +473,10 @@ export default {
         paycancelRow(row) {
             this.openPay = false;
         },
+        /**被申请人取消缴费*/
+        paycancelRes(row) {
+            this.openResPay = false;
+        },
         /** 取消调解员弹窗 */
         cancelMediator() {
             this.mediatorVisable = false;

src/views/caseManagement/components/addCase.vue

@@ -1,27 +1,14 @@
 <template>
   <div>
-    <el-dialog
+    <el-dialog :title="title" :visible="addVisable" v-if="addVisable" @close="cancel" width="1000px" center
-      :title="title"
+      :distroy-on-close="true">
-      :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
+      <el-form v-if="activeName == 'first'" :disabled="caseDisabled" :model="formData" ref="ruleForm" label-width="130px"
-        v-if="activeName == 'first'"
+        class="demo-ruleForm">
-        :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
+            <el-form-item label="申请人调解请求" prop="arbitratClaims" :rules="[
-              label="申请人调解请求"
-              prop="arbitratClaims"
-              :rules="[
               {
                 required: true,
                 message: '申请人调解请求不能为空',
                 trigger: 'blur',
               },
-              ]"
+            ]">
-            >
+              <el-input v-model="formData.arbitratClaims" placeholder="请输入申请人调解诉求" type="textarea"
-              <el-input
+                :autosize="{ minRows: 4, maxRows: 8 }" />
-                v-model="formData.arbitratClaims"
-                placeholder="请输入申请人调解诉求"
-                type="textarea"
-                :autosize="{ minRows: 4, maxRows: 8 }"
-              />
             </el-form-item>
           </el-col>
           <el-col :span="24">
-            <el-form-item
+            <el-form-item label="事实和理由" prop="facts" :rules="[
-              label="事实和理由"
-              prop="facts"
-              :rules="[
               {
                 required: true,
                 message: '事实和理由不能为空',
                 trigger: 'blur',
               },
-              ]"
+            ]">
-            >
+              <el-input v-model="formData.facts" placeholder="请输入事实和理由" type="textarea"
-              <el-input
+                :autosize="{ minRows: 4, maxRows: 8 }" />
-                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
+            <el-form-item label="案件标的" prop="caseSubjectAmount" :rules="[
-              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
+            <el-form-item label="调解模板" prop="templateId" :rules="[
-              label="调解模板"
-              prop="templateId"
-              :rules="[
               {
                 required: true,
                 message: '调解模板',
                 trigger: 'blur',
               },
-              ]"
+            ]">
-            >
+              <el-select placeholder="请选择调解模板" v-model="formData.templateId">
-              <el-select
+                <el-option v-for="item in templateList" :label="item.temName" :key="item.id" :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-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item
+            <el-form-item label="申请人案件证据资料上传：" prop="applicantEvidence">
-              label="申请人案件证据资料上传："
+              <el-upload class="upload-demo" ref="fileupload" accept=".png,.jpg,.doc,.docx,.txt,.pdf"
-              prop="applicantEvidence"
+                :action="UploadUrl()" :on-success="handlSuccess" :on-remove="handleRemove" :on-preview="handlePreview"
-            >
+                :before-remove="beforeRemove" :data="filedata" :headers="headers" multiple :limit="50"
-              <el-upload
+                :on-exceed="handleExceed" :file-list="fileList">
-                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
+              <div v-for="(item, index) in formData.caseAttachList" :key="index" v-if="item.annexType == 2">
-                v-for="(item, index) in formData.caseAttachList"
+                <div style="color: blue; cursor: pointer" @click="fileDetil(item.annexPath)">
-                :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
+              <div v-for="(item, index) in formData.caseAttachList" :key="index" v-if="item.annexType == 7">
-                v-for="(item, index) in formData.caseAttachList"
+                <div style="color: blue; cursor: pointer" @click="fileDetil(item.annexPath)">
-                :key="index"
-                v-if="item.annexType == 7"
-              >
-                <div
-                  style="color: blue; cursor: pointer"
-                  @click="fileDetil(item.annexPath)"
-                >
                   {{ item.annexName }}
                 </div>
               </div>
@@ -192,71 +115,47 @@
           </el-col>
           <el-col :span="24">
             <el-form-item label="选择机构或自然人" prop="affiliate.organizeFlag">
-                            <el-radio-group v-model="formData.affiliate.organizeFlag">
+              <el-radio-group v-model="formData.affiliate.organizeFlag" @change="changeApplyType">
                 <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="formData.affiliate.organizeFlag == 1">
-            <el-form-item
+            <el-form-item label="申请机构名称" prop="affiliate.applicationName" :rules="[
-              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
+            <el-form-item label="申请人" prop="affiliate.applicationName1" :rules="[
-              label="申请人"
-              prop="affiliate.applicationName"
-              :rules="[
               {
                 required: true,
                 message: '申请人名称不能为空',
                 trigger: 'blur',
               },
-              ]"
+            ]">
-            >
+              <el-input v-model="formData.affiliate.applicationName1" placeholder="请输入申请机构名称" />
-              <el-input
-                v-model="formData.affiliate.applicationName"
-                placeholder="请输入申请机构名称"
-              />
             </el-form-item>
           </el-col>
           <el-col :span="12" v-if="formData.affiliate.organizeFlag == 1">
-            <el-form-item
+            <el-form-item label="统一社会信用代码" prop="affiliate.code" :rules="[
-              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
+            <el-form-item label="申请人身份证号码" prop="affiliate.code" :rules="[
-              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
+            <el-form-item label="申请人邮箱" prop="affiliate.applicationEmail" :rules="[
-              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
+            <el-form-item label="申请人电话" prop="affiliate.applicationPhone" :rules="[
-              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
+            <el-form-item label="法定代表人" prop="affiliate.compLegalPerson" :rules="[
-              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
+            <el-form-item label="申请人住所" prop="affiliate.applicantHome" :rules="[
-              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
+            <el-form-item label="申请人联系地址" prop="affiliate.applicantAddress" :rules="[
-              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
+            <el-form-item label="代理人联系电话" prop="affiliate.contactTelphoneAgent" :rules="[
-              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
+            <el-form-item label="代理人联系电话" prop="affiliate.contactTelphoneAgent">
-              label="代理人联系电话"
+              <el-input v-model="formData.affiliate.contactTelphoneAgent" placeholder="请输入代理人联系电话" />
-              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
+            <el-form-item label="委托代理人姓名" prop="affiliate.nameAgent" :rules="[
-              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
+              <el-input v-model="formData.affiliate.nameAgent" placeholder="请输入委托代理人姓名" />
-                v-model="formData.affiliate.nameAgent"
-                placeholder="请输入委托代理人姓名"
-              />
             </el-form-item>
           </el-col>
           <el-col :span="12" v-if="formData.affiliate.organizeFlag == 1">
-            <el-form-item
+            <el-form-item label="代理人邮箱" prop="affiliate.agentEmail" :rules="[
-              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
+            <el-form-item label="代理人邮箱" prop="affiliate.agentEmail" :rules="[
-              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
+            <el-form-item label="被申请人姓名" prop="affiliate.respondentName" :rules="[
-              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
+            <el-form-item label="被申请人联系电话" prop="affiliate.respondentPhone" :rules="[
-              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
+            <el-form-item label="被申请人身份证号" prop="affiliate.respondentIdentityNum" :rules="[
-              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
+            <el-form-item label="被申请人性别：" prop="affiliate.respondentSex" :rules="[
-              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
+            <el-form-item label="被申请人出生年月日：" prop="affiliate.respondentBirth">
-              label="被申请人出生年月日："
+              <el-date-picker disabled v-model="formData.affiliate.respondentBirth" type="date" placeholder="被申请人出生年月日">
-              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
+            <el-form-item label="被申请人申请人住所" prop="affiliate.respondentHome" :rules="[
-              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
+            <el-form-item label="被申请人邮箱" prop="affiliate.respondentEmail" :rules="[
-              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
+          <el-form-item v-for="item in formData.columnValueList" :label="item.name" :key="item.id">
-            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
+          <div v-for="(item, index) in applicantEvidence" :key="index" class="text item"
-            v-for="(item, index) in applicantEvidence"
+            style="color: blue; cursor: pointer" @click="toPreview(item.annexPath)">
-            :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
+          <div v-for="(item, index) in respondentEvidence" :key="index" class="text item"
-            v-for="(item, index) in respondentEvidence"
+            style="color: blue; cursor: pointer" @click="toPreview(item.annexPath)">
-            :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"
+        <el-button @click="cancel" class="endbutton"><span>取 消</span></el-button>
-          ><span>取 消</span></el-button
+        <el-button type="primary" @click="submitForm" class="endbutton"><span>确认</span></el-button>
-        >
-        <el-button type="primary" @click="submitForm" class="endbutton"
-          ><span>确认</span></el-button
-        >
       </div>
     </el-dialog>
   </div>
@@ -725,32 +482,28 @@ export default {
     };
   },
   watch: {
-    caseData: {
+    addModifyData(val) {
-      deep: true,
+      if (val == 1) {
-      handler(val) {
-        this.getTemplateFn();
-        if (val.id && val.flag == 2) {
-          this.modelFlag = true;
-          this.title = "修改案件";
-          this.caseApplicationSelectByIdFn(val.id);
-        } else if (!val.id && val.flag == 2) {
-          this.modelFlag = false;
         this.title = "新增案件";
+        this.modelFlag = false;
         this.formData = {
           affiliate: {
-                organizeFlag:0,
+            organizeFlag: 0,
             respondentSex: 0,
           },
           columnValueList: [],
           caseAttachList: [],
         };
-        } else if (val.id && val.flag == 1) {
+      } else if (val == 3) {
+        this.title = "修改案件";
         this.modelFlag = true;
+        this.caseApplicationSelectByIdFn(this.caseData.id);
+      } else if (val == 2) {
         this.title = "案件详情";
-          this.caseApplicationSelectByIdFn(val.id);
+        this.modelFlag = true;
+        this.caseApplicationSelectByIdFn(this.caseData.id);
       }
     },
-    },
     addVisable(val) {
       if (val) {
         this.activeName = "first";
@@ -758,9 +511,14 @@ export default {
     },
   },
   created() {
-      console.log(this.formData,"000000000000000000")
+    console.log(this.formData, "000000000000000000")
   },
   methods: {
+    /** 切换申请类型 */
+    changeApplyType(val) {
+      console.log(val, "变化");
+      // this.$refs["ruleForm"].resetFields();
+    },
     /** 根据案件id获取对应信息 */
     caseApplicationSelectByIdFn(data) {
       this.applicantEvidence = [];
@@ -821,8 +579,7 @@ export default {
     /**文件超出个数限制时的钩子*/
     handleExceed(files, fileList) {
       this.$message.warning(
-        `当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${
+        `当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length
-          files.length + fileList.length
         } 个文件`
       );
     },

src/views/caseManagement/components/caseAcceptance.vue

@@ -1,32 +1,41 @@
 <template>
   <div>
     <!-- 案件受理 -->
-    <el-dialog
+    <el-dialog title="案件受理" :visible="showAcceptance" @close="cancel" :destroy-on-close="true" center>
-      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,
+        mediationMethod: 2,
-         paperFlag:0,
+        paperFlag: 0,
-         arbitrateConfirm:0
+        arbitrateConfirm: 0,
+        agreeFlag: 0
       },
     };
   },
@@ -61,18 +71,18 @@ export default {
     submitForm() {
       this.$refs["courtReviewform"].validate((valid) => {
         if (valid) {
-        let paramsdata ={
+          let paramsdata = {
-            id:this.caseAcceptanceData.id,
+            id: this.caseAcceptanceData.id,
-            caseFlowId:this.caseAcceptanceData.caseFlowId,
+            caseFlowId: this.caseAcceptanceData.caseFlowId,
-            batchNumber:""
+            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

@@ -42,6 +42,7 @@ export default {
     detailform: {
       handler(val) {
         if (val) {
+          console.log(val,"PPPPPPPPPPPPPPPPPPPPPPPPPPPPPPP");
           this.form = val;
         }
       },

src/views/caseManagement/components/respondentPay.vue

@@ -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>

vue.config.js

@@ -12,10 +12,10 @@ const name = process.env.VUE_APP_TITLE || '调解系统' // 网页标题
 const port = process.env.port || process.env.npm_config_port || 80 // 端口
 
 // const API = 'http://121.40.189.20:9001'  //生产
-const API = 'http://121.40.189.20:6001'  //测试
+// const API = 'http://121.40.189.20:6001'  //测试
 // const API = 'http://192.168.3.18:6001'  //B
 // const API = 'http://192.168.3.77:6001' //Q
-// const API = 'http://172.16.1.17:6001' //w
+const API = 'http://172.16.1.17:6001' //w
 
 // vue.config.js 配置说明
 //官方vue.config.js 参考文档 https://cli.vuejs.org/zh/config/#css-loaderoptions