.overSpread {
|
width: 100%;
|
height: 100%;
|
position: fixed;
|
top: 0px;
|
left: 0px;
|
background: rgba(0, 0, 0, 0.5);
|
z-index: 10;
|
}
|
|
.el-pagination.is-background .el-pager li:not(.disabled).active {
|
background: #2a78fb !important;
|
}
|
// .el-tabs__content {
|
// height: calc(100% - 100px) !important;
|
// overflow: auto;
|
// }
|
.workshopContent {
|
height: 50%;
|
width: 100%;
|
padding: 24px;
|
min-height: 453px;
|
// min-width: 1193px;
|
background: #ffffff;
|
border-radius: 6px;
|
box-sizing: border-box;
|
.el-pagination {
|
position: absolute;
|
bottom: 16px;
|
right: 30px;
|
}
|
}
|
* {
|
margin: 0;
|
padding: 0;
|
}
|
|
// 按钮
|
.el-button--text {
|
color: #2a78fb!important;
|
}
|
.el-button--text.is-disabled{
|
color:#7c7f85 !important;
|
}
|
.el-button--primary {
|
color: #fff;
|
background-color: #2a78fb !important;
|
border-color: #2a78fb !important;
|
}
|
.left_moudel {
|
float: left;
|
// overflow: auto;
|
width: 19%;
|
height: 100%;
|
padding-right: 15px;
|
box-sizing: border-box;
|
border-right: 2px solid #f5f7fa;
|
h4 {
|
color: cornflowerblue;
|
}
|
}
|
.right_moudel {
|
float: right;
|
width: 80%;
|
height: 100%;
|
}
|
//.topfrom {
|
// margin-bottom: 15px;
|
//}
|
.topfrom_left {
|
float: left;
|
}
|
.title {
|
font-size: 16px;
|
font-weight: 600;
|
display: block;
|
margin: 0px 0px;
|
color:#333;
|
}
|
.font_weight {
|
font-weight: 500;
|
font-size: 26px;
|
font-family: "DIN Alternate";
|
}
|
.top_right_bottom {
|
font-size: 12px;
|
}
|
.Badge {
|
width: 6px;
|
height: 6px;
|
background: red;
|
border-radius: 100%;
|
display: inline-block;
|
margin-bottom: 3px;
|
margin-right: 5px;
|
}
|
.border_right{
|
border-right: 1px solid rgba(0, 0, 0, 0.1);
|
}
|
.top {
|
width: 100%;
|
height: 61px;
|
display: flex;
|
.top_replenish {
|
width: 34%;
|
display: flex;
|
padding-right: 2%;
|
flex-wrap: nowrap;
|
flex-direction: row;
|
align-content: center;
|
// justify-content: flex-start;
|
align-items: center;
|
justify-content: space-around;
|
text-align: center;
|
}
|
|
.top_left {
|
width: 10%;
|
border-right: 1px solid #ccc;
|
display: flex;
|
padding-right: 2%;
|
flex-wrap: nowrap;
|
flex-direction: row;
|
align-content: center;
|
justify-content: center;
|
align-items: center;
|
text-align: center;
|
// dd {
|
// margin: 5px 0px;
|
// }
|
// .font_weight {
|
// margin-left: 15px;
|
// }
|
}
|
.top_right {
|
display: flex;
|
flex-direction: row;
|
flex-wrap: nowrap;
|
align-content: center;
|
align-items: center;
|
justify-content: space-around;
|
width: calc(90% - 197px);
|
text-align: center;
|
}
|
}
|
.content_top {
|
height: 128px;
|
display: flex;
|
width: 100%;
|
// min-width: 1641px;
|
flex-wrap: wrap;
|
.cardActive {
|
background: #5595ff !important;
|
color: aliceblue !important;
|
}
|
.content_topLeft {
|
width: 18%;
|
height: 100%;
|
// width: 136px;
|
// height: 128px;
|
.allCard {
|
// width: 100%;
|
// height: 100%;
|
width: 236px;
|
height: 128px;
|
background: #ffffff;
|
color: #000;
|
cursor: pointer;
|
border-radius: 15px;
|
box-sizing: border-box;
|
padding: 15px;
|
.card_top {
|
padding-bottom: 10px;
|
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
|
}
|
.card_bottom {
|
width: 100%;
|
height: 60%;
|
display: flex;
|
flex-direction: row;
|
flex-wrap: wrap;
|
align-content: space-around;
|
justify-content: flex-start;
|
align-items: center;
|
margin-top: 5px;
|
p {
|
width: 40%;
|
margin: 6px;
|
font-size: 12px;
|
}
|
}
|
}
|
}
|
.cardtitle {
|
font-size: 20px;
|
font-weight: 600;
|
margin-right: 20px;
|
margin-left: 6px;
|
}
|
.content_topMiddle {
|
width: 70%;
|
display: flex;
|
flex-direction: row;
|
flex-wrap: wrap;
|
align-content: space-between;
|
justify-content: space-between;
|
align-items: center;
|
height: 100%;
|
box-sizing: border-box;
|
padding: 0px 40px;
|
> div {
|
// width: 22%;
|
// height: 100%;
|
width: 205px;
|
height: 128px;
|
background: #ffffff;
|
border: 1px solid #ccc;
|
border-radius: 12px;
|
box-sizing: border-box;
|
padding: 16px 14px 20px 18px;
|
.card {
|
width: 100%;
|
height: 100%;
|
}
|
.card_top {
|
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
|
padding-bottom: 10px;
|
}
|
.card_bottom {
|
width: 100%;
|
height: 60%;
|
display: flex;
|
flex-direction: row;
|
flex-wrap: wrap;
|
align-content: space-around;
|
justify-content: flex-start;
|
align-items: center;
|
margin-top: 5px;
|
p {
|
width: 40%;
|
margin: 6px;
|
font-size: 12px;
|
}
|
}
|
}
|
}
|
}
|
|
.close {
|
font-size: 20px;
|
position: absolute;
|
right: 15px;
|
top: 15px;
|
}
|
.drawer {
|
z-index: 99;
|
position: fixed;
|
top: 10%;
|
left: 30%;
|
border: none !important;
|
border-radius: 8px !important;
|
box-shadow: 0px 2px 37px -1px rgba(0, 0, 0, 0.2);
|
background: #fff;
|
.drawerHeader {
|
width: 100%;
|
height: 50px;
|
background-color: #f5f7fa;
|
line-height: 50px;
|
font-weight: 600;
|
font-size: 15px;
|
padding-left: 20px;
|
box-sizing: border-box;
|
border-radius: 8px;
|
font-family: PingFangSC-Medium, sans-serif;
|
}
|
.drawerContent {
|
padding: 30px 40px 40px 40px;
|
box-sizing: border-box;
|
border-radius: 8px;
|
}
|
}
|
// 弹框
|
|
|
.el-dialog__header{
|
padding:0!important;
|
height: 50px!important;
|
background: #f5f7fa!important;
|
line-height: 50px!important;
|
font-weight: 600!important;
|
font-size: 15px!important;
|
padding-left: 20px!important;
|
box-sizing: border-box!important;
|
border-radius: 8px!important;
|
font-family: PingFangSC-Medium, sans-serif!important;
|
}
|
.no-header-dialog{
|
.el-dialog__header{
|
display:none!important;
|
}
|
}
|
.el-dialog__body{
|
padding: 20px 30px 30px 30px!important;
|
box-sizing: border-box!important;
|
min-height:200px;
|
}
|
.el-dialog__footer{
|
padding:0 20px 20px
|
}
|
.el-tabs--card>.el-tabs__header{
|
.el-tabs__item{
|
line-height: 20px !important;
|
box-sizing:content-box;
|
}
|
}
|
.el-tabs__item{
|
line-height: 40px;
|
height:40px;
|
color: rgba(0, 0, 0, 0.9);
|
text-align: center;
|
padding: 0 20px!important;
|
position:relative;
|
font-family: PingFangSC-Medium, sans-serif;
|
font-weight: 600!important;
|
font-size: 14px;
|
&.is-active{
|
background-color:transparent !important;
|
}
|
}
|
.content .is-active{
|
background-color:transparent !important;
|
}
|
.el-tabs__nav-wrap::after{
|
display:none;
|
}
|
.el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
|
// border-bottom: 3px solid #2a78fb!important;
|
color: #2a78fb;
|
}
|
.el-tabs--border-card{
|
.el-tabs__item{
|
width: 75px;
|
height: 20px;
|
line-height: 20px;
|
text-align: center;
|
border-radius: 12px 12px 0 0;
|
background: #fff;
|
margin-left: 3px;
|
}
|
}
|
// 标签页
|
.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
|
background: #2a78fb!important;
|
color: #fff!important;
|
}
|
// 日期
|
.el-date-editor{
|
.el-range__close-icon,.el-range-separator,.el-range__icon{
|
background:#fff;
|
}
|
|
}
|
|
|
|
|
//表格滚动
|
// .el-table__body-wrapper::-webkit-scrollbar-thumb {
|
// border-radius: 5px;
|
// -webkit-box-shadow: rgba(0, 0, 0, 0.4);
|
// background-color: rgba(0, 0, 0, 0.4);
|
// -webkit-border-radius: 5px;
|
// -moz-border-radius: 5px;
|
// -ms-border-radius: 5px;
|
// -o-border-radius: 5px;
|
// }
|
// .el-table__body-wrapper::-webkit-scrollbar {
|
// width: 10px;
|
// height: 15px;
|
// background-color: 0 0 2px rgba(0, 0, 0, 0.6);
|
// }
|
// .el-table__body-wrapper::-webkit-scrollbar-track {
|
// box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
|
// border-radius: 10px;
|
// background: #ffffff;
|
// }
|
.demo-form-inline{
|
line-height:40px;
|
.el-form-item{
|
margin-bottom:10px!important;
|
}
|
}
|
.el-table .el-table__fixed,.el-table .el-table__fixed-right{
|
height:auto!important;
|
bottom:8px;
|
|
}
|
.el-table .el-table__cell{
|
padding:6px 0px!important;
|
text-align:center!important;
|
}
|
.el-table .el-table__cell.is-left{
|
text-align:left!important;
|
}
|
.el-table th.el-table__cell > .cell {
|
font-family: PingFangSC-Medium, sans-serif;
|
font-size: 14px;
|
line-height: 23px;
|
text-align: center;
|
color: rgba(0, 0, 0, 0.9);
|
}
|
|
.pagination{
|
width: 100%;
|
height: 30px;
|
margin-top: 18px;
|
font-family: PingFangSC-Medium, sans-serif;
|
.el-pagination{
|
position: absolute;
|
right: 20px;
|
bottom: 15px;
|
}
|
}
|
.el-table .cell{
|
.el-button--text.el-button--small{
|
padding:4px 0px;
|
font-family: PingFangSC-Medium, sans-serif;
|
}
|
}
|
.el-button.el-button--small{
|
padding:6px 6px;
|
font-size:12px!important;
|
}
|
.el-form--label-left .el-form-item__label{
|
font-size: 13px;
|
text-align: left!important;
|
}
|
.el-table--scrollable-x .el-table__body-wrapper{
|
overflow-x: visible;
|
}
|
// 列表
|
.table-left .el-table__cell {
|
text-align: left!important;
|
padding-left:10px!important;
|
height:35px;
|
|
}
|
.table-left th.el-table__cell>.cell {
|
text-align: left!important;
|
padding:0px 0px 0px 10px!important;
|
}
|
|
div {
|
scrollbar-width: thin;
|
scrollbar-color: #e3e3e3 transparent;
|
}
|
div {
|
scrollbar-width: thin;
|
scrollbar-color: #e1e1e1 transparent;
|
}
|
|
// 颜色
|
.el-table .onSelect {
|
background: #ebf2ff;
|
}
|
.font_weight_600{
|
font-weight:600;
|
}
|
.color_333{
|
color:#333;
|
}
|
.color_666{
|
color:#666;
|
}
|
.color_blue{
|
color:#2a78fb;
|
}
|
.color_67c23a{
|
color:#67c23a;
|
}
|
.color_red{
|
color:red;
|
}
|
.color_FF9900{
|
color:#FF9900;
|
}
|
.background_color_eee{
|
background:#eee;
|
}
|
.success {
|
color: #06c062;
|
}
|
.error {
|
color: #f62f2f;
|
}
|
.warning-radio{
|
color:#e6a23c;
|
}
|
.warning {
|
color: rgba(0, 0, 0, 0.4);
|
}
|
// 间距
|
.margin_left_3px{
|
margin-left:3px;
|
}
|
.margin_left_5px{
|
margin-left:5px;
|
}
|
.margin_left_10px{
|
margin-left:10px;
|
}
|
.margin_left_15px{
|
margin-left:15px;
|
}
|
.margin_left_20px{
|
margin-left:20px;
|
}
|
.margin_right_5px{
|
margin-right:5px;
|
}
|
.margin_right_10px{
|
margin-right:10px;
|
}
|
.margin_right_15px{
|
margin-right:15px!important;
|
}
|
.margin_right_20px{
|
margin-right:20px;
|
}
|
.margin_right_40px{
|
margin-right:40px;
|
}
|
.margin_top_10px{
|
margin-top:10px;
|
}
|
.margin_top_20px{
|
margin-top:20px;
|
}
|
.margin_top_30px{
|
margin-top:30px;
|
}
|
.margin_top_35px{
|
margin-top:35px;
|
}
|
.margin_top_40px{
|
margin-top:40px;
|
}
|
.margin_bottom_10px{
|
margin-bottom:10px!important;
|
}
|
.margin_bottom_15px{
|
margin-bottom:15px!important;
|
}
|
.margin_bottom_20px{
|
margin-bottom:20px!important;
|
}
|
.margin_bottom_30px{
|
margin-bottom:30px!important;
|
}
|
.margin_bottom_40px{
|
margin-bottom:40px!important;
|
}
|
.margin_bottom_50px{
|
margin-bottom:50px!important;
|
}
|
//
|
.float_left{
|
float:left;
|
}
|
.float_right{
|
float:right;
|
}
|
//
|
.line_height_32px{
|
line-height:32px;
|
}
|
.text_indent_20{
|
text-indent:20px;
|
}
|
.text_indent_30{
|
text-indent:30px;
|
}
|
// 字体大小
|
.font_size_12{
|
font-size:12px;
|
}
|
.font_size_13{
|
font-size:13px;
|
}
|
.font_size_14{
|
font-size:14px;
|
}
|
.font_size_15{
|
font-size:15px;
|
}
|
.font_size_16{
|
font-size:16px;
|
}
|
.font_size_18{
|
font-size:18px;
|
}
|
.font_size_20{
|
font-size:20px!important;
|
}
|
.font_size_30{
|
font-size:30px!important;
|
}
|
.font_size_40{
|
font-size:40px!important;
|
}
|
.cursor_pointer{
|
cursor: pointer;
|
}
|
// 点点
|
.success-radio {
|
display: inline-block;
|
width: 5px;
|
height: 5px;
|
border-radius: 50%;
|
background: #67c23a;
|
margin: 3px;
|
}
|
.warning-radio {
|
display: inline-block;
|
width: 5px;
|
height: 5px;
|
border-radius: 50%;
|
background: #e6a23c;
|
margin: 3px;
|
}
|
.red-radio{
|
display: inline-block;
|
width: 5px;
|
height: 5px;
|
border-radius: 50%;
|
background: #f62f2f;
|
margin: 3px;
|
}
|
// div:-webkit-scrollbar {
|
// width: 11px;
|
// }
|
// div:-webkit-scrollbar-track {
|
// background: transparent;
|
// }
|
// div:-webkit-scrollbar-thumb {
|
// background-color: #e1e1e1;
|
// border-radius: 6px;
|
// border: 3px solid transparent;
|
// }
|
|
/* webkit browsers */
|
// div::-webkit-scrollbar,
|
// div::-webkit-scrollbar-thumb {
|
// height: 26px;
|
// border-radius: 13px;
|
// background-clip: padding-box;
|
// border: 10px solid transparent;
|
// }
|
|
// div::-webkit-scrollbar-thumb {
|
// box-shadow: inset 0 0 0 10px;
|
// }
|
|
// form 表单的
|
