树调整

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

@@ -3,30 +3,35 @@
     <#if ctrl.render??>
     ${ctrl.render.code}
     <#else>
-        <mt-tab-container v-if="!isOptional" @input="deleteNode" v-model="active"  swipeable>
-            <mt-tab-container-item :id="index"  v-for="(nodelist,index) in nodeArray" :key="index">
-                <div v-for="(node,index) in nodelist" :key="index">
-                    <mt-cell   :title="node.srfmajortext">
-                        <van-icon v-if="node.leaf === false" name="wap-nav"  @click.native="show(node)"/>
-                    </mt-cell>
-                </div>
-            </mt-tab-container-item>
-        </mt-tab-container>
-
-        <van-checkbox-group v-if="isOptional" v-model="checkedList">
-            <mt-tab-container  v-model="active" @input="deleteNode" swipeable>
-                <mt-tab-container-item :id="index" v-for="(nodelist,index) in nodeArray" :key="index">
-                    <template v-for="(node,index2) in nodelist" >
-                    <mt-cell v-if="node.leaf === false" :title="node.text" :key="'cell'+index2" @click.native="show(node)">
-                        <van-icon name="wap-nav" />
-                    </mt-cell>
-                    <mt-cell v-else :title="node.text" :key="'cell'+index2" @click.native="toggle(node)">
-                        <van-checkbox :name="node.id"></van-checkbox>
-                    </mt-cell>
-                    </template>
-                </mt-tab-container-item>
-            </mt-tab-container>
-        </van-checkbox-group>
+        <ion-searchbar></ion-searchbar>
+        <div class="treeNav">
+            <template v-for="(item,index) in treeNav">
+            <ion-label  :key="index" :class="index+1 < treeNav.length? 'treeNav-active':'' ">{{item}}</ion-label>
+            <span class="tree-span" :key="index+'span'" v-if="index+1 < treeNav.length">></span>
+            </template>
+        </div>
+        <div class="tree-partition"></div>
+        <#if ctrl.getPSDETreeNodes?? && ctrl.getPSDETreeNodes()??>
+        <ion-list>
+        <#list ctrl.getPSDETreeNodes() as node>
+        <#if node.isRootNode?? && node.isRootNode()?? && node.isRootNode()>
+        <#if node.getPSDETreeNodeRSs?? && node.getPSDETreeNodeRSs()??>
+        <#list node.getPSDETreeNodeRSs() as nodeitem>
+        <#if nodeitem.getChildPSDETreeNode?? && nodeitem.getChildPSDETreeNode()??>
+        <#assign nodeitemchild = nodeitem.getChildPSDETreeNode()>
+        <#if nodeitemchild.hasPSDETreeNodeRSs?? && nodeitemchild.hasPSDETreeNodeRSs()?? && nodeitemchild.hasPSDETreeNodeRSs()>
+        <ion-item>
+            <ion-label>${nodeitemchild.getName}</ion-label>
+            <ion-icon class="tree-icon" slot="end" name="chevron-forward-outline"></ion-icon>
+        </ion-item>
+        </#if>
+        </#if>
+        </#list>
+        </#if>
+        </#if>
+        </#list>
+       </ion-list>
+       </#if>
     </#if>
     </div>
 </template>
\ No newline at end of file

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

@@ -17,6 +17,14 @@ import { Util } from '@ibiz-core/utils'
      */
     public treeName = '<#if ctrl.getLogicName?? && ctrl.getLogicName()??>${ctrl.getLogicName()}</#if>' ;
 
+    /**
+     * 树视图导航数组名称
+     *
+     * @type {string[]}
+     * @memberof ${srfclassname('${ctrl.codeName}')}Base
+     */
+    public treeNav = [];
+
     /**
      * 获取多项数据
      *

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

 <#ibizinclude>
 ../@MACRO/CSS/DEFAULT.less.ftl
 </#ibizinclude>
+.app-mob-treeview {
+  .treeNav {
+    padding-left: 14px;
+    .treeNav-active {
+      color: #705697;
+    }
+    .tree-span {
+      padding: 0 3px;
+    }
+  }
+  .tree-partition {
+    margin-top: 10px;
+    height: 8px;
+    background-color: #ededed;
+  }
+  .tree-icon{
+      color: #ccc;
+      font-size: 20px;
+  }
+}