Rog.vue

<template>
    <div class="eibs-tab">
        <c-col :span="24">
            <!-- ---------------Left--------------- -->
            <c-col :span="12">
                <c-col :span="24">
                    <el-form-item
                        label="Reference"
                        prop="lidgrp.rec.ownref"
                    >
                        <c-fullbox>
                            <c-input
                                v-model="model.lidgrp.rec.ownref"
                                maxlength="16"
                                placeholder=""
                                disabled
                            ></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>
                            </template>
                        </c-fullbox>
                    </el-form-item>
                </c-col>
            </c-col>
            <!-- ---------------Right--------------- -->
            <c-col :span="12">
                <c-col :span="24">
                    <c-form-item
                        label="Name"
                        prop="lidgrp.rec.nam"
                    >
                        <c-input
                            v-model="model.lidgrp.rec.nam"
                            maxlength="40"
                            placeholder=""
                            disabled
                        ></c-input>
                    </c-form-item>
                </c-col>
            </c-col>
        </c-col>

        <c-col :span="24">
            <!-- ---------------Left--------------- -->
            <c-col :span="12">
                <c-col :span="24">
                    <c-col :span="9">
                        <el-form-item
                            label="L/C Amount"
                            prop="lidgrp.cbs.nom1.cur"
                        >
                            <c-select
                                v-model="model.lidgrp.cbs.nom1.cur"
                                style="width: 100%"
                                placeholder=""
                                :code="codes.cur"
                                disabled
                            >
                            </c-select>
                        </el-form-item>
                    </c-col>

                    <c-col :span="10">
                        <c-form-item
                            label=""
                            label-width="5px"
                            prop="lidgrp.cbs.nom1.amt"
                        >
                            <c-input
                                v-model="model.lidgrp.cbs.nom1.amt"
                                placeholder=""
                                disabled
                            ></c-input>
                        </c-form-item>
                    </c-col>

                    <c-col :span="5" >
                        <c-form-item
                            label=""
                            label-width="20px"
                            >
                            <c-checkbox disabled v-model="model.brtp.aammod.addamtflg">Add.Amount</c-checkbox>
                        </c-form-item>
                    </c-col>
                </c-col>
                <c-col :span="24">
                    <c-col :span="9">
                        <el-form-item
                            label="Open Amount"
                            prop="lidgrp.cbs.opn1.cur"
                        >
                            <c-select
                                v-model="model.lidgrp.cbs.opn1.cur"
                                style="width: 100%"
                                placeholder=""
                                :code="codes.cur"
                                disabled
                            >
                            </c-select>
                        </el-form-item>
                    </c-col>

                    <c-col :span="10">
                        <c-form-item
                            label=""
                            label-width="5px"
                            prop="lidgrp.cbs.opn1.amt"
                        >
                            <c-input
                                v-model="model.lidgrp.cbs.opn1.amt"
                                placeholder=""
                                disabled
                            ></c-input>
                        </c-form-item>
                    </c-col>

                    <c-col :span="5">
                        <c-form-item
                            label=""
                            label-width="20px"
                            >
                            <c-checkbox disabled v-model="model.lidgrp.rec.revflg">Revolving L/C</c-checkbox>
                            </c-form-item>
                        </c-col>
                </c-col>
                <c-col :span="24">
                    <c-form-item
                        label="Available With"
                        prop="lidgrp.avbnam"
                    >
                        <c-input
                            v-model="model.lidgrp.avbnam"
                            maxlength="40"
                            placeholder=""
                            disabled
                        ></c-input>
                    </c-form-item>
                </c-col>
                <c-col :span="19">
                    <el-form-item label="by" prop="lidgrp.rec.avbby">
                        <c-select
                            v-model="model.lidgrp.rec.avbby"
                            style="width: 100%"
                            placeholder=""
                            disabled
                            :code="codes.avbby"
                        >
                        </c-select>
                    </el-form-item>
                </c-col>

                <c-col :span="5">
                    <c-form-item
                            label=""
                            label-width="20px"
                            >
                            <c-checkbox disabled v-model="model.lidgrp.rec.redclsflg">红/绿条款</c-checkbox>
                            </c-form-item>
                    </c-col>

                <c-col :span="12">
                    <el-form-item
                        label="Date Issued"
                        prop="lidgrp.rec.opndat"
                    >
                        <c-date-picker
                            type="date"
                            v-model="model.lidgrp.rec.opndat"
                            style="width: 100%"
                            placeholder=""
                            disabled
                        ></c-date-picker>
                    </el-form-item>
                </c-col>
                <c-col :span="12">
                    <el-form-item
                        label="Shipment Date"
                        prop="lidgrp.rec.shpdat"
                    >
                        <c-date-picker
                            type="date"
                            v-model="model.lidgrp.rec.shpdat"
                            style="width: 100%"
                            placeholder=""
                            disabled
                        ></c-date-picker>
                    </el-form-item>
                </c-col>
                <c-col :span="12">
                    <el-form-item
                        label="Date/Place of Expiry"
                        prop="lidgrp.rec.expdat"
                    >
                        <c-date-picker
                            type="date"
                            v-model="model.lidgrp.rec.expdat"
                            style="width: 100%"
                            placeholder=""
                            disabled
                        ></c-date-picker>
                    </el-form-item>
                </c-col>

                <c-col :span="12">
                    <c-form-item
                        label=""
                        prop="lidgrp.rec.expplc"
                        label-width="5px"
                    >
                        <c-input
                            v-model="model.lidgrp.rec.expplc"
                            maxlength="29"
                            placeholder=""
                            disabled
                        ></c-input>
                    </c-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item
                        label="Form of L/C"
                        prop="lidgrp.rec.lcrtyp"
                    >
                        <c-select
                            v-model="model.lidgrp.rec.lcrtyp"
                            style="width: 100%"
                            placeholder=""
                            :code="codes.lcrtyp1"
                            disabled
                        >
                        </c-select>
                    </el-form-item>
                </c-col>
            </c-col>

            <!-- ---------------Right--------------- -->
            <c-col :span="12">
                
                
                <c-col :span="24">
                    <c-appBenPre
                        :model="model"
                        :argadr="{
                            title: 'Opening Amount',
                            trans: 'brdgrp',
                        }"
                        :rol="[
                            {
                                title: 'Applicant',
                                trans: 'apl',
                            },
                            {
                                title: 'Beneficiary',
                                trans: 'ben',
                            },
                            {
                                title: 'Presented by',
                                trans: 'prb',
                            },
                        ]"
                    >
                    </c-appBenPre>
                </c-col>
            </c-col>
        </c-col>

        <c-col :span="24">
            <!-- ---------------Left--------------- -->
            <c-col :span="12">
                <c-col :span="24">
                    <el-form-item
                        label="Document Set Ref."
                        prop="brdgrp.rec.ownref"
                    >
                        <c-fullbox>
                            <c-input
                                v-model="model.brdgrp.rec.ownref"
                                maxlength="16"
                                placeholder=""
                                disabled
                            ></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>
                            </template>
                        </c-fullbox>
                    </el-form-item>
                </c-col>
                <c-col :span="24">
                    <c-form-item
                        label="SG Reference"
                        prop="brdgrp.rec.shgref"
                    >
                        <c-input
                            v-model="model.brdgrp.rec.shgref"
                            maxlength="16"
                            placeholder=""
                            disabled
                        ></c-input>
                    </c-form-item>
                </c-col>

                  <c-col :span="24">
                    <c-col :span="13">
                        <c-form-item
                            label="Amount of Shipment"
                            prop="brdgrp.cbs.max.cur"
                        >
                            <c-select
                                v-model="model.brdgrp.cbs.max.cur"
                                style="width: 100%"
                                placeholder=""
                                :code="codes.cur"
                                disabled
                            ></c-select>
                        </c-form-item>
                    </c-col>
                    <c-col :span="11">
                        <c-form-item
                            label=""
                            label-width="5px"
                            prop="brdgrp.cbs.max.amt"
                        >
                            <c-input
                                v-model="model.brdgrp.cbs.max.amt"
                                placeholder=""
                            ></c-input>
                        </c-form-item>
                    </c-col>
                </c-col>
            </c-col>

            <!-- ---------------Right--------------- -->
            <c-col :span="12">
                <c-col :span="24">
                    <c-form-item
                        label="Name"
                        prop="brdgrp.rec.nam"
                    >
                        <c-input
                            v-model="model.brdgrp.rec.nam"
                            maxlength="40"
                            placeholder=""
                            disabled
                        ></c-input>
                    </c-form-item>
                </c-col>
            </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/Brtame/Event";

import CurAmt from "~/views/Public/CurAmt";
import AppBenPre from "~/views/Public/AppBenPre";
import Ptap1 from "~/views/Public/Ptap1";

export default {
    inject: ["root"],
    props: ["model", "codes"],
    mixins: [commonProcess],
    components: {
        "c-curAmt": CurAmt,
        "c-appBenPre": AppBenPre,
        "c-ptap1": Ptap1,
    },
    data() {
        return {
            flag: true,
        };
    },
    methods: { ...Event },
    created: function () {},
};
</script>
<style>
</style>