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="onSeainf"
          @onAplpDet="onDrepDet"
        >
        </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="onSeainf"
          @onAplpDet="onCo2pDet"
        >
        </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="onSeainf"
          @onAplpDet="onRmipDet"
        >
        </c-ptap>
      </c-col>
     <c-col :span="24">
        <c-ptap
          :model="model"
          :argadr="{
            title: 'Drawer',
            grp: 'bcdgrp',
            rol: 'drr',
          }"
          :disabled="true"
          :isAdrblk="false"
          @onSeainf="onSeainf"
          @onAplpDet="onDrrpDet"
        >
        </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>