DocInfo.vue

<template>
    <div class="eibs-tab">
        <!-- Part 1, Overview Info -->
        <c-col :span="24">
            <!-- ==================左边================ -->
            <c-col :span="12" style="padding-right: 20px">

                <!-- S0000257 : L/C Reference -->

                <c-col :span="24">
                    <el-form-item :label="$t('L/C Reference')" prop="ledgrp.rec.ownref">
                        <c-input v-model="model.ledgrp.rec.ownref" maxlength="16" disabled
                                 :placeholder="$t('other.please_enter')+$t('L/C Reference')"></c-input>
                    </el-form-item>
                </c-col>

                <!-- S0000256 : Transfer Reference -->

                <c-col :span="24">
                    <el-form-item :label="$t('Transfer Reference')" prop="ltdgrp.rec.ownref">
                        <c-input v-model="model.ltdgrp.rec.ownref" maxlength="16" disabled
                                 :placeholder="$t('other.please_enter')+$t('Transfer Reference')"></c-input>
                    </el-form-item>
                </c-col>


                <!-- S0000251 : Doc. Set Reference -->

                <c-col :span="24">
                    <el-form-item :label="('Doc. Set Reference')" prop="btdgrp.rec.ownref">
                        <c-input v-model="model.btdgrp.rec.ownref" maxlength="16" disabled
                                 :placeholder="$t('other.please_enter')+('Doc. Set Reference')"></c-input>
                    </el-form-item>
                </c-col>

                <!-- S0000250 : Document Amount -->
                <c-col :span="24" class="custom-box-wrap">
                            <el-form-item label="Document Amount" prop="btdgrp.cbs.max.cur">
                                <c-select-cur
                                        v-model="model.btdgrp.cbs.max.cur"
                                        style="width: 115px"
                                        placeholder="Document Cur"
                                        disabled
                                        dbCode="curtxt" sort="SRT"
                                >
                                </c-select-cur>
                            </el-form-item>
                        <div class="box-3">
                            <el-form-item label="" label-width="5px" prop="btdgrp.cbs.max.amt">
                                <c-input-currency
                                        v-model="model.btdgrp.cbs.max.amt"
                                        :currency="model.btdgrp.cbs.opn1.cur"
                                        style="text-align: left; width: 100%"
                                        disabled
                                        placeholder="Document Amount"
                                ></c-input-currency>
                            </el-form-item>
                        </div>

                    <div class="box-2">
                        <c-checkbox
                                v-model="model.swiadd.addamtflg"
                                true-label="X"
                                false-label=""
                                class="checkbox-left" 
                                disabled
                        >Add. Amount
                        </c-checkbox
                        >
                    </div>
                </c-col>

                <!-- S0000249 : Open Amount -->

                <c-col :span="24" class="custom-box-wrap">
                        <el-form-item label="Open Amount" prop="btdgrp.cbs.opn1.cur">
                            <c-select-cur
                                    v-model="model.btdgrp.cbs.opn1.cur"
                                    style="width: 115px"
                                    placeholder="请选择币种"
                                    dbCode="curtxt" sort="SRT"
                                    disabled
                            >
                            </c-select-cur>
                        </el-form-item>
                    <div class="box-3">
                        <el-form-item label-width="5px" prop="btdgrp.cbs.opn1.amt">
                            <c-input-currency
                                    disabled
                                    v-model="model.btdgrp.cbs.opn1.amt"
                                    :currency="model.btdgrp.cbs.opn1.cur"
                                    style="width: 100%"
                                    placeholder="请输入最大金额"
                            ></c-input-currency>
                        </el-form-item>
                    </div>
                </c-col>


                <!-- SF000007 : Document Set Number -->

                <c-col :span="24">
                    <el-form-item :label="$t('Document Set Number')" prop="btdgrp.rec.ownref">
                        <c-input v-model="model.btdgrp.rec.ownref" maxlength="16" disabled
                                 :placeholder="$t('other.please_enter')+$t('Document Set Number')"></c-input>
                    </el-form-item>
                </c-col>

            </c-col>


            <!-- ============右边================= -->
            <c-col :span="12" style="padding-left: 20px">


                <!-- S0000252 : Document Type -->

                <c-col :span="24">
                    <el-form-item :label="$t('Document Type')" prop="btdgrp.rec.doctypcod">
                        <c-select v-model="model.btdgrp.rec.doctypcod" maxlength="1" disabled
                                  dbCode="BRDTYP"
                                 :placeholder="$t('other.please_enter')+$t('Document Type')"></c-select>
                    </el-form-item>
                </c-col>


                <!-- S0000245 : Maturity Date -->

                <c-col :span="24">
                    <el-form-item :label="$t('Maturity Date')" prop="btdgrp.rec.matdat">
                        <c-date-picker type="date" v-model="model.btdgrp.rec.matdat" style="width:100%" disabled
                                       :placeholder="$t('other.please_enter')+$t('Maturity Date')"></c-date-picker>
                    </el-form-item>
                </c-col>


                <!-- S0000244 : Presentation Date -->

                <c-col :span="24">
                    <el-form-item :label="$t('Presentation Date')" prop="btdgrp.rec.predat">
                        <c-date-picker type="date" v-model="model.btdgrp.rec.predat" style="width:100%" disabled
                                       :placeholder="$t('other.please_enter')+$t('bttp.S0000244')"></c-date-picker>
                    </el-form-item>
                </c-col>

                <!-- S0000253 : Document Set Status -->

                <c-col :span="24">
                    <el-form-item label="Document Set Status" prop="btdgrp.rec.docsta">
                        <c-select v-model="model.btdgrp.rec.docsta" maxlength="40" disabled
                                  dbCode="STADOC"
                                 :placeholder="$t('other.please_enter')+'Document Set Status'"></c-select>
                    </el-form-item>
                </c-col>

                <!-- Name of Bill Contract -->
                <c-col :span="24">
                    <el-form-item label="Name of Bill Contract" prop="btdgrp.rec.nam">
                        <c-input v-model="model.btdgrp.rec.nam" maxlength="40" disabled
                                 :placeholder="$t('other.please_enter')+'Name of Bill Contract'"></c-input>
                    </el-form-item>
                </c-col>

            </c-col>


        </c-col>


    </div>
</template>
<script>
    import event from "../event";

    export default {
        inject: ['root'],
        props:["model","codes"],
        mixins: [event],
        data(){
            return {

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

        }
    }
</script>
<style>

</style>