<#ibizinclude>./ACTION_GROUP.vue.ftl</#ibizinclude> <#ibizinclude>./ITEM_LAYOUTPANEL.vue.ftl</#ibizinclude> <template> <div class="app-mob-mdctrl <#if ctrl.getPSSysCss()??><#assign singleCss = ctrl.getPSSysCss()> ${singleCss.getCssName()}</#if>"> <div class="app-mob-mdctrl-${ctrl.name}"> <van-pull-refresh class="app-mob-mdctrl-refresh" v-model="isLoading" success-text="刷新成功" @refresh="refresh"> <#if ctrl.getPSSysPFPlugin?? && ctrl.getPSSysPFPlugin()??> <#if ctrl.getPSSysPFPlugin().getPFPluginType?? && ctrl.getPSSysPFPlugin().getPFPluginType()?? && ctrl.getPSSysPFPlugin().getPFPluginType()=='LIST_RENDER'> ${ctrl.render.code} </#if> <#if ctrl.getPSSysPFPlugin().getPFPluginType?? && ctrl.getPSSysPFPlugin().getPFPluginType()?? && ctrl.getPSSysPFPlugin().getPFPluginType()=='LIST_ITEMRENDER'> <ion-list class="items"> <template v-if="(viewType == 'DEMOBMDVIEW9') && controlStyle != 'SWIPERVIEW' "> ${ctrl.render.code} <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> </ion-list> <ion-list class="items"> <#--多数据视图||多数据视图(部件视图)--> <template v-if="(viewType == 'DEMOBMDVIEW') && controlStyle != 'SWIPERVIEW' "> ${ctrl.render.code} <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')"> ${ctrl.render.code} </template> <template v-else-if="(viewType == 'DEMOBMDVIEW' || viewType == 'DEMOBMDVIEW9') && controlStyle === 'SWIPERVIEW'"> ${ctrl.render.code} </template> <#-- BENGIN: 工作流多数据视图 --> <#ibizinclude>./WORKFLOW_MDVIEW.template.ftl</#ibizinclude> <#-- END: 工作流多数据视图 --> <#--多数据选择视图(部件视图)--> <#--多选--> <template v-else> <#-- BENGIN: 多选视图 --> <#ibizinclude>./PICKER_MDVIEW.template.ftl</#ibizinclude> <#-- END: 多选视图 --> </template> </ion-list> <ion-infinite-scroll v-if="viewType == 'DEMOBMDVIEW'" :disabled="allLoaded" ref="loadmoreBottom" @ionInfinite="loadBottom" distince="1%"> <ion-infinite-scroll-content loadingSpinner="bubbles" loadingText="正在加载数据"> </ion-infinite-scroll-content> </ion-infinite-scroll> </#if> <#else> <ion-list class="items"> <template v-if="(viewType == 'DEMOBMDVIEW9') && controlStyle != 'SWIPERVIEW' "> <div class="selectall"> <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="sliding" v-for="(item, index) in items" @click="item_click(item)" :key="index" class="app-mob-mdctrl-item"> <#-- 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-default <#if ctrl.getPSDEListItems()??>:dataItemNames = "[<#list ctrl.getPSDEListItems() as item><#if item.getDataItemName()??>'${item.getDataItemName()}',</#if></#list>]"</#if> :item="item" major="<#if appde.getMajorPSAppDEField()??>${appde.getMajorPSAppDEField().getCodeName()?lower_case}<#else>srfmajortext</#if>" v-if="controlStyle.substring(0,8) === 'LISTVIEW'"></app-list-default> <!-- 图标视图样式 --> <app-icon-list :item="item" v-if="controlStyle === 'ICONVIEW'"></app-icon-list> <#else> <div>暂无数据</div> </#if> </ion-item> </#if> </ion-item-sliding> <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> </ion-list> <ion-list class="items"> <#--多数据视图||多数据视图(部件视图)--> <template v-if="(viewType == 'DEMOBMDVIEW') && controlStyle != 'SWIPERVIEW' "> <div class="selectall"> <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, index) in items" @click="item_click(item)" :key="index" class="app-mob-mdctrl-item"> <#-- 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-default <#if ctrl.getPSDEListItems()??>:dataItemNames = "[<#list ctrl.getPSDEListItems() as item><#if item.getDataItemName()??>'${item.getDataItemName()}',</#if></#list>]"</#if> :item="item" major="<#if appde.getMajorPSAppDEField()??>${appde.getMajorPSAppDEField().getCodeName()?lower_case}<#else>srfmajortext</#if>" v-if="controlStyle.substring(0,8) === 'LISTVIEW'"></app-list-default> <!-- 图标视图样式 --> <app-icon-list :item="item" v-if="controlStyle === 'ICONVIEW'"></app-icon-list> <#else> <div>暂无数据</div> </#if> </ion-item> </#if> </ion-item-sliding> <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')"> </template> <template v-else-if="(viewType == 'DEMOBMDVIEW' || viewType == 'DEMOBMDVIEW9') && controlStyle === 'SWIPERVIEW'"> <app-list-swipe :items="items"></app-list-swipe> </template> <#-- BENGIN: 工作流多数据视图 --> <#ibizinclude>./WORKFLOW_MDVIEW.template.ftl</#ibizinclude> <#-- END: 工作流多数据视图 --> <#--多数据选择视图(部件视图)--> <#--多选--> <template v-else> <#-- BENGIN: 多选视图 --> <#ibizinclude>./PICKER_MDVIEW.template.ftl</#ibizinclude> <#-- END: 多选视图 --> </template> </ion-list> <ion-infinite-scroll v-if="viewType == 'DEMOBMDVIEW'" :disabled="allLoaded" ref="loadmoreBottom" @ionInfinite="loadBottom" distince="1%"> <ion-infinite-scroll-content loadingSpinner="bubbles" loadingText="正在加载数据"> </ion-infinite-scroll-content> </ion-infinite-scroll> </#if> </van-pull-refresh> </div> </div> </template>