From 5aa3a9bdd9001e53f245efd40b0d39263caa4bfc Mon Sep 17 00:00:00 2001
From: Surpriseplus <845948745@qq.com>
Date: 星期六, 19 十一月 2022 17:27:53 +0800
Subject: [PATCH] 数据管理页面添加，修改
---
src/views/datamanage/styleManage.vue | 215 ++++++++++++++++++++++++++++++++---------------------
1 files changed, 131 insertions(+), 84 deletions(-)
diff --git a/src/views/datamanage/styleManage.vue b/src/views/datamanage/styleManage.vue
index 1ed9d6e..7532e6f 100644
--- a/src/views/datamanage/styleManage.vue
+++ b/src/views/datamanage/styleManage.vue
@@ -53,7 +53,7 @@
<el-table
:data="tableData"
style="width: 100%"
- fit
+
height="100%"
@selection-change="handleSelectionChange"
>
@@ -371,7 +371,7 @@
style="display: none"
@change="editFile(0)"
/>
- <el-link
+ <el-link
:underline="false"
@click="geteditFile(0)"
style="margin-left: 10px"
@@ -399,7 +399,7 @@
style="display: none"
@change="editFile(1)"
/>
- <el-link
+ <el-link
:underline="false"
@click="geteditFile(1)"
style="margin-left: 10px"
@@ -1182,10 +1182,10 @@
<style lang="less" scoped>
//@import url(); 寮曞叆鍏叡css绫�
.authorityManagement_box {
- background: rgb(240, 242, 245);
- border-radius: 10px;
- height: 100%;
- padding: 10px;
+
+ height: 81%;
+ width: 97%;
+ position: absolute;
box-sizing: border-box;
.el-input {
@@ -1194,7 +1194,7 @@
.searchComp {
margin: 10px auto;
- background: #fff;
+
border-radius: 5px;
border: 1px solid rgb(202, 201, 204);
.el-form-item {
@@ -1235,60 +1235,68 @@
width: 100%;
.table_box {
width: 100%;
- height: 93%;
+ height: 90%;
margin: 0 auto;
overflow: auto;
- background: #fff;
- // .el-table {
- // height: 100%;
- // // overflow: auto;
- // }
- // .el-table /deep/ .el-table__header-wrapper tr th {
- // background-color: rgb(255, 255, 255) !important;
- // color: rgb(0, 0, 0);
- // }
- // // 淇敼姣忚鏍峰紡锛�
- // .el-table /deep/ .el-table__row {
- // background-color: rgba(255, 255, 255) !important;
- // color: rgb(0, 0, 0);
- // }
- // .el-table /deep/ .el-table__body tr.current-row > td {
- // background-color: rgb(211, 211, 211) !important;
- // }
- // .el-table /deep/ .el-table__body tr:hover > td {
- // background-color: rgb(211, 211, 211) !important;
- // }
- // // 淇敼琛ㄦ牸姣忚杈规鐨勬牱寮忥細
- // .el-table /deep/ td,
- // .el-table /deep/ th.is-leaf {
- // border-bottom: 1px solid #eee;
- // border-right: 1px solid #eee;
- // }
- // .el-table /deep/ .el-table__cell {
- // padding: 0;
- // }
- // // 璁剧疆琛ㄦ牸姣忚鐨勯珮搴︼細
- // .el-table /deep/ .el-table__header tr,
- // .el-table /deep/ .el-table__header th {
- // height: 40px;
- // }
- // .el-table__body tr,
- // .el-table__body td {
- // height: 40px;
- // padding: 0;
- // }
- // // 璁剧疆琛ㄦ牸杈规棰滆壊锛�
+ /*淇敼table 琛ㄤ綋鐨勮儗鏅鑹插拰鏂囧瓧棰滆壊*/
+ /deep/ .el-table {
+ background-color: transparent;
- // .el-table--border::after,
- // .el-table--group::after {
- // width: 0;
- // }
- // .el-table::before {
- // height: 0;
- // }
- // a {
- // color: #000;
- // }
+ 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;
+ }
+ }
+
}
}
}
@@ -1345,31 +1353,70 @@
background: #ededed;
}
}
+ .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;
+ }
+
+ /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>
-<style>
-/* 鏁翠綋鏍峰紡 */
-.el-table__body-wrapper::-webkit-scrollbar {
- width: 6px;
- height: 6px;
-}
-/* 婊氬姩鏉� */
-.el-table__body-wrapper::-webkit-scrollbar-thumb {
- background-color: #b3d8ff;
- border-radius: 6px;
-}
-
-/* 婊氬姩鏉￠紶鏍囩粡杩囨牱寮� */
-.el-table__body-wrapper::-webkit-scrollbar-thumb:hover {
- background-color: #66b1ff;
- border-radius: 8px;
-}
-
-/* 婊氬姩鏉¤建閬� */
-.el-table__body-wrapper::-webkit-scrollbar-track-piece {
- -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
- border-radius: 10px;
- background: #ededed;
-}
-</style>
--
Gitblit v1.9.3