<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="cpdgrp.rec.ownref" style="width: 100%">
            <c-fullbox>
              <c-input v-model="model.cpdgrp.rec.ownref" maxlength="16" placeholder="请输入业务编号" disabled>
              </c-input>
              <template slot="footer">
                <c-button style="margin: 0 10px 0 10px; padding: 0 12px; height: 32px" size="small" type="primary"
                  icon="el-icon-search">
                </c-button>
                <c-button style="margin: 0 0" size="small" type="primary" :disabled="model.cpdgrp.orc.pts.ptainr == ''"
                  @click="getOwnref()">
                  获取
                </c-button>
              </template>
            </c-fullbox>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <c-col :span="24" class="custom-box-wrap">
            <div style="width: 200px;">
              <el-form-item label="汇款金额" prop="cpdgrp.cbs.nom1.cur">
                <c-select-cur dbCode="CURTXT" placeholder="请选择币种" style="width: 100%;"
                  v-if="model.cpdgrp.rec.manbod == '0'" v-model="model.cpdgrp.cbs.nom1.cur"
                  @change="nom1CurHnhzChange()" :expKey="['CNY']"></c-select-cur>
                <c-select-cur dbCode="CURTXT" placeholder="请选择币种" style="width: 100%;"
                  v-if="model.cpdgrp.rec.manbod != '0'" v-model="model.cpdgrp.cbs.nom1.cur"
                  @change="nom1CurHnhzChange()"></c-select-cur>
              </el-form-item>
            </div>
            <div style="width: calc(100% - 200px);">
              <el-form-item label-width="5px" prop="cpdgrp.cbs.nom1.amt">
                <c-input-currency :currency="model.cpdgrp.cbs.nom1.cur" v-model="model.cpdgrp.cbs.nom1.amt"
                  placeholder="" @blur="nom1AmtHnhzBlur()"></c-input-currency>
              </el-form-item>
            </div>
          </c-col>
        </c-col>
        <c-col :span="24">
          <el-form-item label="起息日期" prop="attp.opndat">
            <c-date-picker type="date" v-model="model.attp.opndat" style="width:100%" placeholder="请选择起息日期">
            </c-date-picker>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="业务种类" prop="attp.bustyp">
            <c-select placeholder="请选择业务种类" style="width:100%" v-model="model.attp.bustyp" dbCode="HBSTYP"
              :filterKey="['09101','09102','09103','09104','09105','09106','09107','09001']" uil="CN" sort="SRT"
              :isShowKeyAndLabel="true">
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="汇款人账户性质" prop="attp.acctyp">
            <c-select v-model="model.attp.acctyp" style="width:100%" placeholder="请选择汇款人账户性质" dbCode="ACTPRO" uil="CN"
              sort="SRT" :isShowKeyAndLabel="true"
              :filterKey="['1000','1101','1104','1202','1602','1603','2101','2102','2103','2104','2108','2109','2110','2111','2112','2113','2202','2301','2302','2303','2403','2410','2412','2416','2417','2418','2421','2499','3300','3400','3601','3603','3604','3605','3606','4200','4600']">
            </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="cpdgrp.rec.paytype">
            <c-select v-model="model.cpdgrp.rec.paytype" style="width:100%" placeholder="请选择汇款方式" dbCode="CPATYP"
              uil="CN" sort="SRT">
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="汇款性质" prop="cpdgrp.rec.trntyp">
            <c-select v-model="model.cpdgrp.rec.trntyp" style="width:100%" placeholder="请选择汇款性质" dbCode="CTRTYE"
              uil="CN" sort="SRT" :filterKey="['01','02','03','04','05','06','07','08','09','10']">
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="是否需要核验" prop="cpdgrp.rec.ischktyp">
            <c-select v-model="model.cpdgrp.rec.ischktyp" style="width:100%" placeholder="请选择是否需要核验" dbCode="ISYN"
              uil="CN" sort="SRT" @change="ischktypHnhzChange()">
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="预计核验日期" prop="cpdgrp.rec.prechkdat"
            :rules="[{required: model.cpdgrp.rec.ischktyp == 'Y'}]">
            <c-date-picker type="date" v-model="model.cpdgrp.rec.prechkdat" style="width:100%" placeholder="请选择预计核验日期"
              :disabled="model.cpdgrp.rec.ischktyp != 'Y'">
            </c-date-picker>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <c-business-code
            v-model="model.boprem.dbbgrp.dcl.txcode"
            label="交易编码"
            prop="boprem.dbbgrp.dcl.txcode"
            :required="false"
            placeholder="请输入交易编码"
          ></c-business-code>
        </c-col>
        <c-col :span="24">
          <el-form-item label="汇款语种" prop="attp.payuil">
            <c-select placeholder="请选择汇款语种" style="width:100%" v-model="model.attp.payuil" dbCode="PAYUIL" uil="CN"
              sort="SRT">
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <c-col :span="6">
            <el-form-item prop="cpdgrp.rec.tsnflg" class="checkbox-left">
              <c-checkbox v-model="model.cpdgrp.rec.tsnflg" true-label="X" false-label="">同名划转</c-checkbox>
            </el-form-item>
          </c-col>
        </c-col>

      </c-col>
    </c-col>
  </div>
</template>
<script>
  import event from "../../event";
  import Default from "../../model/default";

  export default {
    inject: ["root"],
    props: ["model", "codes", "rules"],
    mixins: [event, Default],
    data() {
      return {};
    },
    methods: {},
    created() {},
    watch: {

    }
  };
</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 10px 0px;
    }
  }

  .el-textarea .el-textarea__inner {
    height: 100px;
  }
</style>