<template>
    <div class="eibs-tab">
        <c-row>
            <c-col :span="24">
                <c-col :span="11">
                    <c-col :span="20">
                        <el-form-item label="Batch No." prop="cldgrp.rec.ownref" style="width:100%">
                            <c-input v-model="model.cldgrp.rec.ownref" maxlength="16" placeholder="请输入Reference"
                                style="width:100%" disabled>
                            </c-input>
                        </el-form-item>
                    </c-col>
                    <c-col :span="4" style="text-align:right">
                        <c-button size="small" type="primary" @click="onCltpButgetref">
                            获取
                        </c-button>
                    </c-col>
                </c-col>
                <c-col :span="11" :offset="1">
                    <el-form-item label="Name" prop="cldgrp.rec.nam" style="width:100%">
                        <c-input v-model="model.cldgrp.rec.nam" maxlength="40" placeholder="请输入Name of CC contract">
                        </c-input>
                    </el-form-item>
                </c-col>
            </c-col>
            <c-col :span="24">
                <c-col :span="11">
                    <el-form-item label="Payment Disposition" prop="cldgrp.rec.colflg" style="width:100%">
                        <c-select v-model="model.cldgrp.rec.colflg" style="width: 100%" maxlength="1"
                            placeholder="请输入Payment Disposition">
                            <el-option v-for="item in codes.colflg" :key="item.value" :label="item.label"
                                :value="item.value">
                            </el-option>
                        </c-select>
                    </el-form-item>
                </c-col>
                <c-col :span="11" :offset="1">
                    <el-form-item label="Value Date" prop="cldgrp.rec.valdat" style="width:100%">
                        <c-col :span="11">
                            <c-date-picker type="date" v-model="model.cldgrp.rec.valdat" style="width:100%"
                                placeholder="请选择Value Date"></c-date-picker>
                        </c-col>
                        <c-col :span="2" style="text-align: center">
                            <label style="display: inline-block; width: 100%">Date</label>
                        </c-col>
                        <c-col :span="11">
                            <c-date-picker type="date" v-model="model.cldgrp.rec.credat" style="width:100%"
                                placeholder="请选择Date of creation"></c-date-picker>
                        </c-col>
                    </el-form-item>
                </c-col>
            </c-col>
            <c-col :span="24">
                <c-col :span="11">
                    <el-form-item label="Total Row Count" prop="rowcntr" style="width:100%">
                        <c-input v-model="model.rowcntr" placeholder="请输入Total Row Count" disabled>
                        </c-input>
                    </el-form-item>
                </c-col>
                <c-col :span="11" :offset="1">
                    <el-form-item label="Currency" prop="cur" style="width:100%">
                        <c-select v-model="model.cur" style="width: 100%" placeholder="请选择币种">
                            <el-option v-for="item in codes.curtxt1" :key="item.value" :label="item.label"
                                :value="item.value">
                            </el-option>
                        </c-select>
                    </el-form-item>
                </c-col>
            </c-col>
            <c-col :span="24">
                <c-col :span="11">
                    <el-form-item label="Amount" prop="amount" style="width: 100%">
                        <c-input v-model="model.amount" placeholder="请输入AMOUNT" disabled></c-input>
                    </el-form-item>
                </c-col>
                <c-col :span="11" :offset="1">
                    <el-form-item label="Register Ref." prop="cldgrp.rec.regref" style="width: 100%">
                        <c-input v-model="model.cldgrp.rec.regref" tyle="width: 100%" maxlength="16"
                            placeholder="请输入Register Ref." disabled></c-input>
                    </el-form-item>
                </c-col>
            </c-col>
            <c-col :span="24">
                <c-col :span="11">
                    <el-form-item label="Item Count" prop="cldgrp.rec.count" style="width: 100%">
                        <c-input v-model="model.cldgrp.rec.count" placeholder="请输入ITEM COUNT" disabled>
                        </c-input>
                    </el-form-item>
                </c-col>
                <c-col :span="11" :offset="1">
                    <el-form-item label="Actual Items" prop="items" style="width:100%">
                        <c-input v-model="model.items" placeholder="请输入Item Count"></c-input>
                    </el-form-item>
                </c-col>
            </c-col>

            <c-col :span="24">
                <c-col :span="11">
                    <c-col :span="20">
                        <el-form-item label="Collection Bank" prop="colbnk" style="width:100%">
                            <c-input v-model="model.colbnk" style="width:100%" placeholder="请选择Collection Bank"
                                :disabled="model.cldgrp.rec.colflg == 'G'">
                            </c-input>
                        </el-form-item>
                    </c-col>
                    <c-col :span="4" style="text-align:right">
                        <c-button size="small" type="primary" @click="onGet" :disabled="model.cldgrp.rec.colflg == 'G'">
                            Get Swt
                        </c-button>
                    </c-col>
                </c-col>
                <c-col :span="11" :offset="1">
                    <el-form-item label="Collection Method" prop="colmet" style="width:100%">
                        <c-input v-model="model.colmet" style="width:100%" placeholder="请选择Collection Method">
                        </c-input>
                    </el-form-item>
                </c-col>
            </c-col>

            <c-col :span="24">
                <c-col :span="11">
                    <c-col :span="20">
                        <el-form-item label="Extkey" prop="cldgrp.col.pts.extkey" style="width:100%">
                            <c-input v-model="model.cldgrp.col.pts.extkey" maxlength="16"
                                placeholder="请输入External Key of Address"
                                @keyup.enter.native="showGridPromptDialog('cldgrp.col.pts.extkey')">
                            </c-input>
                        </el-form-item>
                    </c-col>
                    <c-col :span="4" style="text-align:right">
                        <!-- <el-form-item label="" label-width="15px" style="text-align:right"> -->
                        <!-- <c-button size="small" type="primary;width:10%" @click="onSeainf('cldgrp.col.pts.extkey')">i</c-button> -->
                        <c-button size="small" type="primary">
                            Details
                        </c-button>
                        <!-- </el-form-item> -->
                    </c-col>
                </c-col>
            </c-col>

            <c-col :span="24">
                <c-col :span="11">
                    <el-form-item label="Address Block" prop="cldgrp.col.pts.nam" style="width:100%">
                        <c-input type="textarea" :rows="4" v-model="model.cldgrp.col.pts.nam" maxlength="35" disabled
                            show-word-limit placeholder="请输入Address Block"></c-input>
                    </el-form-item>
                </c-col>
                <c-col :span="11" :offset="1">
                    <el-form-item label="Coll Bank Ref" prop="cldgrp.rec.colref" style="width:100%">
                        <c-input v-model="model.cldgrp.rec.colref" maxlength="16" placeholder="请输入COLL BANK REF">
                        </c-input>
                    </el-form-item>
                </c-col>
            </c-col>
        </c-row>
        <c-row>
            <c-col :span="4" :offset="20" style="text-align:center">
                <el-button type="primary" @click="handleSearch">查询</el-button>
            </c-col>
        </c-row>
        <c-col :span="24">
            <c-edit-table :model="model" v-bind="docgrd">
            </c-edit-table>
        </c-col>
    </div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Cltdav/Event"

