From 4e3d77dcbe421a4d6611ebcdd1ac3165cb36ad4b Mon Sep 17 00:00:00 2001
From: Surpriseplus <845948745@qq.com>
Date: 星期一, 06 二月 2023 14:59:33 +0800
Subject: [PATCH] 系统界面翻新，回车登录，综合展示菜单重复
---
src/views/datamanage/dictionaryManage.vue | 299 ++++++++++++++---------------------------------------------
1 files changed, 74 insertions(+), 225 deletions(-)
diff --git a/src/views/datamanage/dictionaryManage.vue b/src/views/datamanage/dictionaryManage.vue
index faab855..c763a32 100644
--- a/src/views/datamanage/dictionaryManage.vue
+++ b/src/views/datamanage/dictionaryManage.vue
@@ -30,13 +30,15 @@
@click="getRemoveForm"
type="info"
>{{ $t('common.reset') }}</el-button>
- <el-button v-if="btnStatus.insert"
+ <el-button
+ v-if="btnStatus.insert"
icon="el-icon-edit"
size="small"
@click="InsertFormdialog = true"
type="success"
>{{ $t('common.append') }}</el-button>
- <el-button v-if="btnStatus.delete"
+ <el-button
+ v-if="btnStatus.delete"
icon="el-icon-delete"
size="small"
@click="DelFormData"
@@ -48,18 +50,18 @@
</el-form>
</div>
<div class="dictionaryContent">
- <div class="dictionary_leftTree">
+ <div class="dictionary_leftTree subpage_Div">
<ul>
<li
@click="getTableDesc(item)"
v-for="item in optionCount"
:class="{ active: activeName == item.tab }"
>
- {{ item.tabDesc }}
+ {{ item.tabDesc }}
</li>
</ul>
</div>
- <div class="dictionary_rightContent">
+ <div class="dictionary_rightContent subpage_Div">
<el-table
:data="tableData"
style="width: 100%"
@@ -139,13 +141,12 @@
<template slot-scope="scope">
<el-link
v-if="btnStatus.select"
- style="color: white"
@click="showDetail(scope.$index, scope.row)"
>{{ $t('dataManage.dictionaryManageObj.lookOver') }}</el-link>
<el-link
v-if="btnStatus.update"
@click="handleEdit(scope.$index, scope.row)"
- style="margin-left: 10px; color: white"
+ style="margin-left: 10px; "
>{{ $t('dataManage.dictionaryManageObj.revamp') }}</el-link>
</template>
</el-table-column>
@@ -168,98 +169,99 @@
</div>
</div>
<div
- class="infoBox"
+ class="infoBox box_div "
v-show="showinfoBox"
>
- <el-card class="box-card">
+
+ <div
+ slot="header"
+ class="clearfix"
+ >
+ <span>{{ $t('dataManage.dictionaryManageObj.particulars') }}</span>
<div
- slot="header"
- class="clearfix"
+ style="float: right; cursor: pointer"
+ @click="closeDetial"
>
- <span>{{ $t('dataManage.dictionaryManageObj.particulars') }}</span>
- <div
- style="float: right; cursor: pointer"
- @click="closeDetial"
- >
- <i class="el-icon-close"></i>
- </div>
+ <i class="el-icon-close"></i>
</div>
- <div class="contentBox">
- <p>
- {{ $t('dataManage.dictionaryManageObj.tableName') }}锛歿{
+ </div>
+ <el-divider></el-divider>
+ <div class="contentBox">
+ <p>
+ {{ $t('dataManage.dictionaryManageObj.tableName') }}锛歿{
itemdetail.tab
}}
- </p>
- <el-divider></el-divider>
- <p>
- {{ $t('dataManage.dictionaryManageObj.tableAliasName') }}锛歿{
+ </p>
+ <el-divider></el-divider>
+ <p>
+ {{ $t('dataManage.dictionaryManageObj.tableAliasName') }}锛歿{
itemdetail.tabDesc
}}
- </p>
- <el-divider></el-divider>
+ </p>
+ <el-divider></el-divider>
- <p>
- {{ $t('dataManage.dictionaryManageObj.fieldName') }}锛歿{
+ <p>
+ {{ $t('dataManage.dictionaryManageObj.fieldName') }}锛歿{
itemdetail.field
}}
- </p>
- <el-divider></el-divider>
- <p>
- {{ $t('dataManage.dictionaryManageObj.fieldAliasName') }}锛歿{
+ </p>
+ <el-divider></el-divider>
+ <p>
+ {{ $t('dataManage.dictionaryManageObj.fieldAliasName') }}锛歿{
itemdetail.alias
}}
- </p>
- <el-divider></el-divider>
- <p>
- {{ $t('dataManage.dictionaryManageObj.fieldType') }}锛歿{
+ </p>
+ <el-divider></el-divider>
+ <p>
+ {{ $t('dataManage.dictionaryManageObj.fieldType') }}锛歿{
itemdetail.type
}}
- </p>
- <el-divider></el-divider>
- <p>
- {{ $t('dataManage.dictionaryManageObj.fieldLength') }}锛歿{
+ </p>
+ <el-divider></el-divider>
+ <p>
+ {{ $t('dataManage.dictionaryManageObj.fieldLength') }}锛歿{
itemdetail.len
}}
- </p>
- <el-divider></el-divider>
- <p>
- {{ $t('dataManage.dictionaryManageObj.FieldPrecision') }}锛歿{
+ </p>
+ <el-divider></el-divider>
+ <p>
+ {{ $t('dataManage.dictionaryManageObj.FieldPrecision') }}锛歿{
itemdetail.precision
}}
- </p>
- <el-divider></el-divider>
+ </p>
+ <el-divider></el-divider>
- <p>
- {{ $t('dataManage.dictionaryManageObj.remark') }}锛歿{
+ <p>
+ {{ $t('dataManage.dictionaryManageObj.remark') }}锛歿{
itemdetail.bak
}}
- </p>
- <el-divider></el-divider>
- <p>
- {{ $t('dataManage.dictionaryManageObj.creationTime') }}锛歿{
+ </p>
+ <el-divider></el-divider>
+ <p>
+ {{ $t('dataManage.dictionaryManageObj.creationTime') }}锛歿{
itemdetail.createTime
}}
- </p>
- <el-divider></el-divider>
- <p>
- {{ $t('dataManage.dictionaryManageObj.createPersonnel') }}锛歿{
+ </p>
+ <el-divider></el-divider>
+ <p>
+ {{ $t('dataManage.dictionaryManageObj.createPersonnel') }}锛歿{
itemdetail.createUser
}}
- </p>
- <el-divider></el-divider>
- <p>
- {{ $t('dataManage.dictionaryManageObj.updateTime') }}锛歿{
+ </p>
+ <el-divider></el-divider>
+ <p>
+ {{ $t('dataManage.dictionaryManageObj.updateTime') }}锛歿{
itemdetail.updateTime
}}
- </p>
- <el-divider></el-divider>
- <p>
- {{ $t('dataManage.dictionaryManageObj.updatePersonnel') }}锛歿{
+ </p>
+ <el-divider></el-divider>
+ <p>
+ {{ $t('dataManage.dictionaryManageObj.updatePersonnel') }}锛歿{
itemdetail.updateUser
}}
- </p>
- </div>
- </el-card>
+ </p>
+ </div>
+
</div>
<el-dialog
top="3vh"
@@ -690,14 +692,13 @@
.dictionary_leftTree {
width: 15%;
height: 80%;
- border: 1px solid white;
+
border-radius: 5px;
padding: 1%;
max-height: 670px;
overflow-y: auto;
li {
- color: white;
- border-bottom: 1px solid white;
+ border-bottom: 1px solid #dcdfe6;
line-height: 30px;
text-align: center;
}
@@ -711,7 +712,7 @@
.dictionary_rightContent {
width: 80%;
height: 80%;
- border: 1px solid white;
+
border-radius: 5px;
padding: 1%;
overflow-y: auto;
@@ -719,7 +720,7 @@
}
.infinite-list-item {
background: rgba(255, 255, 255, 0.3);
- color: white;
+
margin-top: 5%;
padding: 1%;
text-align: center;
@@ -727,158 +728,6 @@
.eldivider {
margin-top: 0px;
margin-bottom: 10px;
- }
- .primary {
- background: #409eff;
- border: #409eff;
- color: white;
- }
- /deep/.el-form-item__label {
- color: white;
- }
- // 璁剧疆杈撳叆妗嗙殑鑳屾櫙鑹层�佸瓧浣撻鑹层�佽竟妗嗗睘鎬ц缃紱
- /deep/.el-input__inner {
- background-color: transparent !important ;
- color: #fff;
- border: 1px solid;
- }
- /*淇敼table 琛ㄤ綋鐨勮儗鏅鑹插拰鏂囧瓧棰滆壊*/
- /deep/ .el-table {
- background-color: transparent;
-
- th,
- td {
- background-color: transparent;
- }
- .el-table__expanded-cell {
- background-color: transparent !important;
- }
-
- // 琛ㄥご鑳屾櫙鑹�
- th.el-table__cell {
- background-color: #303030;
- color: #fff;
- }
- tr > td {
- background-color: #303030;
- color: #fff;
- }
-
- // hover鏁堟灉
- tr:hover > td {
- background-color: rgba(255, 255, 255, 0.3) !important;
- }
-
- tbody tr:hover {
- background-color: rgba(255, 255, 255, 0.3) !important;
- // text-align: center;
- }
-
- // 婊氬姩鏉″楂�
- .el-table__body-wrapper::-webkit-scrollbar {
- width: 5px;
- height: 5px;
- }
-
- .el-table__body-wrapper::-webkit-scrollbar {
- width: 5px;
- /*婊氬姩鏉″搴�*/
- height: 5px;
- /*婊氬姩鏉￠珮搴�*/
- }
- /*瀹氫箟婊氬姩鏉¤建閬� 鍐呴槾褰�+鍦嗚*/
- .el-table__body-wrapper::-webkit-scrollbar-track {
- box-shadow: 0px 1px 3px #216fe6 inset;
- /*婊氬姩鏉＄殑鑳屾櫙鍖哄煙鐨勫唴闃村奖*/
- border-radius: 10px;
- }
-
- /*瀹氫箟婊戝潡 鍐呴槾褰�+鍦嗚*/
- .el-table__body-wrapper::-webkit-scrollbar-thumb {
- box-shadow: 0px 1px 3px #216fe6 inset;
- border-radius: 6px;
- background-color: #216fe6;
- }
- }
- .pagination_box {
- margin-top: 20px;
- /deep/.el-input__inner {
- background-color: transparent !important;
- border: 1px solid;
- color: white;
- }
- /deep/.el-pagination__total {
- color: white;
- }
- /deep/.el-pagination__jump {
- color: white;
- }
- /deep/.el-pager li.active {
- color: #409eff;
- }
- /deep/.el-pager li {
- color: white;
- background: transparent;
- }
- /deep/.el-pager li {
- color: white;
- }
- /deep/.btn-prev {
- background: transparent;
- }
- /deep/.btn-next {
- background: transparent;
- }
- /deep/.btn-next i {
- color: white;
- }
- /deep/.btn-prev i {
- color: white;
- }
- }
- .infoBox {
- width: 500px;
-
- position: absolute;
- z-index: 100;
- background: #303030;
- top: 15%;
- right: 25%;
-
- .el-card {
- color: white;
- background-color: transparent;
- span {
- font-size: 16px;
- font-weight: 600;
- }
- }
- .contentBox {
- margin: 0 aotu 10px;
- height: 500px;
- overflow: auto;
- p {
- font-size: 14px;
- }
- }
- }
- /deep/ .el-dialog {
- background: #303030;
- }
- /deep/.el-range-editor.is-active,
- .el-range-editor.is-active:hover,
- .el-select .el-input.is-focus .el-input__inner {
- border: 1px solid;
- }
- /deep/.el-dialog__title {
- color: white;
- }
-
- /deep/ .el-select .el-input__inner {
- border-color: #fff !important;
- }
- /deep/.el-cascader .el-input__inner {
- border-color: #fff !important;
}
}
</style>
--
Gitblit v1.9.3