Orcpye.vue

<template>
  <div class="eibs-tab">
    <c-col :span="24">
      <!-- ======================= 左边 ========================= -->
      <c-col :span="12" style="padding-right: 20px">
        <c-col :span="24">
          <el-card class="box-card">
            <c-ptap13 :model="model" :payuil="model.cptp.payuil" :isMyClient="true" :requiredExtkey="false"
              :argadr="{title: '汇款人', grp:'cpdgrp', rol:'orc'}" :isShowCard="false" ptytyp="C"
              @handleChange="orcCipsChange()"></c-ptap13>
          </el-card>
        </c-col>
        <!-- <c-col :span="24">
          <el-form-item label="汇款人常驻国家/地区代码" prop="cptp.draweecountcode">
            <c-select v-model="model.cptp.draweecountcode" 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 :span="24">
          <el-form-item label="汇款人组织机构代码" prop="fkrzhj">
            <c-input v-model="model.fkrzhj" maxlength="35" placeholder="请输入汇款人组织机构代码"></c-input>
          </el-form-item>
        </c-col>
      </c-col>
      <!-- ======================= 右边 ========================= -->
      <c-col :span="12" style="padding-left: 20px">
        <c-col :span="24">
          <el-card class="box-card">
            <c-ptap13 :model="model" :payuil="model.cptp.payuil" :requiredExtkey="true"
              :argadr="{title: '收款人', grp:'cpdgrp', rol:'pye'}" :isShowCard="false" ptytyp="F"
              @handleChange="pyeCipsChange()"></c-ptap13>
          </el-card>
        </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>