export default {
    inject: ['root'],
    props: ["model", "codes"],
    mixins: [commonProcess],
    data() {
        return {
            docgrd: {
                columns: [
                    {
                        title: "Check Number",
                        width: "120px",
                        dataIndex: "chcknum",
                        show: "text",
                    },
                    {
                        title: "Our Reference",
                        width: "120px",
                        dataIndex: "ownref",
                        show: "text",
                    },
                    {
                        title: "Description",
                        width: "220px",
                        dataIndex: "nam",
                        show: "text",
                    },
                    {
                        title: "Presenter",
                        width: "200px",
                        dataIndex: "prenam",
                        show: "text",
                    },
                    {
                        title: "cur",
                        width: "100px",
                        dataIndex: "cur",
                        show: "text",
                    },
                    {
                        title: "Amount",
                        width: "150px",
                        dataIndex: "amt",
                        show: "text",
                    },
                    {
                        title: "Select",
                        width: "50px",
                        dataIndex: "selflg",
                        show: "checkbox",
                    },

                ],
                urls: "bptbck.bptbckg",
            },

        }
    },
    methods: {
        ...Event,
        multipleSelect() {
            console.log(123);
        },
        checkedChange() {
            console.log(456);
        }
    },
    created: function () {

    },
    watch: {
        // "model.bptbck.bptbckg": {
        //     async handler(){
        //         console.log(4456);
        //         let rtnmsg = await this.executeRule("butsea")
        //         this.model.bptbck.bptbckg = rtnmsg.data.ccdbatg;
        //     }
        // }
    }
}
</script>
<style>

</style>