Utlp.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: 'Opening Amount',
                            trans: 'lidgrp',
                        }"
                    >
                    </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>
        </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">
            <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="this.flag1"
                    >
                    </c-ptap1>
                </c-col>

                <c-col :span="24">
                    <el-form-item label="Payer" prop="brdgrp.rec.payrol">
                        <c-select
                            disabled
                            v-model="model.brdgrp.rec.payrol"
                            style="width: 100%"
                            placeholder="请选择Payer"
                        >
                        <el-option
                                v-for="item in codes.payrol"
                                :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: 'brtp',
                            rol: 'oth',
                        }"
                        :disabled="true"
                        :isAdrblk="false"
                        :disabled1="true"
                    >
                    </c-ptap1>
                </c-col>
            </c-col>

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

                <c-col :span="24">
                    <el-form-item label="SWIFT message dated" prop="swtdat">
                        <c-date-picker
                        :disabled="model.brdgrp.rec.advdocflg !='X'"
                            type="date"
                            v-model="model.swtdat"
                            style="width: 100%"
                            placeholder="请选择SWIFT message dated"
                        ></c-date-picker>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item
                        label="Disposal of Documents"
                        prop="brdgrp.blk.disdoc"
                    >
                    <c-fullbox>
                        <c-input
                        :disabled="model.brdgrp.blk.disdocflg !='X'"
                            type="textarea"
                            v-model="model.brdgrp.blk.disdoc"
                            maxlength="200"
                            :rows="3"
                            show-word-limit
                            placeholder="请输入Disposal of Documents"
                        ></c-input>
                        <template slot="footer">
              <c-button :disabled="model.brdgrp.blk.disdocflg !='X'" size="small" type="primary" icon="el-icon-search"
                @click="showGridPromptDialog('brtp.disdoc.buttxmsel', null, null,{TXT: 'brdgrp.blk.disdoc'}, {TXT: false},'doxpDialog')"
>
                ...
              </c-button>
            </template>
                        </c-fullbox>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item label="" >
                        <c-col :span="12">
                            <c-checkbox :disabled="model.brdgrp.blk.disdocflg =='X'" v-model="model.advrefflg"
                               @change="advrefflgChange" >Send Advice of Refusal MT734</c-checkbox
                            >
                        </c-col>
                        <c-col :span="12">
                            <c-checkbox :disabled="model.advrefflg !='X'" v-model="model.refdocflg"
                                >Claim back Document Amount</c-checkbox
                            >
                        </c-col>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item label="" >
                        <c-col :span="12">
                            <c-checkbox v-model="model.brdgrp.rec.advdocflg"
                                @change="advdocflgChange">Return of Documents</c-checkbox
                            >
                        </c-col>
                        <c-col :span="12">
                            <c-checkbox v-model="model.advdisflg"
                                >Received Advice of Discrepancy MT750</c-checkbox
                            >
                        </c-col>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item label="">
                        <c-col :span="12">
                            <c-checkbox v-model="model.mtabut.clsflg"
                                >Close Contract</c-checkbox
                            >
                        </c-col>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item label="">
                        <c-col :span="12">
                            <c-checkbox :disabled="model.advrefflg !='X'" v-model="model.brdgrp.blk.disdocflg"
                                >Disposal of Documents modified</c-checkbox
                            >
                        </c-col>
                        <c-col :span="12">
                            <c-checkbox v-model="model.rejpenins"
                                >Rejection pending instructions</c-checkbox
                            >
                        </c-col>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item v-if="model.brdgrp.rec.advdocflg=='X'" label="退单方式" prop="rejtype">
                        <c-select
                        v-model="model.rejtype"
                            style="width: 100%"
                            >
                        <el-option
                      v-for="item in codes.rejtype"
                      :key="item.value"
                      :label="item.label"
                      :value="item.value"
                     >
                    </el-option>
                    </c-select>
                    </el-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/Brtdcr/Event";
import CurAmt from "~/views/Public/CurAmt";
import LitTemp from "~/views/Public/LitTemp";
import Ptap1 from "~/views/Public/Ptap1";
import Utils from "~/utils";

export default {
    inject: ["root"],
    props: ["model", "codes"],
    mixins: [commonProcess],
    components: {
        "c-curAmt": CurAmt,
        "c-litTemp": LitTemp,
        "c-ptap1": Ptap1,
    },
    
    data() {
        return {
            flag: true,
            flag1:true,
        };
    },
    watch:{
        "model.brdgrp.prb.pts.extkey":{
            immediate:true,
        handler(val ,oldVal){
            if(this.model.brdgrp.prb.pts.extkey!=''){
                this.flag1=true;
            }
        }
        },
      },
    computed: {
    advrefflg: {
      get() {
        return this.model.advrefflg === "X";
      },
      set(val) {
        this.model.advrefflg = val ? "X" : "";
      },
    },
    advdocflg: {
      get() {
        return this.model.brdgrp.rec.advdocflg === "X";
      },
      set(val) {
        this.model.brdgrp.rec.advdocflg = val ? "X" : "";
      },
    },
    advdisflg: {
      get() {
        return this.model.advdisflg === "X";
      },
      set(val) {
        this.model.advdisflg = val ? "X" : "";
      },
    },
    },
    methods: { ...Event, 
    async advrefflgChange() {
    let rtnmsg = await this.executeRule("brdgrp.blk.disdoc")
    if (rtnmsg.respCode == SUCCESS) {
    Utils.copyValueFromVO(this.model, rtnmsg.data);
    }
    },
    async advdocflgChange() {
    let rtnmsg = await this.executeRule("brdgrp.blk.disdoc")
    if (rtnmsg.respCode == SUCCESS) {
    Utils.copyValueFromVO(this.model, rtnmsg.data);
    }
    },
    created: function () {},
    },
};
</script>
<style>
</style>