<template>
  <!--<div class="eibs-tab">-->
  <c-row>
    <!--头部-->
    <c-col :span="24">
      <c-col :span="12">
        <el-form-item label="参考号" prop="dedgrp.rec.ownref">
          <c-fullbox>
            <c-input
              v-model="model.dedgrp.rec.ownref"
              maxlength="16"
              placeholder="请输入参考号"
            ></c-input>
            <template slot="footer">
              <c-button
                style="margin: 0px 10px 0 10; padding: 0 12px"
                size="small"
                type="primary"
                @click="onSeainf"
              >
                <span style="font-family: '宋体'; font-weight: bold">i</span>
              </c-button>
              <c-button
                style="margin: 0 0"
                size="small"
                type="primary"
                :disabled="this.flag"
                @click="onDadsnd"
              >
                获取
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>

      <c-col :span="4">
        <el-form-item label="信用证余额" label-width="150px">
          <c-input
            v-model="model.dedgrp.cbs.opn1.cur"
            style="width: 100%"
            placeholder=""
            :readonly="true"
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="8">
        <el-form-item label="" label-width="7px">
          <c-input
            v-model="model.dedgrp.cbs.opn1.amt"
            :readonly="true"
            placeholder=""
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="12">
        <el-form-item label="单据参考号" prop="bfdgrp.rec.ownref">
          <c-fullbox>
            <c-input
              v-model="model.bfdgrp.rec.ownref"
              maxlength="16"
              placeholder="请输入单据参考号"
            ></c-input>
            <template slot="footer">
              <c-button
                style="margin: 0px 10px 0 10; padding: 0 12px"
                size="small"
                type="primary"
                @click="onBFDSeainf"
              >
                <span style="font-family: '宋体'; font-weight: bold">i</span>
              </c-button>
              <c-button
                style="margin: 0 0"
                size="small"
                type="primary"
                :disabled="this.flag"
                @click="onBFDDadsnd"
              >
                获取
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>

      <c-col :span="12">
        <el-form-item
          label="摘要"
          prop="bfdgrp.rec.nam"
          placeholder="请输入摘要"
        >
          <c-input v-model="model.bfdgrp.rec.nam" maxlength="40"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="4">
        <el-form-item label="单据金额" label-width="150px">
          <c-input
            v-model="model.bfdgrp.cbs.max.cur"
            style="width: 100%"
            placeholder=""
            :readonly="true"
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="8">
        <el-form-item label="" label-width="7px">
          <c-input
            v-model="model.bfdgrp.cbs.max.amt"
            :readonly="true"
            placeholder="请输入单据金额"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="12">
        <el-form-item label="交单人" prop="bfdgrp.prb.pts.ref">
          <c-input
            v-model="model.bfdgrp.prb.pts.ref"
            maxlength="16"
            placeholder="请输入交单人"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="4">
        <el-form-item label="单据余额" label-width="150px">
          <c-input
            v-model="model.bfdgrp.cbs.opn1.cur"
            style="width: 100%"
            placeholder=""
            :readonly="true"
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="8">
        <el-form-item label="" label-width="7px">
          <c-input
            v-model="model.bfdgrp.cbs.opn1.amt"
            :readonly="true"
            placeholder="请输入单据余额"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="12">
        <el-form-item label="" prop="bfdgrp.prb.pts.nam">
          <c-input
            v-model="model.bfdgrp.prb.pts.nam"
            maxlength="40"
            placeholder="请输入交单人名称"
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item label="单据类型" prop="bfdgrp.rec.doctypcod">
          <c-select
            v-model="model.bfdgrp.rec.doctypcod"
            style="width: 100%"
            placeholder="请选择单据类型"
          >
            <el-option
              v-for="item in codes.bedtyp"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </c-select>
          <!--
            <c-select v-model="model.ditp.doctypcod" :code="code.bedtyp" />
