@import "@/style/common.scss"; $choiceHeight: 200rpx; $searchHeight: 70rpx; .z-page-popup { border-radius: 10px 10px 0 0; } .page-top { min-height: calc($searchHeight); height: auto; // max-height: calc($searchHeight + $choiceHeight); box-sizing: border-box; width: 100%; background: #F3F5F9; padding: 10px; padding-bottom: 0; // z-index: 1; } .head-row { margin-bottom: 20px; font-size: 16px; line-height: 21px; color: #A3A3A3; } .head-title { color: #333333; font-weight: bold; } .choice-row { width: 100%; max-height: $choiceHeight; overflow-y: auto; } .choice-item { min-width: 90px; height: 30px; box-sizing: border-box; border-radius: 15px; border: 1px solid #DDDDDD; font-weight: 400; font-size: 14px; color: #333333; padding: 5px 10px; margin: 10px 10px 10px 0; text-align: center; position: relative; } .choice-close-icon{ position: absolute; right: -3px; top: -5px; background: #004098; font-size: 10px !important; border-radius: 10px; padding: 2px; } .search-row { height: $searchHeight; width: calc(100%) !important; background: #F3F5F9; .mini-btn { height: $searchHeight; line-height: $searchHeight; width: calc(100% - 10px); margin-left: 10px; } } .table-header { width: 100%; height: 32px; background: #EBECEC; border-radius: 4px 4px 0px 0px; margin-top: 10px; font-weight: 400; font-size: 13px; color: #333333; } .page-table { // margin-top: calc($header-height + $header-top-height + $searchHeight + $choiceHeight + 20rpx + 20rpx); // height: calc(100% - ($header-height + $header-top-height + $searchHeight + $choiceHeight + 20rpx + 20rpx)); padding: 10px; padding-top: 0; } .table-content{ background: #FFFFFF; padding-top: 0; padding: 10px; } .item-row { width: 100%; font-weight: 400; font-size: 12px; color: #333333; min-height: 37px; border-bottom: 1px dashed #CACCCF; &.choosed { color: #004098; font-weight: 500; } } .item-col { word-break: break-all; }