树支持图标属性

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

@@ -32,7 +32,13 @@
         <template v-for="item in valueNodes">
             <ion-item :key="item.srfkey">
                 <ion-checkbox color="secondary" v-if="viewType == 'DEMOBPICKUPTREEVIEW' && !isSingleSelect" :ref="item.srfkey+'checkbox'"  :checked="item.selected" :value="item.srfkey" slot="end" @ionChange="onChecked"></ion-checkbox>
-                <ion-label>{{item.text}}</ion-label>
+                <ion-label class="tree_item_label">
+                    <template v-if="item.strIcon != 'default_text'">
+                        <img class="tree_item_img" v-if="item.strIcon" :src="item.strIcon" />
+                        <div v-else class="tree_item_index_text">{{item.text.substring(0,1)}}</div>
+                    </template>
+                    {{item.text}}
+                </ion-label>
             </ion-item>
         </template>
        </ion-list>
@@ -40,7 +46,13 @@
         <ion-radio-group v-else-if="viewType == 'DEMOBPICKUPTREEVIEW' && isSingleSelect" :value="selectedValue" >
             <template v-for="item in valueNodes">
                 <ion-item  :key="item.srfkey"   @click="onSimpleSelChange(item)">
-                    <ion-label>{{item.text}}</ion-label>
+                    <ion-label class="tree_item_label">
+                        <template v-if="item.strIcon != 'default_text'">
+                            <img class="tree_item_img" v-if="item.strIcon" :src="item.strIcon" />
+                            <div v-else class="tree_item_index_text">{{item.text.substring(0,1)}}</div>
+                        </template>
+                        {{item.text}}
+                    </ion-label>
                     <ion-radio slot="end" :checked="item.selected" :value="item.srfkey"></ion-radio>
                 </ion-item>
             </template>

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

@@ -35,6 +35,26 @@
       --inner-border-width: 0;
     }
   }
+  .tree_item_label {
+    display: flex;
+    align-items: center;
+    .tree_item_img {
+      width: 30px;
+      height: 30px;
+      margin-right: 10px;
+      border-radius: 4px;
+    }
+    .tree_item_index_text {
+      width: 30px;
+      height: 30px;
+      margin-right: 10px;
+      line-height: 30px;
+      background: #ccc;
+      text-align: center;
+      border-radius: 4px;
+      color: #fff;
+    }
+  }
 }
 
 <#if appde??>