|
|
|
|
@ -1,321 +1,345 @@
|
|
|
|
|
<template>
|
|
|
|
|
<div class="app-container">
|
|
|
|
|
<!-- 搜索工作栏 -->
|
|
|
|
|
<el-form
|
|
|
|
|
:model="queryParams"
|
|
|
|
|
ref="queryForm"
|
|
|
|
|
size="small"
|
|
|
|
|
:inline="true"
|
|
|
|
|
v-show="showSearch"
|
|
|
|
|
label-width="128px"
|
|
|
|
|
>
|
|
|
|
|
<el-form-item label="回单编号" prop="receiptNum">
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="queryParams.receiptNum"
|
|
|
|
|
placeholder="请输入回单编号"
|
|
|
|
|
clearable
|
|
|
|
|
@keyup.enter.native="handleQuery"
|
|
|
|
|
/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="流程编号" prop="flowCode">
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="queryParams.flowCode"
|
|
|
|
|
placeholder="请输入流程编号"
|
|
|
|
|
clearable
|
|
|
|
|
@keyup.enter.native="handleQuery"
|
|
|
|
|
/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="交易日期" prop="tradTime">
|
|
|
|
|
<el-date-picker
|
|
|
|
|
v-model="queryParams.tradTime"
|
|
|
|
|
style="width: 240px"
|
|
|
|
|
value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
|
|
type="daterange"
|
|
|
|
|
range-separator="-"
|
|
|
|
|
start-placeholder="开始日期"
|
|
|
|
|
end-placeholder="结束日期"
|
|
|
|
|
:default-time="['00:00:00', '23:59:59']"
|
|
|
|
|
/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="借/贷" prop="debitOrCredit">
|
|
|
|
|
<el-select
|
|
|
|
|
v-model="queryParams.debitOrCredit"
|
|
|
|
|
placeholder="请选择"
|
|
|
|
|
clearable
|
|
|
|
|
@keyup.enter.native="handleQuery"
|
|
|
|
|
>
|
|
|
|
|
<el-option
|
|
|
|
|
v-for="item in options"
|
|
|
|
|
:key="item.label"
|
|
|
|
|
:label="item.label"
|
|
|
|
|
:value="item.label"
|
|
|
|
|
>
|
|
|
|
|
</el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="我方账户" prop="myCompany">
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="queryParams.myCompany"
|
|
|
|
|
placeholder="请输入我方账户"
|
|
|
|
|
clearable
|
|
|
|
|
@keyup.enter.native="handleQuery"
|
|
|
|
|
/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="我方账号" prop="myNum">
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="queryParams.myNum"
|
|
|
|
|
placeholder="请输入我方账号"
|
|
|
|
|
clearable
|
|
|
|
|
@keyup.enter.native="handleQuery"
|
|
|
|
|
/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="对方账户" prop="adverseCompany">
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="queryParams.adverseCompany"
|
|
|
|
|
placeholder="请输入对方账户"
|
|
|
|
|
clearable
|
|
|
|
|
@keyup.enter.native="handleQuery"
|
|
|
|
|
/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="对方账号" prop="adverseNum">
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="queryParams.adverseNum"
|
|
|
|
|
placeholder="请输入对方账号"
|
|
|
|
|
clearable
|
|
|
|
|
@keyup.enter.native="handleQuery"
|
|
|
|
|
/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="银行交易流水" prop="serialNum">
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="queryParams.serialNum"
|
|
|
|
|
placeholder="请输入银行交易流水"
|
|
|
|
|
clearable
|
|
|
|
|
@keyup.enter.native="handleQuery"
|
|
|
|
|
/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="银行" prop="bank">
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="queryParams.bank"
|
|
|
|
|
placeholder="请输入银行"
|
|
|
|
|
clearable
|
|
|
|
|
@keyup.enter.native="handleQuery"
|
|
|
|
|
/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item>
|
|
|
|
|
<el-button type="primary" icon="el-icon-search" @click="handleQuery"
|
|
|
|
|
>搜索</el-button
|
|
|
|
|
>
|
|
|
|
|
<el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-row style="display: inline-block">
|
|
|
|
|
<el-button round type="primary" @click="handleOneMonth"
|
|
|
|
|
>一个月内</el-button
|
|
|
|
|
>
|
|
|
|
|
<el-button round type="primary" @click="handleHalfYear"
|
|
|
|
|
>半年内</el-button
|
|
|
|
|
>
|
|
|
|
|
<el-button round type="primary" @click="handleOneYear"
|
|
|
|
|
>一年内</el-button
|
|
|
|
|
>
|
|
|
|
|
</el-row>
|
|
|
|
|
</el-form>
|
|
|
|
|
|
|
|
|
|
<!-- 操作工具栏 -->
|
|
|
|
|
<el-row :gutter="10" class="mb8">
|
|
|
|
|
<el-col :span="1.5">
|
|
|
|
|
<el-button
|
|
|
|
|
type="primary"
|
|
|
|
|
plain
|
|
|
|
|
icon="el-icon-plus"
|
|
|
|
|
size="mini"
|
|
|
|
|
@click="handleAdd"
|
|
|
|
|
v-hasPermi="['archives:bank-slip:create']"
|
|
|
|
|
>新增</el-button
|
|
|
|
|
>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="1.5">
|
|
|
|
|
<el-button
|
|
|
|
|
type="danger"
|
|
|
|
|
plain
|
|
|
|
|
icon="el-icon-delete"
|
|
|
|
|
size="mini"
|
|
|
|
|
:disabled="multiple1"
|
|
|
|
|
@click="handleDelete"
|
|
|
|
|
>删除</el-button
|
|
|
|
|
>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="1.5">
|
|
|
|
|
<el-button
|
|
|
|
|
type="warning"
|
|
|
|
|
plain
|
|
|
|
|
icon="el-icon-download"
|
|
|
|
|
size="mini"
|
|
|
|
|
@click="handleExport"
|
|
|
|
|
:loading="exportLoading"
|
|
|
|
|
v-hasPermi="['archives:bank-slip:export']"
|
|
|
|
|
>导出</el-button
|
|
|
|
|
>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="1.5">
|
|
|
|
|
<el-button
|
|
|
|
|
type="primary"
|
|
|
|
|
plain
|
|
|
|
|
icon="el-icon-download"
|
|
|
|
|
size="mini"
|
|
|
|
|
@click="handleDownloadData"
|
|
|
|
|
v-hasPermi="['archives:bank-slip:export']"
|
|
|
|
|
>下载元数据</el-button
|
|
|
|
|
>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="1.5">
|
|
|
|
|
<el-button
|
|
|
|
|
type="primary"
|
|
|
|
|
plain
|
|
|
|
|
icon="el-icon-document"
|
|
|
|
|
size="mini"
|
|
|
|
|
:disabled="multiple"
|
|
|
|
|
@click="handleGLPZ"
|
|
|
|
|
>关联凭证</el-button
|
|
|
|
|
>
|
|
|
|
|
</el-col>
|
|
|
|
|
<right-toolbar
|
|
|
|
|
:showSearch.sync="showSearch"
|
|
|
|
|
@queryTable="getList"
|
|
|
|
|
></right-toolbar>
|
|
|
|
|
</el-row>
|
|
|
|
|
|
|
|
|
|
<!-- 列表 -->
|
|
|
|
|
<el-table
|
|
|
|
|
v-loading="loading"
|
|
|
|
|
:data="list"
|
|
|
|
|
@selection-change="handleSelectionChange"
|
|
|
|
|
>
|
|
|
|
|
<el-table-column type="selection" width="55" align="center" />
|
|
|
|
|
<el-table-column label="流程编号" align="center" prop="flowCode" />
|
|
|
|
|
<el-table-column
|
|
|
|
|
label="交易日期"
|
|
|
|
|
align="center"
|
|
|
|
|
prop="tradTime"
|
|
|
|
|
width="180"
|
|
|
|
|
>
|
|
|
|
|
<template v-slot="scope">
|
|
|
|
|
<span>{{ parseTime(scope.row.tradTime) }}</span>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="银行" align="center" prop="bank" />
|
|
|
|
|
<el-table-column label="交易类型" align="center" prop="type" />
|
|
|
|
|
<el-table-column label="我方账户" align="center" prop="myCompany" />
|
|
|
|
|
<el-table-column label="我方账号" align="center" prop="myNum" />
|
|
|
|
|
<el-table-column label="对方账户" align="center" prop="adverseCompany" />
|
|
|
|
|
<el-table-column label="对方账号" align="center" prop="adverseNum" />
|
|
|
|
|
<el-table-column label="业务实体" align="center" prop="company" />
|
|
|
|
|
<el-table-column label="所属部门" align="center" prop="dept" />
|
|
|
|
|
<el-table-column label="借/贷" align="center" prop="debitOrCredit" />
|
|
|
|
|
<el-table-column label="币种" align="center" prop="currency" />
|
|
|
|
|
<el-table-column label="状态" align="center" prop="status" />
|
|
|
|
|
<el-table-column label="交易流水号" align="center" prop="serialNum" />
|
|
|
|
|
<el-table-column label="借方金额" align="center" prop="debitMoney" />
|
|
|
|
|
<el-table-column label="交易金额" align="center" prop="tradMoney" />
|
|
|
|
|
<el-table-column label="贷方金额" align="center" prop="creditMoney" />
|
|
|
|
|
<el-table-column label="余额" align="center" prop="balance" />
|
|
|
|
|
<el-table-column label="业务单号" align="center" prop="busNum" />
|
|
|
|
|
<el-table-column label="回单编号" align="center" prop="receiptNum" />
|
|
|
|
|
<el-table-column label="摘要" align="center" prop="digest" />
|
|
|
|
|
<el-table-column label="扩展摘要" align="center" prop="digestExtend" />
|
|
|
|
|
<el-table-column label="业务摘要" align="center" prop="businessDigest" />
|
|
|
|
|
<el-table-column label="用途" align="center" prop="purpose" />
|
|
|
|
|
<el-table-column label="业务编号" align="center" prop="businessNum" />
|
|
|
|
|
<el-table-column label="业务名称" align="center" prop="businessName" />
|
|
|
|
|
<el-table-column label="票据号" align="center" prop="billNum" />
|
|
|
|
|
<el-table-column
|
|
|
|
|
label="商务支付订单号"
|
|
|
|
|
align="center"
|
|
|
|
|
prop="businessOrder"
|
|
|
|
|
/>
|
|
|
|
|
<el-table-column label="企业识别码" align="center" prop="headingCode" />
|
|
|
|
|
<el-table-column label="对方银行码" align="center" prop="bankCode" />
|
|
|
|
|
<el-table-column label="对方开户地址" align="center" prop="bankSite" />
|
|
|
|
|
<el-table-column label="对方开户地区" align="center" prop="bankRegion" />
|
|
|
|
|
<el-table-column
|
|
|
|
|
label="创建时间"
|
|
|
|
|
align="center"
|
|
|
|
|
prop="createTime"
|
|
|
|
|
width="180"
|
|
|
|
|
>
|
|
|
|
|
<template v-slot="scope">
|
|
|
|
|
<span>{{ parseTime(scope.row.createTime) }}</span>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column
|
|
|
|
|
label="操作"
|
|
|
|
|
align="center"
|
|
|
|
|
class-name="small-padding fixed-width"
|
|
|
|
|
fixed="right"
|
|
|
|
|
width="180px"
|
|
|
|
|
<el-card>
|
|
|
|
|
<!-- 搜索工作栏 -->
|
|
|
|
|
<el-form
|
|
|
|
|
:model="queryParams"
|
|
|
|
|
ref="queryForm"
|
|
|
|
|
size="small"
|
|
|
|
|
:inline="true"
|
|
|
|
|
v-show="showSearch"
|
|
|
|
|
label-width="128px"
|
|
|
|
|
>
|
|
|
|
|
<template v-slot="scope">
|
|
|
|
|
<el-button
|
|
|
|
|
size="mini"
|
|
|
|
|
type="text"
|
|
|
|
|
icon="el-icon-view"
|
|
|
|
|
v-if="scope.row.fileUrl"
|
|
|
|
|
@click="handleViewFJ(scope.row)"
|
|
|
|
|
>查看附件
|
|
|
|
|
</el-button>
|
|
|
|
|
<div class="filter-box">
|
|
|
|
|
<div class="filter-lf">
|
|
|
|
|
<el-form-item label="回单编号" prop="receiptNum">
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="queryParams.receiptNum"
|
|
|
|
|
placeholder="请输入回单编号"
|
|
|
|
|
clearable
|
|
|
|
|
@keyup.enter.native="handleQuery"
|
|
|
|
|
/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="流程编号" prop="flowCode">
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="queryParams.flowCode"
|
|
|
|
|
placeholder="请输入流程编号"
|
|
|
|
|
clearable
|
|
|
|
|
@keyup.enter.native="handleQuery"
|
|
|
|
|
/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="交易日期" prop="tradTime">
|
|
|
|
|
<el-date-picker
|
|
|
|
|
v-model="queryParams.tradTime"
|
|
|
|
|
style="width: 240px"
|
|
|
|
|
value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
|
|
type="daterange"
|
|
|
|
|
range-separator="-"
|
|
|
|
|
start-placeholder="开始日期"
|
|
|
|
|
end-placeholder="结束日期"
|
|
|
|
|
:default-time="['00:00:00', '23:59:59']"
|
|
|
|
|
/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="借/贷" prop="debitOrCredit">
|
|
|
|
|
<el-select
|
|
|
|
|
v-model="queryParams.debitOrCredit"
|
|
|
|
|
placeholder="请选择"
|
|
|
|
|
clearable
|
|
|
|
|
@keyup.enter.native="handleQuery"
|
|
|
|
|
>
|
|
|
|
|
<el-option
|
|
|
|
|
v-for="item in options"
|
|
|
|
|
:key="item.label"
|
|
|
|
|
:label="item.label"
|
|
|
|
|
:value="item.label"
|
|
|
|
|
>
|
|
|
|
|
</el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="我方账户" prop="myCompany">
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="queryParams.myCompany"
|
|
|
|
|
placeholder="请输入我方账户"
|
|
|
|
|
clearable
|
|
|
|
|
@keyup.enter.native="handleQuery"
|
|
|
|
|
/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="我方账号" prop="myNum">
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="queryParams.myNum"
|
|
|
|
|
placeholder="请输入我方账号"
|
|
|
|
|
clearable
|
|
|
|
|
@keyup.enter.native="handleQuery"
|
|
|
|
|
/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="对方账户" prop="adverseCompany">
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="queryParams.adverseCompany"
|
|
|
|
|
placeholder="请输入对方账户"
|
|
|
|
|
clearable
|
|
|
|
|
@keyup.enter.native="handleQuery"
|
|
|
|
|
/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="对方账号" prop="adverseNum">
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="queryParams.adverseNum"
|
|
|
|
|
placeholder="请输入对方账号"
|
|
|
|
|
clearable
|
|
|
|
|
@keyup.enter.native="handleQuery"
|
|
|
|
|
/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="银行交易流水" prop="serialNum">
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="queryParams.serialNum"
|
|
|
|
|
placeholder="请输入银行交易流水"
|
|
|
|
|
clearable
|
|
|
|
|
@keyup.enter.native="handleQuery"
|
|
|
|
|
/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="银行" prop="bank">
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="queryParams.bank"
|
|
|
|
|
placeholder="请输入银行"
|
|
|
|
|
clearable
|
|
|
|
|
@keyup.enter.native="handleQuery"
|
|
|
|
|
/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item>
|
|
|
|
|
<el-button
|
|
|
|
|
type="primary"
|
|
|
|
|
icon="el-icon-search"
|
|
|
|
|
@click="handleQuery"
|
|
|
|
|
>搜索</el-button
|
|
|
|
|
>
|
|
|
|
|
<el-button icon="el-icon-refresh" @click="resetQuery"
|
|
|
|
|
>重置</el-button
|
|
|
|
|
>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-row style="display: inline-block">
|
|
|
|
|
<el-button round type="primary" @click="handleOneMonth"
|
|
|
|
|
>一个月内</el-button
|
|
|
|
|
>
|
|
|
|
|
<el-button round type="primary" @click="handleHalfYear"
|
|
|
|
|
>半年内</el-button
|
|
|
|
|
>
|
|
|
|
|
<el-button round type="primary" @click="handleOneYear"
|
|
|
|
|
>一年内</el-button
|
|
|
|
|
>
|
|
|
|
|
</el-row>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</el-form>
|
|
|
|
|
|
|
|
|
|
<!-- 操作工具栏 -->
|
|
|
|
|
<el-row :gutter="10" class="mb8">
|
|
|
|
|
<el-col :span="1.5">
|
|
|
|
|
<el-button
|
|
|
|
|
type="primary"
|
|
|
|
|
plain
|
|
|
|
|
icon="el-icon-plus"
|
|
|
|
|
size="mini"
|
|
|
|
|
type="text"
|
|
|
|
|
icon="el-icon-view"
|
|
|
|
|
@click="handleView(scope.row)"
|
|
|
|
|
>查看
|
|
|
|
|
</el-button>
|
|
|
|
|
@click="handleAdd"
|
|
|
|
|
v-hasPermi="['archives:bank-slip:create']"
|
|
|
|
|
>新增</el-button
|
|
|
|
|
>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="1.5">
|
|
|
|
|
<el-button
|
|
|
|
|
type="danger"
|
|
|
|
|
plain
|
|
|
|
|
icon="el-icon-delete"
|
|
|
|
|
size="mini"
|
|
|
|
|
type="text"
|
|
|
|
|
icon="el-icon-s-check"
|
|
|
|
|
v-if="
|
|
|
|
|
scope.row.subscriptionStatus == 0 ||
|
|
|
|
|
scope.row.subscriptionStatus == null
|
|
|
|
|
"
|
|
|
|
|
@click="handleComfirm(scope.row)"
|
|
|
|
|
>认款
|
|
|
|
|
</el-button>
|
|
|
|
|
:disabled="multiple1"
|
|
|
|
|
@click="handleDelete"
|
|
|
|
|
>删除</el-button
|
|
|
|
|
>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="1.5">
|
|
|
|
|
<el-button
|
|
|
|
|
type="warning"
|
|
|
|
|
plain
|
|
|
|
|
icon="el-icon-download"
|
|
|
|
|
size="mini"
|
|
|
|
|
type="text"
|
|
|
|
|
icon="el-icon-s-check"
|
|
|
|
|
v-if="scope.row.subscriptionStatus == 1"
|
|
|
|
|
@click="handleUnComfirm(scope.row)"
|
|
|
|
|
>取消认款
|
|
|
|
|
</el-button>
|
|
|
|
|
@click="handleExport"
|
|
|
|
|
:loading="exportLoading"
|
|
|
|
|
v-hasPermi="['archives:bank-slip:export']"
|
|
|
|
|
>导出</el-button
|
|
|
|
|
>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="1.5">
|
|
|
|
|
<el-button
|
|
|
|
|
type="primary"
|
|
|
|
|
plain
|
|
|
|
|
icon="el-icon-download"
|
|
|
|
|
size="mini"
|
|
|
|
|
type="text"
|
|
|
|
|
icon="el-icon-edit"
|
|
|
|
|
@click="handleUpdate(scope.row)"
|
|
|
|
|
v-hasPermi="['archives:bank-slip:update']"
|
|
|
|
|
>修改</el-button
|
|
|
|
|
@click="handleDownloadData"
|
|
|
|
|
v-hasPermi="['archives:bank-slip:export']"
|
|
|
|
|
>下载元数据</el-button
|
|
|
|
|
>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="1.5">
|
|
|
|
|
<el-button
|
|
|
|
|
type="primary"
|
|
|
|
|
plain
|
|
|
|
|
icon="el-icon-document"
|
|
|
|
|
size="mini"
|
|
|
|
|
type="text"
|
|
|
|
|
icon="el-icon-delete"
|
|
|
|
|
@click="handleDelete(scope.row)"
|
|
|
|
|
v-hasPermi="['archives:bank-slip:delete']"
|
|
|
|
|
>删除</el-button
|
|
|
|
|
:disabled="multiple"
|
|
|
|
|
@click="handleGLPZ"
|
|
|
|
|
>关联凭证</el-button
|
|
|
|
|
>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</el-table>
|
|
|
|
|
<!-- 分页组件 -->
|
|
|
|
|
<pagination
|
|
|
|
|
v-show="total > 0"
|
|
|
|
|
:total="total"
|
|
|
|
|
:page.sync="queryParams.pageNo"
|
|
|
|
|
:limit.sync="queryParams.pageSize"
|
|
|
|
|
@pagination="getList"
|
|
|
|
|
/>
|
|
|
|
|
</el-col>
|
|
|
|
|
<right-toolbar
|
|
|
|
|
:showSearch.sync="showSearch"
|
|
|
|
|
@queryTable="getList"
|
|
|
|
|
></right-toolbar>
|
|
|
|
|
</el-row>
|
|
|
|
|
|
|
|
|
|
<!-- 列表 -->
|
|
|
|
|
<el-table
|
|
|
|
|
v-loading="loading"
|
|
|
|
|
:data="list"
|
|
|
|
|
stripe
|
|
|
|
|
border
|
|
|
|
|
@selection-change="handleSelectionChange"
|
|
|
|
|
>
|
|
|
|
|
<el-table-column type="selection" width="55" align="center" />
|
|
|
|
|
<el-table-column label="流程编号" align="center" prop="flowCode" />
|
|
|
|
|
<el-table-column
|
|
|
|
|
label="交易日期"
|
|
|
|
|
align="center"
|
|
|
|
|
prop="tradTime"
|
|
|
|
|
width="180"
|
|
|
|
|
>
|
|
|
|
|
<template v-slot="scope">
|
|
|
|
|
<span>{{ parseTime(scope.row.tradTime) }}</span>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="银行" align="center" prop="bank" />
|
|
|
|
|
<el-table-column label="交易类型" align="center" prop="type" />
|
|
|
|
|
<el-table-column label="我方账户" align="center" prop="myCompany" />
|
|
|
|
|
<el-table-column label="我方账号" align="center" prop="myNum" />
|
|
|
|
|
<el-table-column
|
|
|
|
|
label="对方账户"
|
|
|
|
|
align="center"
|
|
|
|
|
prop="adverseCompany"
|
|
|
|
|
/>
|
|
|
|
|
<el-table-column label="对方账号" align="center" prop="adverseNum" />
|
|
|
|
|
<el-table-column label="业务实体" align="center" prop="company" />
|
|
|
|
|
<el-table-column label="所属部门" align="center" prop="dept" />
|
|
|
|
|
<el-table-column label="借/贷" align="center" prop="debitOrCredit" />
|
|
|
|
|
<el-table-column label="币种" align="center" prop="currency" />
|
|
|
|
|
<el-table-column label="状态" align="center" prop="status" />
|
|
|
|
|
<el-table-column label="交易流水号" align="center" prop="serialNum" />
|
|
|
|
|
<el-table-column label="借方金额" align="center" prop="debitMoney" />
|
|
|
|
|
<el-table-column label="交易金额" align="center" prop="tradMoney" />
|
|
|
|
|
<el-table-column label="贷方金额" align="center" prop="creditMoney" />
|
|
|
|
|
<el-table-column label="余额" align="center" prop="balance" />
|
|
|
|
|
<el-table-column label="业务单号" align="center" prop="busNum" />
|
|
|
|
|
<el-table-column label="回单编号" align="center" prop="receiptNum" />
|
|
|
|
|
<el-table-column label="摘要" align="center" prop="digest" />
|
|
|
|
|
<el-table-column label="扩展摘要" align="center" prop="digestExtend" />
|
|
|
|
|
<el-table-column
|
|
|
|
|
label="业务摘要"
|
|
|
|
|
align="center"
|
|
|
|
|
prop="businessDigest"
|
|
|
|
|
/>
|
|
|
|
|
<el-table-column label="用途" align="center" prop="purpose" />
|
|
|
|
|
<el-table-column label="业务编号" align="center" prop="businessNum" />
|
|
|
|
|
<el-table-column label="业务名称" align="center" prop="businessName" />
|
|
|
|
|
<el-table-column label="票据号" align="center" prop="billNum" />
|
|
|
|
|
<el-table-column
|
|
|
|
|
label="商务支付订单号"
|
|
|
|
|
align="center"
|
|
|
|
|
prop="businessOrder"
|
|
|
|
|
/>
|
|
|
|
|
<el-table-column label="企业识别码" align="center" prop="headingCode" />
|
|
|
|
|
<el-table-column label="对方银行码" align="center" prop="bankCode" />
|
|
|
|
|
<el-table-column label="对方开户地址" align="center" prop="bankSite" />
|
|
|
|
|
<el-table-column
|
|
|
|
|
label="对方开户地区"
|
|
|
|
|
align="center"
|
|
|
|
|
prop="bankRegion"
|
|
|
|
|
/>
|
|
|
|
|
<el-table-column
|
|
|
|
|
label="创建时间"
|
|
|
|
|
align="center"
|
|
|
|
|
prop="createTime"
|
|
|
|
|
width="180"
|
|
|
|
|
>
|
|
|
|
|
<template v-slot="scope">
|
|
|
|
|
<span>{{ parseTime(scope.row.createTime) }}</span>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column
|
|
|
|
|
label="操作"
|
|
|
|
|
align="center"
|
|
|
|
|
class-name="small-padding fixed-width"
|
|
|
|
|
fixed="right"
|
|
|
|
|
width="180px"
|
|
|
|
|
>
|
|
|
|
|
<template v-slot="scope">
|
|
|
|
|
<el-button
|
|
|
|
|
size="mini"
|
|
|
|
|
type="text"
|
|
|
|
|
icon="el-icon-view"
|
|
|
|
|
v-if="scope.row.fileUrl"
|
|
|
|
|
@click="handleViewFJ(scope.row)"
|
|
|
|
|
>查看附件
|
|
|
|
|
</el-button>
|
|
|
|
|
<el-button
|
|
|
|
|
size="mini"
|
|
|
|
|
type="text"
|
|
|
|
|
icon="el-icon-view"
|
|
|
|
|
@click="handleView(scope.row)"
|
|
|
|
|
>查看
|
|
|
|
|
</el-button>
|
|
|
|
|
<el-button
|
|
|
|
|
size="mini"
|
|
|
|
|
type="text"
|
|
|
|
|
icon="el-icon-s-check"
|
|
|
|
|
v-if="
|
|
|
|
|
scope.row.subscriptionStatus == 0 ||
|
|
|
|
|
scope.row.subscriptionStatus == null
|
|
|
|
|
"
|
|
|
|
|
@click="handleComfirm(scope.row)"
|
|
|
|
|
>认款
|
|
|
|
|
</el-button>
|
|
|
|
|
<el-button
|
|
|
|
|
size="mini"
|
|
|
|
|
type="text"
|
|
|
|
|
icon="el-icon-s-check"
|
|
|
|
|
v-if="scope.row.subscriptionStatus == 1"
|
|
|
|
|
@click="handleUnComfirm(scope.row)"
|
|
|
|
|
>取消认款
|
|
|
|
|
</el-button>
|
|
|
|
|
<el-button
|
|
|
|
|
size="mini"
|
|
|
|
|
type="text"
|
|
|
|
|
icon="el-icon-edit"
|
|
|
|
|
@click="handleUpdate(scope.row)"
|
|
|
|
|
v-hasPermi="['archives:bank-slip:update']"
|
|
|
|
|
>修改</el-button
|
|
|
|
|
>
|
|
|
|
|
<el-button
|
|
|
|
|
size="mini"
|
|
|
|
|
type="text"
|
|
|
|
|
icon="el-icon-delete"
|
|
|
|
|
@click="handleDelete(scope.row)"
|
|
|
|
|
v-hasPermi="['archives:bank-slip:delete']"
|
|
|
|
|
>删除</el-button
|
|
|
|
|
>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</el-table>
|
|
|
|
|
<!-- 分页组件 -->
|
|
|
|
|
<pagination
|
|
|
|
|
v-show="total > 0"
|
|
|
|
|
:total="total"
|
|
|
|
|
:page.sync="queryParams.pageNo"
|
|
|
|
|
:limit.sync="queryParams.pageSize"
|
|
|
|
|
@pagination="getList"
|
|
|
|
|
/>
|
|
|
|
|
</el-card>
|
|
|
|
|
<!-- 对话框(添加 / 修改) -->
|
|
|
|
|
<el-dialog
|
|
|
|
|
:title="title"
|
|
|
|
|
@ -323,20 +347,6 @@
|
|
|
|
|
width="1000px"
|
|
|
|
|
append-to-body
|
|
|
|
|
>
|
|
|
|
|
<!-- <el-upload
|
|
|
|
|
class="upload-demo"
|
|
|
|
|
drag
|
|
|
|
|
:limit="1"
|
|
|
|
|
:action="uploadUrl"
|
|
|
|
|
:file-list="fileList"
|
|
|
|
|
:headers="headers"
|
|
|
|
|
:on-success="handleSuccess"
|
|
|
|
|
name="multipartFile"
|
|
|
|
|
:multiple="false"
|
|
|
|
|
>
|
|
|
|
|
<i class="el-icon-upload"></i>
|
|
|
|
|
<div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
|
|
|
|
|
</el-upload> -->
|
|
|
|
|
<el-form
|
|
|
|
|
ref="form"
|
|
|
|
|
:model="form"
|
|
|
|
|
@ -1174,3 +1184,7 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
};
|
|
|
|
|
</script>
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
|
@import "@/assets/styles/header/index.scss";
|
|
|
|
|
@import "@/assets/styles/common/index.scss";
|
|
|
|
|
</style>
|
|
|
|
|
|
