<template>
  <div class="eibs">
    <!-- ===========================左边 ======================== -->
    <c-col :span="12">
      <!-- 信用证编号 -->
      <c-col :span="24">
        <c-form-item label="Import L/C Ref." prop="lidgrp.rec.ownref">
          <c-fullbox>
            <c-input
              v-model="model.lidgrp.rec.ownref"
              maxlength="16"
              placeholder=""
              style="width: 100%"
              disabled></c-input>
            <!--
            <template slot="footer">
              <c-button style="margin: 0 10px 0 10px; padding: 0 12px" size="small" type="primary">
                <i class="el-icon-info"></i>
              </c-button>
              <c-button
                style="margin: 0 0"
                size="small"
                type="primary"
                :disabled="!this.flag && model.lidgrp.rec.ownref == '' ? false : true">
                获取
              </c-button>
            </template>
            -->
          </c-fullbox>
        </c-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="请输入生效日期"
            disabled>
          </c-date-picker>
        </el-form-item>
      </c-col>

      <!--  单据参考号 -->
      <c-col :span="24">
        <c-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">
                <i class="el-icon-info"></i>
              </c-button>
              <c-button
                style="margin: 0 0"
                size="small"
                type="primary"
                :disabled="!this.flag && model.brdgrp.rec.ownref == '' ? false : true">
                获取
              </c-button>
            </template>
          </c-fullbox>
        </c-form-item>
      </c-col>

      <c-col :span="24">
        <c-col :span="12">
          <el-form-item label="Document Amount" prop="brdgrp.cbs.max.cur">
            <c-select
              dbCode="curtxt"
              disabled
              placeholder="请选择币种"
              style="width: 100%"
              v-model="model.brdgrp.cbs.max.cur">
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="12">
          <el-form-item label-width="5px" prop="brdgrp.cbs.max.amt">
            <c-input-currency
              disabled
              :currency="model.brdgrp.cbs.max.cur"
              placeholder="请输入金额"
              v-model="model.brdgrp.cbs.max.amt"></c-input-currency>
          </el-form-item>
        </c-col>
      </c-col>
      <c-col :span="24">
        <c-col :span="12">
          <el-form-item label="Open Amount" prop="brdgrp.cbs.opn1.cur">
            <c-select
              dbCode="curtxt"
              disabled
              placeholder="请选择币种"
              style="width: 100%"
              v-model="model.brdgrp.cbs.opn1.cur">
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="12">
          <el-form-item label-width="5px" prop="brdgrp.cbs.opn1.amt">
            <c-input-currency
              disabled
              :currency="model.brdgrp.cbs.opn1.cur"
              placeholder="请输入金额"
              v-model="model.brdgrp.cbs.opn1.amt"></c-input-currency>
          </el-form-item>
        </c-col>
      </c-col>
    </c-col>
    <!-- ========================== 右边 ======================== -->
    <c-col :span="12">
      <!--  信用证余额 -->
      <c-col :span="24">
        <c-col :span="12">
          <el-form-item label="Open Amt. L/C" prop="lidgrp.cbs.opn1.cur">
            <c-select
              dbCode="curtxt"
              disabled
              placeholder="请选择币种"
              style="width: 100%"
              v-model="model.lidgrp.cbs.opn1.cur">
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="12">
          <el-form-item label-width="5px" prop="lidgrp.cbs.opn1.amt">
            <c-input-currency
              disabled
              :currency="model.lidgrp.cbs.opn1.cur"
              placeholder="请输入金额"
              v-model="model.lidgrp.cbs.opn1.amt"></c-input-currency>
          </el-form-item>
        </c-col>
      </c-col>
      <!--  到单日期 -->
      <c-col :span="13">
        <el-form-item label="Received on" prop="brdgrp.rec.rcvdat">
          <c-date-picker
            type="date"
            v-model="model.brdgrp.rec.rcvdat"
            style="width: 100%"
            placeholder="请选择"
            disabled>
          </c-date-picker>
        </el-form-item>
      </c-col>
      <!--  通知到单日期 -->
      <c-col :span="11">
        <el-form-item label="Advised on" prop="brdgrp.rec.advdat" label-width="120px">
          <c-date-picker
            type="date"
            v-model="model.brdgrp.rec.advdat"
            style="width: 100%"
            placeholder="请选择"
            disabled>
          </c-date-picker>
        </el-form-item>
      </c-col>

      <!-- Maturity Date 到期日-->
      <c-col :span="13">
        <el-form-item label="Maturity Date" prop="brdgrp.rec.matdat">
          <c-date-picker
            type="date"
            v-model="model.brdgrp.rec.matdat"
            style="width: 100%"
            placeholder="请选择"
            disabled>
          </c-date-picker>
        </el-form-item>
      </c-col>

      <!--  Start Date    开始日-->
      <c-col :span="11">
        <el-form-item label="Start Date" prop="brdgrp.rec.stadat" label-width="120px">
          <c-date-picker
            type="date"
            v-model="model.brdgrp.rec.stadat"
            style="width: 100%"
            placeholder="请选择"
            disabled>
          </c-date-picker>
        </el-form-item>
      </c-col>

      <!-- 单据类型 Document Type-->
      <c-col :span="16">
        <el-form-item label="Document Type" prop="brdgrp.rec.docflg">
          <c-select
            v-model="model.brdgrp.rec.docflg"
            style="width: 100%"
            placeholder="请选择单据类型"
            dbCode="brdtyp"
            disabled>
          </c-select>
        </el-form-item>
      </c-col>
      <!-- Tenor -->
      <c-col :span="8">
        <el-form-item label="Tenor" label-width="100px" prop="brdgrp.rec.tenmaxday">
          <c-input v-model="model.brdgrp.rec.tenmaxday" placeholder="请输入期限（天）" disabled></c-input>
        </el-form-item>
      </c-col>

      <!-- 单据状态 Document Set Status-->
      <c-col :span="24">
        <el-form-item label="Document Set Status" prop="brdgrp.rec.docsta">
          <c-select
            v-model="model.brdgrp.rec.docsta"
            style="width: 100%"
            placeholder="请选择单据状态"
            dbCode="stadoc"
            disabled>
          </c-select>
        </el-form-item>
      </c-col>
    </c-col>
  </div>
</template>
<script>
import event from "../event";

export default {
  components: {},
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event],
  data() {
    return {
      trnData: {
        columns: [
          '0 1 "业务" 100',
          '1 2 "类型" 100',
          '2 3 "期限" 200',
          '3 4 "新期限" 200',
          '4 5 "币种" 100',
          '5 6 "初始金额" 200',
          '6 7 "记账金额" 200',
          '7 8 "账号" 350',
        ],
      },
    };
  },
  methods: {},
  created: function () {},
  computed: {
    flag() {
      return this.model.brdgrp.prb.pts.extkey == "";
    },
  },
};
</script>
<style></style>