Oitp.vue

<template>
  <div class="eibs-tab">
    <c-col :span="12" style="height: 24px" >
      <el-form-item label="Available Info of Party " class="messageLabel">
      </el-form-item>
    </c-col>
       <c-table :border="true" :list="data" ref="table" 
    style="width:80%,text-aligen:center" height="500"
    :paginationShow="false">
    <el-table-column
    label="Type"
    width="auto"
    prop="subtyp"
    >
    </el-table-column>
    <el-table-column
    label="Business Sector"
    width="auto"
    prop="subbus"
    sortable></el-table-column>
    <el-table-column
    label="Display Level"
    width="auto"
    prop="inflev"
    sortable
    ></el-table-column>
    <el-table-column
    label="Text"
    width="auto"
    prop="shttxt"
    sortable
    ></el-table-column>
    <c-table-column fixed="right" prop="op" label="操作" width="65px">
            
            <template slot-scope="{ scope }">
              <c-button
                style="margin-left: 0"
                size="small"
                @click="onInfbutDsp(scope.$index, scope.row)"
              >
                Details
              </c-button>
            </template>
    </c-table-column>
    </c-table>                    
	
  </div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Infpty/Event"

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

    }
}
</script>
<style>

</style>

<!-- <c-col :span="12">
	    <span  v-text="model.recpan.ptssub.oited2.labinftxt"   data-path=".recpan.ptssub.oited2.labinftxt" > </span>
	</c-col> -->