|
|
@@ -1,28 +1,78 @@
|
|
|
<template>
|
|
|
<div class="app-container zap-main">
|
|
|
- <el-table class="zap-table" v-loading="loading" :data="detailList" @selection-change="handleSelectionChange" stripe>
|
|
|
+ <el-table class="zap-table" v-loading="loading" :data="detailList.slice((currentPage-1)*pageSize,currentPage*pageSize)" @selection-change="handleSelectionChange" stripe>
|
|
|
<el-table-column label="序号" type="index" width="55" align="center" />
|
|
|
- <!-- <el-table-column label="开户行" align="center" prop="paiBankName" /> -->
|
|
|
- <!-- <el-table-column label="账户类型" :formatter="formulaFormat" align="center" prop="paiAcctype"/>
|
|
|
- <el-table-column label="账户卡号" align="center" prop="paiAccno" />
|
|
|
- <el-table-column label="账户状态" :formatter="formulaFormatSend" align="center" prop="paiStatus" /> -->
|
|
|
+ <el-table-column label="交易单号" align="center" prop="HOSTFLW" />
|
|
|
+ <el-table-column label="交易时间" align="center" prop="dataTime">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{parseTime(new Date(scope.row.dataTime), '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="资金用途" align="center" prop="RESUME" />
|
|
|
+ <el-table-column label="交易金额" align="center" prop="TRANAMT" :formatter="moneyFormat"/>
|
|
|
+ <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-view"
|
|
|
+ @click="handleDetail(scope.row)"
|
|
|
+ >详情</el-button
|
|
|
+ >
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
</el-table>
|
|
|
<el-pagination
|
|
|
@size-change="handleSizeChange"
|
|
|
@current-change="handleCurrentChange"
|
|
|
:current-page="currentPage"
|
|
|
- :page-sizes="[5, 10, 20, 40]"
|
|
|
- :page-size="pagesize"
|
|
|
+ :page-sizes="[1,5,10, 20, 30, 50, 100]"
|
|
|
+ :page-size="pageSize"
|
|
|
layout="total, sizes, prev, pager, next, jumper"
|
|
|
- :total="total">
|
|
|
+ :total="detailList.length"
|
|
|
+ style=" float: right;">
|
|
|
</el-pagination>
|
|
|
- <!-- <pagination
|
|
|
- v-show="total > 0"
|
|
|
- :total="total"
|
|
|
- :page.sync="pageNum"
|
|
|
- :limit.sync="pageSize"
|
|
|
- @pagination="listElectronicsAcc"
|
|
|
- /> -->
|
|
|
+ <el-dialog title="交易详情" :visible.sync="open" width="700px" append-to-body>
|
|
|
+ <el-form ref="form" :model="form" label-width="auto">
|
|
|
+ <el-form-item label="电子记账簿:" prop="subAccNo">
|
|
|
+ <span>{{form.subAccNo}}</span>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="交易金额:" prop="TRANAMT">
|
|
|
+ <span>{{form.TRANAMT?form.TRANAMT:0.00}}元</span>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="交易状态:" prop="status">
|
|
|
+ <span>{{form.status}}</span>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="资金用途:" prop="RESUME">
|
|
|
+ <span>{{form.RESUME}}</span>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="交易单号:" prop="HOSTFLW">
|
|
|
+ <span>{{form.HOSTFLW}}</span>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="交易时间:" prop="dateTime">
|
|
|
+ <span>{{parseTime(new Date(form.dataTime), '{y}-{m}-{d} {h}:{i}:{s}')}}</span>
|
|
|
+ </el-form-item>
|
|
|
+ <!-- <el-form-item label="交易方式:" prop="TRANTYPE">
|
|
|
+ <span>{{form.TRANTYPE}}</span>
|
|
|
+ </el-form-item> -->
|
|
|
+ <el-form-item label="对方账号:" prop="OPPACCNO">
|
|
|
+ <span>{{form.OPPACCNO}}</span>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="对方账户名称:" prop="OPPACCNAME">
|
|
|
+ <span>{{form.OPPACCNAME}}</span>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="对方开户行名称:" prop="OPPBRANCHNAME">
|
|
|
+ <span>{{form.OPPBRANCHNAME}}</span>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="手续费:" prop="XTSFAM">
|
|
|
+ <span>{{form.XTSFAM?form.XTSFAM:0.00}}元</span>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <el-row style="height: 109px;" type="flex" align="middle" justify="center">
|
|
|
+ <el-button type="primary" plain="" @click="cancel">取 消</el-button>
|
|
|
+ </el-row>
|
|
|
+ </el-dialog>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
@@ -31,6 +81,7 @@ import { balance,transferDetailed } from "@/api/bank/bankInterface";
|
|
|
import { listElectronicsAcc } from "@/api/common/companyAcc";
|
|
|
import { release } from 'os';
|
|
|
import Cookies from 'js-cookie';
|
|
|
+import moment from 'moment'
|
|
|
export default {
|
|
|
name: "accInfDetail",
|
|
|
data() {
|
|
|
@@ -54,12 +105,15 @@ export default {
|
|
|
//联系人隐藏
|
|
|
disabled: false,
|
|
|
disableds: false,
|
|
|
- // 总条数
|
|
|
+ //总条数
|
|
|
total: 0,
|
|
|
- currentPage:1, //初始页
|
|
|
- pagesize:10, // 每页的数据
|
|
|
+ // 当前页
|
|
|
+ currentPage: 1,
|
|
|
+ // 每页多少条
|
|
|
+ pageSize: 10,
|
|
|
// 账户表格数据
|
|
|
- detailList: [],
|
|
|
+ detailList: [
|
|
|
+ ],
|
|
|
// 弹出层标题
|
|
|
title: "",
|
|
|
// 是否显示弹出层
|
|
|
@@ -103,6 +157,13 @@ export default {
|
|
|
// });
|
|
|
},
|
|
|
methods: {
|
|
|
+ // setDate(row, column) {
|
|
|
+ // debugger
|
|
|
+ // const newdata = row[column.property]
|
|
|
+ // if(newdata === undefined) {return ''}
|
|
|
+ // console.log(moment(Number(newdata)).format("YYYY-MM-DD HH:mm:ss"),"格式化")
|
|
|
+ // return moment(Number(newdata)).format("YYYY-MM-DD HH:mm:ss")
|
|
|
+ // },
|
|
|
createBeginDate(){
|
|
|
var date = new Date();
|
|
|
date.setMonth(date.getMonth()-3);
|
|
|
@@ -128,14 +189,23 @@ export default {
|
|
|
self.KYAMT = response.data.list.row.KYAMT
|
|
|
})
|
|
|
console.log(self.accno,"卡号")
|
|
|
+ console.log(self.currentPage,"页码")
|
|
|
+ console.log(self.pageSize,"条数")
|
|
|
//查询交易明细
|
|
|
- var map = {'startRecord' : '1','pageNumber' : '10','accNo' : self.accno,'startDate': self.createBeginDate(),'endDate': self.parseTime(new Date(),"{y}{m}{d}")}
|
|
|
+ var map = {'startRecord' : '11','pageNumber' : '10','accNo' : self.accno,'startDate': self.createBeginDate(),'endDate': self.parseTime(new Date(),"{y}{m}{d}")}
|
|
|
transferDetailed(map).then((response) =>{
|
|
|
debugger
|
|
|
self.detailList = response.data.list.row;
|
|
|
- self.total = response.data.list.row.length;
|
|
|
+ for (let i = 0; i < self.detailList.length; i++) {
|
|
|
+ const dataTime = self.detailList[i].TRANDATE + self.detailList[i].TRANTIME;
|
|
|
+ var pattern = /(\d{4})(\d{2})(\d{2})(\d{2})(\d{2})(\d{2})/;
|
|
|
+ var formatedDate1 = dataTime.replace(pattern, '$1/$2/$3 $4:$5:$6');
|
|
|
+ var ddate1 = new Date(formatedDate1);
|
|
|
+ self.detailList[i].dataTime = ddate1;
|
|
|
+ self.detailList[i].status = '交易成功';
|
|
|
+ console.log(self.detailList[i].dataTime,"交易时间")
|
|
|
+ }
|
|
|
self.loading = false;
|
|
|
- // this.total = response.data.list.row.length;
|
|
|
}).catch(response => {
|
|
|
self.loading = false;
|
|
|
});
|
|
|
@@ -146,14 +216,19 @@ export default {
|
|
|
self.loading = false;
|
|
|
});
|
|
|
},
|
|
|
- // 初始页currentPage、初始每页数据数pagesize和数据data
|
|
|
- handleSizeChange: function (size) {
|
|
|
- this.pagesize = size;
|
|
|
- console.log(this.pagesize) //每页下拉显示数据
|
|
|
+ handleDetail(row) {
|
|
|
+ debugger
|
|
|
+ this.reset();
|
|
|
+ this.form = row;
|
|
|
+ this.open = true;
|
|
|
},
|
|
|
- handleCurrentChange: function(currentPage){
|
|
|
- this.currentPage = currentPage;
|
|
|
- console.log(this.currentPage) //点击第几页
|
|
|
+ // 每页多少条
|
|
|
+ handleSizeChange(val) {
|
|
|
+ this.pageSize = val;
|
|
|
+ },
|
|
|
+ // 当前页
|
|
|
+ handleCurrentChange(val) {
|
|
|
+ this.currentPage = val;
|
|
|
},
|
|
|
// 取消按钮
|
|
|
cancel() {
|
|
|
@@ -202,6 +277,21 @@ export default {
|
|
|
this.single = selection.length !== 1;
|
|
|
this.multiple = !selection.length;
|
|
|
},
|
|
|
+ //列表格式化金额
|
|
|
+ moneyFormat(row, column, cellValue) {
|
|
|
+ if (cellValue == null || cellValue == undefined || cellValue == "") {
|
|
|
+ cellValue = "0.00";
|
|
|
+ }
|
|
|
+ cellValue += "";
|
|
|
+ if (!cellValue.includes(".")) {
|
|
|
+ cellValue += ".00";
|
|
|
+ }
|
|
|
+ return cellValue
|
|
|
+ .replace(/(\d)(?=(\d{3})+\.)/g, function($0, $1) {
|
|
|
+ return $1 + ",";
|
|
|
+ })
|
|
|
+ .replace(/\.$/, "");
|
|
|
+ },
|
|
|
},
|
|
|
};
|
|
|
</script>
|
peixh