<template>

    <div class="pieAll" >

        <template v-for="(item, index) in testData.data">

            <!--按钮组-->

            <div id="btnBox">

                <div>

                    <ul>

                        <template v-for="items in item.event">

                            <li @click='getEventName(items)' :data-id="items.eventName">

                                <!--<span :class="className"></span>-->

                                <a href="javascript:;">{{items.className}}</a>

                            </li>

                        </template>

                    </ul>

                </div>

                <div></div>

                <div><input type="text" v-model="search[index]" class="search" placeholder="请输入内容"></div>

            </div>

            <!--handsontable展示-->

            <div :id="item.componentId" v-show='hotSettings'></div>

            <!--搜索框-->

        </template>

        <div>

        </div>

    </div>

</template>

data(){
    return {
      btn:[],
      routers: [],
      hotSettings: {},
      isShowImport: false,
      objHot:'',
      editData:[],// 修改的位置

      testData:'',// 测试数据
      isActive:false,// 是否显示搜索框,
      search:[]
    }
},