blackteay/vue-element-admin
1
0
Fork 0
mirror of https://github.com/PanJiaChen/vue-element-admin.git synced 2025-08-13 23:20:12 +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%', height: '55%',
overflow: 'auto' overflow: 'auto'
} }
} else if (this.isMobile) {
return {
height: '10%',
overflow: 'hidden'
}
} }
return { return {
height: '11%', height: '11%',
overflow: 'hidden' overflow: 'hidden'
} }
} }
if (this.isMobile) {
return { return {
height: '35px' height: '10%'
}
}
return {
height: '20%'
} }
}, },
getHeigthTable() { getHeigthTable() {

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

@ -27,7 +27,6 @@
/> />
</el-collapse-item> </el-collapse-item>
</el-collapse> </el-collapse>
<div v-if="!isMobile"> <div v-if="!isMobile">
<table-main-menu <table-main-menu
:container-uuid="containerUuid" :container-uuid="containerUuid"
@ -71,19 +70,8 @@
/> />
</div> </div>
</div> </div>
<div v-else> <!-- <div v-else>
<div v-if="!isParent"> <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"> <div :class="{ show: showTableSearch }" class="local-search-container">
<svg-icon class-name="search-icon" icon-class="search" @click.stop="click()" /> <svg-icon class-name="search-icon" icon-class="search" @click.stop="click()" />
<el-input <el-input
@ -97,7 +85,19 @@
</div> </div>
</div> </div>
<div v-else class="panel-expand"> <div v-else class="panel-expand">
<div :class="{ show: showTableSearch, mobile: isMobile }" class="local-search-container"> <el-button
v-show="isPanelWindow && getDataSelection.length"
type="text"
icon="el-icon-delete"
style="color: black; font-size: 17px; font-weight: 605 !important;"
@click="deleteSelection()"
/>
</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()" /> <svg-icon class-name="search-icon" icon-class="search" @click.stop="click()" />
<el-input <el-input
ref="headerSearchInput" ref="headerSearchInput"
@ -108,26 +108,6 @@
clearable clearable
/> />
</div> </div>
<!-- is parent and is mobile -->
<el-button
v-show="isPanelWindow && getDataSelection.length"
type="text"
icon="el-icon-delete"
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>
</el-header>
<el-main style="padding: 0px !important; overflow: hidden;">
<table-context-menu <table-context-menu
v-show="isShowedContextMenu" v-show="isShowedContextMenu"
:style="{ left: leftContextualMenu + 'px', top: topContextualMenu + 'px' }" :style="{ left: leftContextualMenu + 'px', top: topContextualMenu + 'px' }"