Infsea.vue

<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" 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">
                                    <c-input v-model="model.infcon.seaownref" maxlength="16"
                                        placeholder="请输入Own Reference"></c-input>
                                </el-form-item>
                            </c-col>
                            <c-col :span="8">
                                <el-form-item label="Name" prop="infcon.nam">
                                    <c-input v-model="model.infcon.nam" maxlength="40" placeholder="请输入Name"></c-input>
                                </el-form-item>
                            </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="请选择Opening between" 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 type="date" v-model="model.infcon.opndatto" style="width: 100%"
                                            placeholder="请选择Open Date to" value-format="yyyy-MM-dd"></c-date-picker>
                                    </c-col>
                                </el-form-item>
                            </c-col>
                        </c-col>
                    </c-row>

                    <!-- 可控展示区 -->
                    <el-row v-show="searchSlot.searchToggle">
                        <c-row>
                            <c-col :span="24">
                                <c-col :span="8">
                                    <el-form-item label="Select Single Party" prop="infcon.pty.extkey">
                                        <c-input v-model="model.infcon.pty.extkey" maxlength="24"
                                            placeholder="请输入Select Single Party"></c-input>
                                    </el-form-item>
                                </c-col>

                                <c-col :span="8">
                                    <el-form-item label="Party Name" prop="infcon.pty.nam">
                                        <c-input v-model="model.infcon.pty.nam" maxlength="40"
                                            placeholder="请输入Party Name"></c-input>
                                    </el-form-item>
                                </c-col>

                                <c-col :span="8">
                                    <el-form-item label="Party Name/BIC" prop="infcon.seapty">
                                        <c-input v-model="model.infcon.seapty" maxlength="24"
                                            placeholder="请输入Party Name/BIC"></c-input>
                                    </el-form-item>
                                </c-col>
                            </c-col>

                            <c-col :span="24">
                                <c-col :span="8">
                                    <el-form-item label="Role" prop="infcon.searol">
                                        <c-select v-model="model.infcon.searol" style="width: 100%"
                                            placeholder="请选择Role" :code="codes.payrol">
                                        </c-select>
                                    </el-form-item>
                                </c-col>
                                <!-- 
                                <c-col :span="8">
                                    <el-form-item
                                        label="Opening between"
                                        prop="infcon.opndatfrom"
                                    >
                                        <c-date-picker
                                            type="date"
                                            v-model="model.infcon.opndatfrom"
                                            style="width: 100%"
                                            placeholder="请选择Opening between"
                                        ></c-date-picker>
                                    </el-form-item>
                                </c-col> -->

                                <c-col :span="8">
                                    <el-form-item label="Party Reference" prop="infcon.searef">
                                        <c-input v-model="model.infcon.searef" maxlength="16"
                                            placeholder="请输入Party Reference"></c-input>
                                    </el-form-item>
                                </c-col>

                                <c-col :span="8">
                                    <el-form-item label="Amount to" prop="infcon.seaamtto">
                                        <c-input v-model="model.infcon.seaamtto" placeholder="请输入Amount to"></c-input>
                                    </el-form-item>
                                </c-col>

                                <!-- <c-col :span="8">
                                    <el-form-item
                                        label="Open Date to"
                                        prop="infcon.opndatto"
                                    >
                                        <c-date-picker
                                            type="date"
                                            v-model="model.infcon.opndatto"
                                            style="width: 100%"
                                            placeholder="请选择Open Date to"
                                        ></c-date-picker>
                                    </el-form-item>
                                </c-col> -->
                            </c-col>

                            <c-col :span="24">
                                <c-col :span="8">
                                    <el-form-item label="User ID" prop="infcon.usr.extkey">
                                        <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="Status" prop="infcon.seasta">
                                        <c-select v-model="model.infcon.seasta" style="width: 100%"
                                            placeholder="请选择Status" :code="codes.seasta">
                                        </c-select>
                                    </el-form-item>
                                </c-col>

                                <c-col :span="8">
                                    <el-form-item label="Currency" prop="infcon.seacur">
                                        <c-select v-model="model.infcon.seacur" style="width: 100%"
                                            placeholder="请选择Currency" :code="codes.curtxt1">
                                        </c-select>
                                    </el-form-item>
                                </c-col>
                            </c-col>

                            <c-col :span="24">
                                <c-col :span="8">
                                    <el-form-item label="Amount between" prop="infcon.seaamtfr">
                                        <c-input v-model="model.infcon.seaamtfr" placeholder="请输入Amount between">
                                        </c-input>
                                    </el-form-item>
                                </c-col>

                                <c-col :span="8">
                                    <el-form-item label="是否通过电证系统" prop="elcflg">
                                        <c-select v-model="model.elcflg" style="width: 100%" placeholder="请选择是否通过电证系统"
                                            :code="codes.elcflg">
                                        </c-select>
                                    </el-form-item>
                                </c-col>

                                <c-col :span="8">
                                    <el-form-item label="">
                                        <c-checkbox v-model="model.infcon.forflg">转卖单据</c-checkbox>
                                    </el-form-item>
                                </c-col>
                            </c-col>

                            <c-col :span="24">
                                <c-col :span="8">
                                    <el-form-item label="Document Type" prop="seadoctypcod">
                                        <c-select v-model="model.seadoctypcod" style="width: 100%"
                                            placeholder="请选择Document Type" :code="codes.brdtyp">
                                        </c-select>
                                    </el-form-item>
                                </c-col>
                            </c-col>
                        </c-row>
                    </el-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"
                @click="onInfbutDsp"
                :disabled="model.infbut.selrow === 0"
                >Display</c-button>
                <c-button size="small" type="primary">Use</c-button>
            </c-col>
        </c-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">
                        <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.row['INR'])">
                                            详情
                                        </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="getButtons(scope.row['Reference'], 'bftdrv')"
              >
                寄单索款修改
              </c-button>
              <c-button
                style="margin-left: 0"
                size="small"
                type="primary"
                @click="getButtons(scope.row['Reference'], 'bftdcr')"
              >
                电提不符点/开证行拒付
              </c-button>   
              <c-button
                style="margin-left: 0"
                size="small"
                type="primary"
                @click="getButtons(scope.row['Reference'], 'bftsnd')"
              >
                寄单
              </c-button>   
              <c-button
                style="margin-left: 0"
                size="small"
                type="primary"
                @click="getButtons(scope.row['Reference'], 'bftacc')"
              >
                承兑
              </c-button>  
              <c-button
                style="margin-left: 0"
                size="small"
                type="primary"
                @click="getButtons(scope.row['Reference'], 'bftset')"
              >
                收款
              </c-button>
              <c-button
                style="margin-left: 0"
                size="small"
                type="primary"
                @click="getButtons(scope.row['Reference'], 'bftcan')"
              >
                注销
              </c-button>
              -->
                    </template>
                </el-table-column>
            </c-istream-table>
        </c-col>
        <!--
        <c-row style="margin-top:20px; padding: 0 10px 0 10px;">
            <c-istream-table :border="true" 
              :list="tableData" 
              :columns="stmData.columns"
              v-on:chooseRowEvent="chooseRowEvent"
              style="width:80%,text-align:center">
            </c-istream-table>
        </c-row>
      -->
        <!--
    <c-row>          
       <c-col :span="24">
        <c-istream-table :list="model.infbut.dspstm" :columns="stmData.columns">
        </c-istream-table>
       </c-col>
    </c-row> 
    -->
        <m-busbtn ref="childs" :ownref="ownref" trnCode="detsel" ownrefPath="bfdgrp" tabIndex=3 :model="detselModel"
            @onChoose="onChoose"></m-busbtn>

    </div>
