feat(financialCase): 提现明细添加快速驳回操作

src/api/financialCase.js

@@ -263,3 +263,12 @@ export function getTreeType(params) {
   })
 }
 
+// 批量驳回
+export function batchReject(data) {
+  return request({
+    url: '/member/manager/withdraw/reject',
+    method: 'post',
+    data
+  })
+}
+

src/views/financial/cashDetails/index.vue

@@ -224,8 +224,18 @@
               class="thebtn4"
               @click="handleExport"
             >
-              {{ '导出' }}</el-button>
+              导出
+            </el-button>
+            <el-button
+              style="padding: 8px"
+              size="small"
+              class="thebtn2"
+              @click="batchRejectHandle"
+            >
+              驳回
+            </el-button>
           </div>
+
         </div>
 
         <div style="overflow:auto;">
@@ -496,12 +506,7 @@
               prop="payerRemarks"
               :label="'打款备注'"
             />
-            <el-table-column
+
-              v-if="showData.approveStateVal"
-              align="center"
-              prop="approveStateVal"
-              :label="'审核状态'"
-            />
             <el-table-column
               v-if="showData.withdrawCode"
               align="center"
@@ -509,6 +514,13 @@
               width="200"
               :label="'单据编号'"
             />
+            <el-table-column
+              v-if="showData.approveStateVal"
+              align="center"
+              prop="approveStateVal"
+              :label="'审核状态'"
+              fixed="right"
+            />
             <el-table-column
               align="center"
               prop="time"
@@ -552,6 +564,7 @@
                   >
                     {{ '导出' }}
                   </el-button>
+
                 </div>
               </template>
             </el-table-column>
@@ -591,6 +604,28 @@
         }}</el-button>
       </span>
     </el-dialog>
+    <el-dialog
+      title="驳回原因"
+      :visible.sync="rejectDialogVisible"
+      width="30%"
+      :close-on-click-modal="false"
+      center
+    >
+      <el-form ref="rejectForm" :model="rejectForm" label-width="auto">
+        <el-form-item required label="驳回原因">
+          <el-input
+            v-model="rejectForm.rejectRemark"
+            :maxlength="80"
+            show-word-limit
+            type="textarea"
+          />
+        </el-form-item>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="rejectDialogVisible = false">取消</el-button>
+        <el-button type="primary" @click="saveRejectForm">确认</el-button>
+      </span>
+    </el-dialog>
   </div>
 </template>
 
@@ -660,7 +695,11 @@ export default {
       form: {
         payerRemarks: ''
       },
+      rejectForm: {
+        payerRemarks: ''
+      },
       isCz: 0,
+      rejectDialogVisible: false,
       checkArrAll: [],
       statusList: [],
       vertexList: [],
@@ -811,6 +850,34 @@ export default {
   methods: {
     isLocals,
     isLocalSymbol,
+    saveRejectForm() {
+      const data = {
+        idList: this.checkArr,
+        rejectRemark: this.rejectForm.rejectRemark
+      }
+      api.batchReject(data).then((res) => {
+        if (res.code == 200) {
+          this.$message({
+            message: res.msg,
+            type: 'success'
+          })
+          this.rejectDialogVisible = false
+          this.getDataList()
+        }
+      })
+    },
+    batchRejectHandle() {
+      const canReject = this.checkArrAll.every((item) => item.approveState == 1)
+      console.log(canReject)
+      if (!canReject) {
+        this.$message({
+          message: '存在已审核单据，请重新选择',
+          type: 'warning'
+        })
+        return false
+      }
+      this.rejectDialogVisible = true
+    },
     getUserRole() {
       getRoleMenu('CashDetails').then((res) => {
         const obj = {}