<template>
  <div class="eibs-tab">
    <c-col :span="24">
      <!-- ======================= 左边 ========================= -->
      <c-col :span="12" style="padding-right: 20px">
        <c-col :span="24">
          <c-ptap13 :disabledNam="true" :model="model" :payuil="model.cptp.payuil" :isMyClient="true" :argadr="{title: '收款人', grp:'cpdgrp', rol:'pye'}" 
          :isShowCard= "true" ptytyp="C"></c-ptap13>
        </c-col>
      </c-col>
      <!-- ======================= 右边 ========================= -->
      <c-col :span="12" style="padding-left: 20px">
        <!-- SG000508 : 汇款人 -->
        <c-col :span="24">
          <c-ptap13 :model="model" :payuil="model.cptp.payuil" :argadr="{title: '汇款人', grp:'cpdgrp', rol:'orc'}" 
          :isShowCard= "true" ptytyp="C"></c-ptap13>
        </c-col>
        <!-- SG000818 : 汇款人常驻国家/地区代码 -->
        <c-col :span="24">
          <el-form-item label="汇款人常驻国家/地区代码" prop="cptp.draweecountcode">
            <c-select v-model="model.cptp.draweecountcode" @change="draweecountcodeChange()" isShowKeyAndLabel style="width: 100%" placeholder="请选择汇款人常驻国家/地区代码">
              <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";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event, Default],
  data() {
    return {};
  },
  methods: {},
  created() {},
  watch: {
    "model.cptp.draweecountcode": {
      immediate: true,
      handler(newVal) {
        if (newVal) {
          this.model.cpdgrp.rec.orcctycod = newVal;
        }
      }
    },
  },
  computed: {
    swftypList() {
      return this.model.cpdgrp.cbs.nom1.cur === "CNY"
        ? this.codes.cptadvCnySwftyp
        : this.codes.cptadvNoCnySwftyp;
    }
  }
};
</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>