发薪详情与发薪记录增加薪资支付失败原因查看功能

src/views/business/payOutDetail/index.vue

@@ -165,6 +165,9 @@
           <el-button v-if="scope.row.payStatus && 1 == scope.row.payStatus" size="mini" type="text" icon="el-icon-edit"
             @click="checkWork(scope.row)" v-hasPermi="['business:payOutDetail:edit']">调整薪资
           </el-button>
+          <el-button v-if="scope.row.payStatus && 4 === scope.row.payStatus && scope.row.payFailReason" size="mini"
+            type="text" icon="el-icon-s-opportunity" @click="viewPayFailReason(scope.row.payFailReason)">失败原因
+          </el-button>
           <el-button v-if="scope.row.payStatus && 3 != scope.row.payStatus && 2 != scope.row.payStatus" size="mini"
                      type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
                      v-hasPermi="['business:payOutDetail:remove']">删除
@@ -648,6 +651,12 @@ export default {
       this.open = true
       this.title = '添加发薪详情'
     },
+    /** 查看薪资支付失败原因 **/
+    viewPayFailReason(payFailReason) {
+      this.$alert(payFailReason, '薪资支付失败原因', {
+        confirmButtonText: '确定'
+      });
+    },
     /** 修改按钮操作 */
     handleUpdate(row) {
       // this.reset()

src/views/business/payOutDetail/list.vue

@@ -157,6 +157,9 @@
 <!--            type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"-->
 <!--            v-hasPermi="['business:payOutDetail:remove']">删除-->
 <!--          </el-button>-->
+          <el-button v-if="scope.row.payStatus && 4 === scope.row.payStatus && scope.row.payFailReason" size="mini"
+                     type="text" icon="el-icon-s-opportunity" @click="viewPayFailReason(scope.row.payFailReason)">失败原因
+          </el-button>
           <el-button v-if="scope.row.payStatus && 3 == scope.row.payStatus" size="mini" type="text" icon="el-icon-info"
             @click="eviView(scope.row)">查看回单
           </el-button>
@@ -532,6 +535,12 @@ export default {
       }
       this.resetForm('form')
     },
+    /** 查看薪资支付失败原因 **/
+    viewPayFailReason(payFailReason) {
+      this.$alert(payFailReason, '薪资支付失败原因', {
+        confirmButtonText: '确定'
+      });
+    },
     /** 搜索按钮操作 */
     handleQuery() {
       this.queryParams.pageNum = 1