<template>
    <c-content class="eibs-tab" :height="200">

        <c-infsearch-group @handleSearch="handleSearch" @handleReset="handleReset">
            <!-- 持续展示区 -->
            <template slot="keepShow">
                <c-row>
                    <c-col :span="12">
                        <c-row>
                            <c-col :span="19" :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-row>
                    </c-col>
                    <c-col :span="12">
                        <c-row>
                            <c-col :span="19" :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-col>
                </c-row>
            </template>

            <!-- 可控展示区 -->
            <template slot="changeShow">
                <c-row>
                    <c-col :span="12">
                        <c-row>
                            <c-col :span="19" :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-row>
                    </c-col>
                    <c-col :span="12">
                        <c-row>
                            <c-col :span="10" :offset="1">
                                <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="8" :offset="1">
                                <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-row>

                <c-row>
                    <c-col :span="12">
                        <c-row>
                            <c-col :span="19" :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-row>
                    </c-col>
                    <c-col :span="12">
                        <c-row>
                            <c-col :span="19" :offset="1">
                                <el-form-item label="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-col>
                </c-row>

                <c-row>
                    <c-col :span="12">
                        <c-row>
                            <c-col :span="19" :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-row>
                    </c-col>
                    <c-col :span="12">
                        <c-row>
                            <c-col :span="19" :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-col>
                </c-row>

                <c-row>
                    <c-col :span="12">
                        <c-row>
                            <c-col :span="19" :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-row>
                    </c-col>
                    <c-col :span="12">
                        <c-row>
                            <c-col :span="19" :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-col>
                </c-row>

                <c-row>
                    <c-col :span="12">
                        <c-row>
                            <c-col :span="19" :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-row>
                    </c-col>
                    <c-col :span="12">
                        <c-row>
                            <c-col :span="10" :offset="1">
                                <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="8" :offset="1">
                                <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="12">
                        <c-row>
                            <c-col :span="19" :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-row>
                    </c-col>
                    <c-col :span="12">
                        <c-row>
                            <c-col :span="19" :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-col>
                </c-row>

                <c-row>
                    <c-col :span="12">
                        <c-row>
                            <c-col :span="14" :offset="1">
                                <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="5">
                                <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="12">
                        <c-row>
                            <c-col :span="18" :offset="1">

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

            </template>
        </c-infsearch-group>

        <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>

        <c-row style="margin-top:20px; padding: 0 10px 0 10px;">
            <c-istream-table :list="stmData.data" :columns="stmData.columns">
                <el-table-column prop="op" label="OP" width="100">
                    <template slot-scope="scope">
                        <a href="javascript:void(0)" @click="continueEdit(scope.row)">操作</a>
                    </template>
                </el-table-column>
            </c-istream-table>
        </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\" 0 ",
                        "2 1 \"Resp. User\" 0 ",
                        "3 1 \"PYE NO.\" 0 ",
                        "1 2 \"Party Number\" 115",
                        "2 2 \"Payee Customer\" 115",
                        "3 2 \"PYE.Customer CN\" 115",
                        "1 3 \"Party Number\" 115",
                        "2 3 \"Ord.Customer\" 115",
                        "3 3 \"Ord.Customer CN\" 115",
                        "1 4 \"Party Number\" 115",
                        "2 4 \"Ord.Institution\" 115",
                        "3 4 \"ORC NO.\" 115",
                        "1 5 \"Party Number\" 115",
                        "2 5 \"Paying Bank\" 115",
                        "1 6 \"Opened\" 0",
                        "2 6 \"Value\" 0",
                        "1 7 \"Closed\" 0",
                        "1 8 \"Cur\" 0",
                        "2 8 \"Cur\" 0",
                        "1 9 \"Paym.Amount\" 0",
                        "2 9 \"Amount rcvd.\" 0",
                        "1 10 \"Pyectycod\" 80",
                        "1 11 \"Orcctycod\" 80",
                    ],
                    data: [

                    ]
                }

            }
        },
        methods: {
            ...Event,
            handleSearch(callback) {
                setTimeout(() => {
                    this.$notify.info({ title: '提示', message: '模拟post请求控制按钮状态' });
                    // 执行子组件回调函数控制按钮状态
                    callback()
                }, 1000)
            },
            handleReset() {

            }
        },
        created: function () {

        }
    }
</script>
<style>

</style>