<template>
  <div class="eibs">
       <!--===============左 ===================  -->
    <el-col :span="12" style="padding-right: 20px;">
      <c-col :span="24">
        <el-form-item label="业务主键" prop="cnybop.cnylib.spk">
          <c-input
            disabled
            v-model="model.cnybop.cnylib.spk"
            maxlength="20"
            placeholder="请输入业务主键"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="银行机构代码" prop="cnybop.cnylib.sbankorgcode">
          <c-input
            disabled
            v-model="model.cnybop.cnylib.sbankorgcode"
            maxlength="12"
            placeholder="请输入银行机构代码"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="业务属性" prop="cnybop.cnylib.stransattr">
          <c-select
            v-model="model.cnybop.cnylib.stransattr"
            style="width: 100%"
            placeholder="请选择业务属性"
            :code="codes.stransattr"
          >
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item
          label="境外对手行代码"
          prop="cnybop.cnylib.sforbankswiftbic"
        >
          <c-input
            v-model="model.cnybop.cnylib.sforbankswiftbic"
            maxlength="11"
            placeholder="请输入境外对手行代码"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="境内企业机构代码" prop="cnybop.cnylib.sorgcode">
          <c-input
            v-model="model.cnybop.cnylib.sorgcode"
            maxlength="18"
            placeholder="请输入境内企业机构代码"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item
          label="境外企业国别地区代码" 
          prop="cnybop.cnylib.sforeigncountrycode"
        >
          <c-fullbox>
            <c-input
              v-model="model.cnybop.cnylib.sforeigncountrycode"
              maxlength="3"
              placeholder="请输入境外企业国别地区代码"
              @keyup.enter.native="eventFunction('cnybop.cnylib.sforeigncountrycode')"
            ></c-input>
            <template slot="footer">
              <!-- @click="showGridPromptDialog('cnybop.libcty.selbut1',null,null,{TXT:'cnybop.cnylib.sforeigncountrycode'},{TXT:false},'doxpDialog')" -->
              <c-button
                size="small"
                type="primary"
                icon="el-icon-search"
                 @click="showGridPromptDialog('cnybop.libcty.selbut1', null, null,{COD:
'cnybop.cnylib.sforeigncountrycode'}, {TXT: false},'doxpDialog')"
              >
                ?
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="业务到期日" prop="cnybop.cnylib.denddate">
          <c-date-picker
            type="date"
            v-model="model.cnybop.cnylib.denddate"
            style="width: 100%"
            placeholder="请选择业务到期日"
          ></c-date-picker>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="币种" prop="cnybop.cnylib.currencycode">
          <c-select
            v-model="model.cnybop.cnylib.currencycode"
            style="width: 100%"
            placeholder="请选择币种"
            :code="codes.gitopn_cur"
          >
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="期限条件" prop="cnybop.cnylib.stermtype">
          <c-select
            v-model="model.cnybop.cnylib.stermtype"
            style="width: 100%"
            placeholder="请选择期限条件"
            :code="codes.stermtype"
          >
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="承兑日期" prop="cnybop.cnylib.dexchangedate">
          <c-date-picker
            type="date"
            v-model="model.cnybop.cnylib.dexchangedate"
            style="width: 100%"
            placeholder="请选择承兑日期"
          ></c-date-picker>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="承兑到期日" prop="cnybop.cnylib.dexchangeenddate">
          <c-date-picker
            type="date"
            v-model="model.cnybop.cnylib.dexchangeenddate"
            style="width: 100%"
            placeholder="请选择承兑到期日"
          ></c-date-picker>
        </el-form-item>
      </c-col>
    </el-col>

    <!-- ===============右 ===========================-->
    <el-col :span="12" style="padding-left: 20px;">
      <c-col :span="24">
        <el-form-item label="银行业务编号" prop="cnybop.cnylib.sbanktrano">
          <c-input
            disabled
            v-model="model.cnybop.cnylib.sbanktrano"
            maxlength="22"
            placeholder="请输入银行业务编号"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="银行机构名称" prop="cnybop.sbankname">
          <c-input
            disabled
            v-model="model.cnybop.sbankname"
            maxlength="80"
            placeholder="请输入银行机构名称"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="业务类型" prop="cnybop.cnylib.stranstype">
          <c-select
            v-model="model.cnybop.cnylib.stranstype"
            style="width: 100%"
            placeholder="请选择业务类型"
            :code="codes.stranstype"
          >
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="境内企业名称" prop="cnybop.sorgname">
          <c-input
            v-model="model.cnybop.sorgname"
            maxlength="80"
            placeholder="请输入境内企业名称"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="境外企业名称" prop="cnybop.sforeignorgname">
          <c-input
            v-model="model.cnybop.sforeignorgname"
            maxlength="80"
            placeholder="请输入境外企业名称"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="业务发生日期" prop="cnybop.cnylib.doccurdate">
          <c-date-picker
            type="date"
            v-model="model.cnybop.cnylib.doccurdate"
            style="width: 100%"
            placeholder="请选择业务发生日期"
          ></c-date-picker>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="信用证到期日" prop="cnybop.cnylib.dcreditenddate">
          <c-date-picker
            type="date"
            v-model="model.cnybop.cnylib.dcreditenddate"
            style="width: 100%"
            placeholder="请选择信用证到期日"
          ></c-date-picker>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="金额" prop="cnybop.cnylib.famt">
          <c-input
            v-model="model.cnybop.cnylib.famt"
            placeholder="请输入金额"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="承兑金额" prop="cnybop.fexchangeamt">
          <c-input
            v-model="model.cnybop.fexchangeamt"
            maxlength="20"
            placeholder="请输入承兑金额"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="交易附言" prop="cnybop.saddwordlib">
          <c-input
            v-model="model.cnybop.saddwordlib"
            maxlength="80"
            placeholder="请输入交易附言"
          ></c-input>
        </el-form-item>
      </c-col>
    </el-col>
  </div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Lttopn/Event"

export default {
    inject: ['root'],
    props:["model","codes"],
    mixins: [commonProcess],
    data(){
        return {

        }
    },
    methods:{...Event},
    created:function(){

    }
}
</script>
<style>

</style>