<template>
  <div class="eibs-tab">
    <c-col :span="24">
      <!-- ======================= 左边 ========================= -->
      <c-col :span="12" style="padding-right: 20px">
        <!-- SG000811 : 业务编号 -->
        <c-col :span="24">
          <el-form-item label="业务编号" prop="cpdgrp.rec.ownref">
            <c-fullbox>
              <c-input v-model="model.cpdgrp.rec.ownref" maxlength="16" placeholder="请输入业务编号"></c-input>
              <template slot="footer">
                <c-button size="small" type="primary">
                  获取
                </c-button>
              </template>
            </c-fullbox>
          </el-form-item>
        </c-col>
        <!-- SG000398 : 清算编号 -->
        <c-col :span="24">
          <el-form-item label="清算编号" prop="cpdgrp.rec.sysno">
            <c-input v-model="model.cpdgrp.rec.sysno" maxlength="21" placeholder="请输入清算编号"></c-input>
          </el-form-item>
        </c-col>
        <!-- S0000372 : 汇款金额 -->
        <c-col :span="24">
          <c-col :span="12">
            <el-form-item label="汇款金额" prop="cpdgrp.cbs.max.cur">
              <c-select v-model="model.cpdgrp.cbs.max.cur" style="width:100%" placeholder="" dbCode="curtxt">
              </c-select>
            </el-form-item>
          </c-col>
          <c-col :span="12">
            <el-form-item label-width="5px" prop="cpdgrp.cbs.max.amt">
              <c-input-currency :currency="model.cpdgrp.cbs.max.cur" v-model="model.cpdgrp.cbs.max.amt" placeholder=""></c-input-currency>
            </el-form-item>
          </c-col>
        </c-col>
        <!-- SG000399 : 所属行 -->
        <c-col :span="24">
          <el-form-item label="所属行" prop="cpdgrp.rec.othbch">
            <c-input v-model="model.cpdgrp.rec.othbch" maxlength="8" placeholder="请输入所属行"></c-input>
          </el-form-item>
        </c-col>
        <!-- SG000538 : 汇款语种 -->
        <c-col :span="24">
          <el-form-item label="汇款语种" prop="cptp2.payuil">
            <c-select v-model="model.cptp2.payuil" style="width:100%" placeholder="请输入汇款语种" dbCode="PAYUIL">
            </c-select>
          </el-form-item>
        </c-col>
        <!-- SG000815 : 付款人常驻国家/地区代码 -->
        <c-col :span="24">
          <el-form-item label="付款人常驻国家/地区代码" prop="cptp2.draweecode">
            <c-fullbox>
              <c-input v-model="model.cptp2.draweecode" maxlength="3" placeholder="请输入付款人常驻国家/地区代码"></c-input>
              <template slot="footer">
                <c-button size="small" type="primary">
                  ?
                </c-button>
              </template>
            </c-fullbox>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="ISOMSGTYP" prop="cptp2.isomsgtyp">
            <c-select v-model="model.cptp2.isomsgtyp" style="width:100%" placeholder="请输入ISOMSGTYP">
            </c-select>
          </el-form-item>
        </c-col>
        <!-- SG000810 : 我行费用负担 -->
        <c-col :span="24">
          <el-form-item label="我行费用负担" prop="cpdgrp.rec.detchgcod">
            <c-select v-model="model.cpdgrp.rec.detchgcod" style="width:100%" placeholder="请输入我行费用负担" dbCode="DETCHG" uil="CN">
            </c-select>
          </el-form-item>
        </c-col>
        <!-- SG000813 : 货物类型 -->
        <c-col :span="24">
          <el-form-item label="货物类型" prop="cpdgrp.rec.stagod">
            <c-select v-model="model.cpdgrp.rec.stagod" style="width:100%" placeholder="请输入货物类型" dbCode="GODCOD">
            </c-select>
          </el-form-item>
        </c-col>
      </c-col>
      <!-- ======================= 右边 ========================= -->
      <c-col :span="12" style="padding-left: 20px">
        <!-- SG000809 : Name -->
        <c-col :span="24">
          <el-form-item label="Name" prop="cpdgrp.rec.nam">
            <c-input v-model="model.cpdgrp.rec.nam" maxlength="40" placeholder="请输入Name"></c-input>
          </el-form-item>
        </c-col>
        <!-- SG000405 : 汇款性质 -->
        <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="CTRTYP" uil="CN">
            </c-select>
          </el-form-item>
        </c-col>
        <!-- SG000406 : 汇款方式 -->
        <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">
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="收款对象" prop="cpdgrp.rec.gors">
            <c-select v-model="model.cpdgrp.rec.gors" style="width:100%" placeholder="请输入收款对象" dbCode="GORS" uil="CN">
            </c-select>
          </el-form-item>
        </c-col>
        <!-- SG000503 : 收支类型 -->
        <c-col :span="24">
          <el-form-item label="收支类型" prop="cpdgrp.rec.sztyp">
            <c-select v-model="model.cpdgrp.rec.sztyp" style="width:100%" placeholder="请输入收支类型" :code="codes.sztyp">
            </c-select>
          </el-form-item>
        </c-col>
        <!-- SG000818 : Uetr -->
        <c-col :span="24">
          <el-form-item label="Uetr" prop="cptp2.uetr">
            <c-fullbox>
              <c-input v-model="model.cptp2.uetr" maxlength="40" placeholder="请输入Uetr"></c-input>
              <template slot="footer">
                <c-button size="small" type="primary">
                  获取
                </c-button>
              </template>
            </c-fullbox>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="解付日期" prop="cpdgrp.rec.paydat">
            <c-date-picker type="date" v-model="model.cpdgrp.rec.paydat" style="width:100%" placeholder="请输入解付日期"></c-date-picker>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="起息日" prop="cpdgrp.rec.valdat">
            <c-date-picker type="date" v-model="model.cpdgrp.rec.valdat" style="width:100%" placeholder="请输入起息日"></c-date-picker>
          </el-form-item>
        </c-col>
        <!-- SG000408 : 客户类型 -->
        <c-col :span="24">
          <el-form-item label="客户类型" prop="cpdgrp.rec.clityp">
            <c-select v-model="model.cpdgrp.rec.clityp" style="width:100%" placeholder="请输入客户类型" dbCode="CLITYP" uil="CN">
            </c-select>
          </el-form-item>
        </c-col>
        <!-- SG000422 : 报文类型 -->
        <c-col :span="24">
          <el-form-item label="报文类型" prop="cpdgrp.rec.swftyp">
            <c-select v-model="model.cpdgrp.rec.swftyp" style="width:100%" placeholder="请输入报文类型" :code="codes.cptadvNoCnySwftyp">
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <c-col :span="12">
            <el-form-item label="国外费用币种" prop="cpdgrp.rec.feecur">
              <c-select v-model="model.cpdgrp.rec.feecur" style="width:100%" placeholder="" dbCode="curtxt">
              </c-select>
            </el-form-item>
          </c-col>
          <c-col :span="12">
            <el-form-item label-width="5px" prop="cpdgrp.rec.feeamt">
              <c-input-currency :currency="model.cpdgrp.rec.feecur" v-model="model.cpdgrp.rec.feeamt" placeholder=""></c-input-currency>
            </el-form-item>
          </c-col>
        </c-col>
        <c-col :span="24">
          <el-form-item class="checkbox-left">
            <c-checkbox v-model="model.cpdgrp.rec.tsnflg">同名划转</c-checkbox>
          </el-form-item>
        </c-col>
      </c-col>
    </c-col>
    <c-col :span="24" style="height: 10px; margin-bottom: 40px">
      <el-divider></el-divider>
    </c-col>
    <c-col :span="24">
      <!-- ======================= 左边 ========================= -->
      <c-col :span="12" style="padding-right: 20px">
        <!-- SG000519 : Ordering institution -->
        <!-- SG000529 : (52a) -->
        <c-col :span="24">
          <c-ptap :model="model" :disabledExtkey="false" :disabled="false" :isAdrblk="true" :haveAdrLabel="true" :isShowCard="true" :argadr="{title: 'Ordering institution (52a)',grp: 'cpdgrp', rol: 'ori',}" ptytyp="C">
          </c-ptap>
        </c-col>
        <!-- SG000508 : 汇款人 -->
        <c-col :span="24">
          <el-card class="box-card">
            <el-form-item label-width="120px" label="汇款人账号" prop="cpdgrp.rec.orcact">
              <c-input style="width: 100%" v-model="model.cpdgrp.rec.orcact" maxlength="35" placeholder="请输入汇款人账号"></c-input>
            </el-form-item>
            <c-ptap :model="model" :disabledExtkey="false" :disabled="false" :isAdrblk="true" :haveAdrLabel="true" :isShowCard="false" :argadr="{title: '汇款人',grp: 'cpdgrp', rol: 'orc',}" ptytyp="C">
            </c-ptap>
          </el-card>
        </c-col>
      </c-col>
      <!-- ======================= 右边 ========================= -->
      <c-col :span="12" style="padding-left: 20px">
        <c-col :span="24">
          <c-ptap :model="model" :requiredExtkey="true" :isAdrblk='false' :haveAdrLabel="true" :disabledRef="true" :disabledExtkey="true" :isAdrVisible="false" :argadr="{title: '发报行',grp: 'cpdgrp', rol: 'snd'}" ptytyp="B">
          </c-ptap>
        </c-col>
        <div v-if="model.cpdgrp.rec.swftyp=='103'||model.cpdgrp.rec.swftyp=='100'">
          <c-col :span="24">
            <el-form-item label="指令代码" prop="cpdgrp.rec.f23e">
              <c-input v-model="model.cpdgrp.rec.f23e" maxlength="35" placeholder="请输入指令代码"></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <!-- SG000415 : 原始金额 -->
            <c-col :span="12">
              <el-form-item label="原始金额" prop="cpdgrp.rec.curf33b">
                <c-select v-model="model.cpdgrp.rec.curf33b" style="width:100%" placeholder="请输入原始币种" dbCode="curtxt">
                </c-select>
              </el-form-item>
            </c-col>
            <c-col :span="12">
              <el-form-item label-width="5px" prop="cpdgrp.rec.amtf33b">
                <c-input-currency :currency="model.cpdgrp.rec.curf33b" v-model="model.cpdgrp.rec.amtf33b" placeholder="请输入原始金额"></c-input-currency>
              </el-form-item>
            </c-col>
          </c-col>
          <!-- SG000419 : 汇率 -->
          <c-col :span="24">
            <el-form-item label="汇率" prop="cpdgrp.rec.f36">
              <c-input-currency :precision='6' v-model="model.cpdgrp.rec.f36" placeholder="请输入汇率"></c-input-currency>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <!-- SG000417 : 发报行扣费金额 -->
            <c-col :span="12">
              <el-form-item label="发报行扣费金额" prop="cpdgrp.rec.cur71f">
                <c-select v-model="model.cpdgrp.rec.cur71f" style="width:100%" placeholder="请输入发报行扣费金额" dbCode="curtxt">
                </c-select>
              </el-form-item>
            </c-col>
            <c-col :span="12">
              <el-form-item label-width="5px" prop="cpdgrp.rec.amt71f">
                <c-input-currency :currency="model.cpdgrp.rec.cur71f" v-model="model.cpdgrp.rec.amt71f" placeholder="请输入"></c-input-currency>
              </el-form-item>
            </c-col>
          </c-col>
          <!-- SG000421 : 银行操作码 -->
          <c-col :span="24">
            <el-form-item label="银行操作码" prop="cpdgrp.rec.f23b">
              <c-input v-model="model.cpdgrp.rec.f23b" maxlength="4" placeholder="请输入银行操作码"></c-input>
            </el-form-item>
          </c-col>
        </div>
        <!-- SG000486 : 付款详情 -->
        <c-col :span="24" v-if="model.cpdgrp.rec.swftyp=='OTH'">
          <el-form-item label="付款详情" prop="cpdgrp.blk.contag70">
            <c-input type="textarea" :rows="3" v-model="model.cpdgrp.blk.contag70" maxlength="35" show-word-limit placeholder="请输入付款详情"></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-card class="box-card">
            <el-form-item label-width="120px" label="收款人账号" prop="cpdgrp.rec.pyeact">
              <c-input v-model="model.cpdgrp.rec.pyeact" maxlength="35" placeholder="请输入收款人账号"></c-input>
            </el-form-item>
            <c-ptap :model="model" :disabledExtkey="false" :disabled="false" :isAdrblk="true" :haveAdrLabel="true" :isShowCard="false" :argadr="{title: '收款人',grp: 'cpdgrp', rol: 'pye',}" ptytyp="C">
            </c-ptap>
          </el-card>
        </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"],
  mixins: [Event, Default],
  data() {
    return {};
  },
  methods: {},
  created: function() {}
};
</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;
  }
}
</style>