Betamcp.vue

<template>
<div class="eibs-tab">
    <!-- ============================顶部================================ -->
    <c-col :span="24">
        <!--SF000044 : Reference参考号 Export L/C Ref. -->
        <c-col :span="12">
            <el-form-item label="Export L/C Ref." prop="ledgrp.rec.ownref">
                <c-fullbox>
                    <c-input v-model="model.ledgrp.rec.ownref" maxlength="16" placeholder="请输入Reference" style="width: 95%" :disabled="true" @keyup.enter.native="eventFunction(
                    'ledgrp.rec.ownref'
                  )">
                    </c-input>
                    <template slot="footer">
                        <c-button style="margin: 0 0 0 0; padding: 0 12px" size="small" type="primary" @click="onSeainf">
                            <span style="
                      font-size: 15px;
                      font-family: '宋体';
                      font-weight: bold;
                    ">i</span>
                        </c-button>
                    </template>
                </c-fullbox>
            </el-form-item>
        </c-col>
        <!-- SF000045 : Open Amt L/C 信用证余额-->
        <c-col :span="11" :offset="1">
            <c-col :span="24">
                <c-col :span="12">
                    <el-form-item label="Open Amt.L/C" prop="ledgrp.cbs.opn1.cur">
                        <c-select v-model="model.ledgrp.cbs.opn1.cur" maxlength="3" placeholder="请选择币种" :code="codes.curtxt" disabled></c-select>
                    </el-form-item>
                </c-col>

                <c-col :span="12">
                    <el-form-item label="" label-width="5px" prop="ledgrp.cbs.opn1.amt">
                        <c-input v-model="model.ledgrp.cbs.opn1.amt" placeholder="请输入信用证余额" disabled class="m-input-currency"></c-input>
                    </el-form-item>
                </c-col>
            </c-col>
        </c-col>
    </c-col>

    <c-col :span="24">
        <c-col :span="12">
            <!-- SF000053 : 单据编号  单据参考号-->
            <el-form-item label="Document Reference" prop="bedgrp.rec.ownref">
                <c-fullbox>
                    <c-input v-model="model.bedgrp.rec.ownref" maxlength="16" placeholder="请输入单据编号" style="width: 95%" disabled></c-input>
                    <template slot="footer">
                        <c-button style="margin: 0 0 0 0; padding: 0 12px" size="small" type="primary" @click="onSeainf">
                            <span style="
                  font-size: 15px;
                  font-family: '宋体';
                  font-weight: bold;
                ">i</span>
                        </c-button>
                    </template>
                </c-fullbox>
            </el-form-item>
        </c-col>
        <!--  SF000073 : 摘要 Name  Externally Displayed Name to Identify the Contract-->
        <c-col :span="11" :offset="1">
            <el-form-item label="Name" prop="bedgrp.rec.nam">
                <c-input text-align="middle" v-model="model.bedgrp.rec.nam" maxlength="40" placeholder="请输入Externally Displayed Name to Identify the Contract" disabled>
                </c-input>
            </el-form-item>
        </c-col>
    </c-col>

    <!-- ============================第三行开始，金额日期 =========================-->
    <c-col :span="24">
        <!-- 第三行开始-金额日期--左边- -->
        <c-col :span="12">
            <!-- Document Amount 单据金额-->
            <c-col :span="24">
                <c-col :span="10">
                    <el-form-item label="Document Amount" prop="bedgrp.cbs.max.cur">
                        <c-select v-model="model.bedgrp.cbs.max.cur" style="width: 100%" placeholder="请选择币种" @keyup.enter.native="maxCurEvent" :code="codes.curtxt" disabled>
                        </c-select>
                    </el-form-item>
                </c-col>
                <c-col :span="7">
                    <el-form-item label="" label-width="5px" prop="bedgrp.cbs.max.amt">
                        <c-input-currency v-model="model.bedgrp.cbs.max.amt" style="text-align: left; width: 100%" placeholder="请输入Balance" @keyup.enter.native="
                defaultFunction(
                  'bedgrp.cbs.max.amt',
                  model.bedgrp.cbs.max.amt
                )
              " disabled></c-input-currency>
                    </el-form-item>
                </c-col>
                <c-col :span="7">
                </c-col>
            </c-col>

            <!-- Open Amount  单据余额-->
            <c-col :span="24">
                <c-col :span="10">
                    <el-form-item label="Open Amount" prop="bedgrp.cbs.opn1.cur">
                        <c-select v-model="model.bedgrp.cbs.opn1.cur" maxlength="3" placeholder="请输入Open Amount" style="width: 100%" disabled :code="codes.curtxt"></c-select>
                    </el-form-item>
                </c-col>
                <c-col :span="7">
                    <el-form-item label="" label-width="5px" prop="bedgrp.cbs.opn1.amt">
                        <c-input-currency v-model="model.bedgrp.cbs.opn1.amt" style="text-align: left; width: 100%" placeholder="请输入Balance" disabled></c-input-currency>
                    </el-form-item>
                </c-col>
                <c-col :span="7">
                    <c-form-item label="" label-width="5px" prop="bedgrp.cbs.opn2.amt">
                        <c-input v-model="model.bedgrp.cbs.opn2.amt" placeholder="请输入Balance" class="m-input-currency" disabled></c-input>
                    </c-form-item>
                </c-col>
            </c-col>

            <!-- Document Type 单据类型-->
            <c-col :span="24">
                <el-form-item label="Document Type" prop="bedgrp.rec.doctypcod">
                    <c-select v-model="model.bedgrp.rec.doctypcod" maxlength="1" style="width: 100%" placeholder="请选择Document Type" :code="codes.doctypcod1" disabled>
                    </c-select>
                </el-form-item>
            </c-col>
            <c-col :span="24">
                <!-- Maturity Date SF000047 : 到期日-->
                <!-- <c-col :span="12">
            <span
              v-text="model.betp0.matp.mattxtlab"
              data-path=".betp0.matp.mattxtlab"
            >
            </span>
          </c-col> -->
                <c-col :span="12">
                    <el-form-item label="Maturity Date" prop="bedgrp.rec.matdat">
                        <c-date-picker type="date" v-model="model.bedgrp.rec.matdat" style="width: 100%" placeholder="请选择Maturity Date" value-format="yyyy-MM-dd" :disabled="true"></c-date-picker>
                    </el-form-item>
                </c-col>
                <!-- SF000079 : 寄单日期 -->
                <c-col :span="12">
                    <el-form-item label="Order Date" prop="bedgrp.rec.orddat">
                        <c-date-picker type="date" v-model="model.bedgrp.rec.orddat" style="width: 100%" value-format="yyyy-MM-dd" placeholder="请选择寄单日期" :disabled="true"></c-date-picker>
                    </el-form-item>
                </c-col>
            </c-col>

            <c-col :span="24">
                <!-- Received on  SF000046 :到单日期-->
                <c-col :span="12">
                    <el-form-item label="Received on" prop="bedgrp.rec.rcvdat">
                        <c-date-picker type="date" v-model="model.bedgrp.rec.rcvdat" style="width: 100%" placeholder="请选择Received on" value-format="yyyy-MM-dd" :disabled="true"></c-date-picker>
                    </el-form-item>
                </c-col>
                <!-- Presented on  SF000049 :提示日期 -->
                <c-col :span="12">
                    <el-form-item label="Presented on" prop="bedgrp.rec.predat">
                        <c-date-picker type="date" v-model="model.bedgrp.rec.predat" style="width: 100%" placeholder="请选择提示日期" value-format="yyyy-MM-dd" :disabled="true"></c-date-picker>
                    </el-form-item>
                </c-col>
            </c-col>

            <!-- Document Status  SF000056 :单据状态 -->
            <c-col :span="24">
                <el-form-item label="Document Status" prop="bedgrp.rec.docsta">
                    <c-select v-model="model.bedgrp.rec.docsta" maxlength="40" style="width: 100%" placeholder="请输入单据状态" :code="codes.docsta" disabled></c-select>
                </el-form-item>
            </c-col>

        </c-col>

        <!-- ========================第三行开始金额日期的右边======================= -->
        <c-col :span="11" :offset="1">
            <!-- SF000048 : 受益人 -->
            <!-- SF000059 : 编号 -->
            <c-col :span="24">
                <c-form-item label="Beneficiary Ref." prop="bedgrp.ben.pts.ref">
                    <c-input v-model="model.bedgrp.ben.pts.ref" maxlength="16" placeholder="请输入受益人" disabled></c-input>
                </c-form-item>
            </c-col>
            <c-col :span="24">
                <el-form-item label="" prop="bedgrp.ben.pts.nam">
                    <c-input v-model="model.bedgrp.ben.pts.nam" maxlength="40" placeholder="请输入Name of Party" disabled></c-input>
                </el-form-item>
            </c-col>
            <!-- SF000055 : 开证行 -->
            <!-- SF000058 : 信用证编号 -->
            <!-- 开证行 Issuing Bank Ref. -->
            <c-col :span="24">
                <el-form-item label="Issuing Bank L/C NO." prop="bedgrp.iss.pts.ref">
                    <c-input v-model="model.bedgrp.iss.pts.ref" maxlength="16" placeholder="请输入开证行" disabled></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="24">
                <el-form-item label="" prop="bedgrp.iss.pts.nam">
                    <c-input v-model="model.bedgrp.iss.pts.nam" maxlength="40" placeholder="请输入Name of Party" disabled></c-input>
                </el-form-item>
            </c-col>
            <!-- SF000050 : 申请人 -->
            <!-- SF000057 : 编号 -->
            <!--Applicant Ref.  申请人-->
            <c-col :span="24">
                <el-form-item label="Applicant Ref." prop="bedgrp.apl.pts.ref">
                    <c-input v-model="model.bedgrp.apl.pts.ref" maxlength="16" placeholder="请输入申请人" disabled></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="24">
                <el-form-item label="" prop="bedgrp.apl.pts.nam">
                    <c-input v-model="model.bedgrp.apl.pts.nam" maxlength="40" placeholder="请输入Name of Party" disabled></c-input>
                </el-form-item>
            </c-col>

        </c-col>
    </c-col>

    <!-- =================================上下两部分 分割线 ============================-->
    <c-col :span="24">
        <el-form-item style="margin-left: -150px">
            <el-divider />
        </el-form-item>
    </c-col>

    <!-- =================================下半部分 ============================-->
    <c-col :span="24">
        <!-- =================================左侧====-->
        <c-col :span="12">
            <c-col :span="24">
               
                <el-form-item label="信用证保兑比例" prop="ledgrp.rec.partcon">
                    <c-fullbox>
                        <c-input disabled v-model="model.ledgrp.rec.partcon" placeholder="请输入Partial Confirmation" @keyup.enter.native="defaultFunction('ledgrp.rec.partcon', model.ledgrp.rec.partcon)"></c-input>
                        <!-- <span>%</span> -->
                        <template slot="footer">%</template>
                    </c-fullbox>
                </el-form-item>
            </c-col>

            <c-col :span="24">

                <c-col :span="24">
                    <c-col :span="10">
                        <el-form-item label="单据所占的保兑额度" prop="bedgrp.cbs.max.cur">
                            <c-select v-model="model.bedgrp.cbs.max.cur" style="width: 100%" placeholder="请选择币种" @keyup.enter.native="maxCurEvent" :code="codes.curtxt" disabled>
                            </c-select>
                        </el-form-item>
                    </c-col>
                    <c-col :span="7">
                        <el-form-item label="" label-width="5px" prop="amcamt">
                            <c-input-currency v-model="model.amcamt" style="text-align: left; width: 100%" placeholder="0" @keyup.enter.native="
                defaultFunction(
                  'amcamt',
                  model.amcamt
                )
              " disabled></c-input-currency>
                        </el-form-item>
                    </c-col>
                    <c-col :span="7">
                    </c-col>
                </c-col>

            </c-col>

            <c-col :span="24">

                <c-col :span="24">
                    <c-col :span="10">
                        <el-form-item label="释放后保兑金额余额" prop="ledgrp.cbs.cnf.cur">
                            <c-select v-model="model.ledgrp.cbs.cnf.cur" style="width: 100%" placeholder="请选择币种" @keyup.enter.native="maxCurEvent" :code="codes.curtxt" disabled>
                            </c-select>
                        </el-form-item>
                    </c-col>
                    <c-col :span="7">
                        <el-form-item label="" label-width="5px" prop="newcnfamt">
                            <c-input-currency v-model="model.newcnfamt" style="text-align: left; width: 100%" placeholder="0" @keyup.enter.native="
                defaultFunction(
                  'newcnfamt',
                  model.newcnfamt
                )
              " disabled></c-input-currency>
                        </el-form-item>
                    </c-col>
                    <c-col :span="7">
                    </c-col>
                </c-col>

            </c-col>

        </c-col>

        <!-- =================================右侧====-->
        <c-col :span="12">
        </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/Betamc/Event"
import Ptsmsg from "~/views/Public/Ptsmsg";

export default {
    components: {
        "c-ptsmsg": Ptsmsg
    },
    inject: ["root"],
    props: ["model", "codes"],
    mixins: [commonProcess],
    data() {
        return {};
    },
    computed: {
        cre752flg: {
            get() {
                return this.model.betp.cre752flg != "";
            },
            set(val) {
                this.model.betp.cre752flg = val ? "X" : "";
                this.model.betp.furide = "";
            },
        },
        flag() {
            return this.model.mtabut.coninf.usr.extkey == "";
        },
    },
    methods: {
        ...Event
    },
    created: function () {

    }
}
</script>

<style>

</style>