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="150"
            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/Bctset/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>