Det202cv.vue

<template>
  <div class="eibs">
    <el-col :span="12" style="padding-right: 20px;">
      <c-col :span="24">
        <el-form-item label="MT202报文的详细信息" label-width="200px">
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item
          label="付款行(MT202的52栏)"
          :prop="'setmod.setglg.setgll'+idx+'.setgrp.ori.pts.extkey'"
        >
          <c-fullbox>
            <c-input
              v-model="model.setmod.setglg.setgll[idx].setgrp.ori.pts.extkey"
              maxlength="16"
              placeholder="请输入"
              @keyup.enter.native="
              showGridPromptDialog('gcdgrp.prb.pts.extkey')
            "></c-input>
            <template slot="footer">
              <c-button style="margin: 0 10px 0 10px; padding: 0 12px" size="small" type="primary" @click="onSeainf">
                <i class="el-icon-info"></i>
              </c-button>
              <c-button size="small" type="primary" @click="onGctpGetrefbut">
                详情
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item
          label="地址"
          :prop="'setmod.setglg.setgll.'+idx+'.setgrp.ori.pts.adrblk'"
        >
          <c-input
            rows="4"
            type="textarea"
            v-model="model.setmod.setglg.setgll[idx].setgrp.ori.pts.adrblk"
            maxlength="35"
            show-word-limit
            placeholder="请输入地址信息"
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item
          label="付款行的帐户行"
          :prop="'setmod.setglg.setgll.' + idx + '.sespay.oriacc'"
        >
          <c-input
            v-model="model.setmod.setglg.setgll[idx].sespay.oriacc"
            maxlength="34"
            placeholder="请输入付款行的帐户行"
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24" style="margin-top: 15px">
        <el-form-item
          label="中间行(MT202的56a栏)"
          :prop="'setmod.setglg.setgll.' + idx + '.setgrp.rcvcor.pts.extkey'"
        >
          <c-fullbox>
            <c-input
              v-model="model.setmod.setglg.setgll[idx].setgrp.rcvcor.pts.extkey"
              maxlength="16"
              placeholder="请输入"
              @keyup.enter.native="
              showGridPromptDialog('gcdgrp.prb.pts.extkey')
            "></c-input>
            <template slot="footer">
              <c-button style="margin: 0 10px 0 10px; padding: 0 12px" size="small" type="primary" @click="onSeainf">
                <i class="el-icon-info"></i>
              </c-button>
              <c-button size="small" type="primary" @click="onRcvcorpDet">
                详情
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item
          label="地址"
          :prop="'setmod.setglg.setgll.' + idx + '.setgrp.rcvcor.pts.adrblk'"
        >
          <c-input
            rows="4"
            type="textarea"
            v-model="model.setmod.setglg.setgll[idx].setgrp.rcvcor.pts.adrblk"
            maxlength="35"
            show-word-limit
            placeholder="请输入地址"
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item
          label="中间行的帐户行"
          :prop="'setmod.setglg.setgll.' + idx + '.sespay.rcvcoracc'"
        >
          <c-input
            v-model="model.setmod.setglg.setgll[idx].sespay.rcvcoracc"
            maxlength="34"
            placeholder="请输入中间行的帐户行"
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item
          label="我行参考号(Tag 20)"
          :prop="'setmod.setglg.setgll.' + idx + '.sespay.ownref'"
        >
          <c-input
            v-model="model.setmod.setglg.setgll[idx].sespay.ownref"
            maxlength="16"
            placeholder="请输入我行参考号(Tag 20)"
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item
          label="跨境人民币代理行模式专用:"
          label-width="400px"
          style="margin-left: 0px"
        >
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="清算代理行" :prop="'setmod.setglg.setgll.' + idx + '.sespay.corbnk'">
          <c-select
            v-model="model.setmod.setglg.setgll[idx].sespay.corbnk"
            :code="codes.corbnk" disabled
            style="width: 100%"
            placeholder="请选择清算代理行"
          >
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="光大开户行" :prop="'setmod.setglg.setgll.' + idx + '.sespay.evebnk'">
          <c-select
            disabled
            v-model="model.setmod.setglg.setgll[idx].sespay.evebnk"
            style="width: 100%"
            placeholder="请选择光大开户行"
          >
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="清算代理行账号" :prop="'setmod.setglg.setgll.' + idx + '.sespay.coract'">
          <c-input
            disabled
            v-model="model.setmod.setglg.setgll[idx].sespay.coract"
            maxlength="32"
            placeholder="请输入清算代理行账号"
          ></c-input>
        </el-form-item>
      </c-col>
    </el-col>

    <el-col :span="12" style="padding-left: 20px;">
      <c-col :span="24">
        <el-form-item
          label="收款行的帐户行(MT202的57a栏)"
          :prop="'setmod.setglg.setgll.' + idx + '.setgrp.tri.pts.extkey'"
        >
          <c-fullbox>
            <c-input
              v-model="model.setmod.setglg.setgll[idx].setgrp.tri.pts.extkey"
              maxlength="16"
              placeholder="请输入账户行"
              @keyup.enter.native="
              showGridPromptDialog('gcdgrp.prb.pts.extkey')
            "></c-input>
            <template slot="footer">
              <c-button style="margin: 0 10px 0 10px; padding: 0 12px" size="small" type="primary" @click="onSeainf">
                <i class="el-icon-info"></i>
              </c-button>
              <c-button size="small" type="primary" @click="onTripDet">
                详情
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item
          label="地址"
          :prop="'setmod.setglg.setgll.' + idx + '.setgrp.tri.pts.adrblk'"
        >
          <c-input
            rows="4"
            type="textarea"
            v-model="model.setmod.setglg.setgll[idx].setgrp.tri.pts.adrblk"
            maxlength="35"
            show-word-limit
            placeholder="请输入地址"
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item
          label="帐户行的帐号"
          :prop="'setmod.setglg.setgll.' + idx + '.sespay.triacc'"
        >
          <c-input
            v-model="model.setmod.setglg.setgll[idx].sespay.triacc"
            maxlength="34"
            placeholder="请输入帐户行的帐号"
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item
          label="受益人机构 (Tag 58a)"
          :prop="'setmod.setglg.setgll.' + idx + '.setgrp.bei.pts.extkey'"
        >
          <c-fullbox>
            <c-input
              v-model="model.setmod.setglg.setgll[idx].setgrp.bei.pts.extkey"
              maxlength="16"
              placeholder="请输入受益人机构"
              @keyup.enter.native="
              showGridPromptDialog('gcdgrp.prb.pts.extkey')
            "></c-input>
            <template slot="footer">
              <c-button style="margin: 0 10px 0 10px; padding: 0 12px" size="small" type="primary" @click="onSeainf">
                <i class="el-icon-info"></i>
              </c-button>
              <c-button size="small" type="primary" @click="onGctpGetrefbut">
                详情
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item
          label="地址"
          :prop="'setmod.setglg.setgll.' + idx + '.setgrp.bei.pts.adrblk'"
        >
          <c-input
            rows="4"
            type="textarea"
            v-model="model.setmod.setglg.setgll[idx].setgrp.bei.pts.adrbl"
            maxlength="35"
            show-word-limit
            placeholder="请输入地址"
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item
          label="受益人机构的账号"
          prop="'setmod.setglg.setgll.' + idx + '.sespay.beiacc'"
        >
          <c-input
            v-model="model.setmod.setglg.setgll[idx].sespay.beiacc"
            maxlength="34"
            placeholder="请输入受益人机构的账号"
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item
          label="发报行给收报行的附言（MT202的72栏）"
          :prop="'setmod.setglg.setgll.' + idx + '.sespay.strinf202'"
        >
          <c-input
            rows="4"
            type="textarea"
            v-model="model.setmod.setglg.setgll[idx].sespay.strinf202"
            maxlength="35"
            show-word-limit
            placeholder="请输入发报行给收报行的附言（MT202的72栏）"
          ></c-input>
        </el-form-item>
      </c-col>
    </el-col>
  </div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Gitset/Event";

export default {
  inject: ["root"],
  props: ["model", "codes","idx"],
  mixins: [commonProcess],
  data() {
    return {};
  },
  methods: { ...Event },
  created: function () {},
};
</script>
<style>
</style>