ttk-app-core
Version:
@ttk/recat enterprise develop framework
404 lines (397 loc) • 13.3 kB
text/less
@import "~@/assets/varible.less";
@headerHeight: 55px;
@footerHeight: 80px;
.drag_main {
position: absolute;
width: 100%;
height: 100%;
background-color: white;
opacity: 1;
&.disabled {
.ant-form-item-children{
pointer-events:none;
cursor: not-allowed;
}
input, textarea, .ant-select-selection {
pointer-events:none;
cursor: not-allowed;
background-color: #f5f5f5 ;
color: #666;
}
}
/* 发票填充 */
.invoice_box {
padding: 10px 30px;
color: #964300;
line-height: 20px;
font-weight: bold;
background-color: #ffffff;
font-size: 14px;
height: 100%;
position: relative;
div {
}
.invoice_top {
width: 100%;
position: relative;
.tools_group {
position: absolute;
top: 0px;
left: 0px;
.mk-form > .ant-form-item {
float: left;
margin-right: 30px;
vertical-align: middle;
height: 39px;
line-height: 39px;
.ant-form-item-control-wrapper {
display: inline-block;
}
}
.ant-select-selection-selected-value {
font-weight: normal;
}
.ant-form-item-label {
padding: 0;
& > label {
color: #964300;
}
}
}
.top_left {
width: 68%;
position: absolute;
top: 36px;
}
.top_middle {
width: 40%;
text-align: center;
line-height: 30px;
display: inline-block;
font-size: 14px;
}
.top_right {
width: 50%;
position: absolute;
top: 36px;
right: 0;
text-align: right;
}
.i_title {
font-size: 24px;
color: #964300;
font-weight: bold;
}
}
.invoice_center {
width: 100%;
.header-form {
.ant-form-item {
margin-bottom: 12px;
&:first-child{
margin-top: 10px;
}
.ant-form-item-label {
text-align: left;
width: 120px;
line-height: 20px;
padding: 0 0 0 4px;
& > label {
color: #964300;
}
}
.ant-form-item-control-wrapper {
width: calc(100% - 130px);
.ant-form-item-control {
line-height: 20px;
.ant-select-auto-complete {
width: calc(100% - 130px);
.ant-select-selection__rendered {
line-height: 20px;
.ant-input {
height: 20px;
width: 100%;
padding:0;
}
.ant-select-search__field:focus, .ant-select-search__field:hover{
border: 1px solid #d9d9d9;
border-width: 1px ;
}
}
}
}
}
&.form-item-text .ant-form-item-control-wrapper{
.i_value {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
}
.ant-form-item.bz-textarea-item {
width: 100%;
margin: 0;
.ant-form-item-control-wrapper {
width: 100%
}
}
}
.itable {
border-left: 2px solid #b88787;
border-top: 2px solid #b88787;
width: 100%;
height: 100%;
table-layout: fixed;
.invoice-content {
color:#808080;
height: 30px;
line-height: 30px;
&:hover {
background-color: #eee;
}
.td-goods-name .ant-form-item-control {
white-space: nowrap;
// z-index: -1;
overflow: hidden;
text-overflow: ellipsis;
cursor: pointer;
&.has-error {
overflow: visible;
.ant-form-explain {
display: block;
}
}
}
.td-discount {
.ant-input {
width: 60% ;
}
.ant-select {
width: 40% ;
}
}
.td-operation {
width: 40px;
cursor: pointer;
.anticon {
font-size: 14px;
margin-left: 10px;
font-weight: bold;
cursor: pointer;
&:first-child {
margin-left: 0;
}
&.add {
color: green;
font-size: 20px;
}
&.delete {
color: red;
font-size: 18px;
}
&.discount {
color: @primary-color;
}
}
}
td {
padding: 0 6px;
}
.ant-form-item-control-wrapper {
width: 100%;
}
.ant-form-item-control {
line-height: 30px;
input {
width: 100%;
height: 26px;
line-height: 26px;
padding: 0px 2px;
}
.ant-select {
width: 100%;
color: #333;
font-weight: normal;
}
.ant-select-disabled .ant-select-selection {
// color: rgba(0, 0, 0, 0.25);
color: #666;
}
.ant-input[disabled] {
color: #666;
}
.ant-form-explain {
display: none;
}
&:hover {
.ant-form-explain {
display: block;
}
}
}
&.zhekouhang {
.ant-form-item-control {
.ant-input[disabled] {
color: red;
}
}
}
}
.ant-select-selection-selected-value {
// font-weight: bold;
color: #808080;
font-size: 14px;
}
.form-item {
margin-bottom: 10px;
}
}
.itable td {
border-right: 2px solid #b88787;
}
.footer-form {
.ant-form-item {
margin-bottom: 6px;
&:first-child{
margin-top: 6px;
}
.ant-form-item-label {
text-align: left;
width: 120px;
line-height: 20px;
padding: 0 0 0 4px;
& > label {
color: #964300;
}
}
.ant-form-item-control-wrapper {
width: calc(100% - 130px);
.ant-form-item-control {
line-height: 20px;
.ant-select-auto-complete {
width: calc(100% - 130px);
.ant-select-selection__rendered {
line-height: 20px;
.ant-input {
height: 20px;
width: 100%;
padding:0;
}
.ant-select-search__field:focus, .ant-select-search__field:hover{
border: 1px solid #d9d9d9;
border-width: 1px ;
}
}
}
}
}
&.form-item-text .ant-form-item-control-wrapper{
.i_value {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
}
.ant-form-item.bz-textarea-item {
width: 100%;
margin: 0;
.i_textarea {
word-break: break-all;
width: calc(100% - 24px);
height: 100%;
margin: 12px 10px 12px;
}
.ant-form-item-control-wrapper {
width: 100%
}
.ant-form-explain {
bottom: -10px;
left: 10px;
}
}
}
}
.invoice_bottom {
width: 100%;
.ant-form-item-label {
padding: 0;
& > label {
color: #964300;
}
}
.ant-form-item-control {
line-height: 20px;
}
}
.ant-select {
.ant-select-selection--single {
height: 26px;
}
.ant-select-selection__rendered {
line-height: 24px;
}
}
.ant-form-explain {
position: absolute;
z-index: 10;
font-size: 12px;
margin-top: 0px;
}
}
.un_line {
width: 100%;
height: 5px;
border-top: 2px solid #964300;
border-bottom: 1px solid #b88787;
}
.i_value {
color:#808080;
font-size: 14px;
}
.i_input {
display: inline-block;
position: relative;
width: calc(100% - 120px);
padding: 0;
height: 26px;
// border:0;
font-family:"Microsoft YaHei";
color: #808080;
font-weight: bold;
// background-color: #f8f8f8;
&:focus, &:active {
border: 0;
outline: none;
outline-width: 1px;
}
}
.text_left {
text-align: left;
}
.text_right {
text-align: right;
}
.text_center {
text-align: center;
}
}
.balance-modal {
.ant-form-item {
.ant-form-item-label {
width: 120px;
}
}
}
.dropdown-search-client {
min-width: 400px ;
width: 400px;
li {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}