ttk-app-core
Version:
enterprise develop framework
859 lines (834 loc) • 26.7 kB
text/less
.ttk-scm-app-pu-invoice-card {
width: 100%;
height: 100%;
padding: 10px;
overflow: auto;
color: #333 ;
// background: #fff;
padding: 0 10px 0 0;
margin-bottom: 10px;
position: relative;
// overflow-y: hidden;
font-size: 12px ;
background: #f1f5f4;
padding-bottom: 0px ;
flex: 1;
.ant-form-item-control-wrapper {
height: 38px ;
font-size: 12px;
}
.ant-form-item-label label, h1 {
color: #333;
}
h1 {
// font-size: 21px;
// font-weight: 400;
font-size: 18px;
color: #333333;
margin-left: 10px;
}
.mkicon {
font-size: 22px;
}
.ant-form-item-label {
width: 85px;
font-size: 12px;
}
&-cell-left {
padding-left: 8px;
justify-content: flex-start;
}
&-cell-right {
padding-right: 8px;
justify-content: flex-end;
}
&-cell {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
&>div {
width: 100%;
height: 100%;
input {
height: 100%;
}
}
/*input{
height: 40px;
}*/
.ant-select-selection {
height: 100%
}
.ant-select-selection__rendered {
height: 100%
}
.ant-select-selection-selected-value {
line-height: 34px;
}
}
&-cell-disabled {
//background-color: #eee
cursor: not-allowed;
}
.ant-tabs-bar {
margin-bottom: 0px;
}
&-header {
flex-direction: row;
// height: 50px;
// flex: 0 0 40px;
height: 35px;
// padding: 10px 0 10px 10px;
// flex: 0 0 52px;
overflow: hidden;
// padding: 10px;
padding: 9px 10px 10px 10px;
height: 52px;
background: #fff;
border: 1px solid #d9d9d9;
border-bottom: none;
&-left {
flex-direction: row;
align-items: center;
overflow: hidden;
&>.mk-btn {
// margin-left: 8px;
}
.page-prev-next {
// margin-left: 8px;
button:first-child{
margin-right: 8px;
}
button{
border-radius: 5px ;
}
}
.setting {
margin-left: 8px;
width: 30px;
height: 30px;
font-size: 28px;
border-radius: 5px;
border: 1px solid #D9D9D9;
cursor: pointer;
color: #45ACF7;
background: #fff;
&:hover{
border-color: #45ACF7;
}
}
&-iconbutton {
font-size: 45px;
color: @primary-color;
}
&-jianpan {
left: 160.5px;
top: 137.5px;
}
}
&-right {
flex-direction: row;
justify-content: flex-end;
align-items: center;
overflow: hidden;
&-but {
color: #fff;
background-color: @primary-color;
border-color: @primary-color;
&:hover{
background-color: @button-hover-color;
border-color: @primary-color;
color: #fff;
}
}
.mk-btn {
margin-left: 10px;
// border-color: @primary-color;
&:hover{
border-color: @primary-color;
}
}
}
}
&-content {
overflow-y: auto;
background: #fff;
// padding: 0 10px 12px 0;
padding: 0 10px 0px 0;
border: 1px solid #d9d9d9;
border-top: none;
}
&-title {
flex: 0 0 auto;
flex-direction: row;
justify-content: space-between;
margin-top: 4px;
&-left {
// flex: 0 0 300px;
// width: 300px;
width: 33%;
flex-direction: row;
justify-content: flex-start;
align-items: center;
padding-left: 10px;
display: flex;
flex-direction: row;
overflow: visible;
&-span {
flex: 0 0 150px;
flex-direction: row;
color: #333;
font-size:12px;
justify-content: flex-start;
align-items: center;
padding-left: 10px;
display: flex;
flex-direction: row;
overflow: visible;
.code {
color: @primary-color;
&:hover{
text-decoration:underline;
color: @primary-color;
cursor:pointer;
}
}
}
}
&-right {
// flex: 0 0 300px;
// width: 300px;
width: 33%;
flex-direction: row;
justify-content: flex-end;
align-items: center;
font-size: 12px;
.code {
line-height: 18px;
height: 18px;
width: 80px;
margin-left: 12px;
margin-right:0px ;
// border-bottom: 1px solid #ccc;
text-align: left;
color: #333
}
}
}
&-form-header {
flex: 0 0 auto;
display: flex;
flex-direction: row;
flex-wrap: wrap;
// padding-top: 18px;
// margin-left: 10px;
padding-top: 8px;
margin-left: 10px;
padding-bottom: 2px;
width: 100%;
.mk-form-item {
margin-bottom: 5px;
width: 25%;
}
.ant-form-item-label {
padding: 0px;
width: 85px;
}
.ant-form-item-control-wrapper {
width: 150px;
height:32px;
}
.mk-select {
width: 100%;
}
.mk-datepicker {
width: 100%;
}
.ant-form-explain {
margin-top: 5px;
}
&-remark {
// width: 100% ;
width: 50% ;
.ttk-scm-app-pu-invoice-card-form-header .mk-form-item {
width: 50% ;
}
.ant-form-item-control-wrapper {
// width: 800px;
width: 450px ;
}
}
.helpIcon {
color: @primary-color;
font-size: 12px;
}
.ant-calendar-picker {
width: 100%;
:hover{
.ant-calendar-picker-input:not(.ant-input-disabled)~.ant-calendar-picker-icon:after{
color: @primary-color;
}
}
}
}
&-form-details {
// margin: 8px 0 8px 10px;
margin: 2px 0px 0px 10px;
// padding-right: 10px;
overflow: visible;
.fixedDataTableRowLayout_main.public_fixedDataTable_footer{
overflow: hidden;
.public_fixedDataTable_scrollbarSpacer {
background: #fff6ea ;
}
.mk-datagrid-cellContent {
display: inline-block;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
}
.public_fixedDataTable_header .public_fixedDataTableCell_main {
background: #eaeaea ;
color: #333;
border-top: 1px solid #d9d9d9;
.fixedDataTableCellGroupLayout_cellGroupWrapper {
border-top: 1px solid #d9d9d9;
}
}
.public_fixedDataTable_main {
border-right: 0px;
.fixedDataTableLayout_header .mk-datagrid-cellContent {
font-weight: 700;
font-size: 12px;
}
.fixedDataTableLayout_rowsContainer {
border: 1px solid #d9d9d9;
border-top: 0px;
.fixedDataTableRowLayout_rowWrapper {
&>div:last-child{
border-bottom: none;
}
}
}
.mk-datagrid-addDelRow-cell {
&:hover{
border-right-width: 0px;
z-index: 2;
}
}
}
.public_fixedDataTable_scrollbarSpacer {
background: #eaeaea;
border: 1px solid #d9d9d9;
border-left:none;
border-right: none;
}
.fixedDataTableLayout_main {
margin-right: 10px;
border-top: 0px;
}
// .public_Scrollbar_main {
// border-right: 1px solid #d9d9d9;
// }
.fixedDataTableCellGroupLayout_cellGroupWrapper:first-child .fixedDataTableCellGroupLayout_cellGroup .public_fixedDataTableCell_main{
border-left-width: 0px;
z-index: 1;
&:hover {
border-left-width: 0px;
z-index: 1;
}
}
}
&-form-footerBottom {
position: relative;
padding-bottom: 10px;
margin-top: 5px;
// padding-right: 10px;
}
.ttk-scm-app-pu-invoice-card-form-details {
// fixedDataTableCellGroupLayout_cellGroup
.public_fixedDataTable_main {
.fixedDataTableLayout_rowsContainer {
>div:nth-child(2){
.fixedDataTableRowLayout_main {
.fixedDataTableRowLayout_body {
.fixedDataTableCellGroupLayout_cellGroupWrapper:nth-child(1){
.fixedDataTableCellGroupLayout_cellGroup {
height: 36px ;
.fixedDataTableCellLayout_main{
height: 36px ;
border-bottom:1px solid #d9d9d9 ;
}
}
}
.fixedDataTableCellGroupLayout_cellGroupWrapper:nth-child(2){
.fixedDataTableCellGroupLayout_cellGroup {
height: 36px ;
.fixedDataTableCellLayout_main{
height: 36px ;
border-bottom:1px solid #d9d9d9 ;
}
.public_fixedDataTableCell_main:last-child {
border-right:0px;
}
}
}
.public_fixedDataTable_scrollbarSpacer {
height: 36px ;
border-left: 1px solid #d9d9d9;
}
}
}
}
>div:nth-child(3){
.fixedDataTableRowLayout_rowWrapper:nth-child(1) {
.fixedDataTableRowLayout_main {
.fixedDataTableRowLayout_body {
.fixedDataTableCellGroupLayout_cellGroupWrapper:nth-child(1){
.fixedDataTableCellGroupLayout_cellGroup {
.fixedDataTableCellLayout_main{
// border-top:0px ;
}
}
}
.fixedDataTableCellGroupLayout_cellGroupWrapper:nth-child(2){
.fixedDataTableCellGroupLayout_cellGroup {
.public_fixedDataTableCell_main {
// border-top: 0px;
}
}
}
}
}
}
.fixedDataTableRowLayout_rowWrapper {
.fixedDataTableRowLayout_main {
.fixedDataTableRowLayout_body {
.fixedDataTableCellGroupLayout_cellGroupWrapper:nth-child(2){
.public_fixedDataTableCell_main:last-child {
border-right:0px;
}
}
}
}
}
}
>div:nth-child(4){
.public_fixedDataTable_footer {
.fixedDataTableRowLayout_body {
>.fixedDataTableCellGroupLayout_cellGroupWrapper:nth-child(2){
text-align: right;
.fixedDataTableCellGroupLayout_cellGroup {
.fixedDataTableCellLayout_main:nth-child(1){
text-align: center;
}
.fixedDataTableCellLayout_main:last-child{
border-right:0px;
}
}
}
.public_fixedDataTable_scrollbarSpacer {
border-left: 1px solid #d9d9d9;
}
}
}
}
}
.ScrollbarLayout_mainVertical{
border-left: 1px solid #d9d9d9;
border-right: 1px solid #d9d9d9;
border-top: 1px solid #d9d9d9;
// width: 17px ;
width: 14px ;
}
}
.public_fixedDataTable_scrollbarSpacer {
// width: 17px ;
// left: 1131px ;
}
}
&-form-footer {
position: absolute;
// height: 53px;
left: 0;
width: 50%;
top: 0;
right: 0;
bottom: 0;
overflow-y: hidden;
padding-left: 10px;
.ant-form-item-label {
width: 100px;
}
.ant-form-item-control-wrapper {
width: 200px;
}
.mk-select {
width: 100%;
}
&-settlement, &-advance, &-balance{
display: flex;
flex-direction: row;
justify-content: flex-end;
.ant-form-item-control-wrapper {
width: 150px;
}
}
.ZSFS, .ZSFSs{
div {
display: inline-block;
}
// height: 53px;
height: 20px;
position: absolute;
left: 0;
top: 57px;
right: 0;
bottom: 0;
.signsDiv {
// height: 53px;
// line-height: 53px;
height: 20px;
line-height: 20px;
}
.ant-form-item-label {
height: 20px;
line-height: 15px;
}
.ttk-scm-app-pu-invoice-card-form-footer-balance-signLeft-taxWay {
// display: block;
width:125px;
margin-bottom: 0px;
padding-left: 10px;
width: 80px;
// height: 53px;
height: 20px;
// line-height: 52px;
.ant-form-item-label {
width: 75px;
text-align: left;
}
.ant-form-item-control-wrapper {
width: 0px;
}
}
.ant-checkbox-wrapper {
width: 90px;
}
}
.ZSFSs {
top: 49px;
}
&-settlement {
// align-items: center;
position: relative;
height: 53px;
line-height: 53px;
&-leftFooter {
height: 45px ;
position: absolute;
left: 0;
top: -3px;
right: 0;
bottom: 0;
.checkBox {
position: relative;
// top: 16px;
// font-size: 14px ;
}
div {
display: inline-block;
}
overflow-y: hidden;
&-deduction {
margin-left: 40px;
}
&-deduction1 {
margin-left: 0px;
}
.ant-form-item-label {
width:75px;
}
div:nth-child(3) {
margin-left: 25px;
}
.ant-form-item-control-wrapper {
width: 90px ;
}
.mk-form-item {
display: inline-block;
}
// .ant-radio-wrapper {
// width: 65px;
// }
// .dateSelectClass {
// width: 110px;
// }
.ant-calendar-picker {
width: 100%;
:hover{
.ant-calendar-picker-input:not(.ant-input-disabled)~.ant-calendar-picker-icon:after{
color: @primary-color;
}
}
}
}
&-paymentAmount {
margin-right: 24px;
}
.ttk-scm-app-pu-invoice-card-form-footer-balance-signLeft-taxWay {
display: block;
width:125px;
}
.ttk-scm-app-pu-invoice-card-form-footer-balance-signLeft-check {
width: 120px;
line-height: 4;
}
}
&-paymentAmount{
&-icon {
font-size: 21px;
color: @button-hover-color;
line-height: 53px;
cursor: pointer;
&:hover{
color: @primary-color;
}
}
&-iconDiv {
height: 53px;
display: flex;
flex-direction: row;
font-size: 24px;
// color: @button-hover-color;
align-items: center;
// margin-right: 25px;
margin-left: 8px;
&-iconAdd:hover,&-iconDel:hover {
color: @primary-color;
}
&-iconDel {
font-size: 24px;
margin-left: 5px;
}
}
}
}
&-footer {
flex-direction: row;
// padding-left: 10px;
// align-items: center;
align-items: flex-end;
// padding-left: 30px;
padding-left: 10px;
// padding-right: 25px;
// margin-bottom: 10px;
height: 30px;
// margin-top: 2px;
margin-top: 12px;
.mk-form-item {
margin-bottom: 0;
display: flex;
}
}
.app-pu-invoice-card-form-footer-settlement-payDiv{
display: flex;
flex-direction: column;
.app-pu-arrival-card-form-footer-settlement {
height: 45px;
>div:nth-child(1){
// padding-right: 20px;
.ant-form-item-control-wrapper{
width:150px;
}
}
>div:nth-child(2){
.ant-form-item-control-wrapper{
width:150px;
}
}
.ant-select-selection--single {
width: 150px;
}
}
}
.app-pu-arrival-card-form-footer-paymentAmount-iconDiv {
height: 45px ;
}
.app-pu-arrival-card-form-footer-balance {
// display: flex;
// flex-direction: column;
// justify-content: flex-end;
// padding-right:20px;
padding: 5px 0 0 0;
&-signRight {
// height: 53px;
// line-height: 53px;
height: 20px;
line-height: 20px;
width: 50% ;
text-align: right;
}
}
&-footer-left {
/*padding: 10px;
flex: 0 0 auto;*/
overflow: hidden;
flex-direction: row;
height: 30px;
line-height: 30px;
.ant-form-item-control-wrapper {
display: inline-block;
}
.ant-form-item-label, .ant-form-item-control {
line-height: normal;
}
.ant-form-item-label, .ant-form-item-control-wrapper {
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
}
&-footer-right {
flex-direction: row;
justify-content: flex-end;
align-items: center;
overflow: hidden;
&-but {
color: #fff;
background-color: @primary-color;
border-color: @primary-color;
&:hover{
background-color: @button-hover-color;
border-color: @primary-color;
color: #fff;
}
}
.mk-btn {
margin-left: 10px;
// color: #fff;
// background-color: @primary-color;
// border-color: @primary-color;
&:hover{
// background-color: @button-hover-color;
border-color: @primary-color;
}
}
}
.ttk-scm-app-pu-invoice-card-img {
position: absolute;
top: 42%;
left: 43%;
z-index: 100;
transform: scale(0.6);
}
.ttk-scm-app-pu-invoice-card-img1 {
position: absolute;
top: 42%;
left: 43%;
z-index: 100;
transform: scale(0.6);
}
.ttk-scm-app-pu-invoice-card-header-right-but {
color: #fff;
// border:0;
background-color: @primary-color;
border-color: @primary-color;
&:hover{
background-color: @button-hover-color;
border-color: @primary-color;
color: #fff;
}
}
.ttk-scm-app-pu-invoice-card-footer-right-but {
color: #fff;
// border:0;
background-color: @primary-color;
border-color: @primary-color;
&:hover{
background-color: @button-hover-color;
border-color: @primary-color;
color: #fff;
}
}
.ttk-scm-app-pu-invoice-card-cell-right {
text-align: right;
}
// .mk-datagrid-cellContent {
// text-align: center
// }
.anticon-bangzhutishi {
position: absolute;
top: -8px;
left: 155px;
font-size: 25px;
height: 30px;
line-height: 30px;
color: @primary-color;
}
.fixedDataTableRowLayout_body {
>.fixedDataTableCellGroupLayout_cellGroupWrapper:nth-child(1) {
text-align: center;
}
>.fixedDataTableCellGroupLayout_cellGroupWrapper:nth-child(2) {
.public_fixedDataTableCell_main {
// text-align: right
}
}
}
.ant-select-selection__clear {
right: 22px ;
display: inline-block ;
}
// .mk-form-item {
// height: 52px;
// }
.ant-form-explain {
margin-top: 0px;
}
.ant-checkbox-wrapper {
// font-size: 14px ;
}
.ant-select-dropdown-menu-item {
line-height: 36px;
}
.ant-form-item-control-wrapper .ant-select-selection-selected-value {
font-size: 12px;
// padding-right: 10px ;
padding-right: 8px ;
}
.ant-input {
font-size: 12px ;
}
.ant-select-selection__placeholder {
font-size: 12px ;
}
.mk-datagrid .public_fixedDataTableCell_main {
border-bottom: none ;
border-top: 1px solid #d9d9d9;
// border-top:none;
}
.ant-dropdown-menu-item, .ant-dropdown-menu-submenu-title {
font-size: 12px;
}
.mk-radio {
span{
font-size: 12px ;
}
}
.ttk-scm-app-pu-invoice-card-cell {
font-size: 12px ;
}
.ant-radio-wrapper, .ant-checkbox-wrapper{
color: #333;
}
}
.ttk-scm-app-sa-invoice-card-helpPopover {
.ant-popover-inner {
width: 315px;
}
}