'2.20'

src/views/caseManagement/components/paymentdetailsDialog.vue

@@ -1,18 +1,18 @@
 <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 ref="form" :model="form" label-width="140px">
         <el-form-item label="案件编号：" prop="caseNum">
-          <el-input v-model="form.caseNum" placeholder="" />
+          <el-input v-model="form.caseNum" placeholder="" :disabled="true"/>
         </el-form-item>
         <el-form-item label="案件标的：" prop="caseSubjectAmount">
-          <el-input v-model="form.caseSubjectAmount" />
+          <el-input v-model="form.caseSubjectAmount" :disabled="true"/>
         </el-form-item>
         <!-- <el-form-item label="缴费人：" prop="applicantName">
           <el-input v-model="form.applicationName" placeholder="" />
         </el-form-item> -->
         <el-form-item label="缴费金额：" prop="feePayable">
-          <el-input v-model="form.feePayable" />
+          <el-input v-model="form.feePayable" :disabled="true"/>
         </el-form-item>
         <el-form-item label="申请人缴费凭证：" v-if="form.caseAttachList.length > 0">
           <div style="color: #104fad;cursor:pointer" v-for="(item, index) in form.caseAttachList" :key="index"
@@ -26,9 +26,21 @@
             {{ item.annexName }}
           </div>
         </el-form-item>
+        <!-- 判断缴费是否通过 -->
+        <el-form-item label="是否缴费通过：" v-if="flag == 0">
+          <el-radio-group v-model="yesOrNo">
+            <el-radio :label="1">通过</el-radio>
+            <el-radio :label="0">驳回</el-radio>
+          </el-radio-group>   
+        </el-form-item>
+        <!-- 缴费驳回原因-->
+        <el-form-item label="驳回原因：" v-if="yesOrNo == 0" prop="reason" :rules="[{ required: true, message: '请输入驳回原因',trigger: 'blur',},]">
+          <el-input type="textarea" :rows="2" placeholder="请输入驳回原因" v-model="form.reason"></el-input>
+        </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 type="primary" @click="submitForm" v-if="flag == 0" class="endbutton">确认已缴费</el-button> -->
+        <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>
@@ -36,13 +48,16 @@
 </template>
 
 <script>
-import { confirmPaid } from '@/api/caseManagement/caseManagement.js'
+import { confirmPaid, resConfirmPaid } from '@/api/caseManagement/caseManagement.js'
 export default {
-  props: ["openDialog", "title", "flag", "detailform", "getList", "paymentConfirma", "queryParams"],
+  props: ["openDialog", "title", "flag", "detailform", "getList", "paymentConfirma", "queryParams",'isapplicant'],
   data() {
     return {
-      form: {},
-      srcList: []
+      form: {
+        reason: '',//驳回原因
+      },
+      yesOrNo: 1,
+      srcList: [],
     };
   },
   watch: {
@@ -53,6 +68,13 @@ export default {
         }
       },
     },
+    openDialog: {
+      handler(val) {
+        if (val) {
+          this.yesOrNo = 1
+        }
+      }
+    }
   },
   methods: {
     preview(data) {
@@ -66,16 +88,34 @@ export default {
       let paramsVal = {
         caseId: this.paymentConfirma.id,
         batchNumber: "",
-        caseFlowId: this.paymentConfirma.caseFlowId
+        caseFlowId: this.paymentConfirma.caseFlowId,
+        yesOrNo: this.yesOrNo,
+        reason: this.form.reason
       }
-      confirmPaid(paramsVal).then((res) => {
-        this.$message({
-          message: "确认成功",
-          type: "success",
-        });
-        this.cancel();
-        this.$emit("getList", this.queryParams);
-      });
+      this.$refs["form"].validate((valid) => {
+      if (valid) {
+      if (this.isapplicant) {
+        confirmPaid(paramsVal).then((res) => {
+          this.$message({
+            message: "确认成功",
+            type: "success",
+          });
+        })
+        console.log('申请人');
+      } else {
+        // 被申请人 resConfirmPaid
+        resConfirmPaid(paramsVal).then((res) => {
+          this.$message({
+            message: "确认成功",
+            type: "success",
+          });
+        })
+        console.log('被申请人');
+      }
+      this.cancel();
+      this.$emit("getList", this.queryParams);
+      }
+      })
     },
     cancel() {
       this.$emit("cancelpaymentdetails");