@import "~/app-resources/less/theme.less"; @bgcolor-white: #FFF; @bgcolor-common: #F2F2F2; @border-color: #E4E4E4; @accountset-width: 300px; #vat-account-mapping { width: 100%; height: 100%; padding-left: 20px; .text-align-left-padding { text-align: left; padding-left: 10px; } .text-align-right-padding { text-align: right; padding-right: 30px; } .nav-wrapper { .nav-header { display: inline-block; height: 35px; line-height: 35px; font-family: "Microsoft YaHei Bold", "Microsoft YaHei Regular", "Microsoft YaHei"; font-weight: 700; font-style: normal; font-size: 15px; color: #333; } .nav-notmapped-count { display: inline-block; height: 35px; line-height: 35px; margin-left: 20px; span { border: 0; display: inline-block; height: 20px; margin-right: 10px; width: 30px; border-radius: 50%; color: #fff; background: #e0301e; padding-top: .5px; vertical-align: middle; font-size: 12px; text-align: center; line-height: 20px; } } } .content-container { height: 100%; ul > li > a { height: 52px; line-height: 52px; border-radius: 0px; overflow: hidden; padding: 0px 10px; min-width: 188px; text-align: center; font-size: 15px; border: 0; border-bottom: 1px solid #dadada; } ul li.active a { color: #dc6900 !important; -webkit-box-shadow: inset 0px -3px 0px 0px rgba(220,105,0,1); -moz-box-shadow: inset 0px -3px 0px 0px rgba(220,105,0,1); box-shadow: inset 0px -3px 0px 0px rgba(220,105,0,1); border: 0; } .tab-pane { background-color: #FFF; border-radius: 5px; } .general-tab { font-family: 'Microsoft YaHei'; font-style: normal; font-size: 14px; a { font-family: 'Microsoft YaHei'; font-style: normal; color: #D04A02; text-decoration: none; cursor: pointer; &:hover, &:active, &:visited, &:focus { text-decoration: none; cursor: pointer; } } .account-set-list { margin-left: 10px; display: inline-block; .account-set-select { width: @accountset-width; display: inline-block; font-family: 'Microsoft YaHei Bold', 'Microsoft YaHei Regular', 'Microsoft YaHei'; font-weight: 700; color: #434343; } } span { font-family: 'Microsoft YaHei Bold', 'Microsoft YaHei Regular', 'Microsoft YaHei'; font-weight: 700; color: #434343; } .custom-tree-wrapper { .scoreDropDownBtn { width: @accountset-width; } .dropdown-menu { width: @accountset-width; } } } .subject-corresponding-container { .fancytree-expanded span.fancytree-expander { color: #999 !important; } /* fix width issue under IE*/ .tree-table tr td:first-child { width: 0px !important; } .ui-grid-tree-base-row-header-buttons { font-size: 16px; color: #a1a1a1; vertical-align: middle; } span.fancytree-icon { display: none !important; } span.fancytree-node span.fancytree-expander:hover { color: #db6942; } .fancytree-fade-expander span.fancytree-expander { transition: opacity 1.0s; opacity: 1.0; } table.fancytree-ext-table.fancytree-container > tbody > tr.fancytree-active > td { background-color: #fed5a9 !important; color: black !important; } table.fancytree-ext-table.fancytree-container > tbody > tr.fancytree-active > td, table.fancytree-ext-table.fancytree-container > tbody > tr.fancytree-active > td span.fancytree-title { color: black !important; } .gutter { background-color: #eee; background-repeat: no-repeat; background-position: 50%; height: 100%; float: left; width: 5px !important; } .gutter.gutter-horizontal { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg=='); cursor: ew-resize; } height: 100%; .auto-mapping-div { margin-bottom: 10px; .btn-wrapper { border-radius: 5px; background-color: #e0301e; color: #FFF; display: inline-block; float: left; margin-right: 10px; .btn-vat-primary { min-width: 80px; } .btn-mapping-process-menu { background-color: white; border-radius: 5px; height: 30px; border-color: #e0301e; border-style: solid; border-width: thin; } } .account-filter { display: inline-block; float: right; margin-right: 20%; position: relative; .fa-filter { margin-right: 30px; cursor: pointer; font-size: 20px; vertical-align: sub; } .filter-select { width: 180px; line-height: 20px; display: inline-block; color: #434343; border: 1px solid #bcbcbc; -moz-box-shadow: 2px 2px 5px #adaaaa; -webkit-box-shadow: 2px 2px 5px #adaaaa; box-shadow: 2px 2px 5px #adaaaa; position: absolute; z-index: 999; background-color: #fff; border-radius: 3px; right: 0px; top: 25px; div { height: 30px; font-weight: bold; text-align: center; line-height: 30px; font-size: 15px; border-bottom: 1px solid #B1ADA7; } ul { list-style-type: none; padding: 2px 10px 0 20px; line-height: 10px; } } } } .left-container { width: 78%; height: calc(~"100% - 80px"); border: 1px solid #E4E4E4; border-radius: 5px; display: inline-block; position: relative; .tab-content { height: 100%; #enterprizeAccount { height: 100%; .auto-mapping-div { background-color: white; padding: 20px 0 10px 20px; /*border-radius: 5px;*/ position: relative; button { margin-right: 10px; } .multi-org-container { display: none; position: absolute; width: 310px; min-height: 190px; border: 1px solid #E4E4E4; left: 247px; top: 57px; z-index: 2; background-color: #FFF; box-shadow: #9E9C9C 5px 5px 5px; border-radius: 5px; overflow-y: hidden; padding: 10px; .tree-org-multi-item-disabled { color: gray; cursor: not-allowed; } button { margin-top: 10px; } //复制对应关系下拉框样式 .org-multi-tree { overflow: hidden; &:hover { overflow: auto; } } } } } } .map-status-flag { color: #fe8400; font-size: 18px; vertical-align: middle; } .subject-list-grid-warp { height: calc(~"100% - 25px"); .subject-list-grid { background-color: #FFF; border: 1px solid #FFF; border-radius: 5px; .ui-grid-tree-header-row { font-weight: normal !important; } .ui-grid-header-cell { color: #000; background-color: #FFF; border: none; } .ui-grid-row { line-height: 40px !important; &:nth-child(odd) { .ui-grid-cell { border-right-width: 0; background-color: #fdfdfd; } } &:nth-child(even) { .ui-grid-cell { border-right-width: 0; background-color: #f3f3f3; } } &:last-child { .ui-grid-cell { border-bottom-width: 1px; } } &.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell { background-color: #fed5a9 !important; } } .ui-grid-cell-contents { padding: 12px 0 12px 12px; .ui-grid-selection-row-header-buttons { margin: 0; } } /*i { font-size: 16px; color: rgb(161, 161, 161); vertical-align: middle; }*/ .map-status-flag { color: #ED6E3C; } } } .reclassification-item-wrapper { width: 102.2%; position: absolute; height: 130px; bottom: 0; left: 0; right: 0; overflow: hidden; background-color: #FFF; margin-left: -20px; } #content-resizer { width: 102.2%; position: absolute; height: 4px; bottom: 130px; left: 0; right: 0; background-color: #6A6864; cursor: n-resize; margin-left: -20px; #topIcon { cursor: pointer; margin-top: -19px; width: 38px; margin-left: 46%; } } } .right-container { height: calc(~"100% - 80px"); width: calc(~"22% - 3px"); border: 1px solid #E4E4E4; float: right; background-color: #FFF; border-radius: 5px; .std-tree-container { width: 100%; .angular-ui-tree-nodes { padding-left: 0px; .angular-ui-tree-nodes { padding-left: 0px; } } .angular-ui-tree-handle { padding: 0 0 0 20px; margin-bottom: 0px; width: 100%; &:hover { background-color: #f8f8f7; } } .standard-subject-title { height: 54px; line-height: 54px; text-align: center; border-bottom: 1px solid #D4D4D4; background-color: #A1A1A1; color: #FFF; .headerIcon { color: #fff; text-align: left; float: left; display: inline-block; padding-left: 10px; cursor: pointer; } } .standard-subject-tree-container { max-height: 524px; overflow-y: auto; overflow-x: hidden; .tree-table { table-layout: fixed; tr td:nth-of-type(1) { text-align: right; } tr td:nth-of-type(2) { text-align: center; } tr td:nth-of-type(3) { min-width: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .fancytree-icon { /*display:none;*/ } } .tree-menu-item { height: 44px; font-size: 14px; line-height: 44px; padding: 0px 10px; } .first-level { border: 1px solid #d4d4d4; &:first-child { border-top: none; } &:not(:last-child ) { border-bottom: none; } } .sub-level { border-top: 1px solid #d4d4d4; padding-left: 10px; } } } } } .std-subject-container { display: none; .std-grid-container { background-color: #FFF; margin: 10px 10px 10px 0; padding: 30px 20px; border-radius: 5px; border: 1px solid #E4E4E4; } .ui-grid-cell-contents { padding: 10px 0 12px 12px !important; } } } .modal-body { label { font-weight: normal; } textarea { resize: none; } } .modal-footer { text-align: left; padding: 0; padding-left: 165px; height: 80px; line-height: 80px; button { height: 36px; line-height: 36px; } } #voucherReclassificationModal { .modal-body { .form-group { margin-top: 0px; .control-label { width: 100px; } input { width: 174px; } } } .modal-footer { padding-left: 120px; } } .operation-wrapper { display: inline-block; margin: 20px 25px 10px 10px; span { cursor: pointer; } } .validation-message-wrap { display: inline-block; width: 174px; } .validation-message { margin: 5px 0 5px 0; color: red; font-size: 12px; } .voucher-remap-first-row { margin-top: 20px; } .rowLevel-0 { background-color: #254158; color: white; } .rowLevel-1 { background-color: #3F6F96; color: white; } .rowLevel-2 { background-color: #5289B6; } .nivelGrirowLevellla-3 { background-color: #7AA5C7; } .rowLevel-4 { background-color: #A4C1D9; color: black; } .rowLevel-5 { background-color: #D5E2EE; color: black; } }