Ptyp.vue

<template>
  <div class="eibs-tab">
    <!-- ====================左边======================= -->
    <c-col :span="11">
      <c-col :span="24">
        <el-form-item label="Drawee Ref." prop="bcdgrp.dre.pts.ref">
          <c-input
            disabled
            v-model="model.bcdgrp.dre.pts.ref"
            maxlength="16"
            style="width: 100%"
            placeholder="请输入Application Ref"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Extkey" prop="bcdgrp.dre.pts.extkey">
          <c-fullbox>
            <c-input
              disabled
              v-model="model.bcdgrp.dre.pts.extkey"
              maxlength="50"
              placeholder="请输入External Key of Address"
            ></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
              >
                详情
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Address Block" prop="bcdgrp.dre.pts.adrblk">
          <c-input
            type="textarea"
            :rows="4"
            v-model="model.bcdgrp.dre.pts.adrblk"
            maxlength="50"
            disabled
            show-word-limit
            placeholder="请输入Address Block"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item
          label="2nd Collecting Bank Ref."
          prop="bcdgrp.co2.pts.ref"
        >
          <c-input
            v-model="model.bcdgrp.co2.pts.ref"
            maxlength="16"
            style="width: 100%"
            placeholder=""
            disabled
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Extkey" prop="bcdgrp.co2.pts.extkey">
          <c-fullbox>
            <c-input
              v-model="model.bcdgrp.co2.pts.extkey"
              maxlength="50"
              placeholder="请输入External Key of Address"
              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
              >
                详情
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Address Block" prop="bcdgrp.co2.pts.adrblk">
          <c-input
            type="textarea"
            :rows="4"
            v-model="model.bcdgrp.co2.pts.adrblk"
            maxlength="50"
            disabled
            show-word-limit
            placeholder="请输入Address Block"
          ></c-input>
        </el-form-item>
      </c-col>
      <!-- <c-col :span="24">
                    <c-ptap :model="model" :argadr="{
            title: 'Drawee',
            grp: 'bcdgrp',
            rol: 'dre',
          }" :disabled="true" :isAdrblk="false" @onSeainf="" @onAplpDet="" style="width: 90%">
                    </c-ptap>
                </c-col>
                <c-col :span="24">
                    <c-ptap :model="model" :argadr="{
            title: '2nd Collecting',
            grp: 'bcdgrp',
            rol: 'co2',
          }" :disabled="true" :isAdrblk="false" @onSeainf="" @onAplpDet="" style="width: 90%">
                    </c-ptap>
                </c-col> -->
    </c-col>

    <!-- ====================右边======================= -->
    <c-col :span="11" :offset="1">
      <c-col :span="24">
        <el-form-item label="Remitting Bank Ref." prop="bcdgrp.rmi.pts.ref">
          <c-input
            v-model="model.bcdgrp.rmi.pts.ref"
            maxlength="16"
            style="width: 100%"
            placeholder=""
            disabled
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Extkey" prop="bcdgrp.rmi.pts.extkey">
          <c-fullbox>
            <c-input
              v-model="model.bcdgrp.rmi.pts.extkey"
              maxlength="50"
              placeholder="请输入External Key of Address"
              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
              >
                详情
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Address Block" prop="bcdgrp.rmi.pts.adrblk">
          <c-input
            type="textarea"
            :rows="4"
            v-model="model.bcdgrp.rmi.pts.adrblk"
            maxlength="50"
            disabled
            show-word-limit
            placeholder="请输入Address Block"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Drawer Ref." prop="bcdgrp.drr.pts.ref">
          <c-input
            v-model="model.bcdgrp.drr.pts.ref"
            maxlength="16"
            style="width: 100%"
            placeholder=""
            disabled
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Extkey" prop="bcdgrp.drr.pts.extkey">
          <c-fullbox>
            <c-input
              v-model="model.bcdgrp.drr.pts.extkey"
              maxlength="50"
              placeholder="请输入External Key of Address"
              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
              >
                详情
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Address Block" prop="bcdgrp.drr.pts.adrblk">
          <c-input
            type="textarea"
            :rows="4"
            v-model="model.bcdgrp.drr.pts.adrblk"
            maxlength="50"
            disabled
            show-word-limit
            placeholder="请输入Address Block"
          ></c-input>
        </el-form-item>
      </c-col>
      <!-- <c-col :span="24">
                    <c-ptap :model="model" :argadr="{
            title: 'Remitting Bank',
            grp: 'bcdgrp',
            rol: 'rmi',
          }" :disabled="true" :isAdrblk="false" @onSeainf="" @onAplpDet="" style="width: 90%">
                    </c-ptap>
                </c-col>
                <c-col :span="24">
                    <c-ptap :model="model" :argadr="{
            title: 'Drawer',
            grp: 'bcdgrp',
            rol: 'drr',
          }" :disabled="true" :isAdrblk="false" @onSeainf="" @onAplpDet="" style="width: 90%">
                    </c-ptap>
                </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/Bctdor/Event";
import Ptap from "~/views/Public/Ptap";
export default {
  components: {
    "c-ptap": Ptap,
  },
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess],
  data() {
    return {};
  },
  methods: {
    ...Event,
  },
  created: function () {},
};
</script>
<style></style>