<template>
  <div class="eibs">
    <!-- ======================= 左边 ========================= -->
    <c-col :span="12" style="padding-right: 20px">
      <c-col :span="24">
        <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">
                <i class="el-icon-info" style="font-size:15px"></i>
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <!-- 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">
                <i class="el-icon-info" style="font-size:15px"></i>
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>
      <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>
      <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 :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.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>
      <!-- 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">
          <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 :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>

    </c-col>

    <!-- ======================右边====================== -->
    <c-col :span="12" style="padding-left: 20px">
      <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 :span="24">
        <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 :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 :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 :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>
  </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>