From 31612136346954091921d97046745eafa9d95f17 Mon Sep 17 00:00:00 2001
From: 王旭 <1377869194@qq.com>
Date: 星期四, 16 二月 2023 17:44:54 +0800
Subject: [PATCH] 调整运维管理部分页面格式1
---
src/views/datamanage/dictionaryManage.vue | 104 ++++++++++++++++++++++++++++++++++++++++-----------
1 files changed, 81 insertions(+), 23 deletions(-)
diff --git a/src/views/datamanage/dictionaryManage.vue b/src/views/datamanage/dictionaryManage.vue
index 4363ecc..1a969c0 100644
--- a/src/views/datamanage/dictionaryManage.vue
+++ b/src/views/datamanage/dictionaryManage.vue
@@ -5,8 +5,23 @@
`${$t('dataManage.dictionaryManage')}`,
]"></My-bread>
<el-divider />
- <div>
- <el-form
+ <div class="mainBox">
+ <div class="dictionaryContent">
+ <div class="dictionary_leftTree subpage_Div">
+ <ul>
+ <li
+ @click="getTableDesc(item)"
+ v-for="item in optionCount"
+ :class="{ active: activeName == item.tab }"
+ >
+ {{ item.tabDesc }}
+ </li>
+ </ul>
+ </div>
+ </div>
+ <div class="right subpage_Div">
+ <div class="inquire">
+ <el-form
:inline="true"
:model="formInline"
class="demo-form-inline"
@@ -49,25 +64,13 @@
>{{ $t('common.reset') }}</el-button>
</el-form-item>
</el-form>
- </div>
- <div class="dictionaryContent">
- <div class="dictionary_leftTree subpage_Div">
- <ul>
- <li
- @click="getTableDesc(item)"
- v-for="item in optionCount"
- :class="{ active: activeName == item.tab }"
- >
- {{ item.tabDesc }}
- </li>
- </ul>
- </div>
- <div class="dictionary_rightContent subpage_Div">
- <el-table
+ </div>
+ <div class="table_box">
+ <el-table
:data="tableData"
style="width: 100%"
@selection-change="handleSelectionChange"
- height="93%"
+ height="100%"
>
<el-table-column
type="selection"
@@ -154,7 +157,7 @@
</el-table>
<div
class="pagination_box"
- style="margin-top: 10px"
+ style="margin-top: 20px"
>
<el-pagination
@size-change="handleSizeChange"
@@ -166,6 +169,7 @@
:total="count"
>
</el-pagination>
+ </div>
</div>
</div>
</div>
@@ -700,13 +704,14 @@
width: 98%;
padding: 1%;
.dictionaryContent {
- width: 100%;
+ width: 16.5%;
height: 92%;
- display: flex;
- justify-content: space-between;
+ // display: flex;
+ // justify-content: space-between;
.dictionary_leftTree {
- width: 15%;
+ width: 100%;
height: 80%;
+ min-height: 700px;
border-radius: 5px;
padding: 1%;
@@ -745,4 +750,57 @@
margin-bottom: 10px;
}
}
+.mainBox {
+ width: 100%;
+ height: 92%;
+ display: flex;
+ justify-content: space-between;
+ .leftTree {
+ width: 15%;
+ height: 91%;
+
+ border-radius: 5px;
+ padding: 1%;
+ max-height: 670px;
+ overflow-y: auto;
+ }
+ .right {
+ width: 80%;
+ height: 91%;
+
+ border-radius: 5px;
+ padding: 1%;
+ max-height: 670px;
+ // overflow-y: auto;
+ .inquire {
+ // margin-bottom: 10px;
+ padding: 1%;
+
+ border-radius: 5px;
+ border: 1px solid #dcdfe6;
+ .el-form-item {
+ margin: 5px;
+ }
+ }
+ .table_box {
+ width: 100%;
+ height: 80%;
+ margin: 0 auto;
+ // overflow: auto;
+ margin-top: 10px;
+
+ .el-table /deep/ th.el-table__cell > .cell {
+ padding: 15px !important;
+ }
+
+ .el-table--border::after,
+ .el-table--group::after {
+ width: 0;
+ }
+ .el-table::before {
+ height: 0;
+ }
+ }
+ }
+ }
</style>
--
Gitblit v1.9.3