ttk-app-core
Version:
enterprise develop framework
845 lines (842 loc) • 25.1 kB
text/less
.ttk-gl-app-finance-periodbegin {
width: 100%;
// height: 100%;
.ant-table-bordered.ant-table-fixed-header .ant-table-header>table {
border-top: none;
}
&-bigPageTab {
height: 38px;
border-top: solid 1px #d9d9d9;
border-left: solid 1px #d9d9d9;
border-right: solid 1px #d9d9d9;
}
.reinit {
position: absolute;
right: 20px;
// top: 3px;
font-size: 12px;
color: #333333;
line-height: 26px;
margin-top: 5px;
// margin-right: 10px;
i {
font-size: 28px;
display: inline-block;
vertical-align: middle;
}
span {
display: inline-block;
vertical-align: middle;
}
}
.reinit:hover {
color: @link-color;
cursor: pointer;
}
&-glPeriodBeginBigPage {
display: flex;
background-color: white;
padding-top: 5px;
.ant-tabs-extra-content {
line-height: 30px;
}
.ant-tabs {
width: 100%;
}
&-rightDiv {
float: right;
height: 30px;
font-size: 12px;
}
&-tabs {
float: left;
flex: 1 0 auto;
.ant-tabs-bar {
margin-bottom: 0px; //border: none;
background: #fff; // border: 1px solid #d9d9d9;
// border-bottom: none;
padding: 5px 10px 0; // .ant-tabs-ink-bar{
// visibility: inherit ;
// background: #00B38A ;
// height: 4px;
// }
.ant-tabs-tab {
border: solid 1px #d9d9d9 ;
margin-right: 10px ;
text-align: center;
width: 132px ;
line-height: 30px ;
}
.ant-tabs-tab-active {
// color: @primary-color ;
// border-bottom: 2px solid @primary-color ;
}
.ant-tabs-tab:hover {
// color: @primary-color ;
// border-color: @primary-color ;
}
}
}
}
&-glPeriodBeginBigPage.cborder {
border: solid 1px #d9d9d9; //财务初始化调用
border-bottom: none; //财务初始化调用
}
&-accountperiodbeginpage {
width: 100%;
height: 100%;
}
&-cashflowperiodbeginpage {
width: 100%;
height: 100%;
}
&-helpPopover {
.ant-popover-inner-content {
font-size: 12px;
width: 220px;
}
}
&-iconbutton {
padding: 0 4px ;
}
&-cell-left {
padding-left: 8px;
justify-content: flex-start;
}
&-cell-right {
padding-right: 8px;
justify-content: flex-end;
}
&-body {
overflow-x: visible;
overflow-y: visible;
.ant-table-body {
// border-bottom: solid 1px #e6e6e6;
}
}
.ant-table-row-hover {
background-color: #e2f7ff ;
}
.hiddenValue {
width: 0px;
height: 0px ;
position: absolute;
left: -27px;
}
.ant-table-content {
.ant-table-thead>tr>th {
// background-color: #8EC5EF;
}
.ant-table-tbody>tr>td {
height: 37px ;
padding: 0px 5px;
padding-left: 6px ; // font-family: MicrosoftYaHei;
font-size: 12px;
color: #000000;
letter-spacing: -0.01px;
border-right: 1px solid #d9d9d9 ;
}
.ant-table-tbody tr:last-child td {
border-bottom: 1px solid #d9d9d9 ;
}
}
.ant-input {
height: 26px;
text-align: right; // .ant-input-number-input{
// height: 21px;
// }
}
.ant-tabs-tab {
width: 100px;
text-align: center;
}
.table_fixed_width {
// width: 70px ;
text-align: center;
span {
cursor: pointer;
}
&-addIcon {
// font-size: 14px;
font-size: 23px; // color: @primary-color;
color: #33c2a1;
&:hover {
color: #009875;
}
}
&-deleteIcon {
// font-size: 14px;
font-size: 23px; // color: #cc0000;
color: #fb756a;
&:hover {
color: #d81a0a;
}
}
}
&-header {
height: 40px;
flex: 0 0 auto;
flex-direction: row;
background: #fff;
padding: 0 0px;
padding-top: 10px;
&-left {
flex-direction: row;
align-items: center;
padding-left: 10px;
&-year {
flex-direction: row; // height: 50px;
height: 30px;
align-items: center;
&-enabledPeriodChange {
// margin-left: 15px;
// font-weight: bold;
// cursor: pointer;
display: flex;
flex-direction: row;
height: 30px;
line-height: 30px;
overflow: hidden;
.helpIcon {
font-size: 25px;
height: 30px;
line-height: 30px;
color: @primary-color;
&:hover {
// color: @button-hover-color;
// cursor: pointer;
}
}
&-datepicker {
width: 85px;
.ant-input {
text-align: left;
font-size: 12px;
height: 30px;
line-height: 30px;
}
}
}
}
.mk-input {
width: 200px;
margin: 0px 10px 0px 5px;
}
.mk-select {
width: 100px;
margin-right: 10px;
}
.ant-calendar-picker {
width: 85px;
margin: 0px 5px 0px 5px;
}
}
&-right {
flex-direction: row;
justify-content: flex-end;
align-items: center;
height: 30px;
overflow-x: hidden;
margin-right: 2px;
.ant-checkbox-wrapper {
font-size: 12px;
}
.mkicon {
font-size: 22px;
}
&-calcQuantityMulti {
flex: 0 0 70px;
flex-direction: row;
height: 30px;
>label {
width: 20px;
}
}
}
}
&-header.cborder {
border: 1px solid #d9d9d9;
border-bottom: none;
border-top: none;
}
&-baseFilter {
flex: 0 0 auto;
flex-direction: row;
margin: 0px 10px 10px 10px;
padding: 8px;
align-items: center;
justify-content: space-between;
background-color: aliceblue;
}
&-advanceFilter {
flex-direction: row;
flex: 0 0 auto;
&-form {
display: flex;
flex-direction: row;
flex-wrap: wrap;
.mk-form-item {
margin-bottom: 14px;
}
.ant-form-item-label {
width: 100px;
padding: 0px;
}
.ant-form-item-control-wrapper {
width: 180px;
}
.mk-select {
width: 100%;
}
.mk-tree-select {
width: 100%;
}
.mk-datepicker {
width: 100%;
}
&-checkbox {
.ant-form-item-control-wrapper {
width: 32px;
}
}
.mk-btn {
margin-left: 100px;
}
}
}
.ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab {
border: none;
padding-bottom: 0;
margin-right: 0;
}
&-tabHeaderWrapDiv {
height: 37px;
width: 100%;
&-tabHeaderDiv {
height: 37px;
width: 100%;
background: #fff;
display: flex;
}
&-tabHeaderDiv.cborder {
border: 1px solid #d9d9d9;
border-bottom: none;
border-top: none;
}
}
&-rightDiv {
float: right;
line-height: 30px;
font-size: 12px;
}
&-tabs {
float: left;
flex: 1 0 auto;
.ant-tabs-bar {
margin-bottom: 0px;
border: none;
background: #fff; // border: 1px solid #d9d9d9;
// border-bottom: none;
padding: 5px 10px 0; // .ant-tabs-ink-bar{
// visibility: inherit ;
// background: #00B38A ;
// height: 4px;
// }
.ant-tabs-tab {
// border: none ;
text-align: center;
width: 70px;
background: #fff ;
border-bottom: 2px solid #fff ;
transition: border-color 0.3s;
-moz-transition: border-color 0.3s;
/* Firefox 4 */
-webkit-transition: border-color 0.3s;
/* Safari and Chrome */
-o-transition: border-color 0.3s;
/* Opera */
line-height: 30px ;
}
.ant-tabs-tab-active {
color: @primary-color ;
border-bottom: 2px solid @primary-color ;
}
.ant-tabs-tab:hover {
color: @primary-color ;
border-color: @primary-color ;
}
}
}
&-shisuanpingheng,
&-balanceBeginDiv,
&-balanceYearDiv {
margin-right: 10px;
display: inline-block;
font-weight: bold;
}
&-content {
flex: 1;
overflow: hidden;
border-top: none;
position: relative;
display: flex;
flex-direction: column;
.ant-table-body{
max-height: none ;
}
.ant-table-bordered.ant-table-empty .ant-table-placeholder{
border-left: none ;
border-right: none ;
}
&>div {
flex: 1;
}
&-coverDiv {
width: 20px;
height: 37px;
background: #eaeaea ;
display: inline-block;
position: absolute;
top: 0px;
right: 0px;
border-bottom: 1px solid #e8e8e8;
}
}
&-content.cborder {
border: 1px solid #d9d9d9;
}
&-footer {
height: 30px;
margin: 0 auto;
margin-top: 10px;
&-btn {
min-width: 80px;
margin-left: 8px;
}
}
.footervisible {
display: none;
}
.ant-table-thead>tr,
.ant-table-tbody>tr {
height: 36px;
}
.mk-table .ant-table-thead>tr>th {
font-size: 12px;
font-weight: bold;
}
.mk-table {
border-left: none;
}
.ant-table-content .ant-table-tbody>tr>td {
color: rgba(0, 0, 0, 0.65);
text-align: right;
}
.ant-table-content .ant-table-tbody>tr>td {
&:nth-child(1) {
color: rgba(0, 0, 0, 0.65);
text-align: left;
}
&:nth-child(2) {
color: rgba(0, 0, 0, 0.65);
text-align: left;
}
}
.ant-table-thead>tr>th {
transition: all 0s;
}
.ant-table-thead>tr,
.ant-table-tbody>tr {
transition: all 0s;
}
&-tableClass {
padding-right: 8px; // font-size: 14px;
font-size: 12px;
color: rgba(0, 0, 0, 0.65);
overflow: hidden;
text-overflow: ellipsis;
} // .ant-table-tbody tr:nth-child(even){
// background: #f8f8f8;
// }
.ant-select-dropdown-menu {
overflow: auto;
}
&-renderNameDiv {
// width: 185px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ant-table-scroll table {
width: 100%
}
.ttk-gl-app-finance-periodbegin-content>div {
background: #fff;
}
table tr td:last-child {
// border-right: none ;
}
.ant-table .ant-table-thead {
tr {
th:last-child {
// border-right: none;
}
}
}
.ant-table-fixed-header table tr th:last-child {
border-right: 1px solid #d9d9d9 ;
}
.ant-table-fixed-header table tr td:last-child {
border-right: 1px solid #d9d9d9 ;
}
.ant-table-fixed-header .ant-table-content .ant-table-tbody tr:last-child td {
border-bottom: none ;
} //现金流量期初页面样式
&-cashflowperiodbeginpage {
width: 100%;
height: 100%;
font-size: 12px; //position: relative;
top: -13px;
&-cashflowcontent {
flex: 1;
overflow: hidden;
position: relative;
display: flex;
flex-direction: column;
border: none;
border-top: 1px solid #d9d9d9; //border-bottom: 1px solid #d9d9d9;
input {
height: 26px;
}
&-table-tbody.orgTable {
background: #fff;
flex: 1;
border-top: 1px solid #d9d9d9;
.rc-table-row {
.z-grid-displaycell:nth-child(1) {
text-align: center;
}
}
td {
text-overflow: ellipsis ;
}
td:nth-child(2) {
text-align: center;
}
tr:nth-child(odd) {
background: #fff;
}
tr {
td:nth-child(1) {
text-indent: 2em;
}
}
tr:nth-child(1) {
td:nth-child(1) {
text-indent: 0em;
}
}
tr:nth-child(12) {
td:nth-child(1) {
text-indent: 0em;
}
}
tr:nth-child(16) {
td:nth-child(1) {
text-indent: 0em;
}
}
tr:nth-child(25) {
td:nth-child(1) {
text-indent: 0em;
}
}
tr:nth-child(35) {
td:nth-child(1) {
text-indent: 0em;
}
}
tr:nth-child(36) {
td:nth-child(1) {
text-indent: 0em;
}
}
tr:nth-child(37) {
td:nth-child(1) {
text-indent: 0em;
}
}
tr:nth-child(38) {
td:nth-child(1) {
text-indent: 0em;
}
}
tr:nth-child(5) {
td:nth-child(1) {
text-indent: 4em;
}
background-color: #FEF6EB
}
tr:nth-child(10) {
td:nth-child(1) {
text-indent: 4em;
}
background-color: #FEF6EB
}
tr:nth-child(11) {
td:nth-child(1) {
text-indent: 4em;
}
background-color: #FEF6EB
}
tr:nth-child(18) {
td:nth-child(1) {
text-indent: 4em;
}
background-color: #FEF6EB
}
tr:nth-child(23) {
td:nth-child(1) {
text-indent: 4em;
}
background-color: #FEF6EB
}
tr:nth-child(24) {
td:nth-child(1) {
text-indent: 4em;
}
background-color: #FEF6EB
}
tr:nth-child(29) {
td:nth-child(1) {
text-indent: 4em;
}
background-color: #FEF6EB
}
tr:hover {
background: #D7FAFD;
}
td {
padding: 0px 8px;
border-top: 0;
border-bottom: 0;
border-left: 0;
border-color: #e7e6e6;
height: 37px ;
}
tr>td:nth-child(2) {
text-align: center;
}
tr>td:nth-child(3) {
text-align: right;
.z-grid-displaycell:nth-child(1) {
text-align: right;
}
}
tr>td:nth-child(4) {
text-align: right;
.z-grid-displaycell:nth-child(1) {
text-align: right;
}
}
}
&-table-tbody.smallOrgTable {
background: #fff;
flex: 1;
border-top: 1px solid #d9d9d9;
.rc-table-row {
.z-grid-displaycell:nth-child(1) {
text-align: center;
}
}
tr:nth-child(odd) {
background: #fff;
}
tr {
td:nth-child(1) {
text-indent: 2em;
}
}
tr:nth-child(1) {
td:nth-child(1) {
text-indent: 0em;
}
}
tr:nth-child(9) {
td:nth-child(1) {
text-indent: 0em;
}
}
tr:nth-child(16) {
td:nth-child(1) {
text-indent: 0em;
}
}
tr:nth-child(23) {
td:nth-child(1) {
text-indent: 0em;
}
}
tr:nth-child(24) {
td:nth-child(1) {
text-indent: 0em;
}
}
tr:nth-child(25) {
td:nth-child(1) {
text-indent: 0em;
}
}
tr:nth-child(8) {
td:nth-child(1) {
text-indent: 4em;
}
background-color: #FEF6EB
}
tr:nth-child(15) {
td:nth-child(1) {
text-indent: 4em;
}
background-color: #FEF6EB
}
tr:nth-child(22) {
td:nth-child(1) {
text-indent: 4em;
}
background-color: #FEF6EB
}
tr:hover {
background: #D7FAFD;
}
td {
padding: 0px 8px;
border-top: 0;
border-bottom: 0;
border-left: 0;
border-color: #e7e6e6;
height: 37px ;
}
tr>td:nth-child(2) {
text-align: center;
}
tr>td:nth-child(3) {
text-align: right;
.z-grid-displaycell:nth-child(1) {
text-align: right;
}
}
tr>td:nth-child(4) {
text-align: right;
.z-grid-displaycell:nth-child(1) {
text-align: right;
}
}
}
}
&-cashflowcontent.cborder {
border-left: solid 1px #d9d9d9;
}
&-cashflowheader {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: 0 10px;
height: 49px;
background-color: white;
&-left,
&-right {
display: flex;
flex-direction: row;
justify-content: flex-end;
overflow: hidden;
.btn {
margin-left: 8px;
height: 30px;
outline: none;
}
}
&-left {
justify-content: flex-start;
line-height: 32px;
}
.ant-calendar-picker {
width: 85px;
margin: 0px 5px 0px 5px;
}
&-enabledPeriodChange {
// margin-left: 15px;
// font-weight: bold;
// cursor: pointer;
display: flex;
flex-direction: row;
height: 30px;
line-height: 30px;
overflow: hidden;
.helpIcon {
font-size: 25px;
height: 30px;
line-height: 30px;
color: @primary-color;
&:hover {
// color: @button-hover-color;
// cursor: pointer;
}
}
}
&-datepicker {
width: 85px;
.ant-input {
text-align: left;
font-size: 12px;
height: 30px;
line-height: 30px;
}
}
}
&-cashflowheader.cborder {
border-left: solid 1px #d9d9d9;
border-right: solid 1px #d9d9d9;
}
}
}
.initcomplete-tip {
.ant-modal-footer {
border-top: none;
.ant-btn:first-child {
display: none;
}
}
.ant-modal-header {
border-bottom: none;
}
.ant-modal-body {
margin: 12px 24px;
}
.chenggongtishi {
font-size: 14px;
i {
font-size: 30px;
color: #33C2A1;
}
span {
position: relative;
bottom: 5px;
margin-left: 5px;
}
}
.jinggao {
font-size: 16px;
i {
font-size: 30px;
color: #33C2A1;
}
div {
position: relative;
bottom: 5px;
margin-left: 5px;
display: inline-block;
}
}
}
.stepShowRowIndex {}