| | |
| | | .table-scroll { |
| | | width: 100%; |
| | | overflow-x: scroll !important; |
| | | /* 保证高度有空间显示滚动条 */ |
| | | /* 可选:设置最小高度,避免内容太少时滚动条不显示 */ |
| | | min-height: 40px; |
| | | } |
| | | |
| | |
| | | .report-table { |
| | | width: 100%; |
| | | min-width: 1800px; |
| | | /*min-width: unset;*/ /* 取消最小宽度限制 */ |
| | | border-collapse: collapse; |
| | | background: #fff; |
| | | } |
| | |
| | | .refresh-btn-inline { |
| | | background: #00A2E9; |
| | | color: #fff; |
| | | border: none; |
| | | font-size: 18px; |
| | | border-radius: 10px; |
| | | padding: 8px 30px; |
| | | border: none; |
| | | } |
| | | |
| | | .refresh-btn-inline:hover { |
| | |
| | | .reset-btn-inline { |
| | | background: #ff6b6b; |
| | | color: #fff; |
| | | border: none; |
| | | font-size: 16px; |
| | | border-radius: 10px; |
| | | padding: 8px 18px; |
| | | border: none; |
| | | } |
| | | |
| | | .reset-btn-inline:hover { |
| | |
| | | z-index: 1001; |
| | | } |
| | | |
| | | /* 选人弹窗加宽并加大字体 */ |
| | | .user-select-popup { |
| | | width: 860px; |
| | | max-width: 80vw; |
| | | width: 1200px; |
| | | max-width: 95vw; |
| | | min-width: 800px; |
| | | height: auto; |
| | | min-height: 480px; |
| | | min-height: 520px; |
| | | padding: 0; |
| | | display: flex; |
| | | flex-direction: column; |
| | | font-size: 28px; |
| | | } |
| | | |
| | | .user-search-bar { |
| | | display: flex; |
| | | align-items: center; |
| | | gap: 12px; |
| | | padding: 18px 32px 0 32px; |
| | | gap: 18px; |
| | | padding: 24px 48px 0 48px; |
| | | background: #fff; |
| | | flex-wrap: wrap; |
| | | } |
| | | |
| | | .user-search-input { |
| | | flex: 1 1 260px; |
| | | padding: 10px 14px; |
| | | font-size: 16px; |
| | | padding: 16px 20px; |
| | | font-size: 26px; |
| | | border: 1px solid #bbb; |
| | | border-radius: 8px; |
| | | outline: none; |
| | | height: 54px; |
| | | } |
| | | |
| | | .user-search-input:focus { |
| | |
| | | } |
| | | |
| | | .user-search-clear { |
| | | padding: 10px 18px; |
| | | padding: 12px 28px; |
| | | background: #ff9f43; |
| | | color: #fff; |
| | | border: none; |
| | | border-radius: 8px; |
| | | font-size: 14px; |
| | | font-size: 22px; |
| | | cursor: pointer; |
| | | } |
| | | |
| | |
| | | } |
| | | |
| | | .user-search-info { |
| | | font-size: 14px; |
| | | font-size: 20px; |
| | | color: #555; |
| | | } |
| | | |
| | | .user-list-scroll { |
| | | flex: 1 1 auto; |
| | | overflow-y: auto; |
| | | padding: 24px 32px 0 32px; |
| | | padding: 32px 48px 0 48px; |
| | | } |
| | | |
| | | .user-list-grid { |
| | | display: grid; |
| | | grid-template-columns: repeat(auto-fill,minmax(110px,1fr)); |
| | | gap: 12px 12px; |
| | | grid-template-columns: repeat(auto-fill,minmax(160px,1fr)); |
| | | gap: 18px 18px; |
| | | } |
| | | |
| | | .user-list-btn { |
| | |
| | | justify-content: center; |
| | | align-items: center; |
| | | gap: 4px; |
| | | padding: 10px 8px; |
| | | height: 75px; |
| | | font-size: 14px; |
| | | padding: 12px 10px; |
| | | height: 90px; |
| | | font-size: 22px; |
| | | background: #00a2e9; |
| | | color: #fff; |
| | | border: none; |
| | |
| | | |
| | | .user-list-btn .user-code { |
| | | font-weight: 600; |
| | | font-size: 14px; |
| | | font-size: 24px; |
| | | } |
| | | |
| | | .user-list-btn .user-name { |
| | | font-size: 13px; |
| | | font-size: 20px; |
| | | } |
| | | |
| | | .user-list-btn.selected { |
| | |
| | | .no-user-result { |
| | | padding: 40px 0; |
| | | text-align: center; |
| | | font-size: 18px; |
| | | font-size: 24px; |
| | | color: #666; |
| | | } |
| | | |
| | | .user-popup-footer { |
| | | flex-shrink: 0; |
| | | padding: 22px 32px 32px 32px; |
| | | padding: 32px 48px 40px 48px; |
| | | background: #fff; |
| | | text-align: center; |
| | | } |
| | |
| | | } |
| | | |
| | | .clean-btn.wide-btn { |
| | | width: 60%; |
| | | font-size: 20px; |
| | | width: 80%; |
| | | font-size: 28px; |
| | | padding: 18px 0; |
| | | } |
| | | |
| | | .clean-btn:hover { |
| | |
| | | |
| | | .user-list-btn { |
| | | height: 70px; |
| | | font-size: 13px; |
| | | font-size: 18px; |
| | | } |
| | | |
| | | .user-list-btn .user-code { |
| | | font-size: 13px; |
| | | font-size: 18px; |
| | | } |
| | | |
| | | .user-list-btn .user-name { |
| | | font-size: 12px; |
| | | font-size: 16px; |
| | | } |
| | | |
| | | .reason-btn { |