待支付订单增加作废操作

src/api/business/payOrder.js

@@ -44,6 +44,14 @@ export function addPayOrder(data) {
   })
 }
 
+// 废弃支付任务
+export function repealOrder(batchId) {
+  return request({
+    url: '/business/payOrder/repeal/' + batchId,
+    method: 'post',
+  })
+}
+
 // 发起支付
 export function doPay(batchId) {
   return request({

src/views/business/payOrder/index.vue

@@ -100,10 +100,17 @@
       <!--      <el-table-column label="支付备注" align="center" prop="payRemark" />-->
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template slot-scope="scope">
-          <el-button v-if="scope.row.payStatus && scope.row.payStatus === 1" size="mini" type="text" icon="el-icon-money" @click="doPay(scope.row)">确认支付</el-button>
-          <el-button size="mini" type="text" icon="el-icon-s-order" @click="viewDetail(scope.row)">查看明细</el-button>
-          <el-button v-if="scope.row.payStatus && scope.row.payStatus === 4 || scope.row.payStatus === 5" size="mini"
-                     type="text" icon="el-icon-s-promotion" @click="doRepay(scope.row)">失败补发</el-button>
+          <el-button v-if="scope.row.payStatus && scope.row.payStatus === 1"
+                     size="mini" type="text" icon="el-icon-money"
+                     @click="doPay(scope.row)">确认支付</el-button>
+          <el-button v-if="scope.row.payStatus && scope.row.payStatus === 1"
+                     size="mini" type="text" icon="el-icon-circle-close"
+                     @click="repeal(scope.row)">订单作废</el-button>
+          <el-button size="mini" type="text" icon="el-icon-s-order"
+                     @click="viewDetail(scope.row)">查看明细</el-button>
+          <el-button v-if="scope.row.payStatus && scope.row.payStatus === 4 || scope.row.payStatus === 5"
+                     size="mini" type="text" icon="el-icon-s-promotion"
+                     @click="doRepay(scope.row)">失败补发</el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -121,7 +128,7 @@
 </template>
 
 <script>
-import { addPayOrder, doPay, listPayOrder } from '@/api/business/payOrder'
+import { addPayOrder, doPay, listPayOrder, repealOrder } from '@/api/business/payOrder'
 import RePay from '@/views/business/payDetail/rePay.vue'
 
 export default {
@@ -229,6 +236,18 @@ export default {
         this.getList()
       }
     },
+    repeal(row) {
+      this.$confirm('确定废弃该任务[' + row.batchNo + ":" + row.batchPayName + ']？', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        repealOrder(row.id).then(resp => {
+          this.$modal.msgSuccess("操作成功");
+          this.getList()
+        })
+      }).catch(() => { });
+    },
     doPay(row) {
       if (row && row.id) {
         this.$confirm('确定对该任务[' + row.batchNo + ":" + row.batchPayName + ']进行支付操作？', '提示', {