优化

assets/js/controllers/inspect/inspectionScopeCtrl.js

@@ -127,7 +127,7 @@ app.controller("inspectionScope", [
         templateUrl: "assets/views/system/tpl/inspectionchange.html",
         controller: function ($scope, scope, $modalInstance) {
           $scope.add1data = {};
-          $scope.thisParent={};//当前点击节点的父节点
+          $scope.thisParent = {}; //当前点击节点的父节点
           $scope.filterTree = function (data, id) {
             data = angular.copy(data);
             var newTree = data.filter((x) => x.id !== id);
@@ -144,7 +144,7 @@ app.controller("inspectionScope", [
               .fetchDataList("inspectionType", data)
               .then(function (response) {
                 var data = response.list;
-                data = data.filter(v=>!v.parent);//只显示一级
+                data = data.filter((v) => !v.parent); //只显示一级
                 var objects = [];
                 for (var i = 0; i < data.length; i++) {
                   var object = {};
@@ -171,7 +171,7 @@ app.controller("inspectionScope", [
                       (v) => v.id == scope.selectedInspection.tree.id
                     );
                     if ($scope.thisParent) {
-                      $scope.thisParent.label=$scope.thisParent.type;
+                      $scope.thisParent.label = $scope.thisParent.type;
                       $scope.thisParent.isExpanded = true;
                       $scope.thisParent.selected = true;
                       $scope.addparent = true;
@@ -180,13 +180,15 @@ app.controller("inspectionScope", [
                     }
                   } else if (type == "edit") {
                     // 编辑
-                    console.log($scope.my_1data,'原始数据')
-                    $scope.tree_1data = $scope.my_1data.filter(v=>v.id != scope.selectedInspection.tree.id);//过滤本条
+                    console.log($scope.my_1data, "原始数据");
+                    $scope.tree_1data = $scope.my_1data.filter(
+                      (v) => v.id != scope.selectedInspection.tree.id
+                    ); //过滤本条
                     $scope.thisParent = data.find(
                       (v) => v.id == scope.selectedInspection.tree.pId
                     );
                     if ($scope.thisParent) {
-                      $scope.thisParent.label=$scope.thisParent.type;
+                      $scope.thisParent.label = $scope.thisParent.type;
                       $scope.thisParent.isExpanded = true;
                       $scope.thisParent.selected = true;
                       $scope.addparent = true;
@@ -254,7 +256,7 @@ app.controller("inspectionScope", [
             if (data && data.type) {
               if ($scope.addparent) {
                 data.parent = $scope.add1data.parent;
-              }else{
+              } else {
                 data.parent = null;
               }
               scope.selectedInspection.tree = {};
@@ -664,6 +666,10 @@ app.controller("inspectionScope", [
     $scope.changecateObj = {
       changecate: false,
     };
+    // 缓存的绑定数据-http
+    $scope.cacheHttp = {
+      value: [],
+    };
   },
 ]);
 app.directive("zTree", function () {
@@ -674,6 +680,8 @@ app.directive("zTree", function () {
       selectInspectionType: "=",
       copyInspectionType: "=",
       stateModel: "=",
+      changecate: "=",
+      cachehttp: "=",
     },
     controller: function ($scope, $element, api_bpm_data, api_simple) {
       console.log($scope);
@@ -722,6 +730,7 @@ app.directive("zTree", function () {
                 $scope.isShowZtree = true;
 
                 var result = response.list || [];
+                $scope.cachehttp = angular.copy(result);
                 result = result.map((v) => v.inspectionType);
                 console.log(result);
                 result.forEach((v, i) => {
@@ -822,10 +831,10 @@ app.directive("zTree", function () {
         console.log(event, treeId, treeNode);
         $scope.selectInspectionType = treeNode;
       }
-      $scope.isFirstGet = false;
       // 点击复选框
       function zTreeOnCheck(event, treeId, treeNode) {
         console.log(event, treeId, treeNode);
+        $scope.changecate = false;
         var treeObj = $.fn.zTree.getZTreeObj("z-tree");
         var nodes_arr = treeObj.getCheckedNodes(true);
         var nodes = angular.copy(nodes_arr);
@@ -841,8 +850,10 @@ app.directive("zTree", function () {
             }
           });
         });
-        if (treeNode.checked && $scope.isFirstGet) {
-          //如果勾选上
+        if ($scope.cachehttp && $scope.cachehttp.length) {
+          var result = angular.copy($scope.cachehttp);
+          zTreeOnCheckCommon(result, nodes);
+        } else {
           api_simple
             .fetchDataList("inspectionBind", {
               idx: 0,
@@ -850,43 +861,42 @@ app.directive("zTree", function () {
               inspectionBind: { inspection: { id: $scope.stateModel.id } },
             })
             .then(function (response) {
-              $scope.isFirstGet = true;
               var result = response.list || [];
-              result = result.map((v) => ({
-                id: v.inspectionType,
-                name: v.inspectionTypeName,
-                group: v.group,
-                user: v.user,
-                parent: v.parent ? { id: v.parent.inspectionType } : undefined,
-                pId: v.parent ? v.parent.inspectionType : 0,
-              }));
-
-              for (var i = 0; i < nodes.length; i++) {
-                for (var j = 0; j < result.length; j++) {
-                  if (nodes[i].id == result[j].id) {
-                    nodes[i] = angular.copy(result[j]);
-                  }
-                }
-              }
-              var arr = nodes.filter((v) => v.pId === 0);
-              arr.forEach((v) => {
-                v.children = [];
-              });
-              arr.forEach((v, i) => {
-                nodes.forEach((vv) => {
-                  if (vv.pId == v.id) {
-                    arr[i].children.push(vv);
-                  }
-                });
-              });
-              console.log(arr);
-              $scope.copyInspectionType = arr;
+              zTreeOnCheckCommon(result, nodes);
             });
-        } else {
-          // 取消勾选
-          $scope.copyInspectionType = arr;
         }
-        // console.log(treeNode.tId + ", " + treeNode.name + "," + treeNode.checked);
+      }
+      // 点击复选框-common
+      function zTreeOnCheckCommon(result, nodes) {
+        result = result.map((v) => ({
+          id: v.inspectionType,
+          name: v.inspectionTypeName,
+          group: v.group,
+          user: v.user,
+          parent: v.parent ? { id: v.parent.inspectionType } : undefined,
+          pId: v.parent ? v.parent.inspectionType : 0,
+        }));
+
+        for (var i = 0; i < nodes.length; i++) {
+          for (var j = 0; j < result.length; j++) {
+            if (nodes[i].id == result[j].id) {
+              nodes[i] = angular.copy(result[j]);
+            }
+          }
+        }
+        var arr = nodes.filter((v) => v.pId === 0);
+        arr.forEach((v) => {
+          v.children = [];
+        });
+        arr.forEach((v, i) => {
+          nodes.forEach((vv) => {
+            if (vv.pId == v.id) {
+              arr[i].children.push(vv);
+            }
+          });
+        });
+        console.log(arr);
+        $scope.copyInspectionType = arr;
       }
     },
   };

assets/views/inspect/inspectionScope.html

@@ -499,7 +499,7 @@
             </div>
             <div class="leftBox">
                 <!-- <span ng-if="!selectedInspection.isShowZtree">...加载中...</span> -->
-                <z-tree ng-if="selectedInspection.isShowZtree" id="z-tree" class="ztree" select-inspection-type="selectedInspection.tree" copy-inspection-type="copyInspection.tree" state-model="stateModel"></z-tree>
+                <z-tree ng-if="selectedInspection.isShowZtree" id="z-tree" class="ztree" select-inspection-type="selectedInspection.tree" copy-inspection-type="copyInspection.tree" state-model="stateModel" changecate="changecateObj.changecate" cachehttp="cacheHttp.value"></z-tree>
                 <!-- <abn-tree tree-data="my_1data" tree-control="my_tree" on-select="my_tree_1handler(branch)" expand-level="2" icon-leaf="iconfont icon-fenlei" icon-expand="ti-plus" icon-collapse="ti-minus"></abn-tree> -->
             </div>
         </div>