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/metadataManage.vue | 232 ++++-----------------------------------------------------
1 files changed, 18 insertions(+), 214 deletions(-)
diff --git a/src/views/datamanage/metadataManage.vue b/src/views/datamanage/metadataManage.vue
index 1c6f4d5..9ad7539 100644
--- a/src/views/datamanage/metadataManage.vue
+++ b/src/views/datamanage/metadataManage.vue
@@ -5,7 +5,7 @@
`${$t('dataManage.metadataManage')}`,
]"></My-bread>
<el-divider />
- <div class="inquire">
+ <div class="inquire subpage_Div">
<el-form
ref="queryForm"
:model="queryForm"
@@ -92,25 +92,8 @@
</el-form>
</div>
<div class="bottom">
- <!-- <div class="leftTree">
- <el-tree
- ref="tree"
- :props="defaultProps"
- node-key="id"
- :data="optionCount"
- :default-expanded-keys="[1]"
- :current-node-key="1"
- :expand-on-click-node="false"
- :default-expand-all="false"
- draggable
- @node-click="handleNodeClick"
- >
- </span>
- </el-tree>
-
- </div> -->
- <div class="rightTable">
+ <div class="rightTable subpage_Div">
<div class="table_box">
<el-table
:data="tableData"
@@ -191,7 +174,8 @@
>{{
$t('common.details')
}}</el-link>
- <el-link v-if="btnStatus.update"
+ <el-link
+ v-if="btnStatus.update"
@click="editInfo(scope.row)"
style="margin-left: 10px; color: white"
>{{ $t('common.edit') }}</el-link>
@@ -375,13 +359,13 @@
class="dialog-footer"
>
<el-button
- size="small"
+ size="small"
@click="cancelEdit()"
>{{
$t('common.reset')
}}</el-button>
<el-button
- size="small"
+ size="small"
type="primary"
@click="sendEdit('editForm')"
v-loading.fullscreen.lock="fullscreenLoading"
@@ -393,13 +377,13 @@
class="dialog-footer"
>
<el-button
- size="small"
+ size="small"
@click="cancelAdd('editForm')"
>{{
$t('common.reset')
}}</el-button>
<el-button
- size="small"
+ size="small"
type="primary"
@click="sendAdd('editForm')"
v-loading.fullscreen.lock="fullscreenLoading"
@@ -712,8 +696,8 @@
}
this.companyOption1 = this.treeData(res.result);
this.queryForm.depid = this.companyOption1[0].id
- this.getQueryDirTree();
-
+ this.getQueryDirTree();
+
},
async getQueryDirTree() {
const res = await selectdirTab();
@@ -723,7 +707,7 @@
}
this.companyOption = this.treeData(res.result);
this.queryForm.dirid = this.companyOption[0].id
- this.getMetaData();
+ this.getMetaData();
},
handleChange(value) {
this.listData.pageSize = 10;
@@ -804,7 +788,7 @@
this.optionCount = this.treeData(res.result);
this.dirComPanyOption = this.treeData(res.result);
this.listData.dirid = this.optionCount[0].id;
-
+
},
handleNodeClick(data) {
this.listData.pageSize = 10;
@@ -860,9 +844,9 @@
this.listData.depid = this.queryForm.depid;
this.listData.dirid = this.queryForm.dirid;
// this.listData.dirid = 57
-
+
select_meta_ByPageAndCount(this.listData).then((res) => {
-
+
this.tableData = res.result;
this.count = res.count;
});
@@ -1109,7 +1093,7 @@
position: relative;
overflow: auto;
padding-bottom: 8px;
- border: 1px solid white;
+
border-radius: 5px;
padding: 1%;
.el-form-item {
@@ -1122,31 +1106,10 @@
height: 74%;
display: flex;
justify-content: space-between;
- .leftTree {
- width: 15%;
- height: 100%;
- border: 1px solid white;
- border-radius: 5px;
- padding: 1%;
- max-height: 670px;
- overflow-y: auto;
- li {
- color: white;
- border-bottom: 1px solid white;
- line-height: 30px;
- text-align: center;
- }
- li:hover {
- background: rgba(255, 255, 255, 0.3);
- }
- .active {
- color: #409eff;
- }
- }
+
.rightTable {
width: 98%;
height: 92%;
- border: 1px solid white;
border-radius: 5px;
padding: 1%;
@@ -1155,34 +1118,6 @@
height: 93%;
margin: 0 auto;
overflow: auto;
- }
- }
- }
- .infoBox {
- width: 500px;
- position: absolute;
- z-index: 100;
- top: 10%;
- right: 25%;
- background: #303030;
- color: #fff;
- .el-card {
- background-color: transparent;
- color: #fff;
- span {
- color: #fff;
- font-size: 16px;
- font-weight: 600;
- }
- }
- .contentBox {
- margin: 0 aotu 10px;
- height: 500px;
- overflow: auto;
- p {
- // background-color: #bfa;
- // margin-bottom: 10px;
- font-size: 14px;
}
}
}
@@ -1199,141 +1134,10 @@
top: 20%;
left: 40%;
padding: 20px;
- background: #303030;
+
width: 30%;
- border: 1px solid gray;
+
border-radius: 10px;
- color: white;
}
- /*淇敼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-form-item__label {
- color: white;
- }
- // 璁剧疆杈撳叆妗嗙殑鑳屾櫙鑹层�佸瓧浣撻鑹层�佽竟妗嗗睘鎬ц缃紱
- /deep/.el-input__inner {
- background-color: transparent !important ;
- color: #fff;
- border: 1px solid;
- }
- /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;
- }
- .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;
- }
- }
- .primary {
- background: #409eff;
- border: #409eff;
- color: white;
- }
-}
-/deep/ .el-select .el-input__inner {
- border-color: #fff !important;
-}
-/deep/.el-input__inner {
- background-color: transparent !important ;
- color: #fff;
- border: 1px solid white !important;
}
</style>
--
Gitblit v1.9.3