提交 e4618bee 编写于 作者: zhujiamin's avatar zhujiamin

列表分组UI调整

上级 a9a9f9cd
......@@ -90,7 +90,10 @@
<ion-checkbox :checked="selectAllIschecked" v-show="showCheack" @ionChange="checkboxAll"></ion-checkbox>
<ion-label class="selectal-label" v-show="showCheack">全选</ion-label>
</div>
<ion-item-sliding :ref="item.srfkey" v-for="item in items" @click="item_click(item)" :key="item.srfkey" class="app-mob-mdctrl-item" :disabled="item.sliding_disabled">
<#if ctrl.isEnableGroup?? && ctrl.isEnableGroup()?? && ctrl.isEnableGroup()>
<div class="item-grouped" v-for="obj in group_data" :key="obj.index">
<div class="text">{{obj.text}}</div>
<ion-item-sliding :ref="item.srfkey" v-for="item in obj.items" @click="item_click(item)" :key="item.srfkey" class="app-mob-mdctrl-item" :disabled="item.sliding_disabled">
<#-- BENGIN:输出界面行为组 -->
<@outPutActionGroup ctrl />
<#-- END:输出界面行为组 -->
......@@ -112,7 +115,34 @@
</#if>
</ion-item>
</#if>
</ion-item-sliding>
</ion-item-sliding>
</div>
<#else>
<ion-item-sliding :ref="item.srfkey" v-for="item in items" @click="item_click(item)" :key="item.srfkey" class="app-mob-mdctrl-item" :disabled="item.sliding_disabled">
<#-- BENGIN:输出界面行为组 -->
<@outPutActionGroup ctrl />
<#-- END:输出界面行为组 -->
<#if ctrl.getItemPSLayoutPanel()??>
<#-- BENGIN:输出项布局面板 -->
<@outPutItemLaoutPanel ctrl />
<#-- END:输出项布局面板 -->
<#else>
<ion-item>
<ion-checkbox :checked="item.checked" v-show="showCheack" @click.stop="checkboxSelect(item)"></ion-checkbox>
<#--实体列表项集合-->
<#if ctrl.getPSDEListItems()??>
<!-- 列表视图样式 -->
<app-list-index-text <#if ctrl.getPSDEListItems()??>:dataItemNames = "[<#list ctrl.getPSDEListItems() as item><#if item.getDataItemName()??>'${item.getDataItemName()}',</#if></#list>]"</#if> :item="item" :index="item.srfkey" major="<#if appde.getMajorPSAppDEField()??>${appde.getMajorPSAppDEField().getCodeName()?lower_case}<#else>srfmajortext</#if>" v-if="controlStyle.substring(0,8) === 'LISTVIEW'"></app-list-index-text>
<!-- 图标视图样式 -->
<app-icon-list :item="item" v-if="controlStyle === 'ICONVIEW'"></app-icon-list>
<#else>
<div>暂无数据</div>
</#if>
</ion-item>
</#if>
</ion-item-sliding>
</#if>
<ion-button size="small" color="secondary" v-if="!isTempMode && !allLoaded" style ="position: relative;left: calc( 50% - 44px);" @click="loadBottom">{{$t('app.button.loadmore')}}</ion-button>
</template>
<template v-else-if="(viewType == 'DEMOBMDVIEW9')">
......
......@@ -42,6 +42,14 @@
.app-mob-mdctrl-item{
margin-top:10px;
}
.item-grouped{
padding:0 10px;
.text{
margin: 10px 5px;
font-size: 15px;
color: #7c7c7c;
}
}
}
.no-data{
position: absolute;
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册