| | |
| | | computed: { |
| | | totalPages() { |
| | | return Math.max(1, Math.ceil(this.total / this.pageSize) || 1); |
| | | }, |
| | | useLimitColorClass() { |
| | | const v = Number(this.useLimitInput); |
| | | if (!v || isNaN(v)) return ''; |
| | | if (v < 50) return 'limit-danger'; |
| | | if (v < 100) return 'limit-warning'; |
| | | return 'limit-safe'; |
| | | } |
| | | }, |
| | | watch: { |
| | |
| | | min-width: 120px; |
| | | } |
| | | |
| | | .form-label, |
| | | .input.big-font, |
| | | .btn-blue.big-font, |
| | | .btn-blue.large-btn.big-font { |
| | | font-size: 22px !important; |
| | | } |
| | | |
| | | .input.big-font { |
| | | height: 44px; |
| | | } |
| | | |
| | | .unit-text { |
| | | font-size: 18px; |
| | | } |
| | | |
| | | /* 使用上限颜色标识 */ |
| | | .input.limit-safe { |
| | | border: 2px solid #52c41a !important; |
| | | background: #f6ffed !important; |
| | | color: #237804 !important; |
| | | } |
| | | |
| | | .input.limit-warning { |
| | | border: 2px solid #faad14 !important; |
| | | background: #fffbe6 !important; |
| | | color: #ad6800 !important; |
| | | } |
| | | |
| | | .input.limit-danger { |
| | | border: 2px solid #ff4d4f !important; |
| | | background: #fff1f0 !important; |
| | | color: #a8071a !important; |
| | | } |
| | | |
| | | </style> |