Sel.vue

<template>
    <div class="eibs-tab">
        <c-row>
            <c-col :span="24">
                <c-col :span="11">
                    <c-col :span="20">
                        <el-form-item label="包号" prop="cldgrp.rec.ownref" style="width:100%">
                            <c-input v-model="model.cldgrp.rec.ownref" maxlength="16" placeholder="请输入包号"
                                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"
                            :disabled="model.cldgrp.rec.ownref !== ''">
                            获取
                        </c-button>
                    </c-col>
                </c-col>
                <c-col :span="11" :offset="1">
                    <el-form-item label="简略信息" prop="cldgrp.rec.nam" style="width:100%">
                        <c-input v-model="model.cldgrp.rec.nam" maxlength="40" placeholder="请输入简略信息">
                        </c-input>
                    </el-form-item>
                </c-col>
            </c-col>
            <c-col :span="24">
                <c-col :span="11">
                    <el-form-item label="票据类型" prop="cldgrp.rec.colflg" style="width:100%">
                        <c-select v-model="model.cldgrp.rec.colflg" style="width: 100%" maxlength="1"
                            placeholder="请输入票据类型">
                            <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="起息日" prop="cldgrp.rec.valdat" style="width:100%">
                        <c-col :span="10">
                            <c-date-picker type="date" v-model="model.cldgrp.rec.valdat" style="width:100%"
                                placeholddaer="请选择起息日"></c-date-picker>
                        </c-col>
                        <c-col :span="4" style="text-align: center">
                            <label style="display: inline-block;font-size: 12px;color: #606266;">创建日期</label>
                        </c-col>
                        <c-col :span="10">
                            <c-date-picker type="date" v-model="model.cldgrp.rec.credat" style="width:100%"
                                placeholder="请选择创建日期"></c-date-picker>
                        </c-col>
                    </el-form-item>
                </c-col>
            </c-col>
            <c-col :span="24">
                <c-col :span="11">
                    <el-form-item label="总行数" prop="rowcntr" style="width:100%">
                        <c-input v-model="model.rowcntr" placeholder="请输入总行数" disabled>
                        </c-input>
                    </el-form-item>
                </c-col>
                <c-col :span="11" :offset="1">
                    <el-form-item label="币种" 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="选中光票金额和" 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="注册编号" prop="cldgrp.rec.regref" style="width: 100%">
                        <c-input v-model="model.cldgrp.rec.regref" tyle="width: 100%" maxlength="16"
                            placeholder="请输入注册编号" disabled></c-input>
                    </el-form-item>
                </c-col>
            </c-col>
            <c-col :span="24">
                <c-col :span="11">
                    <el-form-item label="选中票据份数" prop="cldgrp.rec.count" style="width: 100%">
                        <c-input v-model="model.cldgrp.rec.count" placeholder="请输入选中票据份数" disabled>
                        </c-input>
                    </el-form-item>
                </c-col>
                <c-col :span="11" :offset="1">
                    <el-form-item label="查询出的票据份数" prop="items" style="width:100%">
                        <c-input v-model="model.items" placeholder="请输入选中票据份数"></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="托收行" prop="colbnk" style="width:100%">
                            <c-select v-model="model.colbnk" style="width: 100%" placeholder="请选择托收行">
                                <el-option v-for="item in codes.colbnk" :key="item.value" :label="item.label"
                                    :value="item.value" :disabled="model.cldgrp.rec.colflg == 'G'">
                                </el-option>
                            </c-select>
                        </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'">
                            获取
                        </c-button>
                    </c-col>
                </c-col>
                <c-col :span="11" :offset="1">
                    <el-form-item label="托收方式" prop="colmet" style="width:100%">
                        <c-select v-model="model.colmet" style="width: 100%" placeholder="请选择托收方式">
                            <el-option v-for="item in codes.colmet" :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">
                    <c-col :span="18">
                        <el-form-item label="托收行名称" prop="cldgrp.col.pts.extkey" style="width:100%">
                            <c-input v-model="model.cldgrp.col.pts.extkey" maxlength="16"
                                placeholder="请输入托收行名称"
                                @keyup.enter.native="showGridPromptDialog('cldgrp.col.pts.extkey')">
                            </c-input>
                        </el-form-item>
                    </c-col>
                    <c-col :span="2">
                        <c-button size="small" type="primary" @click="onSeainf('cldgrp.col.pts.extkey')">i</c-button>
                    </c-col>
                    <c-col :span="4" style="text-align:right">
                        <c-button size="small" type="primary">
                            详情
                        </c-button>
                    </c-col>
                </c-col>
            </c-col>

            <c-col :span="24">
                <c-col :span="11">
                    <el-form-item label="地址信息" 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="请输入地址信息"></c-input>
                    </el-form-item>
                </c-col>
                <c-col :span="11" :offset="1">
                    <el-form-item label="托收行参考号" prop="cldgrp.rec.colref" style="width:100%">
                        <c-input v-model="model.cldgrp.rec.colref" maxlength="16" placeholder="请输入托收行参考号">
                        </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: "核对号",
                        width: "120px",
                        dataIndex: "chcknum",
                        show: "text",
                    },
                    {
                        title: "托收编号",
                        width: "120px",
                        dataIndex: "ownref",
                        show: "text",
                    },
                    {
                        title: "描述",
                        width: "220px",
                        dataIndex: "nam",
                        show: "text",
                    },
                    {
                        title: "委托人",
                        width: "200px",
                        dataIndex: "prenam",
                        show: "text",
                    },
                    {
                        title: "币种",
                        width: "100px",
                        dataIndex: "cur",
                        show: "text",
                    },
                    {
                        title: "金额",
                        width: "150px",
                        dataIndex: "amt",
                        show: "text",
                    },
                    {
                        title: "勾选",
                        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>