Addadrp.vue

<template>
  <div class="eibs-tab">
       <c-col :span="24" style="height: 24px" text-align=justify>
            <el-form-item label="Additional Addresses" class="messageLabel">
            </el-form-item>
        </c-col>
        <!-- <c-col :span="24">
            <el-divider></el-divider>
        </c-col> -->
    <c-table :border="true" :list="data" ref="table" 
    style="width:80%,text-aligen:center" height="500"
    :paginationShow="false">
    <el-table-column 
    label="Key" 
    width="auto" 
    prop="extkey"
    sortable></el-table-column>
    <el-table-column
    label="Address"
    width="auto"
    prop="nam"
    sortable
    ></el-table-column>
    <el-table-column
    label="BIC"
    width="auto"
    prop="bic"
    sortable
    ></el-table-column>
    <el-table-column
    label="Location"
    width="auto"
    prop="loctxt"
    sortable
    ></el-table-column>
    </c-table>                                      
                                              
       <!-- <c-col :span="12">
        <c-button size="small" type="primary"  @click="onRecpanDspadr">
            Display 
        </c-button>
       </c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onRecpanLnkdbmpty">
            &Make Main
        </c-button>
       </c-col> -->
  </div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Dbipty/Event"

export default {
    inject: ['root'],
    props:["model","codes"],
    mixins: [commonProcess],
    data(){
        return {
            data:[]
        }
    },
    methods:{...Event},
    created:function(){

    }
}
</script>
<style>

</style>