ui样式调整

@CONTROL/树视图/CONTROL-BASE.template.ftl

@@ -10,19 +10,18 @@
             <span class="tree-span" :key="index+'span'" v-if="index+1 < treeNav.length">></span>
             </template>
         </div>
-        <div class="tree-partition"></div>
+        <div class="tree-partition" v-if="valueNodes.length > 0" ></div>
         <ion-list>
-        <template v-for="item in nodes">
+        <template v-for="item in rootNodes">
             <ion-item v-if="item.isNode"  :key="item.id" @click="click_node(item)">
                 <ion-label>{{item.text}}</ion-label>
                 <ion-icon class="tree-icon" slot="end" name="chevron-forward-outline"></ion-icon>
             </ion-item>
         </template>
        </ion-list>
-
-        <div class="tree-partition tree-partition-bigger"></div>
+        <div class="tree-partition tree-partition-bigger" v-if="rootNodes.length > 0"></div>
         <ion-list>
-        <template v-for="item in nodes">
+        <template v-for="item in valueNodes">
             <ion-item v-if="!item.isNode"  :key="item.id">
                 <ion-label>{{item.text}}</ion-label>
             </ion-item>

@CONTROL/树视图/CONTROL-BASE.vue.ftl

@@ -146,6 +146,40 @@ import { Util } from '@ibiz-core/utils'
         this.load({data:item});
     }
 
+    /**
+     * 节点数组
+     *
+     * @memberof ${srfclassname('${ctrl.codeName}')}Base
+     */
+    public rootNodes :any= [];
+
+    /**
+     * 节点值数组
+     *
+     * @memberof ${srfclassname('${ctrl.codeName}')}Base
+     */
+    public valueNodes :any= [];
+
+    /**
+     * 解析节点数据
+     *
+     * @param {*} nodes
+     * @memberof ${srfclassname('${ctrl.codeName}')}Base
+     */
+    public parsNodes(nodes:any) {
+        let rootNodes :any= [];
+        let valueNodes :any= [];
+        nodes.forEach((item:any) => {
+            if(item.isNode){
+                rootNodes.push(item);
+            }else{
+                valueNodes.push(item);
+            }
+        });
+        this.rootNodes = rootNodes;
+        this.valueNodes = valueNodes;
+    }
+
     /**
      * 回显选中数据集合
      *
@@ -434,6 +468,7 @@ import { Util } from '@ibiz-core/utils'
             }
             this.nodes = response.data;  -->
             this.nodes = [..._items];
+            this.parsNodes(this.nodes)
             let isRoot = Object.is(node.level,0);
             let isSelectedAll = node.checked;
             this.setDefaultSelection(_items, isRoot, isSelectedAll);

@CONTROL/树视图/CONTROL.less.ftl

@@ -4,15 +4,18 @@
 .app-mob-treeview {
   .treeNav {
     padding-left: 14px;
+    color: #a5a2a2;
+    font-size: 14px;
+    margin-bottom: 10px;
     .treeNav-active {
       color: #705697;
     }
     .tree-span {
       padding: 0 3px;
+      color: #ccc;
     }
   }
   .tree-partition {
-    margin-top: 10px;
     height: 8px;
     background-color: #ededed;
   }
@@ -24,8 +27,13 @@
     height: 16px;
   }
   ion-list {
+    ion-item {
+      font-size: 15px;
+      font-family: "微软雅黑";
+    }
     ion-item:last-child {
       --inner-border-width: 0;
     }
   }
 }
+