<template>
  <div class="eibs">
      <!-- ============================顶部================================ -->
  <c-col :span="24">
  <!-- Reference参考号 Export L/C Ref. -->
      <c-col :span="12">
        <el-form-item
          label="出口信用证参考号"
          prop="ledgrp.rec.ownref"
        >
          <c-fullbox>
            <c-input
              v-model="model.ledgrp.rec.ownref"
              maxlength="16"
              placeholder="请输入出口信用证参考号"
              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="信用证余额" 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="请输入信用证余额"
              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="单据参考号" 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="简略信息" prop="bedgrp.rec.nam">
        <c-input
          text-align="middle"
          v-model="model.bedgrp.rec.nam"
          maxlength="40"
          placeholder="请输入简略信息"
          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="单据名义金额" 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="请输入单据名义金额"
            @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
          >附加金额</c-checkbox
        >
      </c-col>
    </c-col>

              <!-- Open Amount  单据余额-->
    <c-col :span="24">
      <c-col :span="12">
      <el-form-item label="单据余额" prop="bedgrp.cbs.opn1.cur">
        <c-select
          v-model="model.bedgrp.cbs.opn1.cur"
          maxlength="3"
          placeholder="请选择币种"
          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-currency
          v-model="model.bedgrp.cbs.opn1.amt"
          style="text-align: left; width: 100%"
          class="m-input-currency"
          placeholder="请输入单据余额"
          disabled
        ></c-input-currency>
      </el-form-item>

    </c-col>
    <c-col :span="4">
    </c-col>
    </c-col>

        <!-- 单据类型 -->
      <c-col :span="24">
        <el-form-item label="单据类型" prop="bedgrp.rec.doctypcod">
          <c-select
            v-model="model.bedgrp.rec.doctypcod"
            style="width: 100%"
            placeholder="请选择单据类型"
            :code="codes.doctypcod1"
            disabled
          >
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="24">
          <!-- 单据到期日 -->
        <c-col :span="12">
          <el-form-item label="单据到期日" prop="bedgrp.rec.matdat">
            <c-date-picker
              type="date"
              v-model="model.bedgrp.rec.matdat"
              style="width: 100%"
              placeholder="请选择单据到期日"
              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">
        <!-- 收单日期 -->
        <c-col :span="12">
          <el-form-item label="收单日期" prop="bedgrp.rec.rcvdat">
            <c-date-picker
              type="date"
              v-model="model.bedgrp.rec.rcvdat"
              style="width: 100%"
              placeholder="请选择收单日期"
              value-format="yyyy-MM-dd"
              disabled
            ></c-date-picker>
          </el-form-item>
        </c-col>
            <!-- 交单日期 到单日期 -->
        <c-col :span="12">
          <el-form-item label="交单日期" 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="单据状态" 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="交单人编号" 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="请输入"
            disabled
          ></c-input>
        </el-form-item>
      </c-col>

        <!-- 开证行 Issuing Bank Ref. -->
        <c-col :span="24">
          <el-form-item label="开证行参考号" 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="请输入"
              disabled
            ></c-input>
          </el-form-item>
        </c-col>

                  <!--Applicant Ref.  申请人-->
        <c-col :span="24">
          <el-form-item label="申请人参考号" 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="请输入"
              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="bedgrp.rec.doctypcod">
          <c-select
            v-model="model.bedgrp.rec.doctypcod"
            style="width: 100%"
            placeholder="请选择单据类型"
            :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="单据金额" 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="请输入单据金额"
              @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="24">
      <c-col :span="6">
        <span class="span_oridoclab"
          style="width: 100%;" 
        > </span>
      </c-col>
      <c-col :span="6">
        <span v-text="model.oridoclab" data-path=".oridoclab"
          class="span_oridoclab"
          style="width: 100%;" 
          v-show="model.oldbedgrp.cbs.max.amt!= model.bedgrp.cbs.max.amt"
        > </span>
      </c-col>
      <c-col :span="12">
        <el-form-item label="" label-width="5px" prop="oldbedgrp.cbs.max.amt">
          <c-input-currency
            v-model="model.oldbedgrp.cbs.max.amt"
            style="width: 100%"
            class="m-input-currency"
            placeholder="请输入"
            disabled
            v-show="model.oldbedgrp.cbs.max.amt!= model.bedgrp.cbs.max.amt"
          ></c-input-currency>
        </el-form-item>
      </c-col>
  </c-col>
          <!-- Drawn Add.Amount附加金额 -->
      <c-col :span="24">
        <c-col :span="12">
          <el-form-item label="单据附加金额" 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"
            ></c-input>
          </el-form-item>
        </c-col>
      </c-col>

    
      <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="请输入"
              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>

          <!-- 收单日期 -->
      <c-col :span="24">
        <c-col :span="12">
          <el-form-item label="收单日期" prop="bedgrp.rec.rcvdat">
            <c-date-picker
              type="date"
              v-model="model.bedgrp.rec.rcvdat"
              style="width: 100%"
              placeholder="请选择收单日期"
              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="收单日期" prop="bedgrp.rec.orddat">
            <c-date-picker
              type="date"
              v-model="model.bedgrp.rec.orddat"
              style="width: 100%"
              placeholder="请选择收单日期"
              value-format="yyyy-MM-dd"
            ></c-date-picker>
          </el-form-item>
        </c-col>
      </c-col>

      <c-col :span="24">
            <!-- 单据到期日 -->
        <c-col :span="12">
          <el-form-item label="单据到期日" prop="bedgrp.rec.matdat">
            <c-date-picker
              type="date"
              v-model="model.bedgrp.rec.matdat"
              style="width: 100%"
              placeholder="请选择单据到期日"
              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="装船日" prop="bedgrp.rec.shpdat">
            <c-date-picker
              type="date"
              v-model="model.bedgrp.rec.shpdat"
              style="width: 100%"
              placeholder="请选择装船日"
              value-format="yyyy-MM-dd"
              :disabled="model.bedgrp.rec.doctypcod=='E'"
            ></c-date-picker>
          </el-form-item>
        </c-col>
      </c-col>

                <!-- 到期期限 -->
      <c-col :span="24">
        <el-form-item label="到期期限" prop="bedgrp.blk.matper">
          <c-input
            type="textarea"
            v-model="model.bedgrp.blk.matper"
            maxlength="65"
            show-word-limit
            placeholder="请输入到期期限"
            :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
          >输入单据、不符点和指示</c-checkbox
        >
      </c-col>

      <c-col :span="24">
        <el-form-item
          label="本次交单前在我行办理的在该信用证下的交单次数"
          prop="ledgrp.rec.utlnbr"
        >
          <c-input
            v-model.number="model.ledgrp.rec.utlnbr"
            placeholder="请输入本次交单前在我行办理的在该信用证下的交单次数"
            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="付款人" prop="bedgrp.rec.payrol">
          <c-select
            v-model="model.bedgrp.rec.payrol"
            style="width: 100%"
            placeholder="请选择付款人"
            :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="交单人" prop="bedgrp.rec.docprbrol">
          <c-select
            v-model="model.bedgrp.rec.docprbrol"
            style="width: 100%"
            placeholder="请选择交单人"
            :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>