Drv.vue

<template>
    <div class="eibs-tab">
        <!-- ============================顶部================================ -->
    <c-col :span="24">
    <!-- 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"
              >
              </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>
<!--  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="请选择Currency"
                :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="请输入Balance"
                class="m-input-currency"
                disabled
              ></c-input>
            </el-form-item>
          </c-col>
        </c-col>
      </c-col>
    </c-col>

    <c-col :span="24">
      <c-col :span="12">
      <!-- Bill Set Reference 单据参考号-->
        <el-form-item label="Bill Set 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>
      <!-- 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="12">
          <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="8">
          <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%"
              class="m-input-currency"
              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="4">
          <c-checkbox
            v-model="model.betp.adaflg"
            style="margin-left: 10px"
            disabled
            >Add. Amount</c-checkbox
          >
        </c-col>
      </c-col>

                <!-- Open Amount  单据余额-->
      <c-col :span="24">
        <c-col :span="12">
        <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="8">
        <el-form-item label="" label-width="5px" prop="bedgrp.cbs.opn1.amt">
          <c-input
            v-model="model.bedgrp.cbs.opn1.amt"
            style="text-align: left; width: 100%"
            class="m-input-currency"
            placeholder="请输入Balance"
            disabled
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="4">
      </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"
              style="width: 100%"
              placeholder="请选择Document Type"
              :code="codes.doctypcod1"
              disabled
            >
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="24">
            <!-- Maturity Date -->
          <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
              ></c-date-picker>
            </el-form-item>
          </c-col>
          <c-col :span="12"></c-col>
        </c-col>

        <c-col :span="24">
          <!-- Received on -->
          <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="model.bedgrp.rec.doctypcod=='E'"
              ></c-date-picker>
            </el-form-item>
          </c-col>
              <!-- Presented on 到单日期 -->
          <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
              ></c-date-picker>
            </el-form-item>
          </c-col>
        </c-col>

            <!-- Document Status单据状态 -->
        <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>

        <!-- ========================第三行开始金额日期的右边Presented by======================= -->
      <c-col :span="11" :offset="1">
          <!--Presented by 交单人 -->
        <c-col :span="24">
          <el-form-item label="Presented by" prop="bedgrp.prb.pts.ref">
            <c-input
              v-model="model.bedgrp.prb.pts.ref"
              maxlength="16"
              placeholder="请输入交单人"
              disabled
            ></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="" prop="bedgrp.prb.pts.nam">
            <c-input
              v-model="model.bedgrp.prb.pts.nam"
              maxlength="40"
              placeholder="请输入Name of Party"
              disabled
            ></c-input>
          </el-form-item>
        </c-col>

          <!-- 开证行 Issuing Bank Ref. -->
          <c-col :span="24">
            <el-form-item label="Issuing Bank Ref." 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>

                    <!--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"
              ></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">
              <!-- Document Type -->
        <c-col :span="24">
          <el-form-item label="Document Type" prop="bedgrp.rec.doctypcod">
            <c-select
              v-model="model.bedgrp.rec.doctypcod"
              style="width: 100%"
              placeholder="请选择Document Type"
              :code="codes.doctypcod1"
              disabled
            >
            </c-select>
          </el-form-item>
        </c-col>

          <!--下半部分的 Document Amount -->
        <c-col :span="24">
          <c-col :span="12">
            <el-form-item label="Document Amount" prop="bedgrp.cbs.max.cur">
              <c-select
                v-model="model.bedgrp.cbs.max.cur"
                maxlength="3"
                placeholder="请输入币种"
                style="width: 100%"
                @keyup.enter.native="maxCurEvent"
                :code="codes.curtxt"
                disabled
              ></c-select>
            </el-form-item>
          </c-col>
          <c-col :span="12">
            <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%"
                class="m-input-currency"
                placeholder="请输入Balance"
                @keyup.enter.native="
                  defaultFunction(
                    'bedgrp.cbs.max.amt',
                    model.bedgrp.cbs.max.amt
                  )
                "
              ></c-input-currency>
            </el-form-item>
          </c-col>
        </c-col>

    <!-- <c-col :span="12">
      <span v-text="model.oridoclab" data-path=".oridoclab"> </span>
    </c-col>

    <c-col :span="12">
      <el-form-item label="Balance" prop="oldbedgrp.cbs.max.amt">
        <c-input
          v-model="model.oldbedgrp.cbs.max.amt"
          placeholder="请输入Balance"
        ></c-input>
      </el-form-item>
    </c-col> -->
    <!-- <c-col :span="24" v-show="model.oldbedgrp.cbs.max.amt!= model.bedgrp.cbs.max.amt"> -->
      <c-col :span="24">
        <c-col :span="12">
          <span v-text="model.oridoclab" data-path=".oridoclab"
            class="span_oridoclab"
            style="width: 100%;"    
          > </span>
        </c-col>
        <c-col :span="12">
          <el-form-item label="" label-width="5px" prop="oldbedgrp.cbs.max.amt">
            <c-input
              v-model="model.oldbedgrp.cbs.max.amt"
              style="width: 100%"
              class="m-input-currency"
              placeholder="请输入Balance"
              disabled
              v-show="model.oldbedgrp.cbs.max.amt!= model.bedgrp.cbs.max.amt"
            ></c-input>
          </el-form-item>
        </c-col>
    </c-col>
            <!-- Drawn Add.Amount附加金额 -->
        <c-col :span="24">
          <c-col :span="12">
            <el-form-item label="Drawn Add.Amount" prop="bedgrp.cbs.opn2.cur">
              <c-select
                v-model="model.bedgrp.cbs.opn2.cur"
                style="width: 100%"
                placeholder="请选择币种"
                :code="codes.curtxt"
                disabled
              >
              </c-select>
            </el-form-item>
          </c-col>
          <c-col :span="12">
            <el-form-item label="" label-width="5px" prop="bedgrp.cbs.max2.amt">
              <c-input
                v-model="model.bedgrp.cbs.max2.amt"
                placeholder="请输入附加金额"
                class="m-input-currency"
                :disabled="model.bedgrp.cbs.opn2.amt==0"
              ></c-input>
              <!-- :disabled="model.betp.adaflg==''" 
              :disabled="model.bedgrp.cbs.opn2.amt==0"-->
            </el-form-item>
          </c-col>
        </c-col>

        <!-- <c-col :span="24" v-show="model.bedgrp.cbs.max2.amt!=model.oldbedgrp.cbs.max2.amt"> -->
        <c-col :span="24">
        <!-- =====================================当附加金额没变时隐藏====================================================== -->
          <c-col :span="12">
            <span v-text="model.oriaddlab" data-path=".oriaddlab"
              class="span_oridoclab"
              style="width: 100%;"
            > </span>
          </c-col>
          <c-col :span="12">
            <el-form-item label="" label-width="5px" prop="oldbedgrp.cbs.max2.amt">
              <c-input
                v-model="model.oldbedgrp.cbs.max2.amt"
                placeholder="请输入Balance"
                class="m-input-currency"
                style="width: 100%"
                disabled
                v-show="model.bedgrp.cbs.max2.amt!=model.oldbedgrp.cbs.max2.amt"
              ></c-input>
            </el-form-item>
          </c-col>
        </c-col>

            <!-- Received on -->
        <c-col :span="24">
          <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="model.bedgrp.rec.doctypcod=='E'"
              ></c-date-picker>
            </el-form-item>
          </c-col>
          <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%"
                placeholder="请选择Order Date"
                value-format="yyyy-MM-dd"
              ></c-date-picker>
            </el-form-item>
          </c-col>
        </c-col>

        <c-col :span="24">
              <!-- Maturity Date -->
          <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="model.bedgrp.blk.matper!=''||model.bedgrp.rec.doctypcod=='P'"
              ></c-date-picker>
            </el-form-item>
          </c-col>
          <c-col :span="12">
            <el-form-item label="Shipped on" prop="bedgrp.rec.shpdat">
              <c-date-picker
                type="date"
                v-model="model.bedgrp.rec.shpdat"
                style="width: 100%"
                placeholder="请选择Date of Shipment"
                value-format="yyyy-MM-dd"
                :disabled="model.bedgrp.rec.doctypcod=='E'"
              ></c-date-picker>
            </el-form-item>
          </c-col>
        </c-col>

                  <!-- Maturity Period -->
        <c-col :span="24">
          <el-form-item label="Maturity Period" prop="bedgrp.blk.matper">
            <c-input
              type="textarea"
              v-model="model.bedgrp.blk.matper"
              maxlength="65"
              show-word-limit
              placeholder="请输入Maturity Period"
              :disabled="model.bedgrp.rec.matdat!=''||model.bedgrp.rec.doctypcod=='P'"
            ></c-input>
          </el-form-item>
        </c-col>

          <!-- Enter Documents, Discrepancies and Instructions -->
        <c-col :span="18" :offset="6">
          <c-checkbox v-model="model.bedgrp.rec.dscinsflg"
          disabled
            >Enter Documents, Discrepancies and Instructions</c-checkbox
          >
        </c-col>

        <c-col :span="24">
          <el-form-item
            label="Previous Drawings under this L/C"
            prop="ledgrp.rec.utlnbr"
          >
            <c-input
              v-model.number="model.ledgrp.rec.utlnbr"
              placeholder="请输入No. of Existing and not Completely Processed  Document Sets"
              disabled
            ></c-input>
          </el-form-item>
        </c-col>

      </c-col>
      
              <!-- ===============================下半部分-右边========================== -->
      <c-col :span="11" :offset="1">
              <!-- Payer -->
        <c-col :span="24">
          <el-form-item label="Payer" prop="bedgrp.rec.payrol">
            <c-select
              v-model="model.bedgrp.rec.payrol"
              style="width: 100%"
              placeholder="请选择Payer"
              :code="codes.rolall"
              @change="eventFunction(
                    'bedgrp.rec.payrol'
                  )"
            >
            </c-select>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <c-ptap1
            :model="model"
            :argadr="{
              title: '',
              grp: 'bedgrp',
              rol: 'oth',
            }"
            @onSeainf="onSeainf"
            @onAplpDet="onOthpDet"
            :disabled1="model.bedgrp.rec.payrol!='OTH'"
          >
          </c-ptap1>
        </c-col>

            <!-- Presented by -->
        <c-col :span="24">
          <el-form-item label="Presented by" prop="bedgrp.rec.docprbrol">
            <c-select
              v-model="model.bedgrp.rec.docprbrol"
              style="width: 100%"
              placeholder="请选择Presented by"
              :code="codes.docprbrol0"
            >
            </c-select>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <c-ptap1
            :model="model"
            :argadr="{
              title: '',
              grp: 'bedgrp',
              rol: 'prb',
            }"
            @onSeainf="onSeainf"
            @onAplpDet="onPrbpDet"
            :disabled1="model.bedgrp.rec.docprbrol=='BEN'"
          >
          </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/Betdrv/Event";
import Utils from '~/utils'
import Ptap1 from "~/views/Public/Ptap1";

export default {
  components: { "c-ptap1": Ptap1 },
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess],
  data() {
    return {};
  },
  methods: {
    ...Event,
    onSeainf(){},
    maxCurEvent() {
      this.executeDefault('bedgrp.cbs.max.cur').then((res) => {
        if (res.respCode == SUCCESS) {
          Utils.copyValueFromVO(this.model, res.data)
        }
      })
    },
  },
  created: function () {},
};
</script>
<style>
.span_oridoclab {
  margin-right: 30px;
  height: 24px;
  color: #606266;
  line-height: 24px;
  font-size: 12px;
  float: right; 
  text-align: right;
}
</style>