分类树

src/api/product.js

@@ -10,7 +10,10 @@
 import { dataURItoBlob } from 'dropzone'
 import request from './request'
 
-
+// 查询商品分类
+export function proCategoryListApi(data) {
+  return request.get('store/category/list', data)
+}
 
 // 导出商品数据
 export function outportApi(data) {

src/views/product/productClassify/index.vue

@@ -13,8 +13,10 @@
         :data="tableData.data"
         size="small"
         row-key="store_category_id"
+        :lazy="true"
+        :load="load"
         :default-expand-all="false"
-        :tree-props="{children: 'children', hasChildren: 'hasChildren'}"
+        :tree-props="{children: 'children', hasChildren: 'child'}"
       >
         <el-table-column
           label="分类名称"
@@ -100,7 +102,7 @@
 // +----------------------------------------------------------------------
 import {
   storeCategoryListApi, storeCategoryCreateApi, storeCategoryUpdateApi, storeCategoryDeleteApi,
-  storeCategoryStatusApi, storeCategoryRecommendApi
+  storeCategoryStatusApi, storeCategoryRecommendApi, proCategoryListApi
 } from '@/api/product'
 export default {
   name: 'ProductClassify',
@@ -126,10 +128,15 @@ export default {
     // 列表
     getList() {
       this.listLoading = true
-      storeCategoryListApi(this.tableFrom).then(res => {
+      proCategoryListApi(this.tableFrom).then(res => {
-        this.tableData.data = res.data
+        // res.data.map(i=>{
+        //   this.$set(i,'children',[]);
+        //   this.$set(i,'hasChildren',true);
+        // })
+        this.tableData.data = res.data;
         this.tableData.total = res.data.count
         this.listLoading = false
+        this.$forceUpdate();
       }).catch(res => {
         this.listLoading = false
         this.$message.error(res.message)
@@ -143,6 +150,14 @@ export default {
       this.tableData.limit = val
       this.getList()
     },
+    load(tree,treeNode,resolve){
+      console.log(tree.store_category_id)
+      // console.log(treeNode)
+      proCategoryListApi({category_id:tree.store_category_id}).then(res=>{
+        console.log(res.data)
+        resolve(res.data)
+      })
+    },
     // 添加
     onAdd() {
       this.$modalForm(storeCategoryCreateApi()).then(() => this.getList())