ttk-app-core
Version:
enterprise develop framework
205 lines • 5.46 kB
text/less
.mk-app-stock-card {
width: 100%;
height: 100%;
background: #fff;
&-cell {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
&>div {
width: 100%;
height: 100%;
input {
height: 100%;
}
}
.ant-select-selection {
height: 100%
}
.ant-select-selection__rendered {
height: 100%
}
.ant-select-selection-selected-value {
line-height: 40px;
}
}
&-cell-left {
padding-left: 8px;
justify-content: flex-start;
}
&-cell-right {
padding-right: 8px;
justify-content: flex-end;
}
&-header {
flex-direction: row;
height: 50px;
flex: 0 0 50px;
padding: 0 10px;
overflow: hidden; //border-style: solid;
//border-width: 0 0 1px;
//border-color: #e7e6e6;
overflow: hidden;
&-left {
flex-direction: row;
align-items: center;
.ant-btn-group > .ant-btn{
line-height: 24px;
}
}
&-right {
flex-direction: row;
justify-content: flex-end;
align-items: center;
overflow: hidden;
.mk-btn {
margin-left: 10px
}
}
}
&-tabs {
height: 37px;
flex: 0 0 37px;
border-bottom: 1px solid #eee;
.ant-tabs-bar {
padding-left: 10px;
}
}
&-base {
padding: 10px;
overflow: auto;
display: block;
&-zone1 {
width: 1200px;
margin: 0 auto;
flex-direction: row;
&-left {
width: 880px;
flex: 0 0 880px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
min-height: 110px;
.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;
}
}
}
&-right {
flex-direction: row;
&-right {
flex: 0 0 50px;
align-items: center;
justify-content: flex-start;
}
.mk-btn {
margin-bottom: 5px;
}
.ant-carousel .slick-slide {
text-align: center;
height: 130px;
line-height: 130px;
background: #364d79;
overflow: hidden;
}
.ant-carousel button {
background: #88CC48 ;
opacity: 1 ;
}
.ant-carousel .slick-active button {
background: #EE752F ;
}
}
}
&-zone2,
&-zone3,
&-zone4 {
width: 1200px;
padding: 0px 10px;
margin: 0 auto;
}
&-zone2,
&-zone3 {
flex: 0 0 130px;
height: 130px;
}
&-splitter1,
&-splitter2 {
width: 1200px;
border: 0px dashed #ccc;
border-bottom-width: 1px;
margin: 0px auto 8px auto;
}
&-splitter2 {
margin-top: 6px;
}
}
&-stock {
padding: 10px;
overflow: auto;
display: block;
&-zone1 {
max-width: 1200px;
margin: 0 auto;
min-height: 110px;
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;
}
}
}
}
&-barcode {
padding: 10px;
&-zone1 {
flex: 1;
}
}
.public_fixedDataTableCell_main{
color: rgba(0,0,0,.85) ;
}
}