Files
foton-laws-system-front/src/assets/styles/newStyle.less
T
2021-07-28 17:25:36 +08:00

913 lines
21 KiB
Plaintext

//button.el-button.form-upload-btn.el-button--default.el-button--small{
// padding: 13px 15px;
//}
////设置查询按钮
//.el-button--primary.searchAngNewBtn{
// height: 32px;
// padding: 0 15px;
// color: #fff;
// background-color: #3391CE;
// font-family: Helvetica, 'Hiragino Sans GB', 'Microsoft Yahei', Arial, sans-serif;
// border-color: #3391CE;
// &.is-disabled {
// background-color: #b0d3ed !important;
// border-color: #bcd1e0 !important;
// }
//}
//.el-button--primary.searchAngNewBtn:hover{
// padding: 0 15px;
// background-color: #3391CE;
// border-color: #3391CE;
//}
//.el-button--primary.searchAngNewBtn:focus{
// padding: 0 15px;
// background-color: #3391CE;
// border-color: #3391CE;
//}
//.el-button--danger.searchAngNewBtn{
// height: 32px;
// padding: 0 15px;
// color: #fff;
//}
//.el-button--danger.searchAngNewBtn:hover{
// padding: 0 15px;
//}
//.el-button--danger.searchAngNewBtn:focus{
// padding: 0 15px;
//}
//.el-button.searchAngNewBtn{
// height: 32px;
// padding: 0 15px;
// //color: #fff;
//}
//.el-button.searchAngNewBtn:hover{
// padding: 0 15px;
//}
//.el-button.searchAngNewBtn:focus{
// padding: 0 15px;
//}
////设置新增,导出等按钮
//.el-button.el-button--primary.el-button--mini {
// padding: 5px 18px;
// color: #fff;
// background-color: #3391CE;
// border-color: #3391CE;
// &.is-disabled {
// background-color: #b0d3ed !important;
// border-color: #bcd1e0 !important;
// }
//}
//.el-button.el-button--primary.el-button--mini:hover{
// padding: 5px 18px;
// background-color: #3391CE;
// border-color: #3391CE;
//}
//.el-button.el-button--primary.el-button--mini:focus{
// padding: 5px 18px;
// background-color: #3391CE;
// border-color: #3391CE;
//}
//.el-button.el-button--danger.el-button--mini {
// padding: 5px 18px;
// color: #fff;
//}
//.el-button.el-button--danger.el-button--mini:hover{
// padding: 5px 18px;
//}
//.el-button.el-button--danger.el-button--mini:focus{
// padding: 5px 18px;
//}
//// 设置表格操作按钮
//.el-button.el-button--primary.el-button--mini.opera-btn {
// padding: 5px 7px;
// color: #fff;
// background-color: #3391CE;
// border-color: #3391CE;
// &.is-disabled {
// background-color: #b0d3ed !important;
// border-color: #bcd1e0 !important;
// }
//}
//.el-button.el-button--primary.el-button--mini.opera-btn:hover{
// padding: 5px 7px;
// background-color: #3391CE;
// border-color: #3391CE;
//}
//.el-button.el-button--primary.el-button--mini.opera-btn:focus{
// padding: 5px 7px;
// background-color: #3391CE;
// border-color: #3391CE;
//}
//.el-button.el-button--danger.el-button--mini.opera-btn {
// padding: 5px 7px;
// color: #fff;
//}
//.el-button.el-button--danger.el-button--mini.opera-btn:hover{
// padding: 5px 7px;
//}
//.el-button.el-button--danger.el-button--mini.opera-btn:focus{
// padding: 5px 7px;
//}
//.el-button.el-button--warning.el-button--mini.opera-btn {
// padding: 5px 7px;
// color: #fff;
// background-color: #ff9900;
// border-color: #ff9900;
//}
//.el-button.el-button--warning.el-button--mini.opera-btn:hover{
// padding: 5px 7px;
// background-color: #ff9900;
// border-color: #ff9900;
//}
//.el-button.el-button--warning.el-button--mini.opera-btn:focus{
// padding: 5px 7px;
// background-color: #ff9900;
// border-color: #ff9900;
//}
//
////设置form-item
//.el-form-item.serch-form-item {
// margin-bottom: 0;
// margin-right: 6px;
// margin-top: 10px;
//}
//.el-form-item.serch-form-item.btn-box {
// margin-bottom: 0;
// margin-right: 2px;
//}
//// 设置查询orm-item-lable
//.serch-form-item .el-form-item__label{
// position: relative;
// top: 1px;
// padding: 0 7px;
// height: 32px;
// line-height: 32px;
// font-size: 12px;
// border: 1px solid #DDD;
// border-top-left-radius: 4px;
// border-bottom-left-radius: 4px;
// border-right: none;
// background: #F4F8FB;
// text-align: center;
// min-width: 80px;
//}
//.serch-form-item .el-form-item__content {
// line-height: 32px;
// position: relative;
// font-size: 14px;
// .put__inner{
// height: 32px !important;
// line-height: 32px !important;
// width: 170px;
// 0 4px 4px 0;
// font-size: 12px;
// color: #515a6e;
// font-family: Helvetica, 'Hiragino Sans GB', 'Microsoft Yahei', '\5FAE\8F6F\96C5\9ED1', Arial, sans-serif !important;
// }
// .el-input__icon{
// line-height: 32px;
// }
//}
//.el-form-item.search-form-item.btn-box {
// margin-bottom: 0;
// margin-right: 2px;
//}
//// 设置查询orm-item-lable
//.search-form-item .el-form-item__label{
// position: relative;
// top: 1px;
// padding: 0 7px;
// height: 32px;
// line-height: 32px;
// font-size: 12px;
// border: 1px solid #DDD;
// border-top-left-radius: 4px;
// border-bottom-left-radius: 4px;
// border-right: none;
// background: #F4F8FB;
// text-align: center;
// min-width: 80px;
//}
//.search-form-item .el-form-item__content {
// line-height: 32px;
// position: relative;
// font-size: 14px;
// .el-input__inner{
// height: 32px !important;
// line-height: 32px !important;
// width: 180px;
// 4px;
// font-size: 12px;
// color: #515a6e;
// font-family: Helvetica, 'Hiragino Sans GB', 'Microsoft Yahei', '\5FAE\8F6F\96C5\9ED1', Arial, sans-serif !important;
// }
// .el-input__icon{
// line-height: 32px;
// }
//}
//// 设置新增form-item-lable
//.add-form-item .el-form-item__label{
// position: relative;
// top: 1px;
// padding: 0 7px;
// width: 120px;
// height: 40px;
// line-height: 40px;
// font-size: 12px;
// border: 1px solid #DDD;
// border-top-left-radius: 4px;
// border-bottom-left-radius: 4px;
// border-right: none;
// background: #F4F8FB;
// text-align: center;
// white-space: nowrap;
// text-overflow: ellipsis;
// overflow: hidden;
//}
//.add-form-item .el-form-item__content {
// position: relative;
// font-size: 14px;
// width: 224px;
// .el-input__inner{
// 0 4px 4px 0;
// font-size: 12px;
// color: #515a6e;
// font-family: Helvetica, 'Hiragino Sans GB', 'Microsoft Yahei', '\5FAE\8F6F\96C5\9ED1', Arial, sans-serif !important;
// width: 224px;
// }
// //设置输入框高度
//// .label-input-form{
//// .el-input__inner{
//// // @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
//// // // ie下样式偏差1px
//// // line-height: 27px !important;
//// // }
//// }
//// }
//}
//// 设置新增等按钮区域样式
//.action-bar{
// padding:10px 0;
// .el-button+.el-button{
// margin-left: 2px;
// }
//}
//// 设置tabs激活状态颜色
//.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active {
// color: #3391CE;
// background-color: #FFF;
// border-right-color: #DCDFE6;
// border-left-color: #DCDFE6;
//}
//// 设置tabs hover颜色
//.el-tabs--border-card>.el-tabs__header .el-tabs__item:not(.is-disabled):hover {
// color: #3391CE;
//}
//// 设置页面查询区域下的下划线
//.search-area {
// border-bottom: 1px solid #e8eaec;
//}
///* element样式重置 start */
///* 去掉input尾部上下小箭头 start */
//input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{
// -webkit-appearance: none !important;
// -moz-appearance: none !important;
// -o-appearance: none !important;
// -ms-appearance: none !important;
// appearance: none !important;
// margin: 0;
//}
//input[type="number"]{
// -webkit-appearance:textfield;
// -moz-appearance:textfield;
// -o-appearance:textfield;
// -ms-appearance:textfield;
// appearance:textfield;
//}
///* 去掉input尾部上下小箭头 end */
//// 所属部门选项 样式
//.user-dept-popper{
// padding: 0;
//}
//// 表单验证星星样式
//.single-star {
// .el-form-item__label:before{
// content: '*' !important;
// color: #F56C6C !important;
// margin-right: 4px !important;
// }
//}
//.double-star {
// .el-form-item__label:before{
// content: '**' !important;
// color: #F56C6C !important;
// margin-right: 4px !important;
// }
//}
//.add-form-item{
// /*margin-top -1px*/
// .top1px{
// .el-input__inner{
// margin-top: -1px;
// }
// }
// .el-textarea{
// .el-textarea__inner{
// height: 40px;
// min-height: 40px !important;
// font-size: 12px;
// font-family: Helvetica, 'Hiragino Sans GB', 'Microsoft Yahei', '\5FAE\8F6F\96C5\9ED1', Arial, sans-serif !important;
// border-bottom-left-radius: 0;
// border-top-left-radius: 0;
// }
// }
// .form-upload-btn{
// font-size: 12px;
// font-family: Helvetica, 'Hiragino Sans GB', 'Microsoft Yahei', '\5FAE\8F6F\96C5\9ED1', Arial, sans-serif !important;
// }
//}
//// 设置日期样式
//.el-date-editor .el-range-input{
// font-size: 12px;
// font-family: sans-serif;
//}
//span.el-range-separator{
// position: relative;
// left: -6px;
// font-size: 12px;
//}
//.el-date-editor .el-range-separator{
// line-height: 26px;
//}
//.serch-form-item .el-form-item__content .el-input__icon{
// line-height: 26px;
//}
// 设置查询区域
.search-area{
display: flex;
justify-content: space-between;
background: #FFF;
padding: 10px 10px 0;
//border-bottom: 1px solid #f6f6f6;
.el-button+.el-button {
margin-left: 5px;
}
.search-area-item {
}
.search-item{
.el-form-item__label {
color: #333;
padding-right: 5px;
font-family: MicrosoftYaHei,微软雅黑;
}
.el-input--suffix .el-input__inner {
padding-right: 30px;
&:disabled {
padding-right: 10px;
}
}
input.el-input__inner{
display: inline-block;
width: 165px;
color: #999;
height: 30px;
line-height: 30px;
font-family: MicrosoftYaHei,微软雅黑;
&:disabled {
background-color: #F5F7FA;
border-color: #E4E7ED;
color: #C0C4CC;
cursor: not-allowed
}
}
.el-textarea__inner {
font-family: MicrosoftYaHei,微软雅黑;
}
.el-range-editor.el-date-editor--daterange {
height: 30px;
line-height: 30px;
font-family: MicrosoftYaHei,微软雅黑;
.el-range-separator, .el-range__icon, .el-icon-circle-close {
line-height: 22px;
}
}
}
.max-search-item{
width: 100%;
.el-form-item__content{
width: calc(~'100% - 80px');
.el-select{
width: 100%;
}
}
input.el-input__inner{
display: inline-block;
width: 100%;
color: #999;
height: 30px;
line-height: 30px;
font-family: MicrosoftYaHei,微软雅黑;
}
textarea.el-textarea__inner{
display: inline-block;
width: 425px;
color: #999;
//height: 30px;
//line-height: 30px;
font-family: MicrosoftYaHei,微软雅黑;
}
}
.max-search-item2{
textarea.el-textarea__inner{
display: inline-block;
width: 425px;
color: #999;
//height: 30px;
//line-height: 30px;
font-family: MicrosoftYaHei,微软雅黑;
}
}
.process-search-item{
.el-form-item__label {
color: #333;
padding-right: 5px;
font-family: MicrosoftYaHei,微软雅黑;
}
input.el-input__inner{
display: inline-block;
width: 400px;
color: #999;
height: 30px;
line-height: 30px;
font-family: MicrosoftYaHei,微软雅黑;
}
}
.search-item.el-form-item{
margin-right: 10px ;
}
.search-item-last.el-form-item{
margin-right: 10px;
}
.btn-box.el-form-item{
margin-right: 5px;
}
.el-form-item{
margin-bottom: 10px;
.el-form-item__label{
line-height: 30px;
}
.el-form-item__content{
line-height: 30px;
.el-input__icon {
line-height: 30px;
}
.el-date-editor{
width: 100%;
}
}
}
}
.right{
margin-right: 10px;
line-height: 48px;
}
// 设置页面按钮
button.el-button.common-button-primary.el-button--primary.is-round,
button.el-button.common-button-danger.el-button--danger.is-round,
button.el-button.common-button-warning.el-button--warning.is-round {
padding: 7px 12px;
font-family: MicrosoftYaHei,微软雅黑;
.iconfont {
font-size: 14px;
}
& > i{
display: inline-block;
margin-right: 3px;
width: 12px;
height: 12px;
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center center;
}
}
button.el-button.common-button-default.el-button--default.is-round{
padding: 7px 12px;
font-family: MicrosoftYaHei,微软雅黑;
.iconfont {
font-size: 14px;
}
& > i{
display: inline-block;
margin-right: 3px;
width: 12px;
height: 12px;
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center center;
}
}
.el-message-box .el-button--primary{
padding: 7px 12px;
font-family: MicrosoftYaHei,微软雅黑;
background-color: rgba(30, 137, 255, 1);
.iconfont {
font-size: 14px;
}
}
// 按钮 + 图标
.add-button{
.add{
background-image: url("~assets/images/shangqi/img/add.png");
}
}
.export-button {
.export{
background-image: url("~assets/images/shangqi/img/daochu.png");
}
}
.in-button{
.in{
background-image: url("~assets/images/shangqi/img/daoru.png");
}
}
.shaixuan-button{
.shaixuan{
background-image: url("~assets/images/shangqi/img/shaixuan.png");
}
}
.delete-button{
.delete{
background-image: url("~assets/images/shangqi/img/delete.png");
}
}
// 设置列表字体颜色,表头除外
.el-table{
color: #333;
.iconfont {
margin: 0;
cursor: pointer;
}
}
// 设置列表行高
tr.el-table__row{
height: 44px;
}
.el-table--border td, .el-table--border th, .el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed{
border-right: 1px solid rgba(209, 209, 209, 1);
}
.el-table td, .el-table th.is-leaf{
border-bottom: 1px solid rgba(209, 209, 209, 1);
}
.el-table td {
padding: 0;
}
.el-table--striped .el-table__body tr.el-table__row--striped td{
background-color: #f4f4f4;
}
.high-search-form{
width: 100%;
input.el-input__inner{
display: inline-block;
width: 180px;
color: #999;
height: 30px;
line-height: 30px;
font-family: MicrosoftYaHei,微软雅黑;
}
}
.table-jump{
color: #409EFF;
}
.table-jump:hover{
cursor: pointer;
}
.jump{
transform: rotate(90deg);
display: block;
font-size: 16px;
font-weight: bold;
color: #000;
user-select: none;
}
.jump:hover{
cursor: pointer;
}
.content{
background-color: #fff;
padding: 0 10px;
}
.container{
background-color: #fff;
padding: 0 10px 0 10px;
}
/*drawer抽屉内 form表单新增和编辑样式*/
.label-input-form {
.add-form-item {
margin-bottom: 0;
min-height: 50px;
line-height: 50px;
border-bottom: 1px dashed #e5e5e5;
clear: both;
.el-form-item__label{
padding: 0;
line-height: 50px;
font-size: 14px;
//font-weight: bold;
color: #333333;
text-align: left;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
&::before{
content: '*';
color: transparent;
margin-right: 4px;
}
}
.el-form-item__content{
.el-input{
.el-input__inner{
height: 49px;
line-height: 49px;
border: none;
font-family: 'Microsoft Yahei', '\5FAE\8F6F\96C5\9ED1', Arial, sans-serif !important;
font-weight: lighter;
}
.el-input__prefix{
.el-input__icon{
line-height: 49px;
}
}
}
.el-textarea{
.el-textarea__inner{
padding: 13px 10px;
height: 49px;
border: none;
}
}
.el-input-number{
width: 100%;
line-height: 49px;
.el-input{
.el-input__inner{
height: 49px;
line-height: 49px;
border: none;
font-family: 'Microsoft Yahei', '\5FAE\8F6F\96C5\9ED1', Arial, sans-serif !important;
font-weight: lighter;
}
.el-input__prefix{
.el-input__icon{
line-height: 49px;
}
}
}
}
.el-date-editor{
width: 100%;
}
.el-select{
width: 100%;
}
.form-upload-btn{
position: absolute;
top: 10px;
right: 0;
padding: 0 10px;
height: 30px;
line-height: 30px;
font-size: 14px;
color: #409EFF;
border: 1px solid #409EFF;
background: rgba(64, 158, 255, 0.1);
font-family: 'Microsoft Yahei', '\5FAE\8F6F\96C5\9ED1', Arial, sans-serif !important;
}
.el-form-item__error {
padding: 3px;
top: 13px;
right: 10px;
left: auto;
background: #fff3f3;
z-index: 9;
}
}
&.add-form-table-item {
.el-form-item__label {
float: none;
position: relative;
display: inline-block;
width: 100%;
.table-item-label {
position: absolute;
top: 0;
left: 10px;
display: flex;
justify-content: space-between;
width: 100%;
padding-right: 10px;
user-select: none;
}
}
.el-form-item__content {
line-height: normal;
.el-table {
.el-table__body {
/deep/ .cell {
padding: 0;
.el-date-editor {
.el-input__inner {
padding-left: 30px;
}
}
}
}
}
}
}
.el-input--suffix {
padding-right: 30px;
}
}
// 输入库带右侧按钮可输入可点击按钮
.add-form-item-ipt-btn{
.el-input, .el-textarea{
width: calc(~'100% - 160px') !important;
}
}
.el-col-24{
.el-divider--horizontal{
.el-divider__text{
font-size: 18px;
//font-weight: bold;
color: #3B424C;
}
}
}
.el-divider__text.is-left{
left: 10px;
padding: 0px;
}
.el-divider{
}
.divider-line {
line-height: 56px;
font-size: 17px;
font-weight: bold;
border-bottom: 1px solid #e5e5e5;
}
.el-input__inner{
padding-left: 10px;
padding-right: 10px;
}
.el-date-editor.el-input.el-input--prefix.el-input--suffix.el-date-editor--date,
.el-date-editor.el-input.el-input--prefix.el-input--suffix.el-date-editor--year{
.el-input__inner{
padding-left: 30px;
}
}
.el-date-editor.el-input.el-input--prefix.el-input--suffix.el-date-editor--datetime{
.el-input__inner{
padding-left: 30px;
}
}
/*disabled样式*/
.form-item-disabled{
.el-form-item__label, .el-form-item__content .el-input .el-input__inner,
.el-form-item__content .el-textarea .el-textarea__inner{
color: #b5b5b5;
background: transparent;
}
}
}
//在新页面打开的新增页,页脚
.new-page-footer{
margin-top: 10px;
text-align: right;
}
.el-table th>.cell {
font-size: 14px;
}
.el-table th.gutter{
display: table-cell !important;
}
.iconfont {
font-size: 12px;
margin-right: 5px;
}
.dept-popover {
padding: 0;
}
.no-margin-bottom {
margin-bottom: 0;
}
.work-group-wrap {
padding: 0 10px !important;
}
//.el-select__tags{
// height: 28px;
// overflow-y: auto;
//}
/*表格内form表格样式*/
.expand-form-box {
width: calc(~'100vw - 470px');
.expand-form {
.expand-form-item {
.el-form-item__content {
.el-input, .el-select {
width: 100%;
.el-input__inner {
height: 30px;
line-height: 30px;
}
}
.form-upload-btn{
padding: 0 10px;
height: 30px;
line-height: 30px;
font-size: 14px;
color: #409EFF;
border: 1px solid #409EFF;
background: rgba(64, 158, 255, 0.1);
font-family: 'Microsoft Yahei', '\5FAE\8F6F\96C5\9ED1', Arial, sans-serif !important;
}
}
}
}
}
.switch-wrap {
padding: 3px 7px;
border: 1px solid #409EFF;
user-select: none;
.el-switch__label,
.el-switch__label.is-active {
color: #409EFF;
}
.el-switch.is-checked .el-switch__core {
border-color: #fff;
}
.el-switch__label--left {
margin-right: 8px;
}
}
.el-dropdown-selfdefine {
user-select: none;
}
.el-dropdown {
* {
outline: none !important;
}
}
.must {
color: #ff0000 !important;
}
.files-title {
position: relative;
padding-right: 30px;
.time-text {
position: absolute;
right: 0;
color: #999999;
font-size: 12px;
}
}
.label-input-form .add-form-item .el-form-item__content button.el-button + .el-form-item__error {
right: 90px;
}
.processCenter {
span {
&.toggle-visible-btn {
color: #4498f0;
opacity: 0.8;
user-select: none;
transition: all .2s linear;
&:hover {
cursor: pointer;
opacity: 1;
}
&.is-visible {
transform: rotate(180deg);
}
}
}
}
.el-form-item__label {
user-select: none;
}
.block-input {
.el-input__inner {
width: 100% !important;
}
}
.filter-tree-input {
margin: 10px;
width: calc(~'100% - 20px');
}
.button-list {
padding: 5px 0px;
}