<template>
|
<div class="pipelin clearfix">
|
<el-form :inline="true"
|
:model="value"
|
class="form-inline">
|
<el-form-item label="开始日期">
|
<el-date-picker v-model="value.beginDate"
|
type="date"
|
style="width: 197px;"
|
value-format="yyyy-MM-dd"
|
placeholder="选择日期">
|
</el-date-picker>
|
</el-form-item>
|
<el-form-item label="结束日期">
|
<el-date-picker v-model="value.endDate"
|
type="date"
|
style="width: 197px;"
|
value-format="yyyy-MM-dd"
|
placeholder="选择日期">
|
</el-date-picker>
|
</el-form-item>
|
<el-form-item class="search">
|
<el-button @click="onSubmit" type="primary">查询</el-button>
|
<el-button @click="reset">重置</el-button>
|
</el-form-item>
|
</el-form>
|
|
<div class="btnList">
|
<el-button @click="handleAdd">导入新增</el-button>
|
</div>
|
<el-table :data="tableData.acctTrsInputs"
|
v-loading="loading"
|
border
|
class="table"
|
>
|
<el-table-column prop="batchNo"
|
min-width="100"
|
align="center"
|
label="批次号">
|
</el-table-column>
|
<el-table-column prop="bankName"
|
min-width="50"
|
align="center"
|
label="银行名称">
|
</el-table-column>
|
<el-table-column prop="acctName"
|
min-width="150"
|
align="center"
|
label="账户名称">
|
</el-table-column>
|
<el-table-column prop="acctNo"
|
align="center"
|
label="银行账号">
|
</el-table-column>
|
<el-table-column prop="remark"
|
min-width="150"
|
align="center"
|
label="备注">
|
</el-table-column>
|
<el-table-column prop="inputTime"
|
align="center"
|
label="导入日期">
|
</el-table-column>
|
<el-table-column prop="uploadStatus"
|
align="center"
|
label="状态">
|
<template slot-scope="scope">
|
<span>{{enumerMap(scope.row.uploadStatus,'submitStatus')}}</span>
|
</template>
|
</el-table-column>
|
<el-table-column align="center"
|
min-width="120"
|
label="操作">
|
<template slot-scope="scope">
|
<el-button size="mini"
|
v-if="scope.row.uploadStatus !== '1'"
|
@click="handleSubmit(scope.$index, scope.row)">提交</el-button>
|
<el-button size="mini"
|
@click="handleDetail(scope.$index, scope.row)">详情</el-button>
|
<el-button size="mini"
|
type="danger"
|
v-if="scope.row.uploadStatus !== '1'"
|
@click="handleDelete(scope.$index, scope.row)">删除</el-button>
|
</template>
|
</el-table-column>
|
</el-table>
|
<el-pagination @current-change="handleCurrentChange"
|
:current-page.sync="value.page"
|
:page-size="10"
|
class="paging"
|
background
|
layout="total,prev, pager, next, jumper"
|
:total="tableData.totalSize">
|
</el-pagination>
|
<pe-detail v-model="dialog"
|
:batchNo="batchNo"
|
:infoData="infoData"></pe-detail>
|
<pe-add v-model="dialog"></pe-add>
|
</div>
|
</template>
|
|
<script>
|
import { PipelinQuery, streamSubmit, streamDelete } from "@/assets/api/api";
|
|
import PeDetail from "./PeDetail";
|
import PeAdd from "./PeAdd";
|
|
export default {
|
name: "pipelin",
|
data() {
|
return {
|
value: {
|
beginDate: null,
|
endDate: null,
|
page: 1,
|
pageSize: 10
|
},
|
|
dialog: null,
|
batchNo: null,
|
loading: false,
|
infoData: {},
|
tableData: {
|
acctTrsInputs: []
|
}
|
};
|
},
|
|
created() {
|
this.getTablebData();
|
},
|
|
watch: {
|
dialog: function(n) {
|
if(n == "") {
|
this.getTablebData()
|
}
|
}
|
},
|
components: {
|
PeDetail,
|
PeAdd
|
},
|
|
methods: {
|
// 获取数据
|
async getTablebData() {
|
this.loading = true
|
let res = await PipelinQuery(this.value);
|
if (res.data.retHeader.retCode === "0000") {
|
this.tableData = res.data.retBody;
|
} else {
|
this.tableData = {totalPage: 0, totalSize: 0, acctTrsInputs: []}
|
this.$message.error(res.data.retHeader.retMessage)
|
}
|
this.loading = false
|
},
|
// 详情
|
handleDetail(index, val) {
|
this.batchNo = val.batchNo;
|
this.infoData = val;
|
this.dialog = "detail";
|
},
|
// 提交
|
async handleSubmit(index, val) {
|
let res = await streamSubmit(val);
|
if (res.data.retHeader.retCode === "0000") {
|
this.$message({
|
type: "success",
|
message: "提交成功"
|
});
|
} else {
|
this.$message({
|
type: "error",
|
message: res.data.retHeader.retMessage
|
});
|
}
|
this.getTablebData();
|
},
|
// 删除
|
async handleDelete(index, val) {
|
let res = await streamDelete({batchNo:val.batchNo});
|
if (res.data.retHeader.retCode === "0000") {
|
this.$message({
|
type: "success",
|
message: "删除成功"
|
});
|
this.getTablebData();
|
} else {
|
this.$message({
|
type: "error",
|
message: res.data.retHeader.retMessage
|
});
|
}
|
},
|
|
// 分页
|
handleCurrentChange(val) {
|
this.value.page = val;
|
this.getTablebData()
|
},
|
|
// 查询
|
onSubmit() {
|
this.getTablebData();
|
},
|
|
// 新增
|
handleAdd() {
|
this.dialog = "add";
|
},
|
|
// 重置
|
reset() {
|
this.currentPage = 1
|
this.value = {
|
beginDate: null,
|
endDate: null,
|
page: this.currentPage,
|
pageSize: 10
|
};
|
this.getTablebData()
|
}
|
}
|
};
|
</script>
|
|
<style lang="less" scoped>
|
.pipelin {
|
background-color: #fff;
|
height: 100%;
|
.paging {
|
padding: 10px 0px;
|
}
|
.btnList {
|
// padding: 8px 0px;
|
margin: 20px 0px;
|
}
|
}
|
</style>
|
