Acpp.vue

<template>
    <div class="eibs-tab">
        <c-col :span="24">
            <!-- ---------------Left--------------- -->
            <c-col :span="12">
                <c-col :span="24">
                    <el-form-item label="Import L/C Ref." 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>
                                <c-button
                                    style="margin: 0 0"
                                    size="small"
                                    type="primary"
                                    :disabled="this.flag"
                                >
                                    获取
                                </c-button>
                            </template>
                        </c-fullbox>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item label="Bill Set Reference" 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>
                                <c-button
                                    style="margin: 0 0"
                                    size="small"
                                    type="primary"
                                    :disabled="this.flag"
                                >
                                    获取
                                </c-button>
                            </template>
                        </c-fullbox>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item label="Expiry" prop="lidgrp.rec.expdat">
                        <c-date-picker
                            type="date"
                            v-model="model.lidgrp.rec.expdat"
                            style="width: 100%"
                            placeholder="请选择Date of Expiry"
                            disabled
                        ></c-date-picker>
                    </el-form-item>
                </c-col>
            </c-col>

            <!-- ---------------Right--------------- -->
            <c-col :span="12">
            <c-col :span="12">
            <el-form-item label="Open Amt.L/C" prop="lidgrp.cbs.opn1.cur">
                <c-select
                    disabled
                    v-model="model.lidgrp.cbs.opn1.cur"
                    style="width: 100%"
                    placeholder="请选择Currency"
                    >
                    <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 :span="12">
            <el-form-item
                style="text-align: left"
                label-width="5px"
                prop="lidgrp.cbs.opn1.amt"
            >
                <c-input
                    disabled
                    v-model="model.lidgrp.cbs.opn1.amt"
                    style="text-align: left; width: 100%"
                    placeholder="Document Amount"
                ></c-input>
            </el-form-item>
        </c-col>
                <!-- <c-col :span="24">
                    <c-curAmt
                        :model="model"
                        :argadr="{
                            title: 'Open Amt.L/C',
                            trans: 'lidgrp',
                        }"
                        disabled
                    >
                    </c-curAmt>
                </c-col> -->

                <c-col :span="24">
                    <el-form-item
                        label=""
                        prop="brdgrp.rec.nam"
                    >
                        <c-input
                            v-model="model.brdgrp.rec.nam"
                            placeholder=""
                            disabled
                        ></c-input>
                    </el-form-item>
                </c-col>

                <!-- <c-col :span="24">
                    <el-form-item label="Order Date" prop="brdgrp.rec.orddat">
                        <c-date-picker
                            type="date"
                            v-model="model.brdgrp.rec.orddat"
                            style="width: 100%"
                            placeholder="请选择Order Date"
                            disabled
                        ></c-date-picker>
                    </el-form-item>
                </c-col> -->
            </c-col>
        </c-col>

        <c-col :span="24">
            <c-litTemp
                :model="model"
                :argadr="{
                    title: '',
                    trans: 'brdgrp',
                    trans1:'brtp',
                }"
                :rol="[
                    {
                        title: 'Applicant',
                        trans: 'apl',
                    },
                    {
                        title: 'Beneficiary',
                        trans: 'ben',
                    },
                    {
                        title: 'Presenting Bank',
                        trans: 'prb',
                    },
                ]"
                :isAdvdat="true"
                :isMattxtlab="true"
                :isTenmaxday="true"
            >
            </c-litTemp>
        </c-col>

        <c-col :span="24">
            <!-- ---------------Left--------------- -->
            <c-col :span="12">
                <c-col :span="24">
                    <el-form-item
                        label="Further Identification"
                        prop="brtp.furide"
                    >
                        <c-select
                            v-model="model.brtp.furide"
                            style="width: 100%"
                            placeholder="请选择Further Identification"
                        >
                            <el-option
                                v-for="item in furide"
                                :key="item.value"
                                :label="item.label"
                                :value="item.value"
                            >
                            </el-option>
                        </c-select>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item
                        label="Discrep. advised on"
                        prop="brdgrp.rec.disdat"
                    >
                        <c-date-picker
                            type="date"
                            v-model="model.brdgrp.rec.disdat"
                            style="width: 100%"
                            placeholder="请选择Discrep. advised on"
                        ></c-date-picker>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <c-col :span="13">
                        <el-form-item
                            label="Total Amount Advised"
                            prop="brdgrp.rec.totcur"
                        >
                            <c-input
                                v-model="model.brdgrp.rec.totcur"
                                maxlength="3"
                                placeholder="请输入Amount to be Paid"
                                disabled
                            ></c-input>
                        </el-form-item>
                    </c-col>
                    <c-col :span="11">
                        <el-form-item
                            label=""
                            prop="brdgrp.rec.totamt"
                            label-width="5px"
                        >
                            <c-input
                                v-model="model.brdgrp.rec.totamt"
                                placeholder="请输入Total Amount to be Paid"
                            ></c-input>
                        </el-form-item>
                    </c-col>
                </c-col>
            </c-col>

            <!-- ---------------Right--------------- -->
            <c-col :span="12">
                <c-col :span="24">
                    <el-form-item
                        label="Presented by"
                        prop="brdgrp.rec.docprbrol"
                    >
                        <c-select
                            disabled
                            v-model="model.brdgrp.rec.docprbrol"
                            style="width: 100%"
                            placeholder="请选择Presented by"
                        >
                        <el-option
                                v-for="item in codes.docprbrol"
                                :key="item.value"
                                :label="item.label"
                                :value="item.value"
                            >
                            </el-option>
                        </c-select>
                    </el-form-item>
                </c-col>
                <c-col :span="24">
                    <c-ptap1
                        :model="model"
                        :argadr="{
                            title: '',
                            grp: 'brdgrp',
                            rol: 'prb',
                        }"
                        :disabled="true"
                        :isAdrblk="false"
                    >
                    </c-ptap1>
                </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/Brtacp/Event";

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

export default {
    inject: ["root"],
    props: ["model", "codes"],
    mixins: [commonProcess],
    components: {
        "c-curAmt": CurAmt,
        "c-litTemp": LitTemp,
        "c-ptap1": Ptap1,
    },
    data() {
        return {
            furide: [
        { label: "Negotiate", value: "NEG" },
        { label: "Reimburse", value: "REI" },
        { label: "See72", value: "SEE" },
    ],
            flag: true,
        };
    },
    methods: { ...Event },
    created: function () {},
};
</script>
<style>
</style>