<template>
  <div class="eibs-tab">
    <c-col :span="24">
      <!-- ======================= 左边 ========================= -->
      <c-col :span="12" style="padding-right: 20px">
        <c-col :span="24" v-if="model.cpdgrp.rec.swftyp == '103' || model.cpdgrp.rec.swftyp == '202'">
          <c-ptap14 :model="model" :isAdrblk="true" :haveAdrLabel="true" :isShowCard="true" :requiredNam="true" :requiredExtkey="false"
            @handleChange="orcSwftChange()" :disabledAdrblk="true" :isMyClient="true" :argadr="{title: '汇款人(50k)', grp: 'cpdgrp', rol: 'orc',}"
            ptytyp="C">
          </c-ptap14>
        </c-col>
        <c-col :span="24" v-if="model.cpdgrp.rec.swftyp == '200'">
          <c-ptap14 :model="model" :isAdrblk="true" :haveAdrLabel="true" :isShowCard="true" :requiredNam="true" :requiredExtkey="false"
            @handleChange="orcSwftChange()" :disabledAdrblk="true" :isMyClient="true" :argadr="{title: '汇款人', grp: 'cpdgrp', rol: 'orc',}"
            ptytyp="C">
          </c-ptap14>
        </c-col>
      </c-col>
      <!-- ======================= 右边 ========================= -->
      <c-col :span="12" style="padding-left: 20px">
        <c-col :span="24" v-if="model.cpdgrp.rec.swftyp == '103' || model.cpdgrp.rec.swftyp == '202'">
          <c-ptap14 :model="model" :isAdrblk="true" :haveAdrLabel="true" :isShowCard="true" :requiredNam="true" :requiredExtkey="true"
            @handleChange="pyeSwftChange()" :disabledAdrblk="model.cpdgrp.pye.pts.extkey != ''" :isMyClient="false" :argadr="{title: '收款人(59a)', grp: 'cpdgrp', rol: 'pye',}"
            ptytyp="F">
          </c-ptap14>
        </c-col>
        <c-col :span="24" v-if="model.cpdgrp.rec.swftyp == '200'">
          <c-ptap14 :model="model" :isAdrblk="true" :haveAdrLabel="true" :isShowCard="true" :requiredNam="true" :requiredExtkey="false"
            @handleChange="pyeSwftChange()" :disabledAdrblk="model.cpdgrp.pye.pts.extkey != ''" :isMyClient="false" :argadr="{title: '收款人', grp: 'cpdgrp', rol: 'pye',}"
            ptytyp="F">
          </c-ptap14>
        </c-col>
        <c-col :span="24">
          <el-form-item label="收款人常驻国家/地区代码" prop="cptp.payeecountcode">
            <c-select v-model="model.cptp.payeecountcode" isShowKeyAndLabel style="width: 100%"
              placeholder="请选择收款人常驻国家/地区代码" @change="payeecountcodeSwftChange()">
              <el-option v-for="item in model.bopCtyList" :key="item.cod" :value="item.cod"
                :label="`${item.numcod} - ${item.cod} - ${item.txt}`">
              </el-option>
            </c-select>
          </el-form-item>
        </c-col>
      </c-col>
    </c-col>
  </div>
</template>
<script>
  import event from "../../event";
  import Default from "../../model/default.js";

  export default {
    inject: ["root"],
    props: ["model", "codes"],
    mixins: [event, Default],
    data() {
      return {};
    },
    methods: {},
    created() {},
    computed: {}
  };
</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>