From 06a70b6f1f24c5105b1705e892867acf488ca5dd Mon Sep 17 00:00:00 2001
From: 田源 <tianyuan@vci-tech.com>
Date: 星期三, 18 十二月 2024 15:28:18 +0800
Subject: [PATCH] UI定义-页签设计&&页面设计区域按钮权限
---
Source/plt-web/plt-web-ui/src/App.vue | 109 ++++++++++++++++++++++++++++++++++++++++++++++++++----
1 files changed, 100 insertions(+), 9 deletions(-)
diff --git a/Source/plt-web/plt-web-ui/src/App.vue b/Source/plt-web/plt-web-ui/src/App.vue
index 5dd0d0d..cc762d6 100644
--- a/Source/plt-web/plt-web-ui/src/App.vue
+++ b/Source/plt-web/plt-web-ui/src/App.vue
@@ -4,7 +4,6 @@
</div>
</template>
-
<script>
export default {
name: "app",
@@ -25,6 +24,19 @@
height: 100%;
overflow: hidden;
}
+.el-menu--vertical .el-menu--popup-right-start{
+ background: #20222a !important;
+}
+.el-menu--popup-right-start .menu-wrapper .el-submenu__title:focus, .el-menu--popup-right-start .menu-wrapper .el-submenu__title:hover {
+ outline: 0;
+ background-color: #060708;
+}
+.el-menu--popup-right-start .menu-wrapper .el-submenu__title i, .el-menu--popup-right-start .menu-wrapper .el-submenu__title span {
+ color: rgba(255, 255, 255, 0.7);
+}
+.el-menu--popup-right-start .menu-wrapper:hover .el-submenu__title i, .el-menu--popup-right-start .menu-wrapper:hover .el-submenu__title span {
+ color: #ffffff;
+}
.el-card__body {
padding: 15px;
}
@@ -32,27 +44,64 @@
margin: 50px auto;
}
.avue-dialog .el-dialog{
- top:47%;
- max-height: calc(100% - 100px);
+ top:50%;
+ max-height: calc(100% - 80px);
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, -50%);
margin-top: 0 !important;
}
.avue-dialog .el-dialog__body{
- padding: 20px 20px 30px 20px; // 涓婂彸涓嬪乏
- margin-bottom: 20px !important;
+ padding: 20px 20px 0px 20px; // 涓婂彸涓嬪乏 鍙栨秷琛ㄦ牸涓嬭竟璺濓紙浼氬嚭鐜版粴鍔ㄦ潯锛�
+ margin-bottom: 10px !important;
+}
+.avue-dialog .el-dialog__body .avue-form{
+ margin: 0px auto 40px; // 鍗曠嫭缁欏璇濇閲岀殑avue琛ㄥ崟鍔犱笂涓嬭竟璺�
+}
+.dialog-footer{
+ background-color: #ffffff;
+ z-index: 10000;
+}
+.el-dialog__footer{
+ border-top: 1px solid #e9e7e7;
+ padding: 10px 20px 10px;
+}
+.avue-crud .avue-form {
+ margin: 0px auto !important; // 琛ㄦ牸鍐呯殑琛ㄥ崟锛堟瘮濡�:鎼滅储鏍忥級 鍙栨秷涓嬭竟璺�
}
.avue--detail .el-col{
margin-bottom: 0;
}
.avue-crud .avue-crud__menu{
- min-height: 32px;
+ min-height: 26px;
}
.avue-crud .avue-crud__menu .el-button{
margin-bottom: 5px;
}
+.avue-crud .avue-crud__menu .el-button--text{
+ padding: 2px 6px;
+}
+.avue-crud table td{
+ line-height: 22px;
+}
+.el-table .cell{
+ line-height: 22px;
+}
+.el-table--mini .cell{
+ line-height: 20px;
+}
+.el-table .cell .el-tag{
+ line-height: 20px;
+ height: 22px;
+}
+.el-table--mini .cell .el-tag{
+ line-height: 18px;
+ height: 20px;
+}
.avue-crud__pagination{
padding: 15px 0 10px;
+}
+.el-form .el-col{
+ margin-bottom: 0;
}
.UITabs > .el-tabs__content{
height:calc(100% - 56px);
@@ -87,13 +136,55 @@
margin-bottom: 15px;
}
.el-form-item--mini.el-form-item, .el-form-item--small.el-form-item{
- margin-bottom: 10px;
+ margin-bottom: 15px;
}
.tree-buttons .el-button{
margin: 0 5px 5px 0;
}
-.el-dialog__footer{
- border-top: 1px solid #e9e7e7;
+/***鎸夐挳妗�****/
+.headerCon {
+ display: flex;
+ flex-wrap: wrap;
+ margin-bottom: 5px;
+ .el-button {
+ min-width: 60px;
+ padding-left: 9.5px;
+ margin-left: 0;
+ margin-right: 5px;
+ margin-bottom: 5px;
+ }
}
+.smallBtn {
+ width: 82px;
+ text-align: center;
+ padding-left: 4.5px;
+}
+
+/***闅愯棌鏍戞噿鍔犺浇鏃惰妭鐐逛笂鐨刲oading锛岄槻姝㈣妭鐐规姈鍔�*****/
+.el-tree .el-tree-node__loading-icon{
+ display: none !important;
+}
+
+.el-select{
+ width: 100%;
+}
+
+.avue-input-icon__item .avue-icon i {
+ font-size: 30px !important;
+ width: 30px;
+ height: 30px;
+}
+
+.el-descriptions__header{
+ margin-bottom: 10px;
+}
+
+.avue-group__header{
+ height: 20px;
+ line-height: 20px;
+}
+
+.font14{font-size: 14px;width: 12px;height: 12px;display: inline-block;}
+.font16{font-size: 16px;width: 14px;height: 14px;display: inline-block;}
</style>
--
Gitblit v1.9.3