|
@@ -0,0 +1,167 @@
|
|
|
|
+<template>
|
|
|
|
+ <div class="refundable app-container">
|
|
|
|
+ <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="68px">
|
|
|
|
+ <el-form-item label="入账账号" prop="rtnOppassetno">
|
|
|
|
+ <el-input
|
|
|
|
+ v-model="queryParams.rtnOppassetno"
|
|
|
|
+ placeholder="请输入入账账号"
|
|
|
|
+ clearable
|
|
|
|
+ @keyup.enter.native="handleQuery"
|
|
|
|
+ />
|
|
|
|
+ </el-form-item>
|
|
|
|
+ <el-form-item label="入账账户名" prop="rtnOppassetname" label-width="120">
|
|
|
|
+ <el-input
|
|
|
|
+ v-model="queryParams.rtnOppassetname"
|
|
|
|
+ placeholder="请输入入账账户名"
|
|
|
|
+ clearable
|
|
|
|
+ @keyup.enter.native="handleQuery"
|
|
|
|
+ />
|
|
|
|
+ </el-form-item>
|
|
|
|
+ <el-form-item label="入账账号行号" prop="rtnOppbankno" label-width="120">
|
|
|
|
+ <el-input
|
|
|
|
+ v-model="queryParams.rtnOppbankno"
|
|
|
|
+ placeholder="请输入入账账号行号"
|
|
|
|
+ clearable
|
|
|
|
+ @keyup.enter.native="handleQuery"
|
|
|
|
+ />
|
|
|
|
+ </el-form-item>
|
|
|
|
+ <!-- <el-form-item label="退款申请状态" prop="isApply" label-width="100px">
|
|
|
|
+ <el-select v-model="queryParams.isApply" size="mini" placeholder="请选择" clearable>
|
|
|
|
+ <el-option v-for="dict in dict.type.back_bond_apply" :key="dict.value" :label="dict.label"
|
|
|
|
+ :value="dict.value" />
|
|
|
|
+ </el-select>
|
|
|
|
+ </el-form-item> -->
|
|
|
|
+
|
|
|
|
+ <el-form-item>
|
|
|
|
+ <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
|
|
|
+ <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-form>
|
|
|
|
+
|
|
|
|
+ <el-table v-loading="loading" :data="data">
|
|
|
|
+ <el-table-column type="index" label="序号" align="center" />
|
|
|
|
+ <el-table-column label="银行流水号" align="center" prop="rtnSerialno" />
|
|
|
|
+ <el-table-column label="入账账号" align="center" prop="rtnOppassetno"/>
|
|
|
|
+ <el-table-column label="入账账户名" align="center" prop="rtnOppassetname"/>
|
|
|
|
+ <el-table-column label="入账账号行名" align="center" prop="rtnOppbankname"/>
|
|
|
|
+ <el-table-column label="交易日期" align="center" prop="rtnTradedate" />
|
|
|
|
+ <el-table-column label="交易金额" align="center" prop="rtnAmt" />
|
|
|
|
+ <el-table-column label="可退款金额" align="center" prop="rtnSelfbal" />
|
|
|
|
+ <el-table-column label="摘要" align="center" prop="rtnSummary" />
|
|
|
|
+ <el-table-column label="进入不明原因" align="center" prop="rtnAdjustreason" />
|
|
|
|
+ <el-table-column label="银行退款状态" align="center" prop="status" />
|
|
|
|
+ <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
|
|
|
+ <template slot-scope="scope">
|
|
|
|
+ <el-button size="mini" type="text" icon="el-icon-edit"
|
|
|
|
+ @click="handleBackGuarantee(scope.row)" :loading="backLoading">确认退还保证金</el-button>
|
|
|
|
+ <!-- <el-button v-if="checkRole(['centerAdjunct']) && scope.row.isApply == 0"
|
|
|
|
+ size="mini" type="text" icon="el-icon-edit"
|
|
|
|
+ @click="handleBackApply(scope.row, 1)" :loading="backLoading">申请退还保证金</el-button>
|
|
|
|
+ <template v-if="checkRole(['centerFinance'])">
|
|
|
|
+
|
|
|
|
+ <el-button v-if="scope.row.isApply == 1" size="mini" type="text"
|
|
|
|
+ icon="el-icon-edit" @click="handleBackApply(scope.row, 0)" :loading="backLoading">驳回申请</el-button>
|
|
|
|
+ </template> -->
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
|
|
+ </el-table>
|
|
|
|
+
|
|
|
|
+ <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
|
|
|
|
+ @pagination="getList" />
|
|
|
|
+ </div>
|
|
|
|
+</template>
|
|
|
|
+
|
|
|
|
+<script>
|
|
|
|
+import {
|
|
|
|
+ listUncleardeposit,
|
|
|
|
+ getUncleardeposit,
|
|
|
|
+ updateDepositdescApply
|
|
|
|
+} from "@/api/bank/uncleardeposit";
|
|
|
|
+import { refundBankUnclearList } from "@/api/bank/depositdesc";
|
|
|
|
+import { checkRole } from "@/utils/permission"; // 权限判断函数
|
|
|
|
+
|
|
|
|
+export default {
|
|
|
|
+ name: 'Refundable',
|
|
|
|
+
|
|
|
|
+ data() {
|
|
|
|
+ return {
|
|
|
|
+ // 遮罩层
|
|
|
|
+ loading: false,
|
|
|
|
+ data: [],
|
|
|
|
+
|
|
|
|
+ total: 0,
|
|
|
|
+ queryParams: {
|
|
|
|
+ pageNum: 1,
|
|
|
|
+ pageSize: 10,
|
|
|
|
+ rtnOppassetno: null,
|
|
|
|
+ rtnOppassetname: null,
|
|
|
|
+ rtnOppbankno: null,
|
|
|
|
+ isApply: null
|
|
|
|
+ },
|
|
|
|
+
|
|
|
|
+ backLoading: false
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+
|
|
|
|
+ dicts: ['back_bond_apply'],
|
|
|
|
+
|
|
|
|
+ created() {
|
|
|
|
+ this.getList()
|
|
|
|
+ },
|
|
|
|
+
|
|
|
|
+ methods: {
|
|
|
|
+ checkRole,
|
|
|
|
+
|
|
|
|
+ /** 搜索按钮操作 */
|
|
|
|
+ handleQuery() {
|
|
|
|
+ this.queryParams.pageNum = 1;
|
|
|
|
+ },
|
|
|
|
+
|
|
|
|
+ /** 重置按钮操作 */
|
|
|
|
+ resetQuery() {
|
|
|
|
+ this.queryParams.rtnOppassetno = null
|
|
|
|
+ this.queryParams.rtnOppassetname = null
|
|
|
|
+ this.queryParams.rtnOppbankno = null
|
|
|
|
+ this.queryParams.isApply = null
|
|
|
|
+ this.handleQuery();
|
|
|
|
+ },
|
|
|
|
+
|
|
|
|
+ /** 获取数据 */
|
|
|
|
+ getList () {
|
|
|
|
+ this.loading = true;
|
|
|
|
+ this.data = []
|
|
|
|
+
|
|
|
|
+ refundBankUnclearList(this.queryParams)
|
|
|
|
+ .then(response => {
|
|
|
|
+ this.data = response.rows;
|
|
|
|
+
|
|
|
|
+ this.total = response.total;
|
|
|
|
+ this.loading = false;
|
|
|
|
+ });
|
|
|
|
+ },
|
|
|
|
+
|
|
|
|
+ // 退还保证金
|
|
|
|
+ handleBackGuarantee(row) {
|
|
|
|
+ this.backLoading = true
|
|
|
|
+ const uncleardepositid = row.uncleardepositid
|
|
|
|
+ const rtnOppassetname = row.rtnOppassetname
|
|
|
|
+
|
|
|
|
+ this.$modal.confirm('是否确认退还 ' + rtnOppassetname +' 的保证金?')
|
|
|
|
+ .then(() => {
|
|
|
|
+ getUncleardeposit(uncleardepositid)
|
|
|
|
+ .then(response => {
|
|
|
|
+ this.$message.success('退款申请已发送,等待银行退款中')
|
|
|
|
+ this.getList()
|
|
|
|
+ this.backLoading = false
|
|
|
|
+ })
|
|
|
|
+ .catch(err => {
|
|
|
|
+ this.backLoading = false
|
|
|
|
+ })
|
|
|
|
+ })
|
|
|
|
+ .catch(() => {
|
|
|
|
+ this.backLoading = false
|
|
|
|
+ })
|
|
|
|
+ },
|
|
|
|
+ }
|
|
|
|
+}
|
|
|
|
+</script>
|