瀏覽代碼

钢联化工、smm目录树懒加载

jwyu 1 年之前
父節點
當前提交
5aba8aa005

+ 9 - 0
src/api/modules/thirdBaseApi.js

@@ -81,6 +81,10 @@ const smmDataInterface = {
 	classifyList: params => {
 	classifyList: params => {
 		return http.get('/datamanage/smm/classify',params);
 		return http.get('/datamanage/smm/classify',params);
 	},
 	},
+	// 分类下的指标列表
+	edbListForClassify:params=>{
+		return http.get('/datamanage/smm/index/list',params)
+	},
 	/**
 	/**
 	 * 获取指标目录详情
 	 * 获取指标目录详情
 	 * @param {ClassifyId}  分类id
 	 * @param {ClassifyId}  分类id
@@ -235,6 +239,11 @@ const steelInterface = {
 		return http.get('/datamanage/mysteel_chemical/classify')
 		return http.get('/datamanage/mysteel_chemical/classify')
 	},
 	},
 
 
+	//指标懒加载
+	edbListForClassify:params=>{
+		return http.get('/datamanage/mysteel_chemical/index/list',params)
+	},
+
 	/**
 	/**
 	 * 编辑分类 ClassifyName BaseFromMysteelChemicalClassifyId ParentId  Level
 	 * 编辑分类 ClassifyName BaseFromMysteelChemicalClassifyId ParentId  Level
 	 * @param {*} params 
 	 * @param {*} params 

+ 34 - 0
src/views/dataEntry_manage/thirdBase/smmTargetbase.vue

@@ -55,12 +55,15 @@
           :props="{
           :props="{
             label: 'ClassifyName',
             label: 'ClassifyName',
             children: 'Children',
             children: 'Children',
+            isLeaf:'isLeaf'
           }"
           }"
           draggable
           draggable
           :current-node-key="select_node"
           :current-node-key="select_node"
           :expand-on-click-node="false"
           :expand-on-click-node="false"
           check-strictly
           check-strictly
           empty-text="暂无分类"
           empty-text="暂无分类"
+          lazy
+					:load="getLazyTreeData"
           @current-change="nodeChangeHandle"
           @current-change="nodeChangeHandle"
           :default-expanded-keys="defaultShowNodes"
           :default-expanded-keys="defaultShowNodes"
           @node-expand="handleNodeExpand"
           @node-expand="handleNodeExpand"
@@ -377,6 +380,37 @@ export default {
       });
       });
       return arr;
       return arr;
     },
     },
+    // 懒加载指标
+    async getLazyTreeData(node,resolve){
+      // console.log(node);
+      let arr=[]
+      // 点击二级分类或者一级分类但是分类id为0的
+      if((node.level===2&&node.data.ClassifyId!=0)||(node.level===1&&node.data.ClassifyId==0)){
+        const res=await smmDataInterface.edbListForClassify({ClassifyId:node.data.ClassifyId})
+        if(res.Ret===200){
+          const temarr = res.Data.List || [];
+					arr=temarr.map(item=>{
+						return {
+							...item,
+              UniqueCode:`${item.ClassifyId}_${item.BaseFromSmmIndexId}_${item.BaseFromSmmIndexCode}`,
+              Button:{
+                AddButton: false,
+                OpButton: true,
+                DeleteButton: false,
+                MoveButton: true,
+                cleanButton: true,
+                targetDelButton: true,
+              },
+							isLeaf:true
+						}
+					})
+        }
+      }
+      if(node.level===1&&node.data.ClassifyId!==0){
+        arr=node.data.Children||[]
+      }
+      resolve(arr)
+    },
     /* 获取频度 */
     /* 获取频度 */
     async getFrequency(defaultSelect) {
     async getFrequency(defaultSelect) {
       const res = await smmDataInterface.frequencyList({
       const res = await smmDataInterface.frequencyList({

+ 25 - 0
src/views/dataEntry_manage/thirdBase/steelChemicalbase.vue

@@ -48,6 +48,7 @@
           :props="{
           :props="{
             label: 'ClassifyName',
             label: 'ClassifyName',
             children: 'Children',
             children: 'Children',
+            isLeaf:'isLeaf'
           }"
           }"
           :allow-drag="canDragHandle"
           :allow-drag="canDragHandle"
           :allow-drop="canDropHandle"
           :allow-drop="canDropHandle"
@@ -57,6 +58,8 @@
           :expand-on-click-node="false"
           :expand-on-click-node="false"
           check-strictly
           check-strictly
           empty-text="暂无分类"
           empty-text="暂无分类"
+          lazy
+					:load="getLazyTreeData"
           @node-expand="handleNodeExpand"
           @node-expand="handleNodeExpand"
           @node-collapse="handleNodeCollapse"
           @node-collapse="handleNodeCollapse"
           @current-change="nodeChangeHandle"
           @current-change="nodeChangeHandle"
@@ -302,6 +305,28 @@ export default {
         });
         });
       });
       });
     },
     },
+    //指标懒加载
+    async getLazyTreeData(node,resolve){
+      let arr=[]
+      if(node.level===2){
+        const res=await steelInterface.edbListForClassify({
+          BaseFromMysteelChemicalClassifyId:node.data.BaseFromMysteelChemicalClassifyId
+        })
+        if(res.Ret===200){
+          const temarr=res.Data.List||[]
+          arr=temarr.map(item=>{
+            return {
+              ...item,
+              isLeaf:true
+            }
+          })
+        }
+      }else{
+        arr=node.data.Children||[]
+      }
+
+      resolve(arr)
+    },
 
 
     /* 获取频度 */
     /* 获取频度 */
     getFrequency(defaultSelect) {
     getFrequency(defaultSelect) {