ttk-app-core/compatible/apps/gl/ttk-gl-app-period-expense-rpt/style.less

enterprise develop framework

@Color: #fff;
@ColorEven:#f8f8f8;
@iconBorder: 1px solid #D9D9D9;
@iconDayin: #45ACF7;
@iconDaochu: #00B38A;
@hoverTdColor: #e6f7f3;
.ttk-gl-app-period-expense-rpt{
    width: 100%;
    height: 100%;
    overflow: auto;
    padding: 0 10px 10px 0;
    .mk-table .ant-table-tbody td{
        height: 37px !important;
    }
    .ant-checkbox-wrapper{
        font-size: 12px !important;
    }

    &-unfold{
        font-size: 20px;
        color: @primary-color;
    }

    &-headerContent {
        background:@Color;
        padding-top: 11px;
        background: #fff;
        border: 1px solid #d9d9d9;
        border-bottom: none;
    }
    &-header {
        background:@Color;
        padding-top: 11px;
        background: #fff;
        border: 1px solid #d9d9d9;

        display: flex;
        flex-direction: row;
        box-sizing:border-box;
        padding-bottom: 9px;
        padding-left: 11px;
        padding-right: 11px;
        justify-content: space-between;
        &-left{
          display: flex;
          align-items: center;
          .mk-rangePicker{
              margin-right: 8px;
          }
          .ant-calendar-picker-input{
              font-size: 12px;
              height: 30px;
              width: 80px;
          }
        }
        &-right{
          display: flex;
        }
        .daochu {
            display: block;
            text-align: center;
            box-sizing: border-box;
            background: @Color;
            margin-left: 8px;
        }
        .edficon{
                width: 30px;
                height: 30px;
                font-size: 28px;
                border-radius: 5px;
                border: @iconBorder;
                cursor: pointer;
        }
        .edficon-shuaxin, .edficon-dayin{
            color: @iconDayin;
        }
        .edficon-shuaxin:hover{
            border-color: @iconDayin
        }
        .edficon-dayin:hover{
            border-color: @iconDayin
        }
        .edficon-daochu{
            color: @iconDaochu;
        }
        .edficon-daochu:hover{
            border-color: @iconDaochu
        }

    }
    .mk-datagrid{
        border-bottom: solid 1px #d9d9d9;
        .public_fixedDataTable_main{
            border-left: solid 1px #d9d9d9;
        }
    }

    .weightbold{
        font-weight: bold;
    }
}
.AmountColumnStyle{
    text-align: right;
}
// .mk-layout .ttk-gl-app-period-expense-rpt{
//     border-left: 1px solid #d9d9d9;
//     border-bottom: 1px solid #d9d9d9;
// }