/*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; } */ .el-table .cell.el-tooltip { min-width: 38px !important; } .el-tooltip__popper { max-width: 500px; /* 你想要设置的宽度 */ } .el-popover__title { text-align: center; } /* 税收分类编码弹窗 */ .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; }