明树Git Lab

Commit e114f81a authored by zhanghan's avatar zhanghan

公共样式统一

parent d3e79971
Pipeline #108559 passed with stage
in 20 seconds
...@@ -180,7 +180,12 @@ ...@@ -180,7 +180,12 @@
<el-button type="primary" :icon="Search" @click="handleSearch"> <el-button type="primary" :icon="Search" @click="handleSearch">
{{ searchText || "搜索" }} {{ searchText || "搜索" }}
</el-button> </el-button>
<el-button :icon="RefreshLeft" @click="handleReset"> <el-button
type="primary"
plain
:icon="RefreshLeft"
@click="handleReset"
>
{{ resetText || "重置" }} {{ resetText || "重置" }}
</el-button> </el-button>
</div> </div>
......
...@@ -370,7 +370,7 @@ const handleLogout = () => { ...@@ -370,7 +370,7 @@ const handleLogout = () => {
margin-right: 8px; margin-right: 8px;
color: #495060; color: #495060;
font-size: 12px; font-size: 12px;
padding: 0 12px; padding: 0 10px 0 12px !important;
background: #f5f5f5; background: #f5f5f5;
transition: all 0.2s; transition: all 0.2s;
...@@ -380,6 +380,7 @@ const handleLogout = () => { ...@@ -380,6 +380,7 @@ const handleLogout = () => {
} }
&.is-active { &.is-active {
padding: 0 10px 0 12px;
color: #fff; color: #fff;
background: #1890ff; background: #1890ff;
border-color: #1890ff; border-color: #1890ff;
......
.system-manage-container {
padding: 16px;
background: #ecf2f8;
height: 100%;
display: flex;
flex-direction: column;
box-sizing: border-box;
}
.add-project-content {
background-color: #fff;
padding-top: 16px;
padding-right: 16px;
}
.system-manage-header {
background: rgba(255, 255, 255, 0.9);
border-radius: 8px;
padding: 12px 20px 0;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
}
.system-manage-header .header-left {
flex: 1;
width: 0;
}
.system-manage-header .header-left .el-input,
.system-manage-header .header-left .el-select {
width: 220px;
}
.system-manage-content {
background: rgba(255, 255, 255, 0.9);
border-radius: 8px;
padding: 20px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.manage-search {
padding: 24px 16px 8px 16px;
background: #fff;
margin-bottom: 16px;
border-radius: 4px;
}
.manage-content {
flex: 1;
height: 0;
}
.manage-content .common-table {
height: 100%;
display: flex;
flex-direction: column;
border-radius: 0;
}
.manage-content .common-table .table-container {
flex: 1;
height: 0;
display: flex;
flex-direction: column;
}
.manage-content .common-table .table-container .el-table {
flex: 1;
height: 0;
}
.manage-container {
width: 100%;
height: 100%;
padding: 24px 24px 0 24px;
box-sizing: border-box;
display: flex;
flex-direction: column;
}
.manage-wrap {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
}
.manage-header {
padding-top: 16px;
padding-right: 16px;
display: flex;
justify-content: space-between;
padding-bottom: 10px;
background-color: #fff;
}
.manage-content {
flex: 1;
height: 0;
display: flex;
flex-direction: column;
}
.manage-content .common-table {
height: 100%;
display: flex;
flex-direction: column;
}
.manage-content .common-table .table-container {
flex: 1;
height: 0;
display: flex;
flex-direction: column;
}
.manage-content .common-table .table-container .el-table {
flex: 1;
height: 0;
}
.add-project-container {
width: 100%;
height: 100%;
padding: 16px;
box-sizing: border-box;
display: flex;
flex-direction: column;
}
.add-project-container .el-collapse-item__header {
color: var(--el-color-primary);
}
.add-project-header {
display: flex;
justify-content: space-between;
margin-bottom: 10px;
}
.add-project-content {
flex: 1;
height: 0;
display: flex;
flex-direction: column;
}
.add-project-content .tabs-content {
flex: 1;
height: 0;
display: flex;
flex-direction: column;
}
.add-project-content .tabs-content > .el-tabs {
flex: 1;
height: 0;
}
.add-project-content .el-tabs {
height: 100%;
}
.add-project-content .el-tab-pane {
height: 100%;
}
.add-project-content .tab-content {
height: 100%;
overflow: auto;
padding: 0 10px;
}
.add-project-content .tab-content .col-title {
height: 24px;
line-height: 24px;
font-weight: bold;
text-align: center;
}
.add-project-content .tab-content .tab-handle {
margin: 10px 0;
display: flex;
justify-content: flex-end;
align-items: center;
}
.add-project-content .tab-content .el-table {
margin-bottom: 10px;
}
.add-project-content .tab-content .el-table thead {
color: #000;
}
.add-project-content .tab-content .el-table thead th {
background: #f5f7fa;
}
.add-project-content .tab-content .el-table thead th .cell {
text-align: center;
}
.add-project-content .tab-content .el-table .sums-column {
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.add-project-content .tab-content .el-table .sums-column > div {
height: 26px;
line-height: 26px;
text-align: center;
}
.add-project-content .tab-content .upload-file-wrap {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.add-project-content .tab-content .upload-file-wrap .file-name {
flex: 1;
width: 0;
color: #409eff;
cursor: pointer;
-webkit-background-clip: text;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.add-project-content .tab-content .upload-file-wrap .delete-btn {
cursor: pointer;
color: #f56c6c;
}
.add-project-content .tab-content .el-select__wrapper .el-select__selection.is-near {
max-height: 120px;
overflow: auto;
}
.add-project-content .tab-content h3 {
text-align: center;
}
.add-project-content .tab-content .text-border {
width: 100%;
padding: 0 10px;
border: 1px solid #dcdfe6;
border-radius: 4px;
background-color: #f5f7fa;
min-height: 34px;
}
.add-project-content .tab-content .report-item {
display: flex;
align-items: center;
margin: 18px 0;
}
.add-project-content .tab-content .report-label {
width: 150px;
text-align: right;
padding-right: 12px;
}
.add-project-content .tab-content .report-content {
border-left: 1px solid #eaeaea;
flex: 1;
width: 0;
}
.add-project-content .always-click {
padding: 2px;
font-size: 12px;
cursor: pointer !important;
color: var(--el-color-primary);
font-weight: 500;
font-family: Arial, sans-serif;
display: inline-flex;
align-items: center;
}
.add-project-content .project-tab-content {
padding: 0 20px;
height: 100%;
}
.add-dialog .el-tree {
width: 100%;
}
.tree-content {
overflow: auto;
position: relative;
}
.tree-content .el-tree:not(:hover) {
scrollbar-width: none;
-ms-overflow-style: none;
}
.tree-content .el-tree:not(:hover)::-webkit-scrollbar {
display: none;
}
.tree-content .el-tree:hover {
scrollbar-width: thin;
}
.tree-content .el-tree:hover::-webkit-scrollbar {
display: block;
width: 6px;
}
.tree-content .el-tree:hover::-webkit-scrollbar-thumb {
background-color: rgba(144, 147, 153, 0.3);
border-radius: 3px;
}
.tree-content .el-tree:hover::-webkit-scrollbar-track {
background-color: transparent;
}
.tree-content .custom-tree-node {
flex: 1;
display: flex;
align-items: center;
justify-content: space-between;
font-size: 14px;
padding-right: 8px;
}
.tree-content .custom-tree-node .node-name {
flex: 1;
width: 0;
-webkit-background-clip: text;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.tree-content .custom-tree-node .node-key {
font-size: 12px;
color: #969696;
}
.add-project-header {
margin-bottom: 10px;
padding-left: 24px;
}
.add-project-header .header-left:hover {
color: #409eff;
cursor: pointer;
}
::v-deep.el-form-item {
display: block;
}
::v-deep.el-form-item .el-form-item__label {
width: auto !important;
color: #333;
}
.tab-handle {
margin-bottom: 10px;
text-align: right;
}
.always-click {
cursor: pointer;
color: #409eff;
margin-right: 10px;
}
.el-table .el-table__footer-wrapper .el-table-cell {
font-weight: bold;
background-color: #f5f7fa;
}
.add-project-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 24px;
}
::v-deep .el-collapse-item .el-collapse-item__title {
color: #333;
font-size: 16px;
flex: auto;
text-align: left;
padding-left: 16px;
position: relative;
}
::v-deep .el-collapse-item .el-collapse-item__title::after {
position: absolute;
content: "";
left: 0;
top: 15px;
width: 2px;
height: 19px;
background-color: #409eff;
}
::v-deep .el-collapse-item .el-icon {
font-size: 16px;
}
:deep(.el-table) {
--el-table-border-color: #ebeef5;
width: 100%;
}
:deep(.el-upload) {
width: 100%;
}
::v-deep .el-collapse-item__content {
padding-bottom: 0;
}
.system-manage-container {
padding: 16px;
background: #ecf2f8;
height: 100%;
display: flex;
flex-direction: column;
box-sizing: border-box;
}
.add-project-content {
background-color: #fff;
padding-top: 16px;
padding-right: 16px;
}
.system-manage-header {
background: rgba(255, 255, 255, 0.9);
border-radius: 8px;
padding: 12px 20px 0;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
.header-left {
flex: 1;
width: 0;
.el-input,
.el-select {
width: 220px;
}
}
}
.system-manage-content {
background: rgba(255, 255, 255, 0.9);
border-radius: 8px;
padding: 20px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.manage-search {
padding: 24px 16px 8px 16px;
background: #fff;
margin-bottom: 16px;
border-radius: 4px;
}
.manage-content {
flex: 1;
height: 0;
.common-table {
height: 100%;
display: flex;
flex-direction: column;
border-radius: 0;
.table-container {
flex: 1;
height: 0;
display: flex;
flex-direction: column;
.el-table {
flex: 1;
height: 0;
}
}
}
}
.manage {
&-container {
width: 100%;
height: 100%;
padding: 24px 24px 0 24px;
box-sizing: border-box;
display: flex;
flex-direction: column;
}
&-wrap {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
}
&-header {
padding-top: 16px;
padding-right: 16px;
display: flex;
justify-content: space-between;
padding-bottom: 10px;
background-color: #fff;
}
&-content {
flex: 1;
height: 0;
display: flex;
flex-direction: column;
.common-table {
height: 100%;
display: flex;
flex-direction: column;
.table-container {
flex: 1;
height: 0;
display: flex;
flex-direction: column;
.el-table {
flex: 1;
height: 0;
}
}
}
}
}
.add-project {
&-container {
width: 100%;
height: 100%;
padding: 16px;
box-sizing: border-box;
display: flex;
flex-direction: column;
.el-collapse-item__header {
color: var(--el-color-primary);
}
}
&-header {
display: flex;
justify-content: space-between;
margin-bottom: 10px;
}
&-content {
flex: 1;
height: 0;
display: flex;
flex-direction: column;
.tabs-content {
flex: 1;
height: 0;
display: flex;
flex-direction: column;
& > .el-tabs {
flex: 1;
height: 0;
}
}
.el-tabs {
height: 100%;
}
.el-tab-pane {
height: 100%;
}
.tab-content {
height: 100%;
overflow: auto;
padding: 0 10px;
.col-title {
height: 24px;
line-height: 24px;
font-weight: bold;
text-align: center;
}
.tab-handle {
margin: 10px 0;
display: flex;
justify-content: flex-end;
align-items: center;
}
.el-table {
margin-bottom: 10px;
thead {
color: #000;
th {
background: #f5f7fa;
.cell {
text-align: center;
}
}
}
.sums-column {
display: flex;
flex-direction: column;
justify-content: flex-start;
& > div {
height: 26px;
line-height: 26px;
text-align: center;
}
}
}
.upload-file-wrap {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
.file-name {
flex: 1;
width: 0;
color: #409eff;
cursor: pointer;
-webkit-background-clip: text;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.delete-btn {
cursor: pointer;
color: #f56c6c;
}
}
.el-select__wrapper {
.el-select__selection.is-near {
max-height: 120px;
overflow: auto;
}
}
h3 {
text-align: center;
}
.text-border {
width: 100%;
padding: 0 10px;
border: 1px solid #dcdfe6;
border-radius: 4px;
background-color: #f5f7fa;
min-height: 34px;
}
.report-item {
display: flex;
align-items: center;
margin: 18px 0;
}
.report-label {
width: 150px;
text-align: right;
padding-right: 12px;
}
.report-content {
border-left: 1px solid #eaeaea;
flex: 1;
width: 0;
}
}
.always-click {
padding: 2px;
font-size: 12px;
cursor: pointer !important;
color: var(--el-color-primary);
font-weight: 500;
font-family: Arial, sans-serif;
display: inline-flex;
align-items: center;
}
.project-tab-content {
padding: 0 20px;
height: 100%;
}
}
}
.add-dialog {
.el-tree {
width: 100%;
}
}
.tree-content {
overflow: auto;
position: relative;
.el-tree {
// max-height: 700px;
// overflow-y: auto;
// 只有当内容超过700px时才显示滚动条
&:not(:hover) {
scrollbar-width: none;
-ms-overflow-style: none;
&::-webkit-scrollbar {
display: none;
}
}
&:hover {
scrollbar-width: thin;
&::-webkit-scrollbar {
display: block;
width: 6px;
}
&::-webkit-scrollbar-thumb {
background-color: rgba(144, 147, 153, 0.3);
border-radius: 3px;
}
&::-webkit-scrollbar-track {
background-color: transparent;
}
}
}
.custom-tree-node {
flex: 1;
display: flex;
align-items: center;
justify-content: space-between;
font-size: 14px;
padding-right: 8px;
.node-name {
flex: 1;
width: 0;
-webkit-background-clip: text;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.node-key {
font-size: 12px;
color: #969696;
}
}
}
.add-project-header {
margin-bottom: 10px;
padding-left: 24px;
.header-left {
&:hover {
color: #409eff;
cursor: pointer;
}
// position: relative;
// &::before {
// position: absolute;
// content: "<";
// left: -26px;
// top: -3px;
// width: 2px;
// height: 19px;
// font-size: 19px;
// }
}
}
::v-deep.el-form-item {
display: block;
.el-form-item__label {
width: auto !important;
color: #333;
// font-weight: 600;
}
}
.tab-handle {
margin-bottom: 10px;
text-align: right;
}
.always-click {
cursor: pointer;
color: #409eff;
margin-right: 10px;
}
.el-table .el-table__footer-wrapper {
.el-table-cell {
font-weight: bold;
background-color: #f5f7fa;
}
}
.add-project-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 24px;
}
::v-deep .el-collapse-item {
.el-collapse-item__title {
color: #333;
font-size: 16px;
flex: auto;
text-align: left;
padding-left: 16px;
position: relative;
&::after {
position: absolute;
content: "";
left: 0;
top: 15px;
width: 2px;
height: 19px;
background-color: #409eff;
}
}
.el-icon {
font-size: 16px;
}
}
:deep(.el-table) {
--el-table-border-color: #ebeef5;
width: 100%;
}
:deep(.el-upload) {
width: 100%;
}
::v-deep .el-collapse-item__content {
padding-bottom: 0;
}
...@@ -186,5 +186,5 @@ onMounted(() => { ...@@ -186,5 +186,5 @@ onMounted(() => {
</script> </script>
<style scoped lang="less"> <style scoped lang="less">
@import "@/styles/verticalManages.less"; @import "@/styles/manage.less";
</style> </style>
...@@ -399,7 +399,7 @@ onMounted(() => { ...@@ -399,7 +399,7 @@ onMounted(() => {
</script> </script>
<style scoped lang="less"> <style scoped lang="less">
@import "@/styles/verticalManages.less"; @import "@/styles/manage.less";
.add-project-container { .add-project-container {
padding: 20px; padding: 20px;
......
...@@ -702,7 +702,7 @@ onMounted(() => { ...@@ -702,7 +702,7 @@ onMounted(() => {
</script> </script>
<style scoped lang="less"> <style scoped lang="less">
@import "@/styles/verticalManages.less"; @import "@/styles/manage.less";
// @import "@/styles/manage.less"; // @import "@/styles/manage.less";
.DynamicTable-slot { .DynamicTable-slot {
......
...@@ -317,5 +317,5 @@ onMounted(() => { ...@@ -317,5 +317,5 @@ onMounted(() => {
</script> </script>
<style scoped lang="less"> <style scoped lang="less">
@import "@/styles/verticalManages.less"; @import "@/styles/manage.less";
</style> </style>
...@@ -247,5 +247,5 @@ onMounted(() => { ...@@ -247,5 +247,5 @@ onMounted(() => {
</script> </script>
<style scoped lang="less"> <style scoped lang="less">
@import "@/styles/verticalManages.less"; @import "@/styles/manage.less";
</style> </style>
...@@ -646,5 +646,5 @@ onMounted(() => { ...@@ -646,5 +646,5 @@ onMounted(() => {
</script> </script>
<style scoped lang="less"> <style scoped lang="less">
@import "@/styles/verticalManages.less"; @import "@/styles/manage.less";
</style> </style>
...@@ -1483,7 +1483,7 @@ onMounted(() => { ...@@ -1483,7 +1483,7 @@ onMounted(() => {
</script> </script>
<style scoped lang="less"> <style scoped lang="less">
@import "@/styles/verticalManages.less"; @import "@/styles/manage.less";
.add-project-container { .add-project-container {
width: 100%; width: 100%;
......
...@@ -187,5 +187,5 @@ onMounted(() => { ...@@ -187,5 +187,5 @@ onMounted(() => {
</script> </script>
<style scoped lang="less"> <style scoped lang="less">
@import "@/styles/verticalManages.less"; @import "@/styles/manage.less";
</style> </style>
...@@ -162,7 +162,7 @@ onMounted(() => { ...@@ -162,7 +162,7 @@ onMounted(() => {
</script> </script>
<style scoped lang="less"> <style scoped lang="less">
@import "@/styles/verticalManages.less"; @import "@/styles/manage.less";
.add-project-container { .add-project-container {
padding: 20px; padding: 20px;
......
...@@ -180,5 +180,5 @@ onMounted(() => { ...@@ -180,5 +180,5 @@ onMounted(() => {
</script> </script>
<style scoped lang="less"> <style scoped lang="less">
@import "@/styles/verticalManages.less"; @import "@/styles/manage.less";
</style> </style>
...@@ -155,7 +155,7 @@ onMounted(() => { ...@@ -155,7 +155,7 @@ onMounted(() => {
</script> </script>
<style scoped lang="less"> <style scoped lang="less">
@import "@/styles/verticalManages.less"; @import "@/styles/manage.less";
.add-project-container { .add-project-container {
padding: 20px; padding: 20px;
......
...@@ -202,5 +202,5 @@ onMounted(() => { ...@@ -202,5 +202,5 @@ onMounted(() => {
</script> </script>
<style scoped lang="less"> <style scoped lang="less">
@import "@/styles/verticalManages.less"; @import "@/styles/manage.less";
</style> </style>
...@@ -241,5 +241,5 @@ onMounted(() => { ...@@ -241,5 +241,5 @@ onMounted(() => {
</script> </script>
<style scoped lang="less"> <style scoped lang="less">
@import "@/styles/verticalManages.less"; @import "@/styles/manage.less";
</style> </style>
...@@ -178,5 +178,5 @@ onMounted(() => { ...@@ -178,5 +178,5 @@ onMounted(() => {
</script> </script>
<style scoped lang="less"> <style scoped lang="less">
@import "@/styles/verticalManages.less"; @import "@/styles/manage.less";
</style> </style>
...@@ -243,5 +243,5 @@ onMounted(() => { ...@@ -243,5 +243,5 @@ onMounted(() => {
</script> </script>
<style scoped lang="less"> <style scoped lang="less">
@import "@/styles/verticalManages.less"; @import "@/styles/manage.less";
</style> </style>
...@@ -854,7 +854,7 @@ onMounted(() => { ...@@ -854,7 +854,7 @@ onMounted(() => {
</script> </script>
<style scoped lang="less"> <style scoped lang="less">
@import "@/styles/verticalManages.less"; @import "@/styles/manage.less";
// @import "@/styles/manage.less"; // @import "@/styles/manage.less";
.subtotal { .subtotal {
......
...@@ -188,5 +188,5 @@ onMounted(() => { ...@@ -188,5 +188,5 @@ onMounted(() => {
</script> </script>
<style scoped lang="less"> <style scoped lang="less">
@import "@/styles/verticalManages.less"; @import "@/styles/manage.less";
</style> </style>
...@@ -159,7 +159,7 @@ onMounted(() => { ...@@ -159,7 +159,7 @@ onMounted(() => {
</script> </script>
<style scoped lang="less"> <style scoped lang="less">
@import "@/styles/verticalManages.less"; @import "@/styles/manage.less";
.add-project-container { .add-project-container {
padding: 20px; padding: 20px;
......
...@@ -198,5 +198,5 @@ onMounted(() => { ...@@ -198,5 +198,5 @@ onMounted(() => {
</script> </script>
<style scoped lang="less"> <style scoped lang="less">
@import "@/styles/verticalManages.less"; @import "@/styles/manage.less";
</style> </style>
...@@ -202,7 +202,7 @@ onMounted(() => { ...@@ -202,7 +202,7 @@ onMounted(() => {
</script> </script>
<style scoped lang="less"> <style scoped lang="less">
@import "@/styles/verticalManages.less"; @import "@/styles/manage.less";
.add-project-container { .add-project-container {
padding: 20px; padding: 20px;
......
...@@ -270,7 +270,7 @@ onMounted(() => { ...@@ -270,7 +270,7 @@ onMounted(() => {
</script> </script>
<style scoped lang="less"> <style scoped lang="less">
@import "@/styles/verticalManages.less"; @import "@/styles/manage.less";
// 标签页样式优化 // 标签页样式优化
:deep(.el-tabs--border-card) { :deep(.el-tabs--border-card) {
......
...@@ -403,7 +403,7 @@ onMounted(() => { ...@@ -403,7 +403,7 @@ onMounted(() => {
</script> </script>
<style scoped lang="less"> <style scoped lang="less">
@import "@/styles/verticalManages.less"; @import "@/styles/manage.less";
.tab-handle { .tab-handle {
margin-bottom: 10px; margin-bottom: 10px;
......
...@@ -701,7 +701,7 @@ onMounted(() => { ...@@ -701,7 +701,7 @@ onMounted(() => {
</script> </script>
<style scoped lang="less"> <style scoped lang="less">
@import "@/styles/verticalManages.less"; @import "@/styles/manage.less";
// @import "@/styles/manage.less"; // @import "@/styles/manage.less";
.DynamicTable-slot { .DynamicTable-slot {
......
...@@ -2519,7 +2519,7 @@ onMounted(() => { ...@@ -2519,7 +2519,7 @@ onMounted(() => {
</script> </script>
<style scoped lang="less"> <style scoped lang="less">
@import "@/styles/verticalManages.less"; @import "@/styles/manage.less";
// 调整折叠面板和表格样式 // 调整折叠面板和表格样式
:deep(.el-collapse-item__header) { :deep(.el-collapse-item__header) {
......
...@@ -1193,7 +1193,7 @@ onMounted(() => { ...@@ -1193,7 +1193,7 @@ onMounted(() => {
</script> </script>
<style scoped lang="less"> <style scoped lang="less">
@import "@/styles/verticalManages.less"; @import "@/styles/manage.less";
.add-project-container { .add-project-container {
width: 100%; width: 100%;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment