<template>
  <div style="padding: 0px 20px">
    <!--查询-->
    <div>
      <div ref="lxHeader">
        <lx-header icon="md-apps" text="产品分类" style="margin-bottom: 10px; border: 0px; margin-top: 15px">
          <div slot="content"></div>
          <slot>
            <div>
              <Input style="width: 200px; margin-right: 10px" placeholder="关键字搜索" />
              <Button type="primary" style="margin-left: 10px">查询</Button>
              <Button type="primary" style="margin-left: 10px" @click="isShowAdd = true">创建产品类别</Button>
            </div>
          </slot>
        </lx-header>
      </div>
    </div>

    <MyTable :table-item="tableItem"></MyTable>

    <my-dialog :dialog-visible.sync="isShowAdd" title="创建产品类别"></my-dialog>
  </div>
</template>

<script>
import MyTable from "@/components/MyTable";

export default {
  components:{
    MyTable
  },
  data() {
    return {
      isShowAdd:false,
      tableItem:[{
        label:"名称"
      },{
        label: "排序"
      }]
    }
  },
  methods: {},

}
</script>

<style scoped lang="scss">
</style>
