576 lines
11 KiB
Plaintext
576 lines
11 KiB
Plaintext
//定义主题颜色
|
||
@main-color: rgb(0, 79, 142);
|
||
@main-text-color: #000;
|
||
@main-text-color-1: #333;
|
||
@main-text-color-2: #666;
|
||
@main-danger-color: rgb(214, 0, 14);
|
||
|
||
//表单 重置 搜搜与其他
|
||
@form-submit-color: #004f8e;
|
||
@form-reset-color: #d7000f;
|
||
@form-other-color: #fff;
|
||
@form-color: #fff;
|
||
|
||
|
||
@layout-background: #666;
|
||
@layout-header-background: #666;
|
||
@menu-list-bg: #666;
|
||
@table-selected-row-bg: #666;
|
||
@text-color-secondary: #666;
|
||
@menu-item-selected-bg: #666;
|
||
|
||
//灰色
|
||
|
||
@gray: rgb(240, 240, 240);
|
||
@gray-text: rgb(215, 215, 215);
|
||
|
||
// 宽度
|
||
@width: 1366px;
|
||
|
||
// 公共容器样式
|
||
.common-container {
|
||
background-color: #f0f2f5;
|
||
padding: 24px;
|
||
min-height: calc(100vh - 144px);
|
||
|
||
.page-header {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
margin-bottom: 24px;
|
||
|
||
h2 {
|
||
margin-bottom: 0;
|
||
}
|
||
}
|
||
|
||
.inner-card {
|
||
margin-bottom: 24px;
|
||
background-color: #fff;
|
||
border-radius: 2px;
|
||
}
|
||
|
||
// 步骤表单相关样式
|
||
.steps-container {
|
||
margin: 16px 0 24px;
|
||
padding: 24px 0;
|
||
background-color: #fff;
|
||
border-radius: 2px;
|
||
}
|
||
|
||
.steps-content {
|
||
margin-top: 16px;
|
||
padding: 24px;
|
||
background-color: #fff;
|
||
border-radius: 2px;
|
||
min-height: 300px;
|
||
}
|
||
|
||
.steps-action {
|
||
margin-top: 24px;
|
||
text-align: center;
|
||
}
|
||
|
||
// 表单相关通用样式
|
||
.required-label::before {
|
||
content: '*';
|
||
color: #ff4d4f;
|
||
margin-right: 4px;
|
||
}
|
||
|
||
.select-with-clear {
|
||
position: relative;
|
||
|
||
.clear-icon {
|
||
position: absolute;
|
||
top: 50%;
|
||
right: 24px;
|
||
transform: translateY(-50%);
|
||
color: rgba(0, 0, 0, 0.25);
|
||
cursor: pointer;
|
||
z-index: 1;
|
||
|
||
&:hover {
|
||
color: rgba(0, 0, 0, 0.45);
|
||
}
|
||
}
|
||
}
|
||
|
||
//重置
|
||
.buttonReset {
|
||
background-color: @form-reset-color;
|
||
border: 1px solid @form-reset-color;
|
||
border-radius: 4px;
|
||
color: @form-color;
|
||
}
|
||
//搜索
|
||
.buttonSubmit {
|
||
background-color: @form-submit-color;
|
||
border: 1px solid @form-submit-color;
|
||
border-radius: 4px;
|
||
color: @form-color;
|
||
}
|
||
//其它按钮
|
||
.buttonOther {
|
||
background-color: @form-other-color;
|
||
border: 1px solid #999;
|
||
border-radius: 4px;
|
||
color: #333;
|
||
}
|
||
//功能按钮
|
||
.buttonFunctionBlock {
|
||
background-color: @form-other-color;
|
||
border: 1px solid @form-submit-color;
|
||
border-radius: 4px;
|
||
color: @form-submit-color;
|
||
}
|
||
}
|
||
.common-container.on {
|
||
background: none;
|
||
padding: 0;
|
||
//左侧树
|
||
.treeBlock {
|
||
position: relative;
|
||
width: 280px;
|
||
background: #fff;
|
||
height: calc(100vh - 240px);
|
||
transition: width 0.3s;
|
||
|
||
&.collapsed {
|
||
width: 0;
|
||
min-width: 0;
|
||
overflow: visible;
|
||
.dataTree { display: none; }
|
||
.shrinkBlock {
|
||
right: -30px;
|
||
top: 50%;
|
||
margin-top: -20px;
|
||
.btn {
|
||
margin: 0;
|
||
}
|
||
}
|
||
}
|
||
|
||
.dataTree {
|
||
width: 280px;
|
||
height: 100%;
|
||
padding: 20px 10px;
|
||
overflow-x: auto;
|
||
overflow-y: auto;
|
||
box-sizing: border-box;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
.shrinkBlock {
|
||
position: absolute;
|
||
top: 50%;
|
||
right: -30px;
|
||
width: 30px;
|
||
height: 100px;
|
||
margin-top: -50px;
|
||
z-index: 100;
|
||
|
||
.btn {
|
||
width: 30px;
|
||
background-color: @form-submit-color;
|
||
border: 1px solid @form-submit-color;
|
||
border-radius: 4px;
|
||
color: @form-color;
|
||
text-align: center;
|
||
padding: 2px 0;
|
||
font-size: 14px;
|
||
cursor: pointer;
|
||
}
|
||
}
|
||
|
||
.expandOnly {
|
||
top: 50%;
|
||
right: -30px;
|
||
height: auto;
|
||
margin-top: -50px;
|
||
}
|
||
}
|
||
|
||
.rightMain {
|
||
transition: width 0.3s;
|
||
width: calc(100% - 310px);
|
||
height: calc(100vh - 240px);
|
||
background-color: #fff;
|
||
padding: 0 24px;
|
||
}
|
||
|
||
}
|
||
|
||
|
||
// .ant-layout-header {
|
||
// position: fixed;
|
||
// top: 0;
|
||
// left: 0;
|
||
// background-color: @layout-header-background;
|
||
// height: 80px;
|
||
// color: @primary-color;
|
||
|
||
|
||
|
||
// .ant-pro-global-header{
|
||
// background-color: #fff;
|
||
// height: 56px;
|
||
// color: #333;
|
||
// }
|
||
// }
|
||
|
||
|
||
// .ant-pro-sider-logo {
|
||
// height: 80px;
|
||
// }
|
||
// .ant-pro-sider-light .ant-pro-sider-logo h1 {
|
||
// color: #ffffff;
|
||
// }
|
||
// .ant-menu {
|
||
// margin-top: 6px;
|
||
// padding-top: 6px !important
|
||
// }
|
||
// #root .ant-layout-sider {
|
||
// z-index: 0;
|
||
// }
|
||
// // 通用页面布局样式
|
||
// .layout-container {
|
||
// background-color: @layout-background;
|
||
// min-height: 100vh;
|
||
// }
|
||
|
||
// #root {
|
||
// .ant-table-tbody > tr.ant-table-row:hover > td,
|
||
// .ant-table-tbody > tr > td.ant-table-cell-row-hover {
|
||
// background-color: @table-selected-row-bg;
|
||
// }
|
||
// .ant-table {
|
||
// color: @text-color-secondary;
|
||
// }
|
||
// }
|
||
|
||
// // 控制左侧菜单背景色
|
||
// .ant-menu.ant-menu-sub.ant-menu-inline {
|
||
// background-color: @menu-list-bg;
|
||
|
||
// .ant-menu-item-selected {
|
||
// background-color: @menu-item-selected-bg;
|
||
// }
|
||
// .ant-menu-item-selected a {
|
||
// color: @primary-color;
|
||
// font-weight: bold;
|
||
// }
|
||
// }
|
||
|
||
// // 修改全局分页器样式
|
||
// .pagination-container {
|
||
// align-items: center;
|
||
|
||
// .ant-pagination-total-text {
|
||
// margin-right: 16px;
|
||
// height: 24px;
|
||
// line-height: 24px;
|
||
// }
|
||
// .ant-pagination-prev,
|
||
// .ant-pagination-next,
|
||
// .ant-pagination-item {
|
||
// min-width: 24px;
|
||
// height: 24px;
|
||
// margin: 0;
|
||
// line-height: 24px;
|
||
// }
|
||
// // .ant-pagination-item {
|
||
// // border: none;
|
||
// // }
|
||
// // .ant-pagination-item-active {
|
||
// // color: @primary-color;
|
||
// // }
|
||
// .ant-pagination-options {
|
||
// .ant-pagination-options-quick-jumper {
|
||
// margin-left: 16px;
|
||
// }
|
||
// }
|
||
// }
|
||
// // .ant-menu-submenu-title {
|
||
// // padding-left: 24px !important;
|
||
// // }
|
||
// // .ant-menu-submenu-arrow {
|
||
// // right: 24px;
|
||
// // }
|
||
|
||
// .ant-pro-basicLayout-content {
|
||
// margin-top: 97px !important;
|
||
// margin-left: 26px !important;
|
||
// margin-bottom: 0px !important;
|
||
// // padding-left: 224px;
|
||
// // display: flex;
|
||
// flex: auto;
|
||
// flex-direction: row;
|
||
|
||
// // // 去除滚动条样式
|
||
// // margin-right: 0 !important;
|
||
// // padding-right: 10px;
|
||
// // height: 100%;
|
||
// // overflow: auto;
|
||
// }
|
||
// .bidContent {
|
||
// flex: 1;
|
||
// }
|
||
|
||
// .ant-card-head-title {
|
||
// padding: 11px 0 10px 0;
|
||
// }
|
||
|
||
// .ant-input {
|
||
// border-radius: 3px;
|
||
// }
|
||
|
||
// .ant-form-item {
|
||
// margin-bottom: 8px;
|
||
// }
|
||
|
||
// // .ant-tabs-content-holder {
|
||
// // margin-top: 24px;
|
||
// // }
|
||
|
||
// .ant-btn-dangerous.ant-btn-link {
|
||
// color: #1890ff;
|
||
// }
|
||
|
||
|
||
// .ant-table-pagination.ant-pagination {
|
||
// margin: 16px 0 24px 0;
|
||
// }
|
||
|
||
|
||
|
||
// .ant-pagination-item {
|
||
// border: 1px solid #999;
|
||
// margin: 0 4px;
|
||
// }
|
||
|
||
// .ant-pagination-item-active {
|
||
// font-weight: 500;
|
||
// background: #014f8f;
|
||
// border-color: #fff;
|
||
// }
|
||
|
||
// .ant-page-header .ant-page-header-heading-title {
|
||
// font-size: 16px;
|
||
// font-weight: normal;
|
||
// color: #333;
|
||
// }
|
||
|
||
// .ant-page-header-heading-sub-title {
|
||
// color: #333;
|
||
// font-size: 16px;
|
||
// }
|
||
|
||
// .first-title {
|
||
// font-size: 14px;
|
||
// color: @primary-color;
|
||
// line-height: 40px;
|
||
// font-weight: 500;
|
||
// position: relative;
|
||
// padding-left: 11px;
|
||
// background-color: @primary-color
|
||
// }
|
||
// .first-title::before{
|
||
// content: "";
|
||
// display: block;
|
||
// position: absolute;
|
||
// top: 13px;
|
||
// left: 0;
|
||
// width: 3px;
|
||
// height: 14px;
|
||
// background-color: #014f8f;
|
||
// }
|
||
|
||
// .scd-title {
|
||
// font-size: 14px;
|
||
// color: #333;
|
||
// line-height: 42px;
|
||
// font-weight: 500;
|
||
// position: relative;
|
||
// padding-left: 34px;
|
||
// }
|
||
// .scd-title::before{
|
||
// content: "";
|
||
// display: block;
|
||
// position: absolute;
|
||
// top: 20px;
|
||
// left: 0;
|
||
// width: 24px;
|
||
// height: 2px;
|
||
// background-color: @primary-color;
|
||
// }
|
||
|
||
// .ant-modal-footer {
|
||
// overflow: hidden;
|
||
// button {
|
||
// float: right;
|
||
// margin-left: 8px;
|
||
// }
|
||
// }
|
||
|
||
// .MuiTabs-indicator {
|
||
// background-color: #ffffff !important;
|
||
// }
|
||
|
||
// .ant-pro-table td.ant-table-cell > a {
|
||
// color: #1890ff;
|
||
// padding-right: 8px;
|
||
|
||
// }
|
||
|
||
// .ant-pro-table-search {
|
||
|
||
// }
|
||
|
||
|
||
|
||
// .ant-pro-table-search {
|
||
// padding: 10px 24px 6px 24px;
|
||
// margin-bottom: 8px;
|
||
// }
|
||
|
||
// .ant-pagination-item-active:focus a, .ant-pagination-item-active:hover a {
|
||
// color: #ffffff;
|
||
// }
|
||
|
||
// .ant-tabs-tab {
|
||
// margin: 0px 48px 0 0 !important;
|
||
// }
|
||
|
||
// .ant-pro-sider.ant-layout-sider.ant-pro-sider-fixed {
|
||
// box-shadow: none;
|
||
// }
|
||
// .ant-pro-sider-light {
|
||
// height: auto;
|
||
// box-shadow: none;
|
||
// }
|
||
|
||
|
||
|
||
// .myselfContent .ant-menu-submenu-title {
|
||
// padding-right: 34px;
|
||
// text-align: center;
|
||
// color: #014f8f;
|
||
// border-top: 2px solid #014f8f;
|
||
// //background: #014f8f;
|
||
// }
|
||
// .myselfContent .ant-menu-submenu-title i {
|
||
// display: none;
|
||
// }
|
||
// .myselfContent .ant-menu-item {
|
||
// text-align: center;
|
||
// padding: 0 !important;
|
||
// }
|
||
// // .myselfContent .ant-menu .ant-menu-item-selected {
|
||
// // background-color: rgba(225,225,225,.0);
|
||
// // }
|
||
|
||
// // .myselfContent .ant-menu .ant-menu-submenu-selected {
|
||
// // background: #014f8f;
|
||
// // color: #fff !important;
|
||
// // }
|
||
// // .myselfContent .ant-menu .ant-menu-submenu-selected:hover {
|
||
// // background: #014f8f;
|
||
// // color: #fff !important;
|
||
// // }
|
||
|
||
// .myselfContent .ant-menu-inline .ant-menu-item::after {
|
||
// border-right: none;
|
||
// }
|
||
|
||
// .ant-collapse {
|
||
// border: none;
|
||
// }
|
||
|
||
// .ant-page-header {
|
||
// border-radius: 6px 6px 0 0;
|
||
// }
|
||
|
||
// .ant-table-content .ant-table-cell .ant-btn-text {
|
||
// color: @primary-color !important;
|
||
// background: rgba(0,0,0,0);
|
||
// padding-left: 4px;
|
||
// padding-right: 4px;
|
||
// }
|
||
// .ant-table-content .ant-table-cell .ant-btn-text:hover {
|
||
// color: @primary-color;
|
||
// background: none;
|
||
// }
|
||
|
||
// .frize-menu {
|
||
// width: 224px;
|
||
// height: 100%;
|
||
// overflow: hidden;
|
||
// flex: 0 0 224px;
|
||
// max-width: 224px;
|
||
// min-width: 224px;
|
||
// background: #fff;
|
||
// position: fixed;
|
||
// min-height: 100%;
|
||
// scrollbar-width: none;
|
||
// z-index: 100;
|
||
// left: 0;
|
||
// top: 56px;
|
||
// overflow-y: auto;
|
||
// border: none;
|
||
// // padding-top: 66px;
|
||
// padding-bottom: 200px;
|
||
// -ms-overflow-style: none; /* IE 10+ */
|
||
// }
|
||
// .frize-menu::-webkit-scrollbar {
|
||
// display: none;
|
||
// }
|
||
// input::-webkit-outer-spin-button,
|
||
// input::-webkit-inner-spin-button {
|
||
// -webkit-appearance: none;
|
||
// }
|
||
// input[type="number"]{
|
||
// -moz-appearance: textfield;
|
||
// }
|
||
|
||
// .basicLayout-children{
|
||
// margin-top:5px;
|
||
// background-color:white;
|
||
// border-radius:6px;
|
||
// overflow:auto;
|
||
// -ms-overflow-style: none;
|
||
// }
|
||
// .basicLayout-children::-webkit-scrollbar {
|
||
// width:0px;
|
||
// }
|
||
|
||
// // 修改全局界面上所有只读表单文字颜色改成黑色
|
||
// .ant-input[disabled]{
|
||
// color: #333;
|
||
// }
|
||
// .ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector{
|
||
// color: #333;
|
||
// }
|
||
// .ant-radio-disabled + span{
|
||
// color: #333;
|
||
// }
|
||
// .ant-btn-primary[disabled], .ant-btn-primary[disabled]:hover, .ant-btn-primary[disabled]:focus, .ant-btn-primary[disabled]:active{
|
||
// color: #333;
|
||
// }
|
||
// .ant-checkbox-disabled + span{
|
||
// color: #333;
|
||
// }
|
||
// .ant-picker-input > input[disabled]{
|
||
// color: #333;
|
||
// }
|
||
// .ant-btn[disabled], .ant-btn[disabled]:hover, .ant-btn[disabled]:focus, .ant-btn[disabled]:active{
|
||
// color: #333;
|
||
// }
|
||
// //2022.2.18增加PageHeader全局样式 来源：ld_style.less
|
||
// .ant-page-header{
|
||
// background: #fff;
|
||
// padding: 6px 24px;
|
||
// border-bottom: 1px solid #ddd;
|
||
// }
|
||
|