Bctret.vue

<template>
    <div class="eibs-tab">

        <!-- ====================左边======================= -->
        <c-col :span="11">
            <c-col :span="24">
                <el-form-item label="代收编号" prop="bcdgrp.rec.ownref">
                    <c-input v-model="model.bcdgrp.rec.ownref" maxlength="16" placeholder="请输入代收编号" style="width: 93%"
                        disabled>
                    </c-input>
                </el-form-item>
            </c-col>
            <c-col :span="12">
                <el-form-item label="代收币种及金额" prop="bcdgrp.cbs.max.cur">
                    <c-input v-model="model.bcdgrp.cbs.max.cur" style="width:90%" placeholder="请选择代收币种及金额" disabled>
                    </c-input>
                </el-form-item>
            </c-col>
            <c-col :span="12">
                <el-form-item style="text-align: left" label-width="0" prop="bcdgrp.cbs.max.amt">
                    <c-input v-model="model.bcdgrp.cbs.max.amt" style="text-align: left; width: 90%" disabled></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="12">
                <el-form-item label="代收币种及余额" prop="bcdgrp.cbs.opn1.cur">
                    <c-input v-model="model.bcdgrp.cbs.opn1.cur" style="width:90%" placeholder="请选择代收币种及余额" disabled>
                    </c-input>
                </el-form-item>
            </c-col>
            <c-col :span="12">
                <el-form-item style="text-align: left" label-width="0" prop="bcdgrp.cbs.opn1.amt">
                    <c-input v-model="model.bcdgrp.cbs.opn1.amt" style="text-align: left; width: 90%" disabled>
                    </c-input>
                </el-form-item>
            </c-col>
            <c-col :span="12">
                <el-form-item label="收单日期" prop="bcdgrp.rec.rcvdat">
                    <c-date-picker type="date" v-model="model.bcdgrp.rec.rcvdat" style="width:80%"
                        value-format="yyyy-MM-dd" placeholder="请选择收单日期" disabled></c-date-picker>
                </el-form-item>
            </c-col>
            <c-col :span="12">
                <el-form-item label="通知日期" prop="bcdgrp.rec.advdat">
                    <c-date-picker type="date" v-model="model.bcdgrp.rec.advdat" style="width:80%"
                        value-format="yyyy-MM-dd" placeholder="请选择通知日期" disabled></c-date-picker>
                </el-form-item>
            </c-col>
            <c-col :span="12">
                <el-form-item label="单据到期日" prop="bcdgrp.rec.matdat">
                    <c-date-picker type="date" v-model="model.bcdgrp.rec.matdat" style="width:80%"
                        value-format="yyyy-MM-dd" placeholder="请选择单据到期日" disabled></c-date-picker>
                </el-form-item>
            </c-col>
            <c-col :span="12">
                <el-form-item label="托收日期" prop="bcdgrp.rec.predat">
                    <c-date-picker type="date" v-model="model.bcdgrp.rec.predat" style="width:80%"
                        value-format="yyyy-MM-dd" placeholder="请选择托收日期" disabled></c-date-picker>
                </el-form-item>
            </c-col>
            <c-col :span="24">
                <el-form-item label="支付条件" prop="bcdgrp.rec.doctypcod">
                    <c-select :code="codes.doctypcod" v-model="model.bcdgrp.rec.doctypcod" style="width:93%"
                        placeholder="请选择支付条件" disabled>
                    </c-select>
                </el-form-item>
            </c-col>
            <c-col :span="24">
                <el-form-item label="单据状态" prop="bcdgrp.rec.docsta">
                    <c-select :code="codes.docstabot" v-model="model.bcdgrp.rec.docsta" style="width:93%"
                        placeholder="请输入单据状态" disabled>
                    </c-select>
                </el-form-item>
            </c-col>
            <c-col :span="20">
                <el-form-item label="二次收单指示" style="width: 100%" prop="bcdgrp.blk.colinssnm">
                    <c-input type="textarea" v-model="model.bcdgrp.blk.colinssnm" maxlength="60" show-word-limit
                        style="width: 100%" placeholder="请输入二次收单指示"></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="4">
                <c-button style="margin-left:34px;padding: 0 10px;" size="small" type="primary" icon="el-icon-search"
                    @click="onColinssnmButtxmsel">
                </c-button>
            </c-col>
            <c-col :span="24">
                <!-- <c-edit-table :model="model" v-bind="docgrd">
                </c-edit-table> -->
                <c-docpre :model="model" :argadr="{
                      path: 'SEMFLG',
                      grp: 'bctp',
                      code: 'docpre'
                }"></c-docpre>
            </c-col>
        </c-col>
        <!-- ====================右边======================= -->
        <c-col :span="11" :offset="1">

            <c-col :span="24">
                <el-form-item label="简略信息" prop="bcdgrp.rec.nam" style="width: 100%">
                    <c-input v-model="model.bcdgrp.rec.nam" maxlength="40" style="width: 100%" disabled></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="24">
                <el-form-item style="text-align: right" label="付款人参考号" prop="bcdgrp.dre.pts.ref">
                    <c-input v-model="model.bcdgrp.dre.pts.ref" maxlength="16" style="width: 100%" disabled></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="24">
                <el-form-item prop="bcdgrp.dre.pts.nam">
                    <c-input v-model="model.bcdgrp.dre.pts.nam" maxlength="40" style="width: 100%" disabled></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="24">
                <el-form-item style="text-align: right" label="托收行参考号" prop="bcdgrp.rmi.pts.ref">
                    <c-input v-model="model.bcdgrp.rmi.pts.ref" maxlength="16" style="width: 100%" disabled>
                    </c-input>
                </el-form-item>
            </c-col>
            <c-col :span="24">
                <el-form-item prop="bcdgrp.rmi.pts.nam">
                    <c-input v-model="model.bcdgrp.rmi.pts.nam" maxlength="40" style="width: 100%" disabled></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="24">
                <el-form-item style="text-align: right" label="收款人参考号" prop="bcdgrp.drr.pts.ref">
                    <c-input v-model="model.bcdgrp.drr.pts.ref" maxlength="16" style="width: 100%" disabled>
                    </c-input>
                </el-form-item>
            </c-col>
            <c-col :span="24">
                <el-form-item prop="bcdgrp.drr.pts.nam">
                    <c-input v-model="model.bcdgrp.drr.pts.nam" maxlength="40" style="width: 100%" disabled></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="24">
                <el-form-item style="text-align: right" label="第二代收行参考号" prop="bcdgrp.co2.pts.ref">
                    <c-input v-model="model.bcdgrp.co2.pts.ref" maxlength="16" style="width: 100%" disabled>
                    </c-input>
                </el-form-item>
            </c-col>
            <c-col :span="24">
                <el-form-item label="" prop="bcdgrp.co2.pts.nam" style="width: 100%">
                    <c-fullbox>
                        <c-input v-model="model.bcdgrp.co2.pts.nam" maxlength="16" disabled placeholder="请输入进口代收业务编号">
                        </c-input>
                        <template slot="footer">
                            <c-button style="margin: 0 10px 0 10px; padding: 0 12px" size="small" type="primary">
                                <span style="font-family: '宋体'; font-weight: bold">i</span>
                            </c-button>
                            <c-button style="margin: 0 0" size="small" type="primary" disabled>
                                详情
                            </c-button>
                        </template>
                    </c-fullbox>
                </el-form-item>
            </c-col>
            <c-col :span="24">
                <el-form-item label="地址信息" prop="bcdgrp.co2.pts.adrblk">
                    <c-input type="textarea" :rows="4" v-model="model.bcdgrp.co2.pts.adrblk" maxlength="50" disabled
                        show-word-limit placeholder="请输入地址信息"></c-input>
                </el-form-item>
            </c-col>
        </c-col>
    </div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Bctrad/Event"
import Ptap from "~/views/Public/Ptap";
import Docpre from "~/views/Public/Docpre";

export default {
    components: {
        "c-ptap": Ptap,
        "c-docpre": Docpre
    },
    inject: ['root'],
    props: ["model", "codes"],
    mixins: [commonProcess],
    data() {
        return {
            docgrd: {
                columns: [{
                    title: "lst1",
                    width: "80px",
                    dataIndex: "cmail1",
                    show: "input",
                },
                {
                    title: "2nd",
                    width: "80px",
                    dataIndex: "cmail2",
                    show: "input",
                },
                {
                    title: "Document",
                    width: "320px",
                    dataIndex: "docnam",
                    show: "input",
                },
                ],
                urls: "bctp.docgrdm.docgrd",
            },

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

    }
}
</script>
<style>

</style>