<template>
  <ifbp-page>
    <ifbp-breadcrumb name="用户管理"></ifbp-breadcrumb>
    <ifbp-button-area>
      <el-button type="primary" v-for="item in mainBtns"  @click="triggerClick(item, 1,2)" v-text="item.displayname"></el-button>
      <!-- <ifbp-search class="fr"
          :template-code="searchCode"
          @search="handleSearch">
      </ifbp-search> -->
    </ifbp-button-area>
    <!-- 用户信息列表 -->
    <ifbp-main-area type="list">
      <ifbp-template
                   ref="userTableRef"
                   tpl-id="testp"
                   :tpl-data="userTableData"
                   >
      </ifbp-template>
      <ifbp-dynamic-panel>
      </ifbp-dynamic-panel>

    </ifbp-main-area>
  </ifbp-page>
</template>
<script>
  import pageModelMixin from '../../apps/common/pageModelMixin.js';
  // import a from '/Users/sunyuting/Desktop/youyong/ifbp-element-rc007/ifbp-element/packages/ifbp-dynamic-panel/src/ifbp-dynamic-panel.vue';
  export default {
    mixins:[pageModelMixin],
    data(){
      return {
        id:'',
        mainBtns:[],
        dataTest:[],
        userTableData: {},
        userTableResetFun: function() {
        },
      };
    },
    // components: {
    //   'ifbp-dynamic-panel': a
    // },
    created(){
      // debugger;
      this.getPageModel(function(pageModel){
        // debugger;
        this.mainBtns = pageModel.getButtons("testp");
        // this.mainTpl = pageModel.pageConfig.mainTpl;
      })
    },
    methods: {
      btn1Click: function(p1,p2){

      },
      btn2Click: function(p){

      },
      stateTableRow() {

      },
      editTableRow() {

      },
      editTableRow() {

      },
      resetTableRow() {

      },
      deleteTableRow() {

      }
    }
  };
</script>
<style>
</style>
