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

src/api/caseManagement/caseManagement.js

@@ -39,4 +39,28 @@ export function batchUpload(data) {
       method: "post",
       data: data,
     });
+  }
+//   缴费确认
+export function confirmPaid(data) {
+    return request({
+      url: "/pay/confirmPaid",
+      method: "post",
+      data: data,
+    });
+  }
+//   案件id查询缴费清单
+export function selectPaymentDetail(data) {
+    return request({
+      url: "/pay/selectPaymentDetail",
+      method: "get",
+      params: data,
+    });
+  }
+  //案件受理
+  export function accept(data) {
+    return request({
+      url: "/caseApplication/accept",
+      method: "post",
+      data: data,
+    });
   }

src/views/caseManagement/caseList.vue

@@ -63,9 +63,12 @@
                         icon="el-icon-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>
-                    <el-button size="mini" @click="departmentApplica(scope.row)" type="text" icon="el-icon-edit-outline">部门长用印申请</el-button>
+                    <el-button size="mini" @click="departmentApplica(scope.row)" type="text" icon="el-icon-edit-outline">部门长用印</el-button>
                     <el-button size="mini" @click="caseFlow(scope.row)" type="text" icon="el-icon-zoom-in">查看流程</el-button>
                     <el-button size="mini" @click="caseLog(scope.row)" type="text" icon="el-icon-edit-outline">案件日志</el-button>
+                    <el-button size="mini" @click="paymentconfirmationRow(scope.row)" type="text" icon="el-icon-zoom-in">缴费确认</el-button>
+                    <el-button size="mini" @click="caseAccep(scope.row)" type="text" icon="el-icon-zoom-in">案件受理</el-button>
+                    <el-button size="mini" @click="viewpaymentformRow(scope.row)" type="text" icon="el-icon-edit">查看缴费单</el-button>
                     <el-button size="mini" @click="caseFiling(scope.row)" type="text" icon="el-icon-tickets">案件归档</el-button>
                     <el-button size="mini" @click="signMediation(scope.row)" type="text" icon="el-icon-edit-outline">签收调解书</el-button>                 
                     <el-button size="mini" type="text" icon="el-icon-edit"
@@ -89,11 +92,15 @@
         <!-- 证据修改 -->
         <evidenceDialog :evidenceVisable="evidenceVisable" @cancelEvidence="cancelEvidence" :evidenceData="evidenceData">
         </evidenceDialog>
+        <!-- 缴费确认查看详情 -->
+        <paymentdetailsDialog :openDialog="openDialog" @cancelpaymentdetails="cancelpaymentdetails" :title="payTitle" :detailform="detailform" :flag="flag" :paymentConfirma="paymentConfirma" :getList="getList"></paymentdetailsDialog>
+        <!-- 案件受理 -->
+        <caseAcceptance :showAcceptance="showAcceptance" @cancelAcceptance="cancelAcceptance" :caseAcceptanceData="caseAcceptanceData" :getList="getList"></caseAcceptance>
     </div>
 </template>
 
 <script>
-import { caseApplicationList } from '@/api/caseManagement/caseManagement.js'
+import { caseApplicationList,selectPaymentDetail} from '@/api/caseManagement/caseManagement.js'
 import { listDept } from '@/api/system/dept.js'
 import moment from "moment";
 import addCase from './components/addCase.vue'
@@ -101,6 +108,8 @@ import evidenceDialog from './components/evidenceDialog.vue';
 import caseCompressionPackage from './components/caseCompressionPackage.vue';
 import mediationCaseDetails from './components/mediationCaseDetails.vue'
 import mediationCaseLog from './components/mediationCaseLog.vue'
