update 树节点修改，标准分解单样式调整

src/views/standardRegulationLibrary/domesticStandard/DomesticStandardList.vue

@@ -9,14 +9,12 @@
       <div class="page-tree-box page-tree-box-has-search">
         <a-spin :spinning="treeLoading">
           <a-tree :show-line="true" :show-icon="true" :tree-data="treeData" :selected-keys="selectedTreeKeys">
-            <a-icon type="folder" slot="folder" class="tree-icon" />
-            <a-icon type="file" slot="file" class="tree-icon" />
-
-            <template #custom="record">
+            <template #title="record">
               <div class="tree-operate-node"
                    @mouseenter="handleTreeMouseover(record.key)"
                    @mouseleave="handleTreeMouseout(record.key)"
                    @click="handleSelectTreeNode(record)">
+                <a-icon class="parent-node-icon" type="folder" v-if="record.dataRef.children && record.dataRef.children.length > 0" />
                 <a-tooltip>
                   <template #title>
                     {{ record.title }}
@@ -282,8 +280,7 @@ export default {
         this.selectedTreeNodeCodes = []
         this.filters.nodeCode = null
         if (res.success) {
-          const treeData = res.result || []
-          this.treeData = this.dealTreeData(treeData)
+          this.treeData = res.result || []
         } else {
           this.$message.warn(res.message)
         }
@@ -291,24 +288,6 @@ export default {
         this.treeLoading = false
       })
     },
-    /**
-     * 处理树数据，加入自定义的节点插槽
-     * @param treeData
-     * @returns {*}
-     */
-    dealTreeData (treeData) {
-      return treeData.map(item => {
-        if (item.children && item.children.length > 0) {
-          item.scopedSlots = { icon: 'folder', title: 'custom' }
-          item.children = this.dealTreeData(item.children)
-        } else if (item.nodeType === StandardSystemTreeNodeType.ROOT_NODE.value) {
-          item.scopedSlots = { icon: 'folder', title: 'custom' }
-        } else {
-          item.scopedSlots = { icon: 'file', title: 'custom' }
-        }
-        return item
-      })
-    },
     /**
      * 树节点查询
      */
@@ -533,17 +512,13 @@ export default {
 </script>
 
 <style scoped lang="less">
-/deeo/ .ant-tree li span.ant-tree-iconEle {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-.tree-icon {
+/deep/ .ant-tree li span.ant-tree-switcher.ant-tree-switcher-noop {
   color: #1D2129;
 }
 
-/deep/ .ant-tree li span.ant-tree-switcher.ant-tree-switcher-noop {
-  display: none;
+.parent-node-icon {
+  color: #1D2129;
+  font-size: 16px;
+  margin-right: 10px;
 }
 </style>

src/views/standardRegulationLibrary/overseasStandard/OverseasStandardList.vue

@@ -8,14 +8,13 @@
       <div class="page-tree-box page-tree-box-has-search">
         <a-spin :spinning="treeLoading">
           <a-tree :show-line="true" :show-icon="true" :tree-data="treeData" :selected-keys="selectedTreeKeys">
-            <a-icon type="folder" slot="folder" class="tree-icon" />
-            <a-icon type="file" slot="file" class="tree-icon" />
 
-            <template #custom="record">
+            <template #title="record">
               <div class="tree-operate-node"
                    @mouseenter="handleTreeMouseover(record.key)"
                    @mouseleave="handleTreeMouseout(record.key)"
                    @click="handleSelectTreeNode(record)">
+                <a-icon class="parent-node-icon" type="folder" v-if="record.dataRef.children && record.dataRef.children.length > 0" />
                 <a-tooltip>
                   <template #title>
                     {{ record.title }}
@@ -281,8 +280,7 @@ export default {
         this.selectedTreeNodeCodes = []
         this.filters.nodeCode = null
         if (res.success) {
-          const treeData = res.result || []
-          this.treeData = this.dealTreeData(treeData)
+          this.treeData = res.result || []
         } else {
           this.$message.warn(res.message)
         }
@@ -290,24 +288,6 @@ export default {
         this.treeLoading = false
       })
     },
-    /**
-     * 处理树数据，加入自定义的节点插槽
-     * @param treeData
-     * @returns {*}
-     */
-    dealTreeData (treeData) {
-      return treeData.map(item => {
-        if (item.children && item.children.length > 0) {
-          item.scopedSlots = { icon: 'folder', title: 'custom' }
-          item.children = this.dealTreeData(item.children)
-        } else if (item.nodeType === StandardSystemTreeNodeType.ROOT_NODE.value) {
-          item.scopedSlots = { icon: 'folder', title: 'custom' }
-        } else {
-          item.scopedSlots = { icon: 'file', title: 'custom' }
-        }
-        return item
-      })
-    },
     /**
      * 树节点查询
      */
@@ -532,17 +512,13 @@ export default {
 </script>
 
 <style scoped lang="less">
-/deeo/ .ant-tree li span.ant-tree-iconEle {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-.tree-icon {
+/deep/ .ant-tree li span.ant-tree-switcher.ant-tree-switcher-noop {
   color: #1D2129;
 }
 
-/deep/ .ant-tree li span.ant-tree-switcher.ant-tree-switcher-noop {
-  display: none;
+.parent-node-icon {
+  color: #1D2129;
+  font-size: 16px;
+  margin-right: 10px;
 }
 </style>