ttk-app-core
Version:
enterprise develop framework
149 lines (148 loc) • 3.98 kB
text/less
.ttk-edf-app-orderlist {
width: 100%;
height: 100%;
background: #fff;
&-iconbutton {
padding: 0 4px ;
}
&-cell-left {
padding-left: 8px;
justify-content: flex-start;
}
&-cell-right {
padding-right: 8px;
justify-content: flex-end;
}
&-header {
height: 50px;
flex: 0 0 50px;
padding: 0 10px;
flex-direction: row;
&-left {
flex-direction: row;
align-items: center;
.mk-input {
width: 200px;
margin: 0px 10px 0px 5px;
}
.mk-select {
width: 100px;
margin: 0px 10px 0px 5px;
}
.ant-calendar-picker {
width: 200px;
margin: 0px 10px 0px 5px;
}
}
&-right {
flex-direction: row;
justify-content: flex-end;
align-items: center;
.print, .export {
cursor: pointer;
// width: 28px;
height: 30px;
text-align: center;
line-height: 30px;
display: inline-block;
margin-left: 8px;
background: #FFFFFF;
border: 1px solid #D9D9D9;
border-radius: 5px;
}
.print:hover{
border-color: #45ACF7;
}
.export:hover{
border-color: #00B38A;
}
.mkicon {
font-size: 22px;
}
.mk-btn {
margin-right: 8px ;
}
}
}
&-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;
}
}
}
&-tabs {
padding: 0px 10px;
flex: 0 0 31px;
.ant-tabs-bar {
margin-bottom: 0px;
}
}
&-content {
padding: 0px 10px;
flex: 1;
overflow: hidden;
}
&-footer {
height: 58px;
flex: 0 0 58px;
justify-content: center;
align-items: flex-end;
}
&-table-tbody{
flex:1;
background: #fff;
tr:last-child{
td{
background:linear-gradient(#fff6ea, #fff6ea);
font-weight: bold;
}
}
}
// .mk-datagrid .public_fixedDataTable_header, .mk-datagrid .public_fixedDataTable_header .public_fixedDataTableCell_main{
// background-color: #e4e4e4 ;
// }
.mk-datagrid .public_fixedDataTable_header, .mk-datagrid .public_fixedDataTable_header .public_fixedDataTableCell_main{
background:#eaeaea;
font-weight: bold;
color: #000
}
}