<template>
  <div class="eibs-tab">
    <c-col :span="12" style="padding-right: 20px">
      <c-col :span="24">
        <c-form-item label="Reference of L/C" prop="ledgrp.rec.ownref">
          <c-input v-model="model.ledgrp.rec.ownref" maxlength="16" placeholder="请输入信用证编号" disabled></c-input>
        </c-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="Reference" prop="ltdgrp.rec.ownref" style="width: 100%">
          <c-fullbox>
            <c-input v-model="model.ltdgrp.rec.ownref" maxlength="16" disabled placeholder="请输入编号"></c-input>
          </c-fullbox>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="Form of Transfer" prop="ltdgrp.rec.lcrtyp">
          <c-select
            disabled
            v-model="model.ltdgrp.rec.lcrtyp"
            placeholder="请选择信用证类型"
            style="width: 100%"
            dbCode="lcrtyp">
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="Responsible User" prop="lttp.usr.extkey" style="width: 100%">
          <c-fullbox>
            <c-input v-model="model.lttp.usr.extkey" maxlength="8" placeholder="请输入客户经理"></c-input>
          </c-fullbox>
        </el-form-item>
      </c-col>
      <c-col :span="24" class="custom-box-wrap">
            <el-form-item label="Nominal Amount" prop="ltdgrp.cbs.nom1.cur">
              <c-select-cur
                v-model="model.ltdgrp.cbs.nom1.cur"
                style="width: 115px"
                placeholder="请选择币种"
                dbCode="curtxt"
                sort="SRT"
                disabled>
              </c-select-cur>
            </el-form-item>
          <div class="box-3">
            <el-form-item label-width="5px" prop="ltdgrp.cbs.nom1.amt">
              <c-input-currency
                disabled
                v-model="model.ltdgrp.cbs.nom1.amt"
                :currency="model.ltdgrp.cbs.nom1.cur"
                style="width: 100%"
                placeholder="请输入金额">
              </c-input-currency>
            </el-form-item>
          </div>
        <div class="box-2">
          <c-checkbox
            v-model="model.lttp.aamp.aammod.addamtflg"
            true-label="X"
            false-label=""
            class="checkbox-left"
            disabled>
            Add.Amount
          </c-checkbox>
        </div>
      </c-col>
      <c-col :span="24" class="custom-box-wrap">
        <c-col :span="12">
          <el-form-item label="Amount Tolerance(39A) +/-%" prop="ltdgrp.rec.nomtop">
            <c-input disabled v-model="model.ltdgrp.rec.nomtop" style="width: 100%" placeholder="请输入溢出金额">
            </c-input>
          </el-form-item>
        </c-col>

        <c-col :span="12">
          <el-form-item label-width="5px" prop="ltdgrp.rec.nomton">
            <c-input disabled v-model="model.ltdgrp.rec.nomton" style="width: 100%" placeholder="请输入下调金额">
            </c-input>
          </el-form-item>
        </c-col>
      </c-col>
      <c-col :span="24">
        <el-form-item label="Amount Specification" prop="ltdgrp.rec.nomspc">
          <c-select v-model="model.ltdgrp.rec.nomspc" style="width: 100%" dbCode="nomspc" disabled placeholder="请选择">
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="24" >
        <c-col :span="12">
            <el-form-item label="Maximum Amount" prop="ltdgrp.cbs.max.cur">
              <c-select-cur
                v-model="model.ltdgrp.cbs.max.cur"
                style="width: 100%"
                placeholder="请选择币种"
                dbCode="curtxt"
                sort="SRT"
                disabled>
              </c-select-cur>
            </el-form-item>
        </c-col>
        <c-col :span="12">
            <el-form-item label-width="5px" prop="ltdgrp.cbs.max.amt">
              <c-input-currency
                v-model="model.ltdgrp.cbs.max.amt"
                :currency="model.ltdgrp.cbs.nom1.cur"
                style="width: 100%"
                placeholder="请输入金额"
                disabled>
              </c-input-currency>
            </el-form-item>
        </c-col>
      </c-col>
      <c-col :span="24">
        <el-form-item label="Partial Shipment" prop="ltdgrp.rec.shppars18">
          <c-select
            disabled
            v-model="model.ltdgrp.rec.shppars18"
            placeholder="是否允许分批装运"
            style="width: 100%"
            dbCode="shppar">
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="Transhipment" prop="ltdgrp.rec.shptrss18">
          <c-select
            disabled
            v-model="model.ltdgrp.rec.shptrss18"
            placeholder="是否允许转运"
            style="width: 100%"
            dbCode="shppar">
          </c-select>
        </el-form-item>
      </c-col>
    </c-col>
    <c-col :span="12" style="padding-left: 20px">
      <c-col :span="24">
        <el-form-item label="Issued on" prop="ltdgrp.rec.opndat">
          <c-date-picker
            disabled
            type="date"
            v-model="model.ltdgrp.rec.opndat"
            style="width: 100%"
            placeholder="请选择日期"
            value-format="yyyy-MM-dd"></c-date-picker>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="Shipment Date" prop="ltdgrp.rec.shpdat">
          <c-date-picker
            disabled
            type="date"
            v-model="model.ltdgrp.rec.shpdat"
            style="width: 100%"
            placeholder="请选择日期"
            value-format="yyyy-MM-dd"></c-date-picker>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="Presentation Period" prop="ltdgrp.blk.prepers18">
          <c-input disabled v-model="model.ltdgrp.blk.prepers18" placeholder="请输入"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="Presentation period text" prop="ltdgrp.rec.prepertxts18">
          <c-input
            disabled
            :rows="1"
            type="textarea"
            v-model="model.ltdgrp.rec.prepertxts18"
            maxlength="35"
            show-word-limit
            placeholder="请输入交单期限"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Expiring on" prop="ltdgrp.rec.expdat">
          <c-date-picker
            disabled
            type="date"
            v-model="model.ltdgrp.rec.expdat"
            style="width: 100%"
            placeholder="请选择日期"></c-date-picker>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="in" prop="ltdgrp.rec.expplc">
          <c-select
            disabled
            v-model="model.ltdgrp.rec.expplc"
            placeholder="请选择交单地点"
            style="width: 100%"
            dbCode="expplc">
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Applicable Rules" prop="ltdgrp.rec.apprul">
          <c-select
            disabled
            v-model="model.ltdgrp.rec.apprul"
            dbCode="apprul"
            style="width: 100%"
            placeholder="请选择适用规则">
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="Other Applicable Rules" prop="ltdgrp.rec.apprultxt">
          <c-input
            v-model="model.ltdgrp.rec.apprultxt"
            maxlength="35"
            placeholder="请输入其他适用规则"
            disabled></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="Confirm. Instructions" prop="ltdgrp.rec.cnfins">
          <c-select
            disabled
            v-model="model.ltdgrp.rec.cnfins"
            dbCode="cnfflg"
            style="width: 100%"
            placeholder="请选择保兑指示">
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="Country Code " prop="ltdgrp.rec.stacty">
          <c-select
            disabled
            v-model="model.ltdgrp.rec.stacty"
            dbCode="ctytxt"
            style="width: 100%"
            placeholder="请选择地区代码">
          </c-select>
        </el-form-item>
      </c-col>
    </c-col>
  </div>
</template>
<script>
import event from "../event";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event],
  data() {
    return {};
  },
  methods: {},
  created: function () {},
  computed: {
    apprultxtFlag: {
      get() {
        return this.model.ltdgrp.rec.apprul != "OTHR";
      },
    },
  },
  watch: {
    apprultxtFlag(val) {
      if (val) {
        this.model.ltdgrp.rec.apprultxt = "";
      }
    },
  },
};
</script>
<style></style>