阜丰集团
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
sims-front-ffjt/public/static/css/element-custom.css

752 lines
17 KiB

/*Element UI*/
/* 分页 */
/* .el-pagination {
padding-top: 7px !important;
width: 50%;
display: inline-block;
text-align: right;
} */
.el-pagination .el-select .el-input .el-input__inner {
border-radius: 4px !important;
width: 96px !important;
height: 24px !important;
}
.el-pagination__editor.el-input .el-input__inner {
border-radius: 4px !important;
width: 31px !important;
height: 24px !important;
}
.el-pager li{
border-radius: 4px !important;
}
.el-pager li.active {
color: #1278FF !important;
}
.el-pager li:hover {
color: #1278FF !important;
background-color:#F3F9FF !important;
}
.el-pagination button:hover{
color: #1278FF !important;
}
.el-pagination .el-pagination__jump{
display: none !important;
}
/* 下拉框内容多设置省略号展示 */
.el-select-dropdown__item span{
display: inline-block;
max-width:250px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* input的height 字体大小 */
.el-input__inner {
height: 28px !important;
line-height: 28px !important;
}
/* placeholder样式 */
input::-webkit-input-placeholder {
/* placeholder颜色 */
/* color: #120fe6 !important; */
/* placeholder字体大小 */
font-size: 13px !important;
}
/* input划入颜色 */
.el-input__inner:hover {
border-color: #1278FF !important;
}
label {
margin-bottom: 0px !important;
}
/* .el-form--inline .el-form-item {
margin-bottom: 15px !important;
position: relative;
} */
/* input的label */
.el-form--inline .el-form-item__label {
font-weight: inherit !important;
font-size:13px;
padding:0 10px 0 0;
}
/*日历控件宽度 */
.el-date-editor .el-range-input {
width: 45% !important;
}
/* 日历控件样式 */
.el-date-table td.current:not(.disabled) span{
color: #FFF !important;
background-color: #1278FF !important;
}
/* 日历控件修改突变位置 */
.el-input--prefix .el-input__inner{
padding-left: 20px !important;
}
.el-input__prefix{
font-size: 12px !important;
left:-2px !important;
}
.el-date-table td.today span{
color: #1278FF !important;
}
/* 下拉框*/
.el-select:hover .el-input__inner {
border-color: #1278FF !important;
}
.el-textarea__inner:hover {
border-color: #1278FF !important;
}
.el-select-dropdown__item.selected {
color: #1278FF !important;
font-weight: bold;
}
.el-select .el-input.is-focus .el-input__inner {
border-color: #1278FF !important;
}
/* 勾选 */
.el-checkbox__input.is-checked+.el-checkbox__label {
color: #1278FF !important;
}
.el-checkbox__input.is-checked .el-checkbox__inner {
background-color: #1278FF !important;
border-color: #1278FF !important;
}
/* 查询条件默认值字体大小 */
.el-input--suffix .el-input__inner{
font-size: 13px !important;
}
/* 查询 确定 功能按钮 */
.el-button--primary {
color: #fff !important;
background-color: #1278FF !important;
border-color: #1278FF !important;
font-size: 13px !important;
}
.el-button--primary.is-plain:hover,
.el-button--primary.is-plain:focus {
color: #FFF;
background: #358CFF !important;
border-color: #358CFF !important;
}
.el-button--small {
padding: 6.5px 15px !important;
border-radius: 4px !important;
}
/* 取消*/
.el-button--default{
font-size: 13px !important;
border-radius: 4px !important;
}
.el-button--default.is-plain {
background: #FFF !important;
border-color: #1278FF !important;
color: #1278FF !important;
}
.el-button--default.is-plain:hover,
.el-button--default.is-plain:focus {
background: #FFF !important;
border-color: #358CFF !important;
color: #358CFF !important;
/* color: #FFF !important;
background: #358CFF !important;
border-color: #358CFF !important; */
}
/* 列表筛选 */
.el-table .descending .sort-caret.descending{
border-top-color: #1278FF !important;
}
.el-table .ascending .sort-caret.ascending{
/* border-top-color: #1278FF !important; */
}
/* i提示弹框 */
/* .el-popper[x-placement^="bottom"] .popper__arrow::after{
border-bottom-color: #FFFCD6 !important;
} */
/* 弹框样式 */
.el-dialog {
border-radius: 4px !important;
}
.el-dialog--center .el-dialog__header {
padding-top: 10px !important;
background: #1278FF;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.el-dialog__title {
line-height: 24px;
font-size: 14px !important;
color: #FFF !important;
}
.el-dialog__headerbtn .el-dialog__close {
color: #FFF !important;
}
.el-dialog__headerbtn {
top: 10px !important
}
.el-dialog--center .el-dialog__body {
padding: 35px 40px 25px 40px !important;
text-align: center !important;
}
/* this$alert样式 */
.el-message-box {
border: none !important;
width: 20% !important;
}
.el-message-box__header {
padding-top: 10px !important;
background: #1278FF;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.el-message-box__title {
line-height: 24px !important;
font-size: 14px !important;
color: #FFF !important;
}
.el-message-box--center .el-message-box__content {
padding: 35px 40px 25px 40px !important
}
.el-message-box__headerbtn {
top: 10px !important
}
.el-message-box__headerbtn .el-message-box__close {
color: #FFF !important;
}
/* tab样式 */
.el-tabs__item {
height: 44px !important;
line-height: 44px !important;
}
/* .el-tabs--border-card>.el-tabs__header */
.el-tabs__item.is-active {
color: #333333 !important;
}
/* .el-tabs--border-card>.el-tabs__header */
.el-tabs__item:hover {
color: #999999 !important;
}
.el-tabs__nav-wrap::after{
height: 1px !important;
}
.el-tabs__active-bar{
background-color:#219FFF!important;
}
/* 单选框样式 */
.el-radio__input.is-checked .el-radio__inner {
border-color: #1278FF !important;
background: #1278FF !important;
}
.el-radio__input.is-checked+.el-radio__label {
color: #1278FF !important;
}
/* 全选样式 */
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
border-color: #1278FF !important;
background: #1278FF !important;
}
.el-radio + .el-radio{
margin: 0px !important;
}
/* 表格滚动条 */
.el-table__body-wrapper {
overflow: auto !important;
}
/* el-upload样式 */
input[type="file"] {
display: none !important;
}
.el-upload-list {
display: none !important;
}
.webuploader-pick {
background: #1278FF !important;
line-height: 1;
color: #fff;
padding: 6px 20px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
}
/* 表格样式 */
/* body .el-table th.gutter {
display: table-cell !important;
}
.el-table .el-checkbox {
margin-bottom: 0;
}
.el-table__body-wrapper .has-gutter th,
.el-table__body-wrapper .el-table__row td {
padding: 8px 0 !important;
}
.el-table th.is-leaf,
.el-table td {
padding: 10px 0 !important;
}
.el-table__body-wrapper th.is-leaf,
.el-table td {
padding: 8px 0 !important;
} */
/* 税收分类编码弹窗 */
.codeDialog .el-dialog--center .el-dialog__body {
padding-top: 10px !important;
}
.skin-blue .wrapper,
.skin-blue .main-sidebar,
.skin-blue .left-side {
background: none;
}
.input-new-tag .el-input__inner {
height: 32px !important;
}
/* 设置搜索条件label */
.el-form-item__label,
.el-input__inner {
color: #333 !important;
}
/* 开关 */
.el-switch.is-checked .el-switch__core {
border-color: #1278FF !important;
background-color: #1278FF !important;
}
.multipleSelect .el-select__tags span>.el-tag--info:nth-child(1) {
display: inline-block;
overflow: hidden;
max-width: 122px;
text-overflow: ellipsis;
white-space: nowrap;
vertical-align: middle;
}
.multipleSelect .el-select__tags span>.el-tag--info:nth-child(2) {
vertical-align: middle;
}
/*销方名称 高度36 加上multipel 属性 高度为40,修改为36*/
.multipleSelect .el-input__inner {
height: 36px !important;
}
/* 表格样式 */
/* .el-table th {
padding: 0 !important;
}
.el-table th>.cell {
height: 38px !important;
line-height: 38px !important;
} */
.el-table .cell.el-tooltip {
min-width: 38px !important;
}
.el-popover__title{
text-align: center;
}
.el-dropdown-menu__item{
color:#333 !important;
}
.el-dropdown-menu__item:focus,
.el-dropdown-menu__item:not(.is-disabled):hover
{
color:#358CFF !important;
}
/* 填开页面样式 */
.billingcom .el-button{
border-radius: 4px!important;
}
.billingcom-fix-top,
.editcom-fix-top{
width: 100%;
padding: 15px 15px;
box-sizing: border-box;
position: fixed;
top: 0;
background: #FFFFFF;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
z-index: 100;
}
.billingcom-fix-top.devlp,
.editcom-fix-top.devlp{
top: 76px;
width: 84%;
}
.billingcom-fix-top .btn-select .el-form-item__content {
line-height: 1;
}
.billingcom-fix-top .el-button.is-plain,
.billingcom-content .el-button.is-plain{
border: 1px solid #666666!important;
color: #666666!important;
}
/* .billingcom-fix-top .el-button.is-plain.plain-choosed{
color:#1278FF!important;
border: 1px solid #1278FF!important;
} */
.billingcom-fix-top .el-button.btn-choosed,
.billingcom-content .el-button.btn-choosed{
border: 1px solid #1278FF!important;
color:#1278FF!important;
position: relative;
}
.billingcom-fix-top .el-button.btn-choosed:before,
.billingcom-content .el-button.btn-choosed:before{
content: '';
position: absolute;
right: -1px;
bottom: -1px;
border: 8px solid #1278FF;
border-radius: 3px;
border-top-color: transparent;
border-left-color: transparent;
}
.billingcom-fix-top .el-button.btn-choosed:after,
.billingcom-content .el-button.btn-choosed:after {
content: '';
width: 3px;
height: 6px;
position: absolute;
right: 3px;
bottom: 2px;
border: 1px solid #fff;
border-top-color: transparent;
border-left-color: transparent;
transform: rotate(45deg);
}
.billingcom-fix-top .top-button-group .el-button{
margin-left: 10px;
}
.billingcom-content{
padding: 53px 15px 0;
box-sizing: border-box;
}
.billingcom-content.devlp{
padding-top: 40px;
}
.billingcom-content.isBack{
padding-top: 110px;
}
/* .billingcom-content .fpzldm-content{
width:360px;
text-align:center;
margin: 0 auto;
padding: 4px 0;
} */
.billingcom-content .fpzldm-select{
width: 362px!important;
height: 58px;
padding-top: 8px;
padding-bottom: 8px;
box-sizing: border-box;
border: 1px solid #fff;
}
.billingcom-content .fpzldm-select:hover, .billingcom-content .fpzldm-select.is-focus{
border: 1px solid #97C7FF;
border-radius: 4px;
}
.billingcom-content .fpzldm-select .el-input__inner{
border: none!important;
height: 40px!important;
line-height: 40px!important;
font-size: 32px !important;
font-weight: 500;
color: #9E520A !important;
text-align: center!important;
}
.billingcom-content .fpzldm-select .el-input.is-disabled .el-input__inner{
background: none!important;
}
.billingcom-content .fpzldm-select .el-input .el-select__caret{
color: #666!important;
font-size: 26px!important;
line-height: 40px;
}
/* 下拉选择组 */
.billingcom-content .select-group{
margin-top:12px;
margin-bottom: 3px;
overflow: hidden;
}
.billingcom-content .select-group .el-form-item{
margin-right:8px;
}
.billingcom-content .select-group .el-input__inner{
border: none!important;
border-bottom: 1px solid #D9D9D9!important;
border-radius: 0;
line-height: 26px!important;
height: 26px!important;
}
.billingcom-content .select-group .el-input.is-disabled .el-input__inner{
background:none!important;
}
.billingcom-content .ticket-info{
line-height: 18px;
margin-bottom: 2px;
width:200px;
text-align:left;
position:
absolute;
bottom:0px;
right:0
}
/* 票面信息 */
.billingcom-fix-top .el-input__inner,.billingcom-fix-top .el-button,.billingcom-content .select-group .el-input__inner,.billingcom-content .fpTable, .billingcom-content .ticket-info,.billinginvoice .formlable .el-form-item__label, .billingcom-content .el-table, .billingcom-content .fpTable .el-input__inner{
font-size: 13px!important;
}
.billingcom-content .fpTable .el-form-item__label{
line-height: 28px;
}
.billingcom-content .fpTable .el-form-item__content{
line-height: 28px;
}
.billingcom-content .fpTable .el-input__inner{
border: none!important;
}
.billingcom-content .tablelist{
border:none!important;
}
/* ➕按钮 */
.billingcom .fpTable .tablelist th:first-child .cell{
line-height: 28px!important;
}
.billingcom .tablelist th > .cell > .none{
width: 20px;
height: 20px;
line-height: 15px;
}
/* 表头 */
.billingcom-content .tablelist .el-table__header th{
border-bottom: 1px solid #D9D9D9 !important;
}
/* 表格合计行 */
.billingcom-content .tablelist .el-table__footer-wrapper tbody td{
background-color: #fff;
padding: 2px 0;
}
.billingcom-content .tablelist th{
font-weight: normal;
}
.billingcom-content .fpTable .el-table__body tr.current-row > td{
background-color: #fff!important;
}
.billingcom-content .fpTable .el-table__body tr.current-row > td:hover{
background-color: #F3F9FF !important;
}
.billingcom-content .fpTable .el-table__body tr.current-row.input-current-row td{
background-color: #f5f7fa !important;
}
.billingcom-content .fpTable .el-table__body tr:hover .el-input__inner{
background-color: #f5f7fa !important;
}
.billingcom-content .fpTable .el-table__body tr.current-row.input-current-row .el-input__inner{
background-color: #f5f7fa !important;
padding: 0!important;
}
.billingcom-content .fpTable .el-table__body tr.current-row.input-current-row .el-select .el-input__inner{
padding: 0 10px!important;
}
.billingcom-content .fpTable .el-table__body tr.current-row.input-current-row .is-focus,.billingcom-content .fpTable .el-table__body tr.current-row.input-current-row .is-focus .el-input__inner{
background-color: #fff !important;
}
.billingcom-content .tablelist tr td.index-col, .billingcom-content .tablelist tr th.index-col{
border-right: 1px solid #DEDEDE!important;
}
.billingcom-content .fpTable .last-row>div{
display: flex;
line-height: 30px;
}
.billingcom-content .fpTable .last-row p:nth-of-type(1){
width: 437px;
margin: 0;
border-right: 1px solid #9e520a;
text-align: center;
}
.billingcom-content .fpTable .last-row p:nth-of-type(2){
flex: 1;
margin: 0;
}
.billingcom-content .fpTable .el-cascader,
.billingcom-content .fpTable .left-select{
width: 100%;
text-align: left;
}
.billingcom-content .fpTable .right-input .el-input__inner{
text-align: right;
}
.billingcom-content .fpTable .input-div{
position: relative;
line-height: 1!important;
min-height: 30px!important;
justify-content: flex-start;
display: flex;
padding: 7px 10px;
}
.billingcom-content .input-div::after {
content: attr(data-attr);
word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
white-space: normal;
/* padding: 2px 10px; */
line-height: 14px;
width: 100%;
text-align: left;
}
.billingcom-content .input-div.right-content::after{
text-align: right;
}
.billingcom-content .fpTable .input-div .el-input{
position: absolute !important;
top: 50%;
transform: translateY(-50%);
}
.billingcom-content .fpTable .input-div .el-input__inner{
opacity: 0;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
height: 14px!important;
line-height: 14px!important;
width: calc(100% - 20px);
}
.billingcom-content .fpTable .input-div .seat{
opacity: 1;
}
.billingcom-content .fpTable .input-div.is-focus .el-input__inner{
opacity: 1;
}
.billingcom-content .fpTable .input-div.is-focus .seat{
opacity: 0;
}
.billingcom .tablelist .el-table__body tr, .billingcom .tablelist .el-table__body td{
min-height: 100%!important;
max-height: 50px!important;
}
.billingcom .tablelist .cell{
padding: 0!important;
}
.billingcom .tablelist th{
line-height: 28px!important;
}
.billingcom .tablelist .el-icon-more{
top: 50%!important;
transform: translateY(-50%);
}
.billingcom .hx2 {
border: 0.6444444444444444px solid #d9d9d9;
width: 360px;
margin: 3px auto 0px;
}
/* 详情购买方、销售方label两边对齐 */
.billing-word{
display: flex!important;
}
.billing-word .el-form-item__content{
flex: 1;
}
.billing-word .el-form-item__label i{
font-style: normal;
font-weight: normal;
}
.billing-word.two .el-form-item__label i:nth-last-of-type(1) {
margin-left: 4em;
}
.billing-word.three .el-form-item__label i:nth-last-of-type(1) {
margin-left: 1.5em;
}
.billing-word.three .el-form-item__label i:nth-last-of-type(2) {
margin-left: 1.5em;
}
/* 收款人、复核人 */
.billingcom .formPeople,.billingcom .formPeople .el-form-item__label, .billinginvoice .formPeople .el-input__inner{
font-size: 13px;
}
/* 红字信息表详情样式 */
.redTable .el-form-item__label{
line-height: 28px;
}
.redTable .el-form-item__content{
line-height: 28px;
}
.redtableList .last-row>div{
display: flex;
line-height: 30px;
}
.redtableList .last-row p:nth-of-type(1){
width: 437px;
margin: 0;
border-right: 1px solid #9e520a;
text-align: center;
}
.redtableList .last-row p:nth-of-type(2){
flex: 1;
margin: 0;
}
.redtableList .el-table__footer-wrapper tbody td{
background-color: #fff;
padding: 2px 0;
}