提交 0c98de14 编写于 作者: JunZai's avatar JunZai

update

上级 9742e3ab
<template> <template>
<div> <div>
<#if ctrl.getQuickSearchMode() gt 0> <div class="search-bar-header">
<i-input v-model="query" @on-change="onQueryChange" placeholder="<#if ctrl.getPSSearchBarQuickSearchs()??><#list ctrl.getPSSearchBarQuickSearchs() as search><#if search_index gt 0>,</#if><#if search.getPSDEField()??>${search.getPSDEField().getLogicName()}</#if></#list></#if>" style="<#if ctrl.getQuickSearchWidth() gt 0>width: ${ctrl.getQuickSearchWidth()?c}px;</#if>"></i-input> <#if ctrl.getQuickSearchMode() gt 0>
</#if> <i-input v-model="query" @on-change="onQueryChange" placeholder="<#if ctrl.getPSSearchBarQuickSearchs()??><#list ctrl.getPSSearchBarQuickSearchs() as search><#if search_index gt 0>,</#if><#if search.getPSDEField()??>${search.getPSDEField().getLogicName()}</#if></#list></#if>" style="<#if ctrl.getQuickSearchWidth() gt 0>width: ${ctrl.getQuickSearchWidth()?c}px;</#if>"></i-input>
</#if>
<div class="search-bar-action">
<i-button title="搜索"><i class="fa fa-search" aria-hidden="true"></i></i-button>
<i-button title="添加" v-if="filterFields.length > 0" @click="onAdd"><i class="fa fa-plus" aria-hidden="true"></i></i-button>
<i-button title="保存"><i class="fa fa-floppy-o" aria-hidden="true"></i></i-button>
<i-button title="重置"><i class="fa fa-repeat" aria-hidden="true"></i></i-button>
</div>
</div>
<div v-if="filterFields.length > 0" class="filter-group"> <div v-if="filterFields.length > 0" class="filter-group">
<template v-for="(item, index) of filterItems"> <template v-for="(item, index) of filterItems">
<filter-item :key="index" :data="item" :filterFields="filterFields"> <filter-item :key="index" :data="item" :filterFields="filterFields" @remove="onRemove(index)">
<template slot-scope="{data}"> <template slot-scope="{data}">
<#if ctrl.getPSSearchBarFilters()??> <#if ctrl.getPSSearchBarFilters()??>
<#list ctrl.getPSSearchBarFilters() as filter> <#list ctrl.getPSSearchBarFilters() as filter>
...@@ -39,7 +47,7 @@ ...@@ -39,7 +47,7 @@
* @memberof ${srfclassname('${ctrl.codeName}')}Base * @memberof ${srfclassname('${ctrl.codeName}')}Base
*/ */
get filterFields() { get filterFields() {
return Object.vals(this.detailsModel); return Object.values(this.detailsModel);
} }
/** /**
...@@ -105,7 +113,25 @@ ...@@ -105,7 +113,25 @@
} }
/**
* 删除过滤项
*
* @return {*}
* @memberof ${srfclassname('${ctrl.codeName}')}Base
*/
public onRemove(index: number) {
this.filterItems.splice(index, 1);
}
/**
* 添加过滤项
*
* @return {*}
* @memberof ${srfclassname('${ctrl.codeName}')}Base
*/
public onAdd() {
this.filterItems.push({});
}
<#ibizinclude> <#ibizinclude>
../@MACRO/CONTROL/CONTROL_BOTTOM-BASE.vue.ftl ../@MACRO/CONTROL/CONTROL_BOTTOM-BASE.vue.ftl
</#ibizinclude> </#ibizinclude>
......
.search-bar-header {
height: 32px;
.search-bar-action {
float: right;
> .ivu-btn {
margin-left: 5px;
}
}
}
<#ibizinclude> <#ibizinclude>
../@MACRO/CSS/DEFAULT.less.ftl ../@MACRO/CSS/DEFAULT.less.ftl
</#ibizinclude> </#ibizinclude>
\ No newline at end of file
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册