</template>
<script>
import Utils from "~/utils/index";
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Infbfd/Event";
//交易跳转逻辑
import DetselModel from "~/model/Detsel"
import BusNavbar from "~/views/Public/BusNavbar";

export default {
    inject: ["root"],
    props: ["model", "codes"],
    mixins: [commonProcess],
    components: { "m-busbtn": BusNavbar },
    data() {
        return {
            detselModel: new DetselModel().data,
            ownref: "",
            initdialog: false,
            dialogTableVisible: false,
            trnData: {
                columns: [
                    '1 1 "编号" 200',
                    '2 2 "交易名称" 100',
                    '3 3 "日期" 200',
                    // '4 4 "状态" 100',
                    { index: 4, position: 4, width: 100, pattern: 'code', label: '状态', code: this.codes.relstaEN },
                    '5 5 "币种" 80',
                    '6 6 "金额" 80',
                ],
                data: [],
            },

            stmData: {
                columns: [
                    '2 1 "Reference" 100 ',
                    '3 2 "Resp. User" 100 ',
                    '6 3 "Applicant Party Number" 200 ',
                    '7 4 "Applicant" 150 ',
                    '8 5 "Beneficiary Party Number" 200 ',
                    '9 6 "Beneficiary" 150 ',
                    '10 7 "Issuing Party Number" 200 ',
                    '11 8 "Issuing Bank" 150 ',
                    '12 9 "Purchasing Party Number" 200 ',
                    '13 10 "Purchasing bank" 150 ',
                    '1 11 "转卖日期" 150 ',
                    '4 12 "Opened" 150 ',
                    '5 13 "Closed" 150 ',
                    '14 14 "Cur" 50 ',
                    '15 15 "Doc.Amount" 150 ',
                    '16 16 "Cur" 50 ',
                    '17 17 "Open Amount" 150 ',
                ],
                data: [],
            },
        };
    },
    /*
    computed: {
    tableData() {
      // "10000449\t2000007350\t2000007350-001\tBEIJING TESTTEST,BEIJING, CHINA\t\t100080\tBEIJING, CHINA\tTEST TEST1 CO.,LTD."
      console.log(this.model.infbut.dspstm.rows)
      return this.model.infbut.dspstm.rows;
    },
  },
  */
    methods: {
        ...Event,
        async getButtons(ownref) {
            this.ownref = ownref
            this.$refs.childs.initdialog = true
            console.log("ownref:" + ownref);
        },
        async onChoose(code) {
            //跳转交易
            this.$router.history.push("/business/" + code)
            this.$refs.childs.initdialog = false
        },
        async getDitSelInfo(code) {
            //跳转交易
            this.$router.history.push("/business/" + code)
            this.$refs.childs.initdialog = false
        },

        async getTrnInfo(idx, row) {
            this.model.infcon.objinr = row["INR"];
            this.model.bfdgrp.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;
            }
        },
        closeTrn(refId) {
            this.$refs[refId].doClose();
        },
    },
    created: function () { },
};
</script>