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/domainManage.vue | 187 ++--------------------------------------------
1 files changed, 10 insertions(+), 177 deletions(-)
diff --git a/src/views/datamanage/domainManage.vue b/src/views/datamanage/domainManage.vue
index dce92b8..e7da7d5 100644
--- a/src/views/datamanage/domainManage.vue
+++ b/src/views/datamanage/domainManage.vue
@@ -6,7 +6,7 @@
]"></My-bread>
<el-divider />
<div class="mainBox">
- <div class="leftTree">
+ <div class="leftTree subpage_Div">
<el-input v-model="filterInput"></el-input>
<div style="width:450px">
<el-tree
@@ -19,7 +19,7 @@
></el-tree>
</div>
</div>
- <div class="right">
+ <div class="right subpage_Div">
<div class="inquire">
<el-form
ref="queryForm"
@@ -160,10 +160,10 @@
</div>
</div>
<div
- class="infoBox"
+ class="infoBox subpage_Div box_div"
v-show="showinfoBox"
>
- <el-card class="box-card">
+
<div
slot="header"
class="clearfix"
@@ -176,6 +176,7 @@
<i class="el-icon-close"></i>
</div>
</div>
+ <el-divider></el-divider>
<div class="contentBox">
<p>
{{ $t('dataManage.domainManage.domName') }}锛歿{
@@ -215,7 +216,7 @@
<el-divider></el-divider>
<p>{{ $t('dataManage.domainManage.bak') }}锛歿{ itemdetail.bak }}</p>
</div>
- </el-card>
+
</div>
<el-dialog
width="510px"
@@ -723,7 +724,7 @@
};
</script>
<style lang="less" scoped>
-//@import url(); 寮曞叆鍏叡css绫�
+// @import url(); 寮曞叆鍏叡css绫�
.domainBox {
height: 98%;
width: 98%;
@@ -736,7 +737,7 @@
.leftTree {
width: 15%;
height: 91%;
- border: 1px solid white;
+
border-radius: 5px;
padding: 1%;
max-height: 670px;
@@ -745,7 +746,7 @@
.right {
width: 80%;
height: 91%;
- border: 1px solid white;
+
border-radius: 5px;
padding: 1%;
max-height: 670px;
@@ -780,174 +781,6 @@
}
}
- .infoBox {
- width: 500px;
-
- position: absolute;
- z-index: 100;
- top: 15%;
- right: 25%;
- color: white;
- background-color: #303030;
- .el-card {
- background-color: transparent;
- color: white;
- span {
- font-size: 16px;
- font-weight: 600;
- color: white;
- }
- }
- .contentBox {
- margin: 0 aotu 10px;
- height: 500px;
- overflow: auto;
- color: white;
- overflow-y: auto;
- p {
- color: white;
- font-size: 14px;
- }
- }
- }
- .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;
- }
- }
- /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;
- }
- }
- /deep/ .el-dialog {
- width: 620px !important;
- margin-top: 10vh !important;
- }
- /deep/ .el-select .el-input__inner {
- border-color: #fff !important;
- }
- /deep/.el-dialog .el-input__inner {
- width: 300px;
- }
- /deep/ .el-dialog__body {
- padding: 0px 30px;
- }
- /deep/ .el-dialog__footer {
- padding-top: 0 !important;
- width: 600px;
- display: flex;
- margin: 0 auto;
- justify-content: center;
- }
- .primary {
- background: #409eff;
- border: #409eff;
- color: white;
- }
- /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;
- }
+
}
</style>
--
Gitblit v1.9.3