<template>
<div class="eibs-tab">
<c-col :span="12" class="col-left">
<c-col :span="24">
<el-form-item label="申报类型" prop="rmbsel.rmbtyp">
<c-select :clearable='false' :filterKey="filterKey" @change="rmbtypC" dbCode="RMBTYP"
placeholder="请选择申报类型" sort="SRT" v-model="model.rmbsel.rmbtyp"/>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="业务主键" prop="rmbsel.levyno">
<c-input maxlength="24" placeholder="业务主键" v-model="model.rmbsel.levyno"/>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="业务编号" prop="rmbsel.banktrano">
<c-input maxlength="16" placeholder="请输入业务编号" v-model="model.rmbsel.banktrano"/>
</el-form-item>
</c-col>
</c-col>
<c-col :span="12" class="col-right">
<c-col :span="24">
<el-form-item label="起止日期">
<c-col :span="11">
<c-date-picker placeholder="请选择起始日期" type="date" v-model="model.rmbsel.frmdat"
value-format="yyyy-MM-dd"></c-date-picker>
</c-col>
<c-col :span="2" style="text-align: center">
<label style="display: inline-block; width: 100%">-</label>
</c-col>
<c-col :span="11">
<c-date-picker placeholder="请选择截止日期" type="date" v-model="model.rmbsel.tildat"
value-format="yyyy-MM-dd"></c-date-picker>
</c-col>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="业务所属行" prop="rmbsel.ownextkey">
<c-select placeholder="请选择业务所属行" style="width: 100%" v-model="model.rmbsel.ownextkey">
<el-option :key="item.branch" :label="item.bchname" :value="item.branch"
v-for="item in model.bchtypList">
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col>
<el-form-item label="业务状态" prop="rmbsel.decsta">
<el-radio label="" v-model="model.rmbsel.decsta">全部</el-radio>
<el-radio :label="0" v-model="model.rmbsel.decsta">待申报</el-radio>
<el-radio :label="8" v-model="model.rmbsel.decsta">已发送</el-radio>
<el-radio label="D" v-model="model.rmbsel.decsta">已撤销</el-radio>
<el-radio label="G" v-model="model.rmbsel.decsta">报送前撤销</el-radio>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24" style="margin-bottom: 5px;">
<c-col :span="12" style="text-align: left">
<el-button :disabled="model.rmbsel.rmbtyp ==='' || model.rmbsel.rmbtyp === 'ALL' || model.btnflg =='Y' " @click="toadd()"
size="small" type="primary">新增
</el-button>
<el-button :disabled="model.tableData.length === 0" @click="exportExcel" size="small" type="primary">
导出Excel
</el-button>
</c-col>
<c-col :span="12" style="text-align: right">
<el-button @click="submitQuery" icon="el-icon-search" size="small" type="primary">查询</el-button>
</c-col>
</c-col>
<c-col :span="24">
<el-table :data="model.tableData" :highlight-current-row="true" height="calc(100vh - 480px)"
id='infgidBSTableRef' size="small"
v-loading="load">
<el-table-column align="left" label="业务主键" min-width="150" prop="levyno">
</el-table-column>
<el-table-column align="left" label="申报类型" min-width="250" prop="objtypname">
</el-table-column>
<el-table-column :show-overflow-tooltip="true" align="left" label="报送状态" min-width="150" prop="staname">
</el-table-column>
<el-table-column :show-overflow-tooltip="true" align="left" label="银行业务编号" min-width="250"
prop="banktrano">
</el-table-column>
<el-table-column :show-overflow-tooltip="true" align="left" label="币种" min-width="150" prop="payeecny">
</el-table-column>
<el-table-column :show-overflow-tooltip="true" align="left" label="金额" min-width="150" prop="allamt">
</el-table-column>
<el-table-column :show-overflow-tooltip="true" align="left" label="收款人名称" min-width="150"
prop="payeename">
</el-table-column>
<el-table-column :show-overflow-tooltip="true" align="left" label="付款人名称" min-width="150"
prop="payername">
</el-table-column>
<el-table-column :show-overflow-tooltip="true" align="left" label="业务发生日期" min-width="150"
prop="reldat">
</el-table-column>
<el-table-column :show-overflow-tooltip="true" align="left" label="业务所属行" min-width="150"
prop="nchname">
</el-table-column>
<el-table-column fixed="right" label="操作" min-width="350px">
<template slot-scope="scope">
<c-button @click="toDetail(scope.row)" size="small" slot="reference" style="margin-left: 0"
type='text'>详情
</c-button>
<c-button @click="tomod(scope.row)" size="small" slot="reference" style="margin-left: 5px"
type='text'
v-if="(scope.row.sta === '0' || scope.row.sta === '1' || scope.row.sta === '2' || scope.row.sta === '5' || scope.row.sta === '7' || scope.row.sta === '8' || scope.row.sta === 'Z')" :disabled="model.btnflg ==='Y' ">
修改
</c-button>
<c-button @click="todel(scope.row)" size="small" slot="reference" style="margin-left: 5px"
type='text'
v-if="(scope.row.sta === '0' || scope.row.sta === '1' || scope.row.sta === '2' || scope.row.sta === '5' || scope.row.sta === '7' || scope.row.sta === '8' || scope.row.sta === 'Z')" :disabled="model.btnflg ==='Y' ">
删除
</c-button>
<!-- <c-button @click="add2001to2112(scope.row)" size="small" slot="reference"
style="margin-left: 5px"
type='text'
v-if="(scope.row.objtyp === 'TDA' && (scope.row.sta === '0' || scope.row.sta === '1' || scope.row.sta === '2' || scope.row.sta === '5' || scope.row.sta === '7' || scope.row.sta === '8' || scope.row.sta === 'Z' )) ">
新增2112
</c-button>
<c-button @click="addNode(scope.row)" size="small" slot="reference" style="margin-left: 5px"
type='text'
v-if="((scope.row.objtyp === 'TDB' || scope.row.objtyp === 'TCR' || scope.row.objtyp === 'TDF')&&(scope.row.sta === '0' || scope.row.sta === '1' || scope.row.sta === '2' || scope.row.sta === '5' || scope.row.sta === '7' || scope.row.sta === '8' || scope.row.sta === 'Z' )) ">
新增节点
</c-button> -->
</template>
</el-table-column>
</el-table>
<el-pagination :current-page="pagination.pageNum" :page-size="pagination.pageSize"
:total="pagination.total" @current-change="currentChange"
layout="total, sizes,prev, pager, next, jumper">
</el-pagination>
</c-col>
</div>
</template>
<script>
import codes from "~/config/CodeTable";
import event from "../event"
export default {
props: ["model", "codes"],
inject: ["root"],
mixins: [event],
data() {
return {
tableData: [],
pagination: {
pageNum: 1,
pageSize: 10,
total: 0
},
load: false,
filterKey: ["ALL", "TDA", "TCR", "TDB", "TDN", "TDF", "TFA", "TFB", "TDM", "TDO", "TDQ", "TCP", "TGA"]
};
},
mounted() {
this.bopIsHeadBch();
this.getBranchList();
},
methods: {
rmbtypC() {
this.model.tableData = []
},
submitQuery() {
this.root.$refs.modelForm.validate((valid) => {
if (valid) {
this.onSearch();
} else {
// 前端校验失败
this.$notify({
title: '失败',
message: '校验失败',
type: 'error',
});
return false;
}
})
}
}
};
</script>
<style scoped>
.table-button-item-list {
padding: 0;
margin: 0;
}
.table-button-item-list li {
list-style: none;
padding: 5px 0;
text-align: center;
color: #606266;
cursor: pointer;
}
</style>