提交 420c362e 编写于 作者: hudan's avatar hudan

图标ui

上级 3b2d0418
......@@ -4,7 +4,7 @@
<div class="context-menu-item" name='${item.name}' v-show="this.copyActionModel['${item.name}'].visabled" @click="${ctrl.name}_click({tag: '${item.name}'}),context_menu_click()">
<#if item.isShowIcon() && item.getPSSysImage()??>
<ion-icon name="<@setIcon item />"></ion-icon>
<app-mob-icon name="<@setIcon item />"></app-mob-icon>
</#if>
${item.getCaption()}
</div>
\ No newline at end of file
......@@ -6,7 +6,7 @@ ${ctrl.render.code}
<div class="app-medit-view-panel">
<div v-for="item in items" :key="item.id" class="app-medit-view-panel-card">
<ion-card>
<div class="meditviewpanel_delete_icon_container" ><ion-icon @click="deleteItem(item)" class="meditviewpanel_delete_icon" name="close-circle-outline"></ion-icon></div>
<div class="meditviewpanel_delete_icon_container" ><app-mob-icon @onClick="deleteItem(item)" class="meditviewpanel_delete_icon" name="close-circle-outline"></app-mob-icon></div>
<ion-card-content>
<${srffilepath2(ctrl.getEmbeddedPSAppView().getCodeName())}
class="viewcontainer2"
......@@ -23,7 +23,7 @@ ${ctrl.render.code}
</ion-card-content>
</ion-card>
</div>
<div @click="handleAdd" class="meditviewpanel_add_btn"><ion-icon name="add"></ion-icon></div>
<div @click="handleAdd" class="meditviewpanel_add_btn"><app-mob-icon name="add"></app-mob-icon></div>
</div>
</#if>
</div>
......
......@@ -30,7 +30,7 @@
<#if formpage.getPSSysImage()??>
<#assign sysimage = formpage.getPSSysImage()/>
<#if sysimage.getImagePath() == "">
<ion-icon name="<@setIcon formpage />" style="margin-right: 2px"></ion-icon>
<app-mob-icon name="<@setIcon formpage />" style="margin-right: 2px"></app-mob-icon>
<#else>
<img src="${sysimage.getImagePath()}" style="margin-right: 2px"/>
</#if>
......
......@@ -2,7 +2,7 @@
../../@NAVPARAMS/FUNC/PUBLIC.vue.ftl
</#ibizinclude>
<#assign content>
<#if item.getPSSysImage()??><#assign img=item.getPSSysImage()><#if img.getCssClass()?? && (img.getCssClass()?length gt 0)><ion-icon name="<@setIcon item />" style="margin-right: 2px;"></ion-icon></#if></#if>
<#if item.getPSSysImage()??><#assign img=item.getPSSysImage()><#if img.getCssClass()?? && (img.getCssClass()?length gt 0)><app-mob-icon name="<@setIcon item />" style="margin-right: 2px;"></app-mob-icon></#if></#if>
<#list item.getPSDEFormDetails() as formmenber>
<#if !(formmenber.isHidden?? && formmenber.isHidden())>
<#ibizinclude>
......
......@@ -33,7 +33,7 @@ ${item.render.code}
</#assign>
<#if item.getPSLayout()?? && item.getPSLayout().getLayout() == "FLEX">
<#assign pageLayout = item.getPSLayout()>
<#if item.getPSSysImage()??><#assign img=item.getPSSysImage()><#if img.getCssClass()?? && (img.getCssClass()?length gt 0)><ion-icon name="<@setIcon item />" style="margin-right: 2px;"></ion-icon></#if></#if>
<#if item.getPSSysImage()??><#assign img=item.getPSSysImage()><#if img.getCssClass()?? && (img.getCssClass()?length gt 0)><app-mob-icon name="<@setIcon item />" style="margin-right: 2px;"></app-mob-icon></#if></#if>
${content}
</div>
<#else>
......
<template>
<ion-grid class="app-mob-dashboard <#if appde??>${appde.getCodeName()?lower_case}-${ctrl.name}</#if> <#if ctrl.getPSSysCss()??><#assign singleCss = ctrl.getPSSysCss()> ${singleCss.getCssName()}</#if>">
<div v-show="isEnableCustomized" class="dashboard-enableCustomized" @click="openCustomized">定制仪表盘<ion-icon name="settings-outline"></ion-icon></div>
<div v-show="isEnableCustomized" class="dashboard-enableCustomized" @click="openCustomized">定制仪表盘<app-mob-icon name="settings-outline"></app-mob-icon></div>
<#list ctrl.getAllPSPortlets() as portlet><#t>
<#if portlet.getPortletType?? && portlet.getPortletType()?? && portlet.getPortletType() != 'CONTAINER'><#t>
<ion-card class="dashboard-item ${portlet.getPortletType()?lower_case}" v-if="!isEnableCustomized">
......
......@@ -24,8 +24,8 @@
<#-- 日历样式----天 -->
<#elseif ctrl.getCalendarStyle() == "DAY">
<div class="calendar-tools">
<div class="calendar-prev" @click="prevDate"><ion-icon name="chevron-back-outline"></ion-icon></div>
<div class="calendar-next" @click="nextDate"><ion-icon name="chevron-forward-outline"></ion-icon></div>
<div class="calendar-prev" @click="prevDate"><app-mob-icon name="chevron-back-outline"></app-mob-icon></div>
<div class="calendar-next" @click="nextDate"><app-mob-icon name="chevron-forward-outline"></app-mob-icon></div>
<div class="calendar-info">
{{year}}年{{month+1}}月{{day}}日
</div>
......@@ -79,7 +79,7 @@
<#ibizinclude>./EVENTS_CONTENT.vue.ftl</#ibizinclude>
<#-- END: 事件内容项 -->
</template>
<ion-icon @click="remove([item])" class="event-delete" name="close-outline"></ion-icon>
<app-mob-icon @onClick="remove([item])" class="event-delete" name="close-outline"></app-mob-icon>
</div>
</template>
</van-step>
......@@ -97,7 +97,7 @@
<#-- BENGIN: 事件内容项 -->
<#ibizinclude>./EVENTS_CONTENT.vue.ftl</#ibizinclude>
<#-- END: 事件内容项 -->
<ion-icon v-show="!isChoose" @click="remove([item])" class="event-delete" name="close-outline"></ion-icon>
<app-mob-icon v-show="!isChoose" @click="remove([item])" class="event-delete" name="close-outline"></app-mob-icon>
</div>
</div>
</van-step>
......
......@@ -14,7 +14,7 @@
<template v-for="(item ,index) in rootNodes">
<ion-item :key="index" @click="click_node(item)">
<ion-label>{{item.text}}</ion-label>
<ion-icon class="tree-icon" slot="end" name="chevron-forward-outline"></ion-icon>
<app-mob-icon class="tree-icon" position="end" name="chevron-forward-outline"></app-mob-icon>
</ion-item>
</template>
</ion-list>
......
......@@ -5,7 +5,7 @@
<#list details as detail>
<#if detail.getPSUIAction()??>
<#assign uiaction = detail.getPSUIAction()>
<ion-item-option v-show="item.${uiaction.getCodeName()}.visabled" :disabled="item.${uiaction.getCodeName()}.disabled" color="<#if uiaction.getUIActionTag() == "Remove">danger<#else>primary</#if>" @click="mdctrl_click($event, '${detail.getName()}', item)"><ion-icon v-if="item.${uiaction.getCodeName()}.icon && item.${uiaction.getCodeName()}.isShowIcon" :name="item.${uiaction.getCodeName()}.icon"></ion-icon><ion-label v-if="item.${uiaction.getCodeName()}.isShowCaption">${uiaction.getCaption()}</ion-label></ion-item-option>
<ion-item-option v-show="item.${uiaction.getCodeName()}.visabled" :disabled="item.${uiaction.getCodeName()}.disabled" color="<#if uiaction.getUIActionTag() == "Remove">danger<#else>primary</#if>" @click="mdctrl_click($event, '${detail.getName()}', item)"><app-mob-icon v-if="item.${uiaction.getCodeName()}.icon && item.${uiaction.getCodeName()}.isShowIcon" :name="item.${uiaction.getCodeName()}.icon"></app-mob-icon><ion-label v-if="item.${uiaction.getCodeName()}.isShowCaption">${uiaction.getCaption()}</ion-label></ion-item-option>
</#if>
</#list>
</ion-item-options>
......@@ -16,7 +16,7 @@
<#list details as detail>
<#if detail.getPSUIAction()??>
<#assign uiaction = detail.getPSUIAction()>
<ion-item-option v-show="item.${uiaction.getCodeName()}.visabled" :disabled="item.${uiaction.getCodeName()}.disabled" color="<#if uiaction.getUIActionTag() == "Remove">danger<#else>primary</#if>" @click="mdctrl_click($event, '${detail.getName()}', item)"><ion-icon v-if="item.${uiaction.getCodeName()}.icon && item.${uiaction.getCodeName()}.isShowIcon" :name="item.${uiaction.getCodeName()}.icon"></ion-icon><ion-label v-if="item.${uiaction.getCodeName()}.isShowCaption">${uiaction.getCaption()}</ion-label></ion-item-option>
<ion-item-option v-show="item.${uiaction.getCodeName()}.visabled" :disabled="item.${uiaction.getCodeName()}.disabled" color="<#if uiaction.getUIActionTag() == "Remove">danger<#else>primary</#if>" @click="mdctrl_click($event, '${detail.getName()}', item)"><app-mob-icon v-if="item.${uiaction.getCodeName()}.icon && item.${uiaction.getCodeName()}.isShowIcon" :name="item.${uiaction.getCodeName()}.icon"></app-mob-icon><ion-label v-if="item.${uiaction.getCodeName()}.isShowCaption">${uiaction.getCaption()}</ion-label></ion-item-option>
</#if>
</#list>
</ion-item-options>
......
......@@ -30,7 +30,7 @@
<#if formpage.getPSSysImage()??>
<#assign sysimage = formpage.getPSSysImage()/>
<#if sysimage.getImagePath() == "">
<ion-icon name="<@setIcon formpage />" style="margin-right: 2px"></ion-icon>
<app-mob-icon name="<@setIcon formpage />" style="margin-right: 2px"></app-mob-icon>
<#else>
<img src="${sysimage.getImagePath()}" style="margin-right: 2px"/>
</#if>
......
......@@ -2,7 +2,7 @@
../../@NAVPARAMS/FUNC/PUBLIC.vue.ftl
</#ibizinclude>
<#assign content>
<#if item.getPSSysImage()??><#assign img=item.getPSSysImage()><#if img.getCssClass()?? && (img.getCssClass()?length gt 0)><ion-icon name="<@setIcon item />" style="margin-right: 2px;"></ion-icon></#if></#if>
<#if item.getPSSysImage()??><#assign img=item.getPSSysImage()><#if img.getCssClass()?? && (img.getCssClass()?length gt 0)><app-mob-icon name="<@setIcon item />" style="margin-right: 2px;"></app-mob-icon></#if></#if>
<#list item.getPSDEFormDetails() as formmenber>
<#if !(formmenber.isHidden?? && formmenber.isHidden())>
<#ibizinclude>
......
......@@ -35,7 +35,7 @@ ${item.render.code}
</#assign>
<#if item.getPSLayout()?? && item.getPSLayout().getLayout() == "FLEX">
<#assign pageLayout = item.getPSLayout()>
<#if item.getPSSysImage()??><#assign img=item.getPSSysImage()><#if img.getCssClass()?? && (img.getCssClass()?length gt 0)><ion-icon class="${img.getCssClass()}" style="margin-right: 2px;" name="<@setIcon item />"></ion-icon></#if></#if>
<#if item.getPSSysImage()??><#assign img=item.getPSSysImage()><#if img.getCssClass()?? && (img.getCssClass()?length gt 0)><app-mob-icon class="${img.getCssClass()}" style="margin-right: 2px;" name="<@setIcon item />"></app-mob-icon></#if></#if>
${content}
</div>
<#else>
......
......@@ -65,9 +65,9 @@
<div class="toolbar_group_<#if ctrl.getToolbarStyle() == 'MOBNAVRIGHTMENU'>right<#else>left</#if>" v-show="${ctrl.name}Models.${item.name}.isshow" >
<ion-list class="ionlist">
<#list item.getPSDEToolbarItems() as toolbarItem>
<ion-item @click="${ctrl.name}_click({ tag: '${toolbarItem.name}' }, $event), ${ctrl.name}Models.${item.name}.isshow=false"><#if toolbarItem.isShowIcon()><#if toolbarItem.getPSSysImage()??> <ion-icon name="<@setIcon toolbarItem />" class="group_ion-icon"></ion-icon><#else><ion-icon class="group_ion-icon" name="reorder-four-outline"></ion-icon></#if></#if> {{<#if toolbarItem.isShowCaption()><#if langbase??>$t('${langbase}.${toolbarItem.name}.caption')<#else>'${toolbarItem.getCaption()}'</#if></#if>}} </ion-item>
<ion-item @click="${ctrl.name}_click({ tag: '${toolbarItem.name}' }, $event), ${ctrl.name}Models.${item.name}.isshow=false"><#if toolbarItem.isShowIcon()><#if toolbarItem.getPSSysImage()??> <app-mob-icon name="<@setIcon toolbarItem />" class="group_ion-icon"></app-mob-icon><#else><app-mob-icon class="group_ion-icon" name="reorder-four-outline"></app-mob-icon></#if></#if> {{<#if toolbarItem.isShowCaption()><#if langbase??>$t('${langbase}.${toolbarItem.name}.caption')<#else>'${toolbarItem.getCaption()}'</#if></#if>}} </ion-item>
</#list>
<ion-item @click="${ctrl.name}Models.${item.name}.isshow=false"> <ion-icon name="close" class="group_ion-icon"></ion-icon> 关闭 </ion-item>
<ion-item @click="${ctrl.name}Models.${item.name}.isshow=false"> <app-mob-icon name="close" class="group_ion-icon"></app-mob-icon> 关闭 </ion-item>
</ion-list>
</div>
</#if>
......@@ -127,7 +127,7 @@
<div v-show="${ctrl.name}Models.${item.name}.isshow" class="footer_group">
<ion-list class="ionlist">
<#list item.getPSDEToolbarItems() as toolbarItem>
<ion-item @click="${ctrl.name}_click({ tag: '${toolbarItem.name}' }, $event), ${ctrl.name}Models.${item.name}.isshow=false"><#if toolbarItem.isShowIcon()><#if toolbarItem.getPSSysImage()??> <ion-icon name="<@setIcon toolbarItem />" class="group_ion-icon"></ion-icon><#else><ion-icon class="group_ion-icon" name="reorder-four-outline"></ion-icon></#if></#if> {{<#if toolbarItem.isShowCaption()><#if langbase??>$t('${langbase}.${toolbarItem.name}.caption')<#else>'${toolbarItem.getCaption()}'</#if></#if>}} </ion-item>
<ion-item @click="${ctrl.name}_click({ tag: '${toolbarItem.name}' }, $event), ${ctrl.name}Models.${item.name}.isshow=false"><#if toolbarItem.isShowIcon()><#if toolbarItem.getPSSysImage()??> <app-mob-icon name="<@setIcon toolbarItem />" class="group_ion-icon"></app-mob-icon><#else><app-mob-icon class="group_ion-icon" name="reorder-four-outline"></app-mob-icon></#if></#if> {{<#if toolbarItem.isShowCaption()><#if langbase??>$t('${langbase}.${toolbarItem.name}.caption')<#else>'${toolbarItem.getCaption()}'</#if></#if>}} </ion-item>
</#list>
</ion-list>
</div>
......
......@@ -38,7 +38,7 @@ ${P.getCtrlCode('pickupviewpanel', 'CONTROL.html').code}
</van-action-sheet>
</#if>
</#if>
<div class="selectedCount" <#if isTreeView>@click="select_click"</#if>>已选择:{{viewSelections.length}}<ion-icon name="chevron-up-outline"></ion-icon></div>
<div class="selectedCount" <#if isTreeView>@click="select_click"</#if>>已选择:{{viewSelections.length}}<app-mob-icon name="chevron-up-outline"></app-mob-icon></div>
<app-mob-button
class="pick-btn"
:text="$t('app.button.confirm')"
......
......@@ -29,8 +29,8 @@
<div class="view-tool-sorts-item">
<span :class="{text:true,active:hasColor}" @click="onSort('<#if item.getName()??>${item.getName()}</#if>')"><#if item.getCaption()??>${item.getCaption()}</#if></span>
<span class="sort-icon" @click="onSort('<#if item.getName()??>${item.getName()}</#if>')">
<ion-icon :class="{'ios' : true ,'hydrated': true ,'sort-select': sort.asc == '<#if item.getName()??>${item.getName()}</#if>'}" name="chevron-up-outline" ></ion-icon>
<ion-icon :class="{'ios' : true ,'hydrated': true ,'sort-select': sort.desc == '<#if item.getName()??>${item.getName()}</#if>'}" name="chevron-down-outline" ></ion-icon>
<app-mob-icon :class="{'ios' : true ,'hydrated': true ,'sort-select': sort.asc == '<#if item.getName()??>${item.getName()}</#if>'}" name="chevron-up-outline" ></app-mob-icon>
<app-mob-icon :class="{'ios' : true ,'hydrated': true ,'sort-select': sort.desc == '<#if item.getName()??>${item.getName()}</#if>'}" name="chevron-down-outline" ></app-mob-icon>
</span>
</div>
</#if>
......
......@@ -33,7 +33,7 @@
</#list>
<#-- 输出左侧工具栏:END -->
</ion-buttons>
<#if !view.isShowCaptionBar?? || view.isShowCaptionBar() == true><ion-title class="view-title"><label class="title-label"><ion-icon v-if="model.icon" :name="model.icon"></ion-icon> <img v-else-if="model.iconcls" :src="model.iconcls" alt=""> {{$t(model.srfCaption)}}</label></ion-title></#if>
<#if !view.isShowCaptionBar?? || view.isShowCaptionBar() == true><ion-title class="view-title"><label class="title-label"><app-mob-icon v-if="model.icon" :name="model.icon"></app-mob-icon> <img v-else-if="model.iconcls" :src="model.iconcls" alt=""> {{$t(model.srfCaption)}}</label></ion-title></#if>
<#-- 输出右侧工具栏:BEGIN -->
<#if isOutputToolBar('MOBNAVRIGHTMENU')>
<ion-buttons slot="end">
......@@ -59,9 +59,9 @@
<div class="toolbar_group_<#if ctrl.getToolbarStyle() == 'MOBNAVRIGHTMENU'>right<#else>left</#if>" v-show="${ctrl.name}Models.${item.name}.isshow" >
<ion-list class="ionlist">
<#list item.getPSDEToolbarItems() as toolbarItem>
<ion-item @click="${ctrl.name}_click({ tag: '${toolbarItem.name}' }, $event), ${ctrl.name}Models.${item.name}.isshow=false"><#if toolbarItem.isShowIcon()><#if toolbarItem.getPSSysImage()??> <ion-icon name="<@setIcon toolbarItem />" class="group_ion-icon"></ion-icon><#else><ion-icon class="group_ion-icon" name="reorder-four-outline"></ion-icon></#if></#if> {{<#if toolbarItem.isShowCaption()><#if langbase??>$t('${langbase}.${toolbarItem.name}.caption')<#else>'${toolbarItem.getCaption()}'</#if></#if>}} </ion-item>
<ion-item @click="${ctrl.name}_click({ tag: '${toolbarItem.name}' }, $event), ${ctrl.name}Models.${item.name}.isshow=false"><#if toolbarItem.isShowIcon()><#if toolbarItem.getPSSysImage()??> <app-mob-icon name="<@setIcon toolbarItem />" class="group_ion-icon"></app-mob-icon><#else><app-mob-icon class="group_ion-icon" name="reorder-four-outline"></app-mob-icon></#if></#if> {{<#if toolbarItem.isShowCaption()><#if langbase??>$t('${langbase}.${toolbarItem.name}.caption')<#else>'${toolbarItem.getCaption()}'</#if></#if>}} </ion-item>
</#list>
<ion-item @click="${ctrl.name}Models.${item.name}.isshow=false"> <ion-icon name="close" class="group_ion-icon"></ion-icon> 关闭 </ion-item>
<ion-item @click="${ctrl.name}Models.${item.name}.isshow=false"> <app-mob-icon name="close" class="group_ion-icon"></app-mob-icon> 关闭 </ion-item>
</ion-list>
</div>
</#if>
......
......@@ -10,7 +10,7 @@
<#list tabexppanel.getPSControls() as tabviewpanel>
<ion-segment-button value="${tabviewpanel.name}">
<#if tabviewpanel.getPSSysImage?? && tabviewpanel.getPSSysImage()?? && tabviewpanel.getPSSysImage().getCssClass?? && tabviewpanel.getPSSysImage().getCssClass()?? >
<ion-icon name="<@setIcon tabviewpanel />"></ion-icon>
<app-mob-icon name="<@setIcon tabviewpanel />"></app-mob-icon>
</#if>
<#if tabviewpanel.getCounterId?? && tabviewpanel.getCounterId()?? && tabviewpanel.getCounterId() != ''><ion-badge color="danger">{{counter.counterData.${tabviewpanel.getCounterId()?lower_case}?counter.counterData.${tabviewpanel.getCounterId()?lower_case}:''}}</ion-badge></#if>
${tabviewpanel.getCaption()}</ion-segment-button>
......
......@@ -9,7 +9,7 @@
<van-button type="primary" long<#if item.getHeight() gt 0> style="height: ${item.getHeight()?c}px;"</#if>>
<#if item.getPSSysImage()??>
<#assign image = item.getPSSysImage()>
<ion-icon name="<@setIcon item />"></ion-icon>
<app-mob-icon name="<@setIcon item />"></app-mob-icon>
</#if>
<#if item.isShowCaption()>
<span<#if item.getLabelPSSysCss()??> class="${item.getLabelPSSysCss().getCssName()}"</#if><#if item.getLabelPSSysCss()??> style="${item.getLabelPSSysCss().getRawCssStyle()}"</#if>>${item.getCaption()}</span>
......@@ -21,7 +21,7 @@
<van-button type="primary" long<#if item.getHeight() gt 0> style="height: ${item.getHeight()?c}px;"</#if>>
<#if item.getPSSysImage()??>
<#assign image = item.getPSSysImage()>
<ion-icon name="<@setIcon item />"></ion-icon>
<app-mob-icon name="<@setIcon item />"></app-mob-icon>
</#if>
<#if item.isShowCaption()>
<span<#if item.getLabelPSSysCss()??> class="${item.getLabelPSSysCss().getCssName()}"</#if><#if item.getLabelPSSysCss()??> style="${item.getLabelPSSysCss().getRawCssStyle()}"</#if>>${item.getCaption()}</span>
......
......@@ -6,7 +6,7 @@
<ion-input v-if="isEditTitle" :value="editTitle" @ionChange="titleChange"></ion-input>
<span v-if="!isEditTitle"><span v-if="customizeTitle">{{customizeTitle}}</span><span v-else>{{$t('app.portlets.${ctrl.getCodeName()?lower_case}.caption')}}</span></span>
<div v-if="actionBarModelData && actionBarModelData.length> 0" class="portlet__header_right">
<ion-icon v-if="!isEditTitle" name="ellipsis-horizontal-outline" @click="open"></ion-icon>
<app-mob-icon v-if="!isEditTitle" name="ellipsis-horizontal-outline" @onClick="open"></app-mob-icon>
</div>
</ion-list-header>
<div class="edit_title_btn" :style="edit_title_btn">
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册