-->
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item label="开证行" prop="dedgrp.rec.kzref">
          <c-input
            v-model="model.dedgrp.rec.kzref"
            maxlength="35"
            placeholder="请输入开证行行号"
          ></c-input>
        </el-form-item>
      </c-col>
      <!--                           
       <c-col :span="12">
        <el-form-item label="开证行" prop="bfdgrp.iss.pts.ref">
            <c-input  v-model="model.bfdgrp.iss.pts.ref" maxlength="16"  placeholder="请输入开证行"></c-input>
        </el-form-item>
       </c-col>
     -->

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

      <c-col :span="12">
        <el-form-item label="" prop="bfdgrp.iss.pts.nam">
          <c-input
            v-model="model.bfdgrp.iss.pts.nam"
            maxlength="40"
            placeholder="请输入开证行名称"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="6">
        <el-form-item label="到单日期" prop="bfdgrp.rec.rcvdat">
          <c-date-picker
            type="date"
            v-model="model.bfdgrp.rec.rcvdat"
            style="width: 100%"
            placeholder="请选择到单日期"
          ></c-date-picker>
        </el-form-item>
      </c-col>

      <c-col :span="6">
        <el-form-item label="提示日期" prop="bfdgrp.rec.predat">
          <c-date-picker
            type="date"
            v-model="model.bfdgrp.rec.predat"
            style="width: 100%"
            placeholder="请选择提示日期"
          ></c-date-picker>
        </el-form-item>
      </c-col>

      <c-col :span="12">
        <el-form-item label="申请人" prop="bfdgrp.apl.pts.ref">
          <c-input
            v-model="model.bfdgrp.apl.pts.ref"
            maxlength="16"
            placeholder="请输入申请人"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="12">
        <el-form-item label="单据状态" prop="bfdgrp.rec.docsta">
          <!--
            <c-input  v-model="model.bfdgrp.rec.docsta" maxlength="40"  placeholder="请输入单据状态"></c-input>
            -->
          <c-select
            v-model="model.bfdgrp.rec.docsta"
            style="width: 100%"
            placeholder="请选择单据状态"
          >
            <el-option
              v-for="item in codes.docsta"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="12">
        <el-form-item label="" prop="bfdgrp.apl.pts.nam">
          <c-input
            v-model="model.bfdgrp.apl.pts.nam"
            maxlength="40"
            placeholder="请输入申请人名称"
          ></c-input>
        </el-form-item>
      </c-col>
    </c-col>
    <!--头部end-->

    <!--左边start-->
    <c-col :span="12">
      <c-col :span="24">
        <el-form-item label="" prop="liaall.tenstm">
          <c-input
            v-model="model.liaall.tenstm"
            placeholder=""
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="8">
        <el-form-item label="付款金额" label-width="150px">
          <c-input
            v-model="model.setmod.doccur"
            style="width: 100%"
            placeholder=""
            :readonly="true"
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="16">
        <el-form-item label="" label-width="7px">
          <c-input
            v-model="model.setmod.docamt"
            placeholder="请输入付款金额"
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="8">
        <el-form-item label="扣费后付款金额" label-width="150px">
          <c-input
            v-model="model.setmod.doccur"
            style="width: 100%"
            placeholder=""
            :readonly="true"
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="16">
        <el-form-item label="" label-width="7px">
          <c-input
            v-model="model.setmod.setamt"
            :readonly="true"
            placeholder="请输入扣费后付款金额"
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="8">
        <el-form-item label="单据金额" label-width="150px">
          <c-input
            v-model="model.bfdgrp.cbs.opn2.cur"
            style="width: 100%"
            placeholder=""
            :readonly="true"
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="16">
        <el-form-item label="" label-width="7px">
          <c-input
            v-model="model.aamset.utlamt"
            :readonly="true"
            placeholder="单据金额"
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="8">
        <el-form-item label="附加金额" label-width="150px">
          <c-input
            v-model="model.bfdgrp.cbs.opn2.cur"
            style="width: 100%"
            placeholder=""
            :readonly="true"
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="16">
        <el-form-item label="" label-width="7px">
          <c-input
            v-model="model.aamset.utlamt2"
            :readonly="true"
            placeholder="附加金额"
          ></c-input>
        </el-form-item>
      </c-col>
    </c-col>
    <!--左边end-->
    <!--右边start-->
    <c-col :span="12" >
      <c-col :span="24" :offset="1">
        <c-checkbox v-model="model.trtcre.crefinflg"
          >融资</c-checkbox
        >
      </c-col>

      <c-col :span="24" :offset="1">
        <c-checkbox v-model="model.mtabut.clsflg">闭卷</c-checkbox>
      </c-col>

      <c-col :span="24" :offset="1">
        <c-checkbox v-model="model.bfdgrp.rec.frepayflg"
          >无偿放单</c-checkbox
        >
      </c-col>
      <c-col :span="8">
        <el-form-item label="扣减金额" label-width="150px">
          <c-input
            v-model="model.setmod.doccur"
            style="width: 100%"
            placeholder=""
            :readonly="true"
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="16">
        <el-form-item label="" label-width="7px">
          <c-input
            v-model="model.setmod.redamt"
            :readonly="true"
            placeholder="请输入扣减金额"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="12">
        <el-form-item label="福费廷转卖类型" prop="bpdgrp.rec.ffttyp">
          <c-select
            v-model="model.bpdgrp.rec.ffttyp"
            style="width: 100%"
            placeholder="请选择福费廷转卖类型"
          >
            <el-option
              v-for="item in codes.ffttyp"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </c-select>
        </el-form-item>
      </c-col>
    </c-col>
  </c-row>
</template>
<script>
import Api from "~/service/Api";
import CommonProcess from "~/mixin/CommonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Bftset/Event";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [CommonProcess],
  data() {
    return {};
  },
  methods: { ...Event },
  created: function () {},
};
</script>
<style>
</style>
