Sel.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" :inline="true" label-position="right"
                    label-width="110px" size="small">
                    <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" disabled></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>
                </el-form>
            </template>
        </c-list-search>
        <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);
        }
    },
    created: function () {

    }
}
</script>
<style>

</style>