Opnp1.vue

<template>
  <div class="eibs-tab">
    <!-- ==============左边=========== -->
    <c-col :span="11">
      <c-col :span="24">
        <el-form-item label="汇款编号" prop="cpdgrp.rec.ownref" style="width: 100%">
          <c-fullbox>
            <c-input v-model="model.cpdgrp.rec.ownref" maxlength="16" placeholder="请输入业务编号" disabled></c-input>
            <template slot="footer">
              <c-button style="margin: 0 10px 0 10px; padding: 0 12px" size="small" type="primary">
                <span style="font-family: '宋体'; font-weight: bold">i</span>
              </c-button>
              <c-button style="margin: 0 0" size="small" type="primary" :disabled="this.flag" @click="onAttpGetref">
                获取
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <c-col :span="13">
          <el-form-item label="汇款金额" prop="cpdgrp.cbs.nom1.cur">
            <c-select v-model="model.cpdgrp.cbs.nom1.cur" style="width: 100%" placeholder="请选择汇款金额"
              @change="commonExecuteRule('cpdgrp.cbs.nom1.cur')">
              <el-option v-for="item in codes.curtxt1" :key="item.value" :label="item.label" :value="item.value">
              </el-option>
            </c-select>
          </el-form-item>
        </c-col>

        <c-col :span="11">
          <el-form-item style="text-align: left" label-width="5px" prop="cpdgrp.cbs.nom1.amt">
            <c-input-currency v-model="model.cpdgrp.cbs.nom1.amt" style="text-align: left; width: 100%"
              placeholder="请输入汇款金额" @keyup.enter.native="
                defaultFunction(
                  'cpdgrp.cbs.nom1.amt',
                  model.cpdgrp.cbs.nom1.amt
                )
              "></c-input-currency>
          </el-form-item>
        </c-col>
      </c-col>

      <c-col :span="24">
        <c-col :span="24">
          <el-form-item label="汇款人账户性质" prop="attp.acctyp">
            <c-select v-model="model.attp.acctyp" style="width: 100%" placeholder="请选择汇款人账户性质">
              <el-option v-for="item in codes.acctyp1" :key="item.value" :label="item.label" :value="item.value">
              </el-option>
            </c-select>
          </el-form-item>
        </c-col>
      </c-col>

      <c-col :span="24">
        <c-col :span="12">
          <el-form-item label="所属行" prop="cpdgrp.rec.othbch">
            <c-input v-model="model.cpdgrp.rec.othbch" maxlength="8" placeholder="请输入所属行" disabled></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="12">
          <el-form-item label="汇款语种" prop="attp.payuil">
            <c-select v-model="model.attp.payuil" style="width: 100%" placeholder="请选择汇款语种">
              <el-option v-for="item in codes.payuil" :key="item.value" :label="item.label" :value="item.value">
              </el-option>
            </c-select>
          </el-form-item>
        </c-col>
      </c-col>

      <c-col :span="24">
        <c-col :span="24">
          <el-form-item label="业务种类" prop="attp.bustyp">
            <c-select v-model="model.attp.bustyp" style="width: 100%" placeholder="请选择业务种类">
              <el-option v-for="item in bustyp1" :key="item.value" :label="item.label" :value="item.value">
              </el-option>
            </c-select>
          </el-form-item>
        </c-col>
      </c-col>

      <c-col :span="24">
        <c-col :span="10">
          <el-form-item label="清算编号" prop="attp.sysno">
            <c-input v-model="model.attp.sysno" maxlength="21" placeholder="请输入清算编号"></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="12">
          <el-form-item label="付款人常驻国家/地区代码" prop="attp.paycountcode">
            <c-input v-model="model.attp.country" filterable style="width: 100%" placeholder="付款人常驻国家/地区代码"
              @keyup.enter.native="showGridPromptDialog('attp.country')">
            </c-input>
          </el-form-item>
        </c-col>

        <c-col :span="2">
          <c-button size="small" type="primary" icon="el-icon-search" @click="
            showGridPromptDialog(
              'attp.selbut1',
              null,
              null,
              { TXT: 'attp.country' },
              { TXT: false },
              'doxpDialog'
            )
          ">
          </c-button>
        </c-col>
      </c-col>

      <c-col :span="24">
        <c-col :span="24">
          <el-form-item label="汇款人名称" prop="attp.orcnam">
            <c-input v-model="model.attp.orcnam" maxlength="65" show-word-limit placeholder="请输入汇款人名称"
              :disabled="model.attp.swftyp==''"></c-input>
          </el-form-item>
        </c-col>
      </c-col>

      <c-col :span="24">
        <c-col :span="24">
          <el-form-item label="汇款人地址" prop="attp.orcadr">
            <c-input v-model="model.attp.orcadr" maxlength="65" show-word-limit placeholder="请输入汇款人地址"
              :disabled="model.attp.swftyp==''"></c-input>
          </el-form-item>
        </c-col>
      </c-col>

      <c-col :span="24">
        <c-col :span="24">
          <el-form-item label="收款人名称" prop="attp.pyenam">
            <c-input v-model="model.attp.pyenam" maxlength="65" show-word-limit placeholder="请输入收款人名称"
              :disabled="model.attp.swftyp==''"></c-input>
          </el-form-item>
        </c-col>
      </c-col>

      <c-col :span="24">
        <c-col :span="24">
          <el-form-item label="收款人地址" prop="attp.pyeadr">
            <c-input v-model="model.attp.pyeadr" maxlength="65" show-word-limit placeholder="请输入收款人地址"
              :disabled="model.attp.swftyp==''"></c-input>
          </el-form-item>
        </c-col>
      </c-col>

      <c-col :span="24">
        <c-col :span="24">
          <el-form-item label="汇款人帐号" prop="cpdgrp.rec.orcact">
            <c-input v-model="model.cpdgrp.rec.orcact" maxlength="35" placeholder="请输入汇款人帐号"
              :disabled="model.attp.swftyp==''"></c-input>
          </el-form-item>
        </c-col>
      </c-col>

      <c-col :span="24">
        <c-col :span="20">
          <el-form-item label="汇款人" prop="cpdgrp.orc.pts.extkey">
            <c-input :disabled="model.attp.swftyp == ''" v-model="model.cpdgrp.orc.pts.extkey" maxlength="16"
              placeholder="请输入汇款人名称" style="width: 95%" @keyup.enter.native="
                showGridPromptDialog('cpdgrp.orc.pts.extkey')
              "></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="1">
          <c-button style="margin: 0 10px 0 0; padding: 0 12px" size="small" type="primary">
            <span style="font-size: 15px; font-family: '宋体'; font-weight: bold">i</span>
          </c-button>
        </c-col>

        <c-col :span="2" :offset="1" style="text-align: right">
          <c-button style="margin: 0 0" size="small" type="primary">
            详情
          </c-button>
        </c-col>
      </c-col>

      <c-col :span="24">
        <c-col :span="24">
          <el-form-item label="地址信息" prop="cpdgrp.orc.pts.adrblk">
            <c-input type="textarea" v-model="model.cpdgrp.orc.pts.adrblk" maxlength="35" show-word-limit
              placeholder="请输入地址信息" :disabled="model.attp.swftyp==''"></c-input>
          </el-form-item>
        </c-col>
      </c-col>
    </c-col>

    <!-- ===============================右边============================= -->
    <c-col :span="11" :offset="1">
      <c-col :span="24">
        <c-col :span="24">
          <el-form-item label="简略信息" prop="cpdgrp.rec.nam">
            <c-input v-model="model.cpdgrp.rec.nam" maxlength="40"
              placeholder="请输入Externally Displayed 简略信息 to Identify the Contract" disabled></c-input>
          </el-form-item>
        </c-col>
      </c-col>

      <c-col :span="24">
        <c-col :span="12">
          <el-form-item label="汇款性质" prop="cpdgrp.rec.trntyp">
            <c-select v-model="model.cpdgrp.rec.trntyp" style="width: 100%" placeholder="请选择汇款性质">
              <el-option v-for="item in codes.trntyp1" :key="item.value" :label="item.label" :value="item.value">
              </el-option>
            </c-select>
          </el-form-item>
        </c-col>

        <c-col :span="12">
          <el-form-item label="汇款方式" prop="cpdgrp.rec.paytype">
            <c-select v-model="model.cpdgrp.rec.paytype" style="width: 100%" placeholder="请选择汇款方式">
              <el-option v-for="item in codes.paytype" :key="item.value" :label="item.label" :value="item.value">
              </el-option>
            </c-select>
          </el-form-item>
        </c-col>
      </c-col>

      <c-col :span="24">
        <c-col :span="12">
          <el-form-item label="收款对象" prop="cpdgrp.rec.gors">
            <c-select v-model="model.cpdgrp.rec.gors" style="width: 100%" placeholder="请选择收款对象">
              <el-option v-for="item in codes.gors" :key="item.value" :label="item.label" :value="item.value">
              </el-option>
            </c-select>
          </el-form-item>
        </c-col>

        <c-col :span="12">
          <el-form-item label="费用类型" prop="attp.feetyp">
            <c-select v-model="model.attp.feetyp" style="width: 100%" placeholder="请选择费用类型" disabled>
              <el-option v-for="item in codes.feetyp" :key="item.value" :label="item.label" :value="item.value">
              </el-option>
            </c-select>
          </el-form-item>
        </c-col>
      </c-col>

      <c-col :span="24">
        <c-col :span="12">
          <el-form-item label="解付日期" prop="attp.opndat">
            <c-date-picker type="date" v-model="model.attp.opndat" style="width: 100%" placeholder="请选择起息日期">
            </c-date-picker>
          </el-form-item>
        </c-col>

        <c-col :span="12">
          <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>
      </c-col>

      <c-col :span="24">
        <c-col :span="12">
          <el-form-item label="客户类型" prop="cpdgrp.rec.clityp">
            <c-select v-model="model.cpdgrp.rec.clityp" style="width: 100%" placeholder="请选择客户类型">
              <el-option v-for="item in codes.clityp" :key="item.value" :label="item.label" :value="item.value">
              </el-option>
            </c-select>
          </el-form-item>
        </c-col>

        <c-col :span="12">
          <el-form-item label="报文类型" prop="attp.swftyp">
            <c-select v-model="model.attp.swftyp" style="width: 100%" placeholder="请选择报文类型">
              <el-option v-for="item in codes.swftyp2" :key="item.value" :label="item.label" :value="item.value">
              </el-option>
            </c-select>
          </el-form-item>
        </c-col>
      </c-col>

      <c-col :span="24">
        <c-row type="flex" justify="end">
          <c-col :span="12">
            <el-form-item label="相关参考号" prop="attp.xnggbh" v-show="flag1">
              <c-input v-model="model.attp.xnggbh"></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="10" :offset="2" style="text-align: right">
            <c-checkbox v-model="model.cpdgrp.rec.tsnflg">同名划转标志</c-checkbox>
          </c-col>
        </c-row>
      </c-col>

      <c-col :span="24">
        <c-col :span="24">
          <el-form-item label="接收行名称" prop="attp.resbchnam">
            <c-input v-model="model.attp.resbchnam" maxlength="42" placeholder="请输入接收行名称" disabled></c-input>
          </el-form-item>
        </c-col>
      </c-col>

      <c-col :span="24">
        <c-col :span="24">
          <el-form-item label="接收行BIC" prop="attp.resbch">
            <c-input v-model="model.attp.resbch" maxlength="11" placeholder="请输入接收行BIC" disabled></c-input>
          </el-form-item>
        </c-col>
      </c-col>

      <c-col :span="24">
        <c-col :span="24">
          <el-form-item label="发报行名称" prop="attp.sndbchnam">
            <c-input v-model="model.attp.sndbchnam" maxlength="42" placeholder="请输入发报行名称" @keyup.enter.native="
              showGridPromptDialog('attp.sndbchnam')
            "></c-input>
          </el-form-item>
        </c-col>
      </c-col>

      <c-col :span="24">
        <c-fullbox>
          <c-col :span="18">
            <el-form-item label="发报行BIC" prop="attp.sndbch">
              <c-input v-model="model.attp.sndbch" maxlength="11" placeholder="请输入发报行BIC" style="width:100%" disabled>
              </c-input>
            </el-form-item>
          </c-col>
          <template slot="footer">
            <c-col :span="6">
              <c-button type="primary">查询客户号</c-button>
            </c-col>
          </template>
        </c-fullbox>
      </c-col>

      <c-col :span="24">
        <c-col :span="24">
          <el-form-item label="收款人帐号" prop="cpdgrp.rec.pyeact">
            <c-input v-model="model.cpdgrp.rec.pyeact" maxlength="35" placeholder="请输入收款人帐号"></c-input>
          </el-form-item>
        </c-col>
      </c-col>

      <c-col :span="24">
        <c-col :span="20">
          <el-form-item label="收款人" prop="cpdgrp.pye.pts.extkey">
            <c-input v-model="model.cpdgrp.pye.pts.extkey" maxlength="16" style="width: 95%"
              placeholder="请输入收款人名称" @keyup.enter.native="
                showGridPromptDialog('cpdgrp.pye.pts.extkey')
              "></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="1">
          <c-button style="margin: 0 10px 0 0; padding: 0 12px" size="small" type="primary">
            <span style="font-size: 15px; font-family: '宋体'; font-weight: bold">i</span>
          </c-button>
        </c-col>

        <c-col :span="2" :offset="1" style="text-align: right">
          <c-button size="small" type="primary" style="margin: 0 0" disabled>
            详情
          </c-button>
        </c-col>
      </c-col>

      <c-col :span="24">
        <c-col :span="24">
          <el-form-item label="地址信息" prop="cpdgrp.pye.pts.adrblk">
            <c-input type="textarea" v-model="model.cpdgrp.pye.pts.adrblk" maxlength="35" show-word-limit
              placeholder="请输入地址信息" disabled></c-input>
          </el-form-item>
        </c-col>
      </c-col>
    </c-col>
  </div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Cptati/Event";
import Utils from "~/utils/index";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess],
  data() {
    return {
      bustyp1: [
        { label: "01-支付运保费", value: "01" },
        { label: "02-代理进出口", value: "02" },
        { label: "03-与特殊经济区企业资金往来", value: "03" },
        { label: "04-同一企业不同账户资金划转", value: "04" },
        { label: "05-归还国内贷款或转贷款", value: "05" },
        { label: "06-贸易深加工结转业务", value: "06" },
        { label: "07-贸易融资业务", value: "07" },
        { label: "08-其他", value: "08" },
      ],
    };
  },
  methods: { ...Event },
  watch: {

  },
  methods: {
    ...Event,

  },
  created: function () { },
  computed: {
    flag() {
      return this.model.cpdgrp.orc.pts.extkey == "";
    },
    flag1() {
      if (this.model.attp.swftyp == "200") {
        return true;
      } else {
        return false;
      }
    },
  },
};
</script>
<style>

</style>