Payment103.vue

<template>
  <div class="eibs">
    <!-- ------------------Left------------------>
    <c-col :span="12" style="padding-right: 20px;">
      <c-col :span="24">
        <el-form-item
          label="消息接收者"
          style="width: 100%"
        >
          <c-fullbox>
            <c-input maxlength="16" placeholder="请输入" disabled></c-input>
            <template slot="footer">
              <c-button
                style="margin: 0px 10px 0 10px; padding: 0 12px"
                size="small"
                type="primary"
                @click="onSeainf"
              >
                <i class="el-icon-info"></i>
              </c-button>
              <c-button
                style="margin: 0 0"
                size="small"
                type="primary"
                @click="onOpnpButgetref"
              >
                详情
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
        <c-col :span="24">
          <el-form-item label="">
            <c-input
              type="textarea"
              :rows="3"
              maxlength="140"
              show-word-limit
              placeholder="请输入"
              disabled
            ></c-input>
          </el-form-item>
        </c-col>
      </c-col>

      <c-col :span="24">
        <el-form-item
          label="发件人的相关信息(Tag 53a)"
          style="width: 100%"
        >
          <c-fullbox>
            <c-input maxlength="16" placeholder="请输入" disabled></c-input>
            <template slot="footer">
              <c-button
                style="margin: 0px 10px 0 10px; padding: 0 12px"
                size="small"
                type="primary"
                @click="onSeainf"
              >
                <i class="el-icon-info"></i>
              </c-button>
              <c-button
                style="margin: 0 0"
                size="small"
                type="primary"
                @click="onOpnpButgetref"
              >
                详情
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
        <c-col :span="24">
          <el-form-item label="">
            <c-input
              type="textarea"
              :rows="3"
              maxlength="140"
              show-word-limit
              placeholder="请输入"
              disabled
            ></c-input>
          </el-form-item>
        </c-col>
      </c-col>

      <c-col :span="24">
        <el-form-item
          label="接收人的相关信息(Tag 54a)"
          style="width: 100%"
        >
          <c-fullbox>
            <c-input maxlength="16" placeholder="请输入" disabled></c-input>
            <template slot="footer">
              <c-button
                style="margin: 0px 10px 0 10px; padding: 0 12px"
                size="small"
                type="primary"
                @click="onSeainf"
              >
                <i class="el-icon-info"></i>
              </c-button>
              <c-button
                style="margin: 0 0"
                size="small"
                type="primary"
                @click="onOpnpButgetref"
              >
                详情
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
        <c-col :span="24">
          <el-form-item label="">
            <c-input
              type="textarea"
              :rows="3"
              maxlength="140"
              show-word-limit
              placeholder="请输入"
              disabled
            ></c-input>
          </el-form-item>
        </c-col>
      </c-col>

      <c-col :span="24">
        <el-form-item label="收款更正账户">
          <c-input maxlength="16" placeholder="" disabled></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item
          label="中介机构(Tag 54a)"
          style="width: 100%"
        >
          <c-fullbox>
            <c-input
              maxlength="16"
              placeholder="请输入"
              v-model="model.cpdgrp.orc.pts.extkey"
              @keyup.enter.native="
                showGridPromptDialog('cpdgrp.orc.pts.extkey')
              "
            ></c-input>
            <template slot="footer">
              <c-button
                style="margin: 0px 10px 0 10px; padding: 0 12px"
                size="small"
                type="primary"
                @click="onSeainf"
              >
                <i class="el-icon-info"></i>
              </c-button>
              <c-button
                style="margin: 0 0"
                size="small"
                type="primary"
                @click="onOpnpButgetref"
              >
                详情
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
        <c-col :span="24">
          <el-form-item label="">
            <c-input
              type="textarea"
              :rows="3"
              maxlength="140"
              v-model="model.cpdgrp.orc.pts.adrblk"
              show-word-limit
              placeholder="请输入"
              disabled
            ></c-input>
          </el-form-item>
        </c-col>
      </c-col>

      <c-col :span="24">
        <el-form-item label="中介账户">
          <c-input
            maxlength="16"
            placeholder=""
            v-model="sespay.intacc"
          ></c-input>
        </el-form-item>
      </c-col>
    </c-col>

    <!-- ------------------Right------------------>
    <c-col :span="12" style="padding-left: 20px;">
      <c-col :span="24">
        <el-form-item
          label="机构账户/账户(Tag 54a)"
          style="width: 100%"
        >
          <c-fullbox>
            <c-input
              maxlength="16"
              placeholder="请输入"
              v-model="setgll.setgrp.awi.pts.extkey"
              @change="setgllChange"
              @keyup.enter.native="
                showGridPromptDialog('setgll.setgrp.awi.pts.extkey')
              "
            ></c-input>
            <template slot="footer">
              <c-button
                style="margin: 0px 10px 0 10px; padding: 0 12px"
                size="small"
                type="primary"
                @click="onSeainf"
              >
                <i class="el-icon-info"></i>
              </c-button>
              <c-button
                style="margin: 0 0"
                size="small"
                type="primary"
                @click="onOpnpButgetref"
              >
                详情
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
        <c-col :span="24">
          <el-form-item label="">
            <c-input
              type="textarea"
              :rows="3"
              maxlength="140"
              show-word-limit
              placeholder="请输入"
              v-model="this.setgll.setgrp.awi.pts.adrblk"
              disabled
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <c-col :span="24">
            <el-form-item label="">
              <c-col :span="19">
                <c-input
                  maxlength="140"
                  placeholder="请输入"
                  disabled
                ></c-input>
              </c-col>
              <c-col :span="5" style="text-align: right">
                <c-checkbox v-model="model.cpdgrp.rec.tsnflg"
                  >使用选项F</c-checkbox
                >
              </c-col>
            </el-form-item>
          </c-col>
        </c-col>
      </c-col>

      <c-col :span="24">
        <el-form-item
          label="受益人客户/账户(Tag 59a)"
          style="width: 100%"
        >
          <c-fullbox>
            <c-input
              v-model="model.cpdgrp.pye.pts.extkey"
              maxlength="16"
              placeholder="请输入"
              disabled
            >
            </c-input>
            <template slot="footer">
              <c-button
                style="margin: 0px 10px 0 10px; padding: 0 12px"
                size="small"
                type="primary"
                @click="onSeainf"
              >
                <i class="el-icon-info"></i>
              </c-button>
              <c-button
                style="margin: 0 0"
                size="small"
                type="primary"
                @click="onOpnpButgetref"
              >
                Temp.
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
        <c-col :span="24">
          <el-form-item label="">
            <c-input
              type="textarea"
              :rows="3"
              maxlength="140"
              v-model="model.cpdgrp.pye.pts.adrblk"
              show-word-limit
              placeholder="请输入"
              disabled
            ></c-input>
          </el-form-item>
        </c-col>
      </c-col>

      <c-col :span="24">
        <el-form-item label="汇款附言(Tag 70)">
          <c-input
            type="textarea"
            :rows="3"
            maxlength="140"
            show-word-limit
            placeholder="请输入"
            disabled
          >
          </c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="费用详情(Tag 71a)">
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item
          label="发送方至接收方信息(Tag 72)"
          label-width="35%"
        >
          <c-input
            type="textarea"
            :rows="3"
            maxlength="140"
            show-word-limit
            placeholder="请输入"
            disabled
          >
          </c-input>
        </el-form-item>
      </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/Cptopn/Event";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess],
  data() {
    return {
      setgll: {
        setgrp: {
          awi: {
            pts: {
              extkey: "",
              adrblk: "",
            },
          },
        },
      },
      sespay: {
        intacc: "",
      },
    };
  },
  methods: {
    ...Event,
    setgllChange() {
      console.log(this.model.setmod.setglg);
    },
  },
  created: function () {
  },
};
</script>
<style>
</style>