查看缴费单，缴费确认，案件受理

2024-01-15 17:28:43 +08:00
parent d6b16862af
commit b793ad3263
4 changed files with 345 additions and 3 deletions
@@ -0,0 +1,122 @@
+<template>
+  <div>
+    <el-dialog :title="title" :visible="openDialog" @close="cancel" :destroy-on-close="true" center>
+      <el-form ref="form" :model="form" label-width="90px" :disabled="true">
+        <el-form-item label="案件编号：" prop="caseNum">
+          <el-input v-model="form.caseNum" placeholder="" />
+        </el-form-item>
+        <el-form-item label="案件标的：" prop="caseSubjectAmount">
+          <el-input v-model="form.caseSubjectAmount" />
+        </el-form-item>
+        <el-form-item label="缴费人：" prop="applicantName">
+          <el-input v-model="form.applicationOrganName" placeholder="" />
+        </el-form-item>
+        <el-form-item label="缴费金额：" prop="feePayable">
+          <el-input v-model="form.feePayable" />
+        </el-form-item>
+        <el-form-item label="缴费凭证：" prop="caseStatusName">
+          <div style="color: #104fad;cursor:pointer" v-for="(item, index) in form.caseAttachList" :key="index" @click="preview(item.annexPath)">
+            {{ item.annexName }}
+          </div>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm" v-if="flag == 0" class="endbutton">确认已缴费</el-button>
+        <el-button @click="cancel" class="endbutton1">取 消</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import {confirmPaid} from '@/api/caseManagement/caseManagement.js'
+export default {
+  props: ["openDialog", "title", "flag", "detailform", "getList","paymentConfirma"],
+  data() {
+    return {
+      form: {},
+      srcList: []
+    };
+  },
+  watch: {
+    detailform: {
+      handler(val) {
+        if (val) {
+          this.form = val;
+        }
+      },
+    },
+  },
+  methods: {
+    preview(data) {
+      window.open(
+        window.location.origin + "/API" + data,
+        "_blank"
+      );
+    },
+    // 确认缴费
+    submitForm() {
+        let paramsVal = {
+            caseId:this.paymentConfirma.id,
+            batchNumber:"",
+            caseFlowId:this.paymentConfirma.caseFlowId
+        }
+      confirmPaid(paramsVal).then((res) => {
+        this.$message({
+          message: "确认成功",
+          type: "success",
+        });
+        if (res.code == 200) {
+          this.getList();
+        }
+      });
+      this.cancel();
+    },
+    cancel() {
+      this.$emit("cancelpaymentdetails");
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+::v-deep .el-dialog {
+  width: 50%;
+  background: #ffffff;
+  border-radius: 20px;
+}
+
+.endbutton {
+  width: 124px;
+  height: 37px;
+  background: #0072ff;
+  border-radius: 19px;
+
+  span {
+    width: 32px;
+    height: 15px;
+    font-size: 16px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    color: #ffffff;
+    // line-height: 48px;
+  }
+}
+
+.endbutton1 {
+  width: 124px;
+  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>