+import paymentdetailsDialog from './components/paymentdetailsDialog.vue'
+import caseAcceptance from './components/caseAcceptance.vue'
 export default {
     name: "caseList",
     dicts: ["case_flow_node"],
@@ -109,7 +118,9 @@ export default {
         caseCompressionPackage,
         mediationCaseDetails,
         mediationCaseLog,
-        evidenceDialog
+        evidenceDialog,
+        paymentdetailsDialog,
+        caseAcceptance
     },
     data() {
         return {
@@ -130,7 +141,14 @@ export default {
             openCompressedPackages:false,//压缩包导入弹窗
             processVisable:false,//案件详情
             showcaseLog:false,//案件日志
+            openDialog:false,//确认缴费和缴费详情
+            detailform: {}, //缴费详情数据
             evidenceVisable: false,//证据修改弹窗
+            payTitle:"",//缴费标题
+            paymentConfirma:{},//缴费确认
+            showAcceptance:false,//案件受理弹框
+            caseAcceptanceData:{},//案件受理数据
+            flag: null,
             caseData: {},
             evidenceData: {},
             caseDisabled: false,
@@ -234,6 +252,45 @@ export default {
         // 部门长用印申请
         departmentApplica(){
             
+        },
+        // 案件受理
+        caseAccep(row){
+            this.caseAcceptanceData = row
+            this.showAcceptance = true
+        },
+        cancelAcceptance(){
+            this.showAcceptance = false
+        },
+        // 缴费确认
+        paymentconfirmationRow(row){
+            this.paymentConfirma = row
+            console.log(this.paymentConfirma)
+            this.paymentDetails({
+                id:row.id
+            })
+            this.openDialog = true
+            this.payTitle = "缴费确认"
+            this.flag = 0;
+            this.detailform = {}
+        },
+        cancelpaymentdetails(){
+            this.openDialog = false
+        },
+        // 查看缴费确认
+        viewpaymentformRow(row){
+             this.paymentDetails({
+                id:row.id
+            })
+            this.payTitle = "缴费单详情"
+            this.flag = 1;
+            this.detailform = {}
+            this.openDialog = true
+        },
+        // 缴费详情
+        paymentDetails(val){
+            selectPaymentDetail(val).then(res=>{
+                this.detailform = res.data;
+            })
         },
         //案件流程
         caseFlow(row){

src/views/caseManagement/components/caseAcceptance.vue

@@ -0,0 +1,139 @@
+<template>
+  <div>
+    <!-- 案件受理 -->
+    <el-dialog
+      title="案件受理"
+      :visible="showAcceptance"
+      @close="cancel"
+      :destroy-on-close="true"
+      center
+    >
+      <el-form ref="courtReviewform" :model="courtReviewform">
+        <el-form-item label="调解方式:">
+          <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-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-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>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm" class="endbutton"><span>确 定</span></el-button>
+        <el-button @click="cancel" class="endbutton1"><span> 取 消</span></el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import {accept} from '@/api/caseManagement/caseManagement.js'
+export default {
+  name: "caseAcceptance",
+  props: ["showAcceptance", "caseAcceptanceData", "getList"],
+  data() {
+    return {
+      courtReviewform: {
+         mediationMethod:2,
+         paperFlag:0,
+         arbitrateConfirm:0
+      },
+    };
+  },
+  watch: {
+    showAcceptance(val) {
+      if (val) {
+        console.log(this.caseAcceptanceData)
+      }
+    },
+  },
+  methods: {
+    submitForm() {
+      this.$refs["courtReviewform"].validate((valid) => {
+        if (valid) {
+        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("确认成功");
+              if (res.code == 200) {
+                this.getList();
+            }
+              this.cancel();
+            })
+            .catch((err) => {});
+        }
+      });
+    },
+    cancel() {
+      this.$emit("cancelAcceptance");
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+::v-deep .el-dialog {
+  background: #ffffff;
+  border-radius: 20px;
+}
+
+.el-form-item {
+  margin-left: 10%;
+}
+
+.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;
+    // line-height: 48px;
+  }
+}
+.nowarbitrator {
+  margin-left: 10%;
+}
+
+::v-deep .el-form-item__error {
+  left: 90px;
+}
+</style>

src/views/caseManagement/components/paymentdetailsDialog.vue

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