blackteay/vue-element-admin
1
0
Fork 0
mirror of https://github.com/PanJiaChen/vue-element-admin.git synced 2025-08-10 20:39:48 +08:00
Code Issues Releases Wiki Activity

support search table mode mobile (#740)

Browse Source 
* support search table mode mobile

* minimal changes
This commit is contained in:
Elsio Sanchez 2021-04-14 19:42:45 -04:00 committed by GitHub
parent 2c67d04f5a
commit e98b9fbac3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 24 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/ADempiere/DataTable/dataTables-Script.js
View File

@ -139,14 +139,24 @@ export default {
height: '55%',
overflow: 'auto'
}
} else if (this.isMobile) {
return {
height: '10%',
overflow: 'hidden'
}
}
return {
height: '11%',
overflow: 'hidden'
}
}
if (this.isMobile) {
return {
height: '10%'
}
}
return {
height: '35px'
height: '20%'
}
},
getHeigthTable() {

46
src/components/ADempiere/DataTable/index.vue
View File

@ -27,7 +27,6 @@
/>
</el-collapse-item>
</el-collapse>
<div v-if="!isMobile">
<table-main-menu
:container-uuid="containerUuid"
@ -71,19 +70,8 @@
/>
</div>
</div>
<div v-else>
<!-- <div v-else>
<div v-if="!isParent">
<fixed-columns
:container-uuid="containerUuid"
:panel-type="panelType"
class="header-search-input"
/>
<filter-columns
v-if="isShowOptionalColumns"
:container-uuid="containerUuid"
:panel-type="panelType"
class="field-optional"
/>
<div :class="{ show: showTableSearch }" class="local-search-container">
<svg-icon class-name="search-icon" icon-class="search" @click.stop="click()" />
<el-input
@ -97,18 +85,6 @@
</div>
</div>
<div v-else class="panel-expand">
<div :class="{ show: showTableSearch, mobile: isMobile }" class="local-search-container">
<svg-icon class-name="search-icon" icon-class="search" @click.stop="click()" />
<el-input
ref="headerSearchInput"
v-model="searchTable"
size="mini"
:placeholder="$t('table.dataTable.search')"
class="header-search-input"
clearable
/>
</div>
<!-- is parent and is mobile -->
<el-button
v-show="isPanelWindow && getDataSelection.length"
type="text"
@ -116,18 +92,22 @@
style="color: black; font-size: 17px; font-weight: 605 !important;"
@click="deleteSelection()"
/>
<icon-element icon="el-icon-news" style="padding-top: 0px;" @click="searchRecordNavegation()">
<fixed-columns
:container-uuid="containerUuid"
:panel-type="panelType"
class="header-search-input"
/>
</icon-element>
</div>
</div>
</div> -->
</el-header>
<el-main style="padding: 0px !important; overflow: hidden;">
<div v-if="isEmptyValue(activeName) && isParent" :class="{ show: showTableSearch }" class="local-search-container">
<svg-icon class-name="search-icon" icon-class="search" @click.stop="click()" />
<el-input
ref="headerSearchInput"
v-model="searchTable"
size="mini"
:placeholder="$t('table.dataTable.search')"
class="header-search-input"
clearable
/>
</div>
<table-context-menu
v-show="isShowedContextMenu"
:style="{ left: leftContextualMenu + 'px', top: topContextualMenu + 'px' }"