yunyubang-web/src/views/productService/classifyManage.vue

<template>
  <div style="padding: 0 20px">
    <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">查询</Button>
            <Button type="primary" style="margin-left: 10px">新增分类</Button>
          </div>
        </slot>
      </lx-header>
    </div>

    <xy-table :list="list" :table-item="table" :indent="25">
      <template v-slot:btns>
        <el-table-column label="操作" header-align="center" align="center" fixed="right" type=" ">
          <template slot-scope="scope">
            <Button  type="primary" style="margin-left: 10px;" size="small">删除</Button>
            <Button  type="primary" style="margin-left: 10px;" size="small" ghost>编辑</Button>
          </template>
        </el-table-column>
      </template>
    </xy-table>

    <div style="display: flex;justify-content: flex-end;">
      <Page :total="5" show-elevator />
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      list:JSON.parse('[{"id":1,"pid":0,"name":"\u6444\u5f71","sortnumber":"0","created_at":"2021-07-25T01:24:13.000000Z","updated_at":"2021-08-30T02:46:56.000000Z","deleted_at":null,"text":"\u6444\u5f71","title":"\u6444\u5f71","level":0,"children":[{"id":2,"pid":1,"name":"\u5b55\u5987\u7167","sortnumber":"0","created_at":"2021-07-25T01:24:27.000000Z","updated_at":"2021-08-30T02:47:11.000000Z","deleted_at":null,"text":"\u5b55\u5987\u7167","title":"\u5b55\u5987\u7167","level":1,"children":[]},{"id":3,"pid":1,"name":"\u65b0\u751f\u513f\u7167","sortnumber":"0","created_at":"2021-07-25T01:24:36.000000Z","updated_at":"2021-08-30T02:47:24.000000Z","deleted_at":null,"text":"\u65b0\u751f\u513f\u7167","title":"\u65b0\u751f\u513f\u7167","level":1,"children":[]},{"id":4,"pid":1,"name":"\u4eb2\u5b50\u7167","sortnumber":"0","created_at":"2021-07-25T01:24:44.000000Z","updated_at":"2021-08-30T02:47:36.000000Z","deleted_at":null,"text":"\u4eb2\u5b50\u7167","title":"\u4eb2\u5b50\u7167","level":1,"children":[]},{"id":28,"pid":1,"name":"\u5b9d\u5b9d\u7167","sortnumber":"0","created_at":"2021-12-22T02:28:02.000000Z","updated_at":"2021-12-22T02:28:02.000000Z","deleted_at":null,"text":"\u5b9d\u5b9d\u7167","title":"\u5b9d\u5b9d\u7167","level":1,"children":[]}],"folder":true},{"id":5,"pid":0,"name":"\u6708\u5b50","sortnumber":"0","created_at":"2021-07-25T01:24:58.000000Z","updated_at":"2021-12-27T12:41:54.000000Z","deleted_at":null,"text":"\u6708\u5b50","title":"\u6708\u5b50","level":0,"children":[{"id":6,"pid":5,"name":"\u6708\u5ac2","sortnumber":"0","created_at":"2021-07-25T01:25:18.000000Z","updated_at":"2021-09-09T09:19:44.000000Z","deleted_at":null,"text":"\u6708\u5ac2","title":"\u6708\u5ac2","level":1,"children":[]},{"id":7,"pid":5,"name":"\u4e0a\u95e8\u6708\u5ac2","sortnumber":"0","created_at":"2021-07-25T01:25:31.000000Z","updated_at":"2021-07-25T01:25:31.000000Z","deleted_at":null,"text":"\u4e0a\u95e8\u6708\u5ac2","title":"\u4e0a\u95e8\u6708\u5ac2","level":1,"children":[]},{"id":29,"pid":5,"name":"\u6708\u5b50\u4e2d\u5fc3","sortnumber":"0","created_at":"2021-12-27T12:42:38.000000Z","updated_at":"2021-12-27T12:42:38.000000Z","deleted_at":null,"text":"\u6708\u5b50\u4e2d\u5fc3","title":"\u6708\u5b50\u4e2d\u5fc3","level":1,"children":[]}],"folder":true},{"id":8,"pid":0,"name":"\u4ea7\u540e\u5eb7\u590d\uff08\u4e0a\u95e8\\/\u5230\u5e97\uff09","sortnumber":"0","created_at":"2021-07-25T01:25:40.000000Z","updated_at":"2021-08-30T02:48:58.000000Z","deleted_at":null,"text":"\u4ea7\u540e\u5eb7\u590d\uff08\u4e0a\u95e8\\/\u5230\u5e97\uff09","title":"\u4ea7\u540e\u5eb7\u590d\uff08\u4e0a\u95e8\\/\u5230\u5e97\uff09","level":0,"children":[{"id":9,"pid":8,"name":"\u6bcd\u4e73\u5582\u517b","sortnumber":"0","created_at":"2021-07-25T01:25:48.000000Z","updated_at":"2021-08-30T02:49:11.000000Z","deleted_at":null,"text":"\u6bcd\u4e73\u5582\u517b","title":"\u6bcd\u4e73\u5582\u517b","level":1,"children":[]},{"id":10,"pid":8,"name":"\u4ea7\u540e\u5eb7\u590d","sortnumber":"0","created_at":"2021-07-25T01:26:00.000000Z","updated_at":"2021-08-30T02:49:23.000000Z","deleted_at":null,"text":"\u4ea7\u540e\u5eb7\u590d","title":"\u4ea7\u540e\u5eb7\u590d","level":1,"children":[]}],"folder":true},{"id":11,"pid":0,"name":"\u5c0f\u513f\u63a8\u62ff","sortnumber":"0","created_at":"2021-08-30T02:49:36.000000Z","updated_at":"2021-08-30T02:49:36.000000Z","deleted_at":null,"text":"\u5c0f\u513f\u63a8\u62ff","title":"\u5c0f\u513f\u63a8\u62ff","level":0,"children":[{"id":12,"pid":11,"name":"\u5c0f\u513f\u63a8\u62ff","sortnumber":"0","created_at":"2021-08-30T02:50:01.000000Z","updated_at":"2021-08-30T02:50:01.000000Z","deleted_at":null,"text":"\u5c0f\u513f\u63a8\u62ff","title":"\u5c0f\u513f\u63a8\u62ff","level":1,"children":[]}],"folder":true},{"id":13,"pid":0,"name":"\u5b9d\u5b9d\u62a4\u7406","sortnumber":"0","created_at":"2021-08-30T02:51:20.000000Z","updated_at":"2021-08-30T02:51:20.000000Z","deleted_at":null,"text":"\u5b9d\u5b9d\u62a4\u7406","title":"\u5b9d\u5b9d\u62a4\u7406","level":0,"children":[{"id":14,"pid":13,"name":"\u62a4\u81c0\u818f","sortnumber":"0","created_at":"2021-08-
      table:[
        {
          prop:'name',
          label:'名称'
        },
        {
          prop:'level',
          label:'排序'
        }
      ]
    }
  },
  methods: {}

}
</script>

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