Opnp1.vue

<template>
  <div class="eibs-tab">
    <c-col :span="24">
      <!-- ======================= 左边 ========================= -->
      <c-col :span="12" style="padding-right: 20px">
        <!-- S0000154 : 业务编号 -->
        <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>
        <!-- S0000155 : 汇款金额 -->
        <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>
        <!-- S0000164 : 汇款语种 -->
        <c-col :span="24">
          <el-form-item label="汇款语种" prop="attp.payuil">
            <c-select placeholder="请输入汇款语种" style="width:100%" v-model="model.attp.payuil" dbCode="PAYUIL">
            </c-select>
          </el-form-item>
        </c-col>
        <!-- S0000240 : 清算编号 -->
        <c-col :span="24">
          <el-form-item label="清算编号" prop="attp.sysno">
            <c-input placeholder="请输入清算编号" maxlength="21" v-model="model.attp.sysno"></c-input>
          </el-form-item>
        </c-col>
        <!-- S0000179 : 业务种类 -->
        <c-col :span="24">
          <el-form-item label="业务种类" prop="attp.bustyp">
            <c-select placeholder="请输入业务种类" style="width:100%" v-model="model.attp.bustyp" dbCode="HBSTYP" uil="CN">
            </c-select>
          </el-form-item>
        </c-col>
        <!-- S0000185 : 汇款人 -->
        <c-col :span="24">
          <el-form-item label="汇款人账户性质" prop="attp.acctyp">
            <c-select placeholder="请输入汇款人账户性质" style="width:100%" v-model="model.attp.acctyp" dbCode="ACCTYE" uil="CN">
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="24" v-if="model.attp.swftyp=='200'||model.attp.swftyp=='112'">
          <el-form-item label="相关参考号" prop="attp.xnggbh">
            <c-select placeholder="请输入相关参考号" style="width:100%" v-model="model.attp.xnggbh">
            </c-select>
          </el-form-item>
        </c-col>
        <!-- S0000158 : 所属行 -->
        <c-col :span="24">
          <el-form-item label="所属行" prop="cpdgrp.rec.othbch">
            <c-input placeholder="请输入所属行" maxlength="8" v-model="model.cpdgrp.rec.othbch"></c-input>
          </el-form-item>
        </c-col>
        <!-- S0000280 : 业务类型 -->
        <c-col :span="24">
          <el-form-item label="业务类型" prop="attp.ywlxdm">
            <c-select placeholder="请输入业务类型" style="width:100%" v-model="model.attp.ywlxdm" dbCode="YWLXDM" uil="CN">
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="收款人常驻国家/地区代码" prop="attp.paycountcode">
            <c-fullbox>
              <c-input placeholder="请输入收款人常驻国家/地区代码" maxlength="3" v-model="model.attp.paycountcode"></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 class="checkbox-left">
            <c-checkbox v-model="model.cpdgrp.rec.tsnflg">同名划转</c-checkbox>
          </el-form-item>
        </c-col>
      </c-col>
      <!-- ======================= 右边 ========================= -->
      <c-col :span="12" style="padding-left: 20px">
        <!-- S0000152 : Name -->
        <c-col :span="24">
          <el-form-item label="Name" prop="cpdgrp.rec.nam">
            <c-input placeholder="请输入Name" maxlength="40" v-model="model.cpdgrp.rec.nam"></c-input>
          </el-form-item>
        </c-col>
        <!-- S0000159 : 汇款性质 -->
        <c-col :span="24">
          <el-form-item label="汇款性质" prop="cpdgrp.rec.trntyp">
            <c-select placeholder="请输入汇款性质" style="width:100%" v-model="model.cpdgrp.rec.trntyp" dbCode="CTRTYP" uil="CN">
            </c-select>
          </el-form-item>
        </c-col>
        <!-- S0000160 : 汇款方式 -->
        <c-col :span="24">
          <el-form-item label="汇款方式" prop="cpdgrp.rec.paytype">
            <c-select placeholder="请输入汇款方式" style="width:100%" v-model="model.cpdgrp.rec.paytype" 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 placeholder="请输入收款对象" style="width:100%" v-model="model.cpdgrp.rec.gors" dbCode="GORS" uil="CN">
            </c-select>
          </el-form-item>
        </c-col>
        <!-- S0000227 : 费用类型 -->

        <c-col :span="24">
          <el-form-item label="费用类型" prop="attp.feetyp">
            <c-select placeholder="请输入费用类型" style="width:100%" v-model="model.attp.feetyp" dbCode="FEECOD" uil="CN">
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="起息日期" prop="attp.opndat">
            <c-date-picker placeholder="请输入起息日期" style="width:100%" type="date" v-model="model.attp.opndat"></c-date-picker>
          </el-form-item>
        </c-col>
        <!-- S0000169 : 委托日期 -->
        <c-col :span="24">
          <el-form-item label="委托日期" prop="cpdgrp.rec.valdat">
            <c-date-picker placeholder="请输入委托日期" style="width:100%" type="date" v-model="model.cpdgrp.rec.valdat"></c-date-picker>
          </el-form-item>
        </c-col>

        <!-- S0000161 : 客户类型 -->
        <c-col :span="24">
          <el-form-item label="客户类型" prop="cpdgrp.rec.clityp">
            <c-select placeholder="请输入客户类型" style="width:100%" v-model="model.cpdgrp.rec.clityp" dbCode="CLITYP" uil="CN">
            </c-select>
          </el-form-item>
        </c-col>
        <!-- S0000205 : 报文类型 -->
        <c-col :span="24">
          <el-form-item label="报文类型" prop="attp.swftyp">
            <c-select placeholder="请输入报文类型" style="width:100%" v-model="model.attp.swftyp" dbCode='swftyp'>
            </c-select>
          </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">
        <!-- S0000349 : 接收行名称 -->
        <c-col :span="24">
          <el-form-item label="发报行名称" prop="attp.sndbchnam">
            <c-input placeholder="请输入发报行名称" maxlength="42" v-model="model.attp.sndbchnam"></c-input>
          </el-form-item>
        </c-col>
        <!-- S0000348 : 发报行BIC -->
        <c-col :span="24">
          <el-form-item label="发报行BIC" prop="attp.sndbch">
            <c-fullbox>
              <c-input placeholder="请输入发报行BIC" maxlength="11" v-model="model.attp.sndbch"></c-input>
              <template slot="footer">
                <c-button size="small" type="primary">
                  查询客户号
                </c-button>
              </template>
            </c-fullbox>
          </el-form-item>
        </c-col>
        <!-- S0000340 : 汇款人名称 -->

        <c-col :span="24">
          <el-form-item label="汇款人名称" prop="attp.orcnamfxps">
            <c-input placeholder="请输入汇款人名称" maxlength="30" show-word-limit type="textarea" v-model="model.attp.orcnamfxps"></c-input>
          </el-form-item>
        </c-col>
        <!-- S0000365 : 汇款人地址 -->
        <c-col :span="24">
          <el-form-item label="汇款人地址" prop="attp.orcadrfxps">
            <c-input placeholder="请输入汇款人地址" maxlength="35" show-word-limit type="textarea" v-model="model.attp.orcadrfxps"></c-input>
          </el-form-item>
        </c-col>
        <!-- S0000338 : 汇款人账号 -->
        <c-col :span="24">
            <el-form-item label-width="180px" 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" :isLabel120="false" :disabledExtkey="false" :disabled="false" :isAdrblk="true" :haveAdrLabel="true" :isShowCard="false" :argadr="{title: '汇款人',grp: 'cpdgrp', rol: 'orc',}" ptytyp="C">
            </c-ptap>
        </c-col>

      </c-col>
      <!-- ======================= 右边 ========================= -->
      <c-col :span="12" style="padding-left: 20px">
        <c-col :span="24">
          <el-form-item label="接收行名称" prop="attp.resbchnam">
            <c-input placeholder="请输入接收行名称" maxlength="42" v-model="model.attp.resbchnam"></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <!-- S0000350 : 接收行BIC -->
          <c-col :span="24">
            <el-form-item label="接收行BIC" prop="attp.resbch">
              <c-input placeholder="请输入接收行BIC" maxlength="11" v-model="model.attp.resbch"></c-input>
            </el-form-item>
          </c-col>
          <!-- S0000351 : 已升级2.0 -->
          <!-- <c-col :span="12">
          <el-form-item label="是否已升级2.0" prop="attp.updsta">
            <c-select placeholder="请输入是否已升级2.0" style="width:100%" v-model="model.attp.updsta">
            </c-select>
          </el-form-item>
        </c-col> -->
        </c-col>
        <!-- S0000344 : 收款人名称 -->
        <c-col :span="24">
          <el-form-item label="收款人名称" prop="attp.pyenamfxps">
            <c-input placeholder="请输入收款人名称" maxlength="30" show-word-limit type="textarea" v-model="model.attp.pyenamfxps"></c-input>
          </el-form-item>
        </c-col>
        <!-- S0000345 : 收款人地址 -->
        <c-col :span="24">
          <el-form-item label="收款人地址" prop="attp.pyeadrfxps">
            <c-input placeholder="请输入收款人地址" maxlength="35" show-word-limit type="textarea" v-model="model.attp.pyeadrfxps"></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
            <el-form-item label-width="180px" 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" :isLabel120="false" :disabledExtkey="false" :disabled="false" :isAdrblk="true" :haveAdrLabel="true" :isShowCard="false" :argadr="{title: '收款人',grp: 'cpdgrp', rol: 'pye',}" ptytyp="C">
            </c-ptap>
        </c-col>

      </c-col>
    </c-col>
  </div>
</template>
<script>
import Event from "../event";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [Event],
  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>