saas-dynamic-component
Version:
saas-dynamic-component ==== saas平台动态引擎组件库，目前包括查询引擎、表格引擎，后续待增加...
120 lines • 6.71 kB
HTML
<template name="searchEngine">
<div class="site-search">
<#if {searchEngine.resultLoading}>
<div class="box-center">
<ant-Spin />
</div>
<#else>
<div class="{lang == 'zh_cn' ? ('', 'english-css')}"">
<ant-Form>
<fj-Row gutter={40}>
<#each {searchEngine.hiddenList}>
<fj-Col l=4 key={@index} style="display: none;">
<ant-FormItem label="{name}">
<#formValue propSelf="{{ code }}" required="{{ isRequired }}" defaultValue="{{ defaultValue }}">
<ant-Input disabled />
</#formValue>
</ant-FormItem>
</fj-Col>
</#each>
<#each {searchEngine.queryItem}>
<#if {isHidden != 1}>
<fj-Col l=4 key={@index}>
<ant-FormItem label="{name}">
<#if {dataType == 5}>
<div class="cascader-search">
<#formValue propSelf="{{ code }}" required="{{ isRequired }}">
<ant-Cascader onPopupVisibleChange={onPopupVisible(pkTemplateField,code)}
notFoundContent={cascaderLoading}
options={searchEngine.cascaderData[code]}
loadData={loadDataCascader(code)}
onChange={onChangeCascader(code)}
changeOnSelect
placeholder="{placeHolder || intlSaaS('selectHolder')}"
popupVisible={searchEngine.popupVisible[code]}
/>
</#formValue>
<#if {!searchEngine.cascaderInputVisible[code]}>
<ant-Input class="cascader-input"
onChange={onChangeCascaderInput(pkTemplateField,code)}
onFocus={onFocusCascaderInput(pkTemplateField,code)}
placeholder="{placeHolder || intlSaaS('selectHolder')}" />
</#if>
</div>
<#else>
<#formValue propSelf="{{ code }}" required="{{ isRequired }}">
<#if {dataType == 3}>
<ant-Input placeholder="{placeHolder || intlSaaS('multiSelect')}" />
<#elseif {dataType == 1}>
<ant-Select onFocus={onFocusSelect(pkTemplateField,isMultiSelect,@item)}
notFoundContent={selectLoading}
mode="{isMultiSelect == 1 ? ('multiple','')}"
placeholder="{placeHolder || intlSaaS('selectHolder')}">
<#each {searchEngine.selectItem[code]}>
<ant-Option value={getReturnType(returnType,@item)} key={@index}>{getShowType(showType,@item)}</ant-Option>
</#each>
</ant-Select>
</#elseif>
<#elseif {dataType == 6}>
<ant-Select onFocus={onFocusSelect(pkTemplateField,isMultiSelect,@item)}
notFoundContent={selectLoading}
mode="{isMultiSelect == 1 ? ('multiple','')}"
showSearch
onSearch={searchSelectValue(pkTemplateField,isMultiSelect,@item)}
filterOption={false}
placeholder="{placeHolder || intlSaaS('selectHolder')}">
<#each {searchEngine.selectItem[code]}>
<ant-Option value={getReturnType(returnType,@item)} key={@index}>{getShowType(showType,@item)}</ant-Option>
</#each>
</ant-Select>
</#elseif>
<#elseif {dataType == 2}>
<ant-DatePicker />
</#elseif>
<#elseif {dataType == 9}>
<ant-Cascader onPopupVisibleChange={onPopupVisible(pkTemplateField,code)}
notFoundContent={cascaderLoading}
options={searchEngine.cascaderData[code]}
loadData={loadDataCascader(code)}
onChange={onChangeCascader(code)}
changeOnSelect
placeholder="{placeHolder || intlSaaS('selectHolder')}"
popupVisible={searchEngine.popupVisible[code]}
/>
</#elseif>
<#else>
<ant-Input placeholder="{placeHolder || intlSaaS('multiSelect')}" />
</#else>
</#if>
</#formValue>
</#else>
</#if>
</ant-FormItem>
</fj-Col>
</#if>
</#each>
</fj-Row>
</ant-Form>
<#if {{searchText}}>
<div class="clearfix">
<div class="fl">
<#if {searchEngine.searchCollection.length > 6}>
<#if {!toJS(queryAllShow)}>
<a href="javascript:;" onClick={queryItemChange}>{intlSaaS('show')}<ant-Icon type="down" theme="outlined" /></a>
<#else>
<a href="javascript:;" onClick={queryItemChange}>{intlSaaS('hide')}<ant-Icon type="up" theme="outlined" /></a>
</#else>
</#if>
</#if>
</div>
<div class="tr fr">
<ant-Button class="btn-left" type="primary" onClick={onSearch}>{searchText}</ant-Button>
<ant-Button class="btn-left" onClick={onReset}>{intlSaaS('resetting')}</ant-Button>
</div>
</div>
</#if>
</div>
</#else>
</#if>
</div>
</template>