<template>
  <div class="eibs-tab">
    <c-col :span="24">
      <c-col :span="12" style="padding-right: 20px">
        <c-col :span="24">
          <el-form-item label="单据编号" prop="bddgrp.rec.ownref">
            <c-input disabled v-model="model.bddgrp.rec.ownref" maxlength="16" placeholder="请输入单据参考号"></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <div class="custom-box-wrap">
            <div style="width: 280px;">
              <el-form-item label="索款金额" prop="bddgrp.cbs.max.cur">
                <c-select disabled dbCode="curtxt" isShowKeyAndLabel style="width: 100%" v-model="model.bddgrp.cbs.max.cur">
                </c-select>
              </el-form-item>
            </div>
            <div style="width: calc(100% - 280px);">
              <el-form-item label-width="5px" prop="bddgrp.cbs.max.amt">
                <c-input-currency disabled @keyup.enter.native="$event.target.blur()" placeholder="请输入索款金额" style="width: 100%" v-model="model.bddgrp.cbs.max.amt"></c-input-currency>
              </el-form-item>
            </div>
          </div>
        </c-col>
        <c-col :span="24">
          <div class="custom-box-wrap">
            <div style="width: 280px;">
              <el-form-item label="索款余额" prop="bddgrp.cbs.opn1.cur">
                <c-select disabled dbCode="curtxt" isShowKeyAndLabel style="width: 100%" v-model="model.bddgrp.cbs.opn1.cur">
                </c-select>
              </el-form-item>
            </div>
            <div style="width: calc(100% - 280px);">
              <el-form-item label-width="5px" prop="bddgrp.cbs.opn1.amt">
                <c-input-currency disabled @keyup.enter.native="$event.target.blur()" placeholder="请输入索款余额" style="width: 100%" v-model="model.bddgrp.cbs.opn1.amt"></c-input-currency>
              </el-form-item>
            </div>
          </div>
        </c-col>
        <c-col :span="24">
          <el-form-item label="到单日期" prop="bddgrp.rec.rcvdat">
            <c-date-picker disabled type="date" v-model="model.bddgrp.rec.rcvdat" style="width:100%" placeholder="请选择到单日期"></c-date-picker>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="远期起算日" prop="bddgrp.rec.stadat">
            <c-date-picker disabled type="date" v-model="model.bddgrp.rec.stadat" style="width:100%" placeholder="请选择远期起算日"></c-date-picker>
          </el-form-item>
        </c-col>
        <!--
        <c-col :span="24">
          <el-form-item label="单据到期日" prop="bddgrp.rec.matdat">
            <c-date-picker disabled type="date" v-model="model.bddgrp.rec.matdat" style="width:100%" placeholder="请选择单据到期日"></c-date-picker>
          </el-form-item>
        </c-col>-->

        <c-col :span="24">
          <el-form-item label="远期期限" prop="bddgrp.rec.tenmaxday">
            <c-input disabled v-model="model.bddgrp.rec.tenmaxday" placeholder="请输入远期期限"></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="单据类型" prop="bddgrp.rec.docflg">
            <c-select disabled v-model="model.bddgrp.rec.docflg" style="width:100%" dbCode="BRDTYP" uil="CN" placeholder="请选择单据类型">
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="单据状态" prop="bddgrp.rec.docsta">
            <c-select disabled v-model="model.bddgrp.rec.docsta" style="width:100%" dbCode="STADOC" :isShowKeyAndLabel="false" uil="CN" placeholder="请选择单据状态">
            </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="信用证编号" prop="didgrp.rec.ownref">
            <c-input disabled v-model="model.didgrp.rec.ownref" maxlength="16" placeholder="请输入信用证参考号"></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <div class="custom-box-wrap">
            <div style="width: 280px;">
              <el-form-item label="信用证余额" prop="didgrp.cbs.opn1.cur">
                <c-select disabled dbCode="curtxt" isShowKeyAndLabel style="width: 100%" v-model="model.didgrp.cbs.opn1.cur">
                </c-select>
              </el-form-item>
            </div>
            <div style="width: calc(100% - 280px);">
              <el-form-item label-width="5px" prop="didgrp.cbs.opn1.amt">
                <c-input-currency disabled @keyup.enter.native="$event.target.blur()" placeholder="请输入信用证余额" style="width: 100%" v-model="model.didgrp.cbs.opn1.amt"></c-input-currency>
              </el-form-item>
            </div>
          </div>
        </c-col>
        <c-col :span="24">
          <el-form-item label="信用证到期日" prop="didgrp.rec.expdat">
            <c-date-picker disabled type="date" v-model="model.didgrp.rec.expdat" style="width:100%" placeholder="请选择到期日"></c-date-picker>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <!-- <c-ptap10 :model="model" :argadr="{grp: 'bddgrp', rol: 'apl'}" :label="{labelRef: '申请人参考号',labelNam: '名称'}" :disabledRef="true" :disabledNam="true"></c-ptap10> -->
          <el-card class="box-card">
            <c-col :span="24">
              <el-form-item label="申请人客户号" label-width="120px" prop="didgrp.apl.pts.extkey">
                <c-input disabled v-model="model.didgrp.apl.pts.extkey"></c-input>
              </el-form-item>
            </c-col>
            <c-col :span="24">
              <el-form-item label="名称" label-width="120px" prop="didgrp.apl.pts.cnnam">
                <c-input disabled v-model="model.didgrp.apl.pts.cnnam"></c-input>
              </el-form-item>
            </c-col>
          </el-card>
        </c-col>
        <c-col :span="24">
          <!-- <c-ptap10 :model="model" :argadr="{grp: 'bddgrp',rol: 'ben'}" :label="{labelRef: '受益人参考号',labelNam: '名称'}" :disabledRef="true" :disabledNam="true"></c-ptap10> -->
          <el-card class="box-card">
            <c-col :span="24">
              <el-form-item label="受益人客户号" label-width="120px" prop="didgrp.ben.pts.extkey">
                <c-input disabled v-model="model.didgrp.ben.pts.extkey"></c-input>
              </el-form-item>
            </c-col>
            <c-col :span="24">
              <el-form-item label="名称" label-width="120px" prop="didgrp.ben.pts.cnnam">
                <c-input disabled v-model="model.didgrp.ben.pts.cnnam"></c-input>
              </el-form-item>
            </c-col>
          </el-card>
        </c-col>
        <c-col :span="24">
          <!-- <c-ptap10 :model="model" :argadr="{grp: 'bddgrp',rol: 'prb'}" :label="{labelRef: '交单行参考号',labelNam: '名称'}" :disabledRef="true" :disabledNam="true"></c-ptap10> -->
          <el-card class="box-card">
            <c-col :span="24">
              <el-form-item label="交单行参考号" label-width="120px" prop="bddgrp.prb.pts.ref">
                <c-input disabled maxlength="16" v-model="model.bddgrp.prb.pts.ref"></c-input>
              </el-form-item>
            </c-col>
            <c-col :span="24">
              <el-form-item label="名称" label-width="120px" prop="bddgrp.prb.pts.jigomc">
                <c-input disabled maxlength="40" v-model="model.bddgrp.prb.pts.jigomc"></c-input>
              </el-form-item>
            </c-col>
          </el-card>
        </c-col>

      </c-col>
    </c-col>
  </div>
</template>
<script>
import event from "../event";
export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event],
  data() {
    return {};
  },
  created() {}
};
</script>
<style scoped lang="less">
.box-card {
  margin-bottom: 10px;
  /deep/ .el-form-item--mini.el-form-item,
  .el-form-item--small.el-form-item {
    margin-bottom: 10px;
  }
  /deep/ .el-card__body {
    padding: 10px 10px 0px 0px;
  }
}
</style>