缴费页面迁移

src/views/caseManagement/caseList.vue

@@ -165,15 +165,18 @@
             v-hasPermi="['monitor:online:forceLogout']"
             >立案审查</el-button
           >
-          <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-tickets"
-            @click="viewpaymentRow(scope.row)"
-            v-if="scope.row.caseStatus == 2"
-            v-hasPermi="['monitor:online:forceLogout']"
-            >查看缴费</el-button
-          >
+          <el-popconfirm title="是否进行缴费" @confirm="payStatus(scope.row)">
+            <el-button
+              size="mini"
+              type="text"
+              slot="reference"
+              icon="el-icon-tickets"
+              v-if="scope.row.caseStatus == 2"
+              v-hasPermi="['monitor:online:forceLogout']"
+              >缴费</el-button
+            >
+          </el-popconfirm>
+
           <!-- <el-button
             size="mini"
             type="text"
@@ -304,11 +307,19 @@
     ></adjudicaterecordDialog>
     <!-- 开庭审理 -->
     <trialincourtDialog
-    :showtrialincourt="showtrialincourt"
-    :adjudicatename="adjudicatename"
-    :form="form"
-    @canceltrialincourt="canceltrialincourt"
+      :showtrialincourt="showtrialincourt"
+      :adjudicatename="adjudicatename"
+      :form="form"
+      @canceltrialincourt="canceltrialincourt"
     ></trialincourtDialog>
+    <!-- 缴费 -->
+    <payDialog
+      :openPay="openPay"
+      :payTitle="payTitle"
+      :form="form"
+      :payForm="payForm"
+      @paycancelRow="paycancelRow"
+    ></payDialog>
   </div>
 </template>
 
@@ -319,14 +330,17 @@ import formateCourtDialog from "./components/formateCourtDialog.vue";
 import courtReviewDialog from "./components/courtReviewDialog.vue";
 import choosetrialmethodDaiog from "./components/choosetrialmethodDaiog.vue";
 import adjudicaterecordDialog from "./components/adjudicaterecordDialog.vue";
-import trialincourtDialog from './components/trialincourtDialog.vue';
+import trialincourtDialog from "./components/trialincourtDialog.vue";
+import payDialog from "./components/payDialog.vue";
 
+import { caseApplicationDetail } from "@/api/pay/pay";
 import {
   caseApply,
   removeCaseApply,
   submitCaseApply,
   selectCaseApply,
 } from "@/api/caseAccess/caseEntry";
+
 export default {
   name: "caseList",
   dicts: ["case_status"],
@@ -337,7 +351,8 @@ export default {
     courtReviewDialog,
     choosetrialmethodDaiog,
     adjudicaterecordDialog,
-    trialincourtDialog
+    trialincourtDialog,
+    payDialog,
   },
   data() {
     return {
@@ -370,10 +385,13 @@ export default {
       showformateCourt: false, //组庭界面显示
       showcourtReview: false, //组庭审核页面
       showchoosetrialmethod: false, //选择仲裁方式页面
-      choosetrialmethodata:{},
+      choosetrialmethodata: {},
       showadjudicaterecord: false, //书面审理弹框
-      adjudicatename: {},//书面仲裁（被）申请人姓名
+      adjudicatename: {}, //书面仲裁（被）申请人姓名
       showtrialincourt: false, //开庭审理
+      openPay: false, //缴费弹框
+      payTitle: "",
+      payForm: {},
     };
   },
   created() {
@@ -491,10 +509,26 @@ export default {
         })
         .catch(() => {});
     },
-    // 查看缴费
-    viewpaymentRow(row) {
-      console.log(row, "查看缴费");
+    // 取消缴费
+    paycancelRow(row) {
+      this.openPay = false;
     },
+    payStatus(val) {
+      this.getDetail({ id: val.id });
+      this.openPay = true;
+      this.payTitle = "缴费";
+    },
+    getDetail(parms) {
+      caseApplicationDetail(parms).then((res) => {
+        if (res.data.caseStatus == 1) {
+          res.data.caseStatusName = "待缴费";
+        }
+        this.form = res.data;
+        this.payForm.feePayable = res.data.feePayable;
+        this.payForm.caseId = res.data.id;
+      });
+    },
+
     // 组庭
     // formationcourtRow(row) {
     //   console.log(row, "组庭");
@@ -535,7 +569,7 @@ export default {
       // console.log(row, "书面审理");
       this.showadjudicaterecord = true;
       this.form = row;
-      this.getInfo(row)
+      this.getInfo(row);
     },
     canceladjudicaterecord() {
       this.showadjudicaterecord = false;
@@ -545,10 +579,10 @@ export default {
       console.log(row, "开庭审理");
       this.showtrialincourt = true;
       this.form = row;
-      this.getInfo(row)
+      this.getInfo(row);
     },
     canceltrialincourt() {
-        this.showtrialincourt = false;
+      this.showtrialincourt = false;
     },
     //  生成裁决书
     generateawardRow(row) {
@@ -562,15 +596,14 @@ export default {
     getInfo(row) {
       const id = row.id;
       selectCaseApply({ id }).then((res) => {
-        console.log(res,'nnnnnnnnnnnn');
         // this.visible = true;
         // this.formData = res.data;
         this.adjudicatename = {
           applicantName: res.data.applicantName,
           respondentName: res.data.respondentName,
           feePayable: res.data.feePayable,
-          hearDate: res.data.hearDate
-        }
+          hearDate: res.data.hearDate,
+        };
         this.initpaymentArr = [];
         this.initpaymentArr1 = [];
         res.data.caseAffiliates.forEach((item) => {