From 8e44ce5a0c75861e5fdca999e3dc5b6f61faa585 Mon Sep 17 00:00:00 2001 From: TreeWish <1131093754@qq.com> Date: 星期四, 16 二月 2023 09:42:06 +0800 Subject: [PATCH] Merge branch 'master' of http://103.85.165.99:8989/r/LFWEB_NEW --- src/views/datamanage/dictionaryManage.vue | 131 +++++++++++++++++++++++++++++++------------ 1 files changed, 95 insertions(+), 36 deletions(-) diff --git a/src/views/datamanage/dictionaryManage.vue b/src/views/datamanage/dictionaryManage.vue index b04a0bd..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" @@ -15,21 +30,10 @@ <el-input v-model="formInline.tab" :placeholder="$t('common.pleaseInput')" + style="width:200px" ></el-input> </el-form-item> - <el-form-item> - <el-button - icon="el-icon-search" - size="small" - @click="getSelectDictTab" - class="primary" - >{{ $t('common.iquery') }}</el-button> - <el-button - icon="el-icon-refresh" - size="small" - @click="getRemoveForm" - type="info" - >{{ $t('common.reset') }}</el-button> + <el-form-item style="float:right"> <el-button v-if="btnStatus.insert" icon="el-icon-edit" @@ -46,27 +50,27 @@ >{{ $t('common.delete') }}</el-button> + <el-button + icon="el-icon-search" + size="small" + @click="getSelectDictTab" + class="primary" + >{{ $t('common.iquery') }}</el-button> + <el-button + icon="el-icon-refresh" + size="small" + @click="getRemoveForm" + type="info" + >{{ $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" @@ -153,7 +157,7 @@ </el-table> <div class="pagination_box" - style="margin-top: 10px" + style="margin-top: 20px" > <el-pagination @size-change="handleSizeChange" @@ -165,6 +169,7 @@ :total="count" > </el-pagination> + </div> </div> </div> </div> @@ -699,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%; @@ -744,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