<template>
    <c-content class="eibs-tab">

        <c-row>
            <c-col :span="11" :offset="1">
                <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="11" :offset="1">
                <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-row>

        <c-row>
            <c-col :span="11" :offset="1">
                <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="11" :offset="1">

            </c-col>
        </c-row>

        <c-row>
            <c-col :span="11" :offset="1">
                <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="11" :offset="1">
                <el-form-item label="External Visible Name" prop="infcon.pty.nam">
                    <c-input v-model="model.infcon.pty.nam" maxlength="40" placeholder="请输入External Visible Name">
                    </c-input>
                </el-form-item>
            </c-col>
        </c-row>

        <c-row>
            <c-col :span="11" :offset="1">
                <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 :span="11" :offset="1">
                <el-form-item label="Role" prop="infcon.searol">
                    <c-select v-model="model.infcon.searol" style="width:100%" placeholder="请选择Role">
                    </c-select>
                </el-form-item>
            </c-col>
        </c-row>

        <c-row>
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="14">
                        <el-form-item label="Opening between" prop="infcon.opndatfrom">
                            <c-date-picker type="date" v-model="model.infcon.opndatfrom" style="width:100%"
                                placeholder="请选择"></c-date-picker>
                        </el-form-item>
                    </c-col>
                    <c-col :span="10">
                        <el-form-item label="and" prop="infcon.opndatto" label-width="40px">
                            <c-date-picker type="date" v-model="model.infcon.opndatto" style="width:100%"
                                placeholder="请选择"></c-date-picker>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>
            <c-col :span="11" :offset="1">

            </c-col>
        </c-row>

        <c-row>
            <c-col :span="11" :offset="1">
                <el-form-item label="Resp.User" 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="11" :offset="1">
                <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-row>

        <c-row>
            <c-col :span="11" :offset="1">
                <el-form-item label="Currency" prop="infcon.seacur">
                    <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="11" :offset="1">
                <c-row>
                    <c-col :span="14">
                        <el-form-item label="Amount between" prop="infcon.seaamtfr">
                            <c-input-currency v-model="model.infcon.seaamtfr" placeholder="请输入Amount">
                            </c-input-currency>
                        </el-form-item>
                    </c-col>
                    <c-col :span="10">
                        <el-form-item label="and" prop="infcon.seaamtto" label-width="40px">
                            <c-input-currency v-model="model.infcon.seaamtto" placeholder="请输入Amount">
                            </c-input-currency>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>
        </c-row>

        <c-row>
            <c-col :span="11" :offset="1">
                <el-form-item label="Payment Type" prop="seapaytyp">
                    <c-select v-model="model.seapaytyp" style="width:100%" placeholder="请选择Payment Type"
                        :code="codes.seapaytyp">
                    </c-select>
                </el-form-item>
            </c-col>
            <c-col :span="11" :offset="1">
                <el-form-item label="Swift type" prop="msgtyp">
                    <c-select v-model="model.msgtyp" style="width:100%" placeholder="请选择Swift type">
                    </c-select>
                </el-form-item>
            </c-col>
        </c-row>

        <c-row>
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="16">
                        <el-form-item label="国家代码" prop="countcode">
                            <c-select v-model="model.countcode" filterable style="width:100%" placeholder="请选择国家代码"
                                :code="codes.bopcty">
                            </c-select>
                        </el-form-item>
                    </c-col>
                    <c-col :span="8">
                        <el-form-item label="" prop="tsnflg" label-width="20px">
                            <c-checkbox v-model="model.tsnflg">同名划转标志</c-checkbox>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>
            <c-col :span="11" :offset="1">

            </c-col>
        </c-row>

        <c-row>
            <c-col :span="22" :offset="1">
                <c-istream-table :list="model.infbut.dspstm" :columns="stmData.columns"></c-istream-table>
            </c-col>
        </c-row>

    </c-content>
</template>
<script>
    import Api from "~/service/Api"
    import CommonProcess from "~/mixin/CommonProcess";
    import CodeTable from "~/config/CodeTable"
    import Event from "~/model/Infcpd/Event"

    export default {
        inject: ['root'],
        props: ["model", "codes"],
        mixins: [CommonProcess],
        data() {
            return {
                stmData: {
                    columns: [
                        "1 1 \"Reference\" 50 ",
                        "2 2 \"Party Number\" 150",
                        "3 3 \"Opened\" 110",
                        "4 4 \"Closed\" 100",
                        "5 5 \"Paying Bank\" 50",
                        "6 6 \"ORC NO.\" 100",
                    ]
                }

            }
        },
        methods: { ...Event },
        created: function () {

        }
    }
</script>
<style>

</style>