fix:pad端样式调整
This commit is contained in:
parent
42baf79b76
commit
8055fe7968
|
@ -8,13 +8,17 @@
|
||||||
.el-form-item__content {margin-left: 0px!important;}
|
.el-form-item__content {margin-left: 0px!important;}
|
||||||
|
|
||||||
.adminui-main {
|
.adminui-main {
|
||||||
>.el-container {display: block;height:auto;}
|
// >.el-container {display: block;height:auto;}
|
||||||
>.el-container > .el-aside {width: 100%!important;border: 0}
|
// >.el-container > .el-aside {width: 100%!important;border: 0}
|
||||||
|
>.el-container {display: flex;}
|
||||||
|
>.el-container > .el-aside {width: 150px!important;border: 0}
|
||||||
}
|
}
|
||||||
.scTable {
|
.scTable {
|
||||||
.el-table,
|
.el-table,
|
||||||
.el-table__body-wrapper {display: block!important;height:auto!important;}
|
// .el-table__body-wrapper {display: block!important;height:auto!important;}
|
||||||
.el-scrollbar__wrap {height:auto!important;}
|
.el-table__body-wrapper {display: block!important;height:100%!important;}
|
||||||
|
// .el-scrollbar__wrap {height:auto!important;}
|
||||||
|
.el-scrollbar__wrap {height:100%!important;}
|
||||||
.scTable-page {padding: 0 5px!important;}
|
.scTable-page {padding: 0 5px!important;}
|
||||||
.el-pagination__total,
|
.el-pagination__total,
|
||||||
.el-pagination__jump,
|
.el-pagination__jump,
|
||||||
|
@ -22,10 +26,12 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.headerPublic {
|
.headerPublic {
|
||||||
height: auto!important;display: block;
|
// height: auto!important;display: block;
|
||||||
|
height: auto!important;
|
||||||
.left-panel {overflow: auto;}
|
.left-panel {overflow: auto;}
|
||||||
.left-panel::-webkit-scrollbar{display: none;}
|
.left-panel::-webkit-scrollbar{display: none;}
|
||||||
.right-panel {display: block;border-top: 1px solid var(--el-border-color-light);margin-top: 15px;}
|
// .right-panel {display: block;border-top: 1px solid var(--el-border-color-light);margin-top: 15px;}
|
||||||
|
.right-panel {border-top: 1px solid var(--el-border-color-light);display: flex;}
|
||||||
.right-panel .right-panel-search {display: block;}
|
.right-panel .right-panel-search {display: block;}
|
||||||
.right-panel .right-panel-search >* {width: 100%;margin: 0;margin-top: 15px;}
|
.right-panel .right-panel-search >* {width: 100%;margin: 0;margin-top: 15px;}
|
||||||
}
|
}
|
||||||
|
@ -34,13 +40,13 @@
|
||||||
.adminui-main > .el-container > .el-aside {border-bottom: 1px solid var(--el-border-color-light)!important;}
|
.adminui-main > .el-container > .el-aside {border-bottom: 1px solid var(--el-border-color-light)!important;}
|
||||||
.adminui-main > .el-container > .el-container {border-top: 1px solid var(--el-border-color-light);border-bottom: 1px solid var(--el-border-color-light);margin-top: 15px;}
|
.adminui-main > .el-container > .el-container {border-top: 1px solid var(--el-border-color-light);border-bottom: 1px solid var(--el-border-color-light);margin-top: 15px;}
|
||||||
.adminui-main > .el-container > .el-container + .el-aside {border-top: 1px solid var(--el-border-color-light);margin-top: 15px;}
|
.adminui-main > .el-container > .el-container + .el-aside {border-top: 1px solid var(--el-border-color-light);margin-top: 15px;}
|
||||||
.adminui-main > .el-container > .el-header {@extend .headerPublic;}
|
.adminui-main > .el-container > .el-header {@extend .headerPublic;display: flex;padding: 6px;}
|
||||||
.adminui-main > .el-container > .el-main.nopadding {border-top: 1px solid var(--el-border-color-light);border-bottom: 1px solid var(--el-border-color-light);margin-top: 15px;}
|
.adminui-main > .el-container > .el-main.nopadding {border-top: 1px solid var(--el-border-color-light);border-bottom: 1px solid var(--el-border-color-light);margin-top: 5px;}
|
||||||
.adminui-main > .el-container > .el-main + .el-aside {border-left: 0!important;border-top: 1px solid var(--el-border-color-light);margin-top: 15px;}
|
.adminui-main > .el-container > .el-main + .el-aside {border-left: 0!important;border-top: 1px solid var(--el-border-color-light);margin-top: 15px;}
|
||||||
.adminui-main > .el-container > .el-footer {margin-top: 15px;border-bottom: 1px solid var(--el-border-color-light);}
|
.adminui-main > .el-container > .el-footer {margin-top: 15px;border-bottom: 1px solid var(--el-border-color-light);}
|
||||||
.adminui-main > .el-container > .el-container > .el-header {@extend .headerPublic}
|
.adminui-main > .el-container > .el-container > .el-header {@extend .headerPublic}
|
||||||
.adminui-main > .el-container > .el-container > .el-header .left-panel {display: block;}
|
.adminui-main > .el-container > .el-container > .el-header .left-panel {display: block;}
|
||||||
.adminui-main > .el-container > .el-container > .el-header .right-panel {display: block;margin-top: 15px;}
|
.adminui-main > .el-container > .el-container > .el-header .right-panel {margin-top: 15px;}
|
||||||
|
|
||||||
.sc-page {width: 100%;margin: 0;}
|
.sc-page {width: 100%;margin: 0;}
|
||||||
|
|
||||||
|
|
|
@ -56,8 +56,7 @@
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div class="right-panel">
|
<div class="right-panel">
|
||||||
<div class="right-panel-search">
|
<el-input
|
||||||
<el-input
|
|
||||||
v-model="query.search"
|
v-model="query.search"
|
||||||
placeholder="姓名/手机号"
|
placeholder="姓名/手机号"
|
||||||
clearable
|
clearable
|
||||||
|
@ -74,7 +73,6 @@
|
||||||
icon="el-icon-download"
|
icon="el-icon-download"
|
||||||
@click="exportExcel"
|
@click="exportExcel"
|
||||||
>导出</el-button>
|
>导出</el-button>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</el-header>
|
</el-header>
|
||||||
<el-main class="nopadding">
|
<el-main class="nopadding">
|
||||||
|
|
|
@ -21,19 +21,17 @@
|
||||||
</el-select>
|
</el-select>
|
||||||
</div>
|
</div>
|
||||||
<div class="right-panel">
|
<div class="right-panel">
|
||||||
<div class="right-panel-search">
|
<el-input
|
||||||
<el-input
|
v-model="query.search"
|
||||||
v-model="query.search"
|
placeholder="名称"
|
||||||
placeholder="名称"
|
clearable
|
||||||
clearable
|
@keyup.enter="handleQuery"
|
||||||
@keyup.enter="handleQuery"
|
></el-input>
|
||||||
></el-input>
|
<el-button
|
||||||
<el-button
|
type="primary"
|
||||||
type="primary"
|
icon="el-icon-search"
|
||||||
icon="el-icon-search"
|
@click="handleQuery"
|
||||||
@click="handleQuery"
|
></el-button>
|
||||||
></el-button>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</el-header>
|
</el-header>
|
||||||
<el-main class="nopadding">
|
<el-main class="nopadding">
|
||||||
|
|
|
@ -18,14 +18,12 @@
|
||||||
></el-button> -->
|
></el-button> -->
|
||||||
</div>
|
</div>
|
||||||
<div class="right-panel">
|
<div class="right-panel">
|
||||||
<div class="right-panel-search">
|
<el-input v-model="query.search" placeholder="部门名称" @keyup.enter="handleQuery"></el-input>
|
||||||
<el-input v-model="query.search" placeholder="部门名称" @keyup.enter="handleQuery"></el-input>
|
<el-button
|
||||||
<el-button
|
type="primary"
|
||||||
type="primary"
|
icon="el-icon-search"
|
||||||
icon="el-icon-search"
|
@click="handleQuery"
|
||||||
@click="handleQuery"
|
></el-button>
|
||||||
></el-button>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</el-header>
|
</el-header>
|
||||||
<el-main class="nopadding">
|
<el-main class="nopadding">
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<el-container>
|
<el-container>
|
||||||
<el-aside width="45%">
|
<el-aside style="width: 50%!important">
|
||||||
<el-container>
|
<el-container>
|
||||||
<el-header>
|
<el-header>
|
||||||
<div class="left-panel">
|
<div class="left-panel">
|
||||||
|
|
|
@ -7,10 +7,8 @@
|
||||||
<!--<el-button type="primary" plain :disabled="selection.length!=1" @click="permission">权限设置</el-button>-->
|
<!--<el-button type="primary" plain :disabled="selection.length!=1" @click="permission">权限设置</el-button>-->
|
||||||
</div>
|
</div>
|
||||||
<div class="right-panel">
|
<div class="right-panel">
|
||||||
<div class="right-panel-search">
|
<el-input v-model="query.search" placeholder="角色名称" clearable @keyup.enter="handleQuery"></el-input>
|
||||||
<el-input v-model="query.search" placeholder="角色名称" clearable @keyup.enter="handleQuery"></el-input>
|
<el-button type="primary" icon="el-icon-search" @click="handleQuery"></el-button>
|
||||||
<el-button type="primary" icon="el-icon-search" @click="handleQuery"></el-button>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</el-header>
|
</el-header>
|
||||||
<el-main class="nopadding">
|
<el-main class="nopadding">
|
||||||
|
|
|
@ -60,19 +60,17 @@
|
||||||
</el-select>
|
</el-select>
|
||||||
</div>
|
</div>
|
||||||
<div class="right-panel">
|
<div class="right-panel">
|
||||||
<div class="right-panel-search">
|
<el-input
|
||||||
<el-input
|
v-model="query.search"
|
||||||
v-model="query.search"
|
placeholder="登录账号 / 姓名"
|
||||||
placeholder="登录账号 / 姓名"
|
clearable
|
||||||
clearable
|
@keyup.enter="handleQuery"
|
||||||
@keyup.enter="handleQuery"
|
></el-input>
|
||||||
></el-input>
|
<el-button
|
||||||
<el-button
|
type="primary"
|
||||||
type="primary"
|
icon="el-icon-search"
|
||||||
icon="el-icon-search"
|
@click="handleQuery"
|
||||||
@click="handleQuery"
|
></el-button>
|
||||||
></el-button>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</el-header>
|
</el-header>
|
||||||
<el-main class="nopadding">
|
<el-main class="nopadding">
|
||||||
|
|
|
@ -12,8 +12,7 @@
|
||||||
@click="batch_del" v-auth="'workflow.delete'"></el-button> -->
|
@click="batch_del" v-auth="'workflow.delete'"></el-button> -->
|
||||||
</div>
|
</div>
|
||||||
<div class="right-panel">
|
<div class="right-panel">
|
||||||
<div class="right-panel-search">
|
<el-input
|
||||||
<el-input
|
|
||||||
v-model="query.search"
|
v-model="query.search"
|
||||||
placeholder="工作流名称"
|
placeholder="工作流名称"
|
||||||
clearable
|
clearable
|
||||||
|
@ -24,7 +23,6 @@
|
||||||
icon="el-icon-search"
|
icon="el-icon-search"
|
||||||
@click="handleQuery"
|
@click="handleQuery"
|
||||||
></el-button>
|
></el-button>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</el-header>
|
</el-header>
|
||||||
<el-main class="nopadding">
|
<el-main class="nopadding">
|
||||||
|
|
Loading…
Reference in New Issue