<template> <div class="eibs-tab"> <c-list-search @form-reset="handleReset" @form-search="handleSearch"> <!-- 持续展示区 --> <template v-slot="searchSlot"> <el-row> <c-col :span="24"> <c-col :span="8"> <el-form-item label="收报日期" prop="rcvdatsta" style="width: 100%"> <c-date-picker type="date" v-model="model.wlzp.stadat" style="width: 100%" ></c-date-picker> </el-form-item> </c-col> <c-col :span="8"> <el-form-item label="发报日期" prop="rcvdatsta" style="width: 100%"> <c-date-picker type="date" v-model="model.wlzp.stadat" style="width: 100%" ></c-date-picker> </el-form-item> </c-col> <c-col :span="8"> <el-form-item label="报文标准" prop="msgtyp" style="width: 100%"> <c-select v-model="model.wlzp.msgtyp" style="width: 100%" :code="codes.msgtyp3"> </c-select> </el-form-item> </c-col> </c-col> </el-row> <!-- 可控展示区 --> <el-row v-show="searchSlot.searchToggle"> <c-col :span="24"> <c-col :span="8"> <el-form-item label="报文类型" prop="subtype" style="width: 100%"> <el-select v-model="model.wlzp.subtyp" placeholder="请选择报文类型"> <el-option v-for="code in subtypCodes" :key="code.label" :label="code.label" :value="code.value"> </el-option> </el-select> </el-form-item> </c-col> <c-col :span="8"> <el-form-item label="发报行BIC" prop="" style="width: 100%"> <c-input v-model="model.wlzp.sndbic" style="width: 100%" /> </el-form-item> </c-col> <c-col :span="8"> <el-form-item label="收报行BIC" prop="" style="width: 100%"> <c-input v-model="model.wlzp.rcvbic" style="width: 100%" /> </el-form-item> </c-col> </c-col> <c-col :span="24"> <c-col :span="8"> <el-form-item label="报文标志号" prop="" style="width: 100%"> <c-input v-model="model.wlzp.bwbzh" style="width: 100%" /> </el-form-item> </c-col> <c-col :span="8"> <el-form-item label="关联参考号" prop="" style="width: 100%"> <c-input v-model="model.wlzp.glckh" style="width: 100%" /> </el-form-item> </c-col> <c-col :span="8"> <el-form-item label="币种" prop="" style="width: 100%"> <c-select v-model="model.wlzp.cur" style="width: 100%" :code="codes.cur"/> </el-form-item> </c-col> </c-col> <c-col :span="24"> <c-col :span="8"> <el-form-item label="账号" prop="" style="width: 100%"> <c-input v-model="model.wlzp.act" style="width: 100%" /> </el-form-item> </c-col> <c-col :span="8"> <el-form-item label="金额下限" prop="" style="width: 100%"> <c-input v-model="model.wlzp.amtmin" style="width: 100%" /> </el-form-item> </c-col> <c-col :span="8"> <el-form-item label="金额上限" prop="" style="width: 100%"> <c-input v-model="model.wlzp.amtmax" style="width: 100%" /> </el-form-item> </c-col> </c-col> <c-col :span="24"> <c-col :span="8"> <el-form-item label="消息处理状态" prop="" style="width: 100%"> <c-select v-model="model.wlzp.rspsta" style="width: 100%" :code="codes.rspsta"/> </el-form-item> </c-col> <c-col :span="8"> <el-form-item label="行内系统" prop="" style="width: 100%"> <c-select v-model="model.wlzp.chnipt" style="width: 100%" :code="codes.chnipt"/> </el-form-item> </c-col> </c-col> </el-row> </template> </c-list-search> <el-col :span="24" style="margin-top: 2px; margin-bottom: 1px"> <c-button :disabled="isFoldDisable" class="medium_bcs" size="medium" style="margin-left: 0" type="primary" >{{ $t("public.删除") }} </c-button> <!-- <c-button :disabled="isRoutingDisable" class="medium_bcs" size="medium" style="margin-left: 20" type="primary" >ReRouting </c-button> --> <c-button class="medium_bcs" size="medium" style="margin-left: 20" type="primary" > {{ $t("public.批量记账") }} </c-button> </el-col> <el-col :span="24" style="margin-top: 10px"> <div style="height: 90%"> <c-col :span="24"> <el-tabs v-model="activeTab" class="y-tabs"> <el-tab-pane label="CIPS未记账记录查询" name="fb"> <el-table :data="stmData.data" :columns="stmData.columns" v-loading="load" style="width: 100%" @selection-change="handleSelectionChange" size="small" :border="true" height="calc(100vh - 480px)" :highlight-current-row="true" > <el-table-column type="selection" width="55"> </el-table-column> <el-table-column v-for="(item, key) in stmData.columns" :key="key" :label="item.label" :prop="item.prop" :min-width="item.width" > </el-table-column> </el-table> <el-pagination layout="total, sizes, prev, pager, next, jumper" :total="pagination.total" :page-size="pagination.pageSize" :current-page.sync="pagination.pageNum" @size-change="handleSizeChange" @current-change="handleCurrentChange" > </el-pagination> </el-tab-pane> </el-tabs> </c-col> </div> </el-col> </div> </template> <script> import event from "../event"; export default { inject: ["root"], props: ["model", "codes"], mixins: [event], data() { return { activeTab: "fb", load: false, subtypCodes: [], multipleSelection: [], stmData: { columns: [ { label: "起始日", prop: "sta", width: "120px", }, { label: "报文标识号", prop: "amt", width: "120px", }, { label: "关联参考号", prop: "stadat", width: "120px", }, { label: "币种", prop: "enddat", width: "120px", }, { label: "金额", prop: "enddat", width: "120px", }, { label: "账号", prop: "enddat", width: "120px", }, { label: "子系统", prop: "enddat", width: "120px", }, { label: "行内系统", prop: "enddat", width: "120px", }, { label: "收发方", prop: "enddat", width: "120px", }, { label: "处理状态", prop: "enddat", width: "120px", }, { label: "发报行BIC", prop: "enddat", width: "120px", }, { label: "收报行BIC", prop: "enddat", width: "120px", }, { label: "报文标", prop: "enddat", width: "120px", }, { label: "报文标", prop: "enddat", width: "120px", }, { label: "报文类", prop: "enddat", width: "120px", }, { label: "日夜间标", prop: "enddat", width: "120px", }, ], data: [], }, pagination: { pageNum: 1, pageSize: 10, total: 0, }, }; }, computed: { isFoldDisable: function () { return this.multipleSelection.length == 0; }, isRoutingDisable: function () { return this.multipleSelection.length == 0; }, }, watch: { 'model.wlzp.msgtyp': { handler: function (newTyp, oldTyp) { // 把已经选择的 subtyp 重置 this.model.wlzp.subtyp= ''; const { codes } = this; if (newTyp === 'sf2') { this.subtypCodes = codes.mttyp; } else if (newTyp === 'iso') { this.subtypCodes = codes.isotyp; } else if (newTyp === 'txt') { this.subtypCodes = codes.fmttyp; } else { this.subtypCodes = codes.cipstyp; } }, deep: true } }, methods: {}, mounted: function () {}, }; </script> <style lang="less" scoped> ::v-deep .c-content-scrollbar { height: 100% !important; } .eibs-tabs /deep/ { .m-table-search { padding: 20px 0px 10px 0px; } } .header-wrap { height: 36px; display: flex; justify-content: space-between; align-items: center; .title { font-size: 16px; color: #000; } .close-btn { padding: 3px; cursor: pointer; } } .m-list-btns { height: 300px; overflow: auto; } .medium_bcs { border-radius: 5px; } .m-table-search { padding: 20px 0px 10px 0px; } .pagination-box { width: 100%; height: 30px; display: flex; align-items: center; justify-content: flex-end; padding: 0 10px; background: #fff; margin-top: 5px; } .el-dialog__body { padding: 10px 5px 50px; } .m-table-search { padding: 20px 0px 10px 0px; } .btn-group-wrap { max-height: 200px; width: 100%; overflow-y: auto; display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; } .btn-item { margin-bottom: 10px; margin-right: 10px; } </style>