<template> <div class="eibs-tab"> <!-- 持续展示区 --> <c-list-search @form-reset="handleReset" @form-search="handleSearch"> <template v-slot="searchSlot"> <el-form class="m-table-search-form" ref="paramsForm" :inline="true" label-position="right" label-width="110px" size="small" > <c-row> <c-col :span="24"> <c-col :span="8"> <el-form-item label="Own Reference" prop="infcon.seaownref" style="width: 100%" > <c-input v-model="model.infcon.seaownref" maxlength="16" placeholder="请输入Own Reference" style="width: 100%" ></c-input> </el-form-item> </c-col> <!-- <c-col :span="2"> </c-col> --> <c-col :span="8"> <el-form-item label="Opening between" prop="infcon.opndatfrom" style="width: 100%"> <c-col :span="11"> <c-date-picker type="date" v-model="model.infcon.opndatfrom" style="width: 100%" placeholder="请选择" ></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 type="date" v-model="model.infcon.opndatto" style="width: 100%" placeholder="请选择" ></c-date-picker> </c-col> </el-form-item> </c-col> <c-col :span="8"> <el-form-item label="Name" prop="infcon.nam" style="width: 100%"> <c-input v-model="model.infcon.nam" maxlength="40" placeholder="请输入Name" ></c-input> </el-form-item> </c-col> </c-col> </c-row> <!-- 可控展示区 --> <c-row v-show="searchSlot.searchToggle"> <c-col :span="24"> <c-col :span="8"> <el-form-item label="Party Reference" prop="infcon.searef" style="width: 100%"> <c-input v-model="model.infcon.searef" maxlength="16" placeholder="请输入Party Reference" style="width: 100%" ></c-input> </el-form-item> </c-col> <c-col :span="8"> <el-form-item label="Party Name" prop="infcon.pty.nam" style="width: 100%"> <c-input v-model="model.infcon.pty.nam" maxlength="40" placeholder="请输入Party Name" style="width:100%" > </c-input> </el-form-item> </c-col> <c-col :span="8"> <el-form-item label="Sel Single Party" prop="infcon.pty.extkey" style="width: 100%" > <c-input v-model="model.infcon.pty.extkey" maxlength="24" placeholder="请输入Select Single Party" > </c-input> </el-form-item> </c-col> </c-col> <c-col :span="24"> <c-col :span="8"> <el-form-item label="Party Name/BIC" prop="infcon.seapty" style="width: 100%"> <c-input v-model="model.infcon.seapty" maxlength="24" placeholder="请输入Party Name/BIC" ></c-input> </el-form-item> </c-col> <c-col :span="8"> <el-form-item label="Resp. User" prop="infcon.usr.extkey" style="width: 100%"> <c-input v-model="model.infcon.usr.extkey" maxlength="8" placeholder="请输入User ID" > </c-input> </el-form-item> </c-col> <c-col :span="8"> <el-form-item label="Role" prop="infcon.searol" style="width: 100%"> <c-select v-model="model.infcon.searol" style="width: 100%" placeholder="请选择Role" > </c-select> </el-form-item> </c-col> </c-col> <c-col :span="24"> <c-col :span="8"> <el-form-item label="Status" prop="infcon.seasta" style="width: 100%"> <c-select v-model="model.infcon.seasta" style="width: 100%" placeholder="请选择Status" > </c-select> </el-form-item> </c-col> <c-col :span="8"> <el-form-item label="Currency" prop="infcon.seacur" style="width: 100%"> <c-select v-model="model.infcon.seacur" style="width: 100%" placeholder="请选择Currency" :code="codes.cur" > </c-select> </el-form-item> </c-col> <c-col :span="8"> <el-form-item label="Amount between" prop="infcon.seaamtfr" style="width: 100%"> <c-col :span="11"> <c-input-currency v-model="model.infcon.seaamtfr" placeholder="请输入Amount" > </c-input-currency> </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-input-currency v-model="model.infcon.seaamtto" placeholder="请输入Amount" > </c-input-currency> </c-col> </el-form-item> </c-col> </c-col> <c-col :span="24"> <c-col :span="8"> <el-form-item label="Document Type" prop="seadocflg" style="width: 100%"> <c-select v-model="model.seadocflg" style="width: 100%" placeholder="请选择Document Type" > </c-select> </el-form-item> </c-col> <c-col :span="8"> <el-form-item label="假远期信用证" prop="jyqflg" style="width: 100%"> <c-select v-model="model.jyqflg" style="width: 100%" placeholder="请选择假远期信用证" > </c-select> </el-form-item> </c-col> <c-col :span="8"> <el-form-item label="是否通过电证系统" prop="elcflg" style="width: 100%"> <c-select v-model="model.elcflg" style="width: 100%" placeholder="请选择是否通过电证系统" > </c-select> </el-form-item> </c-col> </c-col> </c-row> </el-form> </template> </c-list-search> <!-- <c-row style="margin-top:20px; padding: 0 10px 0 10px;"> <c-col> <c-button size="small" type="primary">导Excel</c-button> <c-button size="small" type="primary">Display</c-button> <c-button size="small" type="primary">Use</c-button> </c-col> </c-row> --> <el-row> <c-col :span="24"> <c-istream-table :list="stmData.data" :columns="stmData.columns"> <el-table-column fixed="right" prop="op" label="操作" width="150px" > <template slot="header"> <c-col :span="11" style="text-align:left"><span>操作</span></c-col> <c-col :span="12" style="text-align:right"><c-button icon="el-icon-s-tools"></c-button></c-col> </template> <template slot-scope="scope"> <!-- <c-button style="margin-left: 0" size="small" > 详情 </c-button> --> <el-popover placement="top-start" title="历史信息" width="800" trigger="click" :ref="'popover_' + scope.row.IDX" > <div style="text-align: right; margin-top: -30px; margin-right: 5px; font-size: 16px;"> <span class="el-icon-close" @click="closeTrn('popover_' + scope.row.IDX)"/> </div> <c-istream-table :list="trnData.data" :columns="trnData.columns" > <el-table-column prop="op" label="操作" width="0"> <template slot-scope="scope"> <c-button style="margin-left: 0" size="small" @click="display(scope.$index, scope.row)" > 详情 </c-button> </template> </el-table-column> </c-istream-table> <c-button style="margin-left: 0" size="small" @click="getTrnInfo(scope.$index, scope.row)" slot="reference" > 详情 </c-button> </el-popover> <c-button style="margin-left: 0" size="small" type="primary" @click="getButtons(scope.row['Reference'])" > 处理 </c-button> <!-- <c-button style="margin-left: 0" size="small" type="primary" @click="getDitSelInfo(scope.row['Reference'])" > info </c-button> --> </template> </el-table-column> </c-istream-table> </c-col> </el-row> <el-dialog :visible.sync="initdialog" :title="'交易列表'" append-to-body> <div class="m-list-btns"> <m-busbtn ref="childs" :ownref="ownref" @onChoose="onChoose" >11</m-busbtn> </div> </el-dialog> </div> </template> <script> import Api from "~/service/Api"; import commonProcess from "~/mixin/commonProcess"; import CodeTable from "~/config/CodeTable"; import Event from "~/model/Infbdd/Event"; import BusNavbar from "~/views/Business/Infbdd/BusNavbar" export default { inject: ["root"], props: ["model", "codes"], mixins: [commonProcess], components:{'m-busbtn':BusNavbar}, data() { return { ownref:"", initdialog:false, trnData: { columns: [ '1 1 "编号" 200', '2 2 "交易名称" 120', // '3 3 "日期" 200', {index:3,position:3,width:110,pattern:'date',label:'日期'}, // '4 4 "状态" 50', {index:4,position:4,width:100,pattern:'code',label:'状态',code:this.codes.relstaEN}, '5 5 "币种" 80', '6 6 "金额" 110', ], data: [], }, stmData: { columns: [ '1 1 "Reference" 140 ', '2 2 "Resp User" 100 ', '5 3 "Applicant Party Number" 160', '6 4 "Applicant" 100', '7 5 "Beneficiary Party Number" 170', '8 6 "Beneficiary" 150', '9 7 "Party Number" 140', '10 8 "Presenting Bank" 220', // '3 9 "Opened" 150', // '4 10 "Closed" 80', {index:3,position:9,width:100,pattern:'date',label:'Opened'}, {index:4,position:10,width:100,pattern:'date',label:'Closed'}, '11 11 "Doc Amount Cur" 120', '12 12 "Doc Amount" 120', '13 13 "Open Amount Cur" 130', '14 14 "Open Amount" 120', ], data: [], }, }; }, methods: { ...Event, async getButtons(ownref){ this.initdialog = true this.ownref = ownref console.log("ownref:" +ownref); setTimeout(()=>{ this.$refs.childs.$emit("childmethods") },10) }, async onChoose(code){ //跳转交易 this.$router.history.push("/business/" + code) this.initdialog = false } , async getDitSelInfo(code){ //跳转交易 this.$router.history.push("/business/" + code) this.initdialog = false }, closeTrn(refId){ this.$refs[refId].doClose(); }, async getTrnInfo(idx, row) { this.model.infcon.objinr = row["INR"]; this.model.didgrp.rec.inr = row["INR"]; this.model.infcon.chksubcon = "X"; this.dialogTableVisible = true; let rtnmsg = await this.executeDefault("infcon.chksubcon"); if ((rtnmsg.respCode == SUCCESS)) { this.trnData.data = rtnmsg.data.infcon_trnstm.rows; } }, }, created: function () {}, }; </script> <style> </style>