.plan-detail-container { height: 100vh; background: #f5f5f5; padding: 0.625rem; box-sizing: border-box; width: 100%; } /* 计划信息卡片样式 */ .plan-info-card { background: #fff; border-radius: 0.6875rem; box-shadow: 0 4px 18px rgba(64,158,255,0.07); padding: 0.875rem 0.75rem; margin-bottom: 0.75rem; } .plan-info-header { margin-bottom: 0.75rem; padding-bottom: 0.5rem; border-bottom: 2px solid #f0f0f0; } .plan-info-title { font-size: 1rem; color: #222; font-weight: 700; } .plan-info-content { display: flex; flex-direction: column; gap: 0.625rem; } .info-row { display: flex; justify-content: space-between; gap: 0.625rem; } .info-item { flex: 1; display: flex; flex-direction: column; gap: 0.25rem; } .info-label { font-size: 0.6875rem; color: #999; font-weight: 500; } .info-value { font-size: 0.8125rem; color: #333; font-weight: 600; } .type-text { color: #409eff; } .count-text { color: #52c41a; } .status-row { display: flex; justify-content: center; margin-top: 0.5rem; } .status-item { display: flex; flex-direction: column; align-items: center; gap: 0.375rem; } .status-label { font-size: 0.6875rem; color: #999; font-weight: 500; } .status-badge { padding: 0.375rem 0.75rem; border-radius: 0.75rem; font-size: 0.75rem; font-weight: 600; } .status-badge.status-0 { background: linear-gradient(135deg, #fff3e0, #ffe0b2); color: #f57c00; border: 1px solid #ffcc80; } .status-badge.status-1 { background: linear-gradient(135deg, #e3f2fd, #bbdefb); color: #1976d2; border: 1px solid #90caf9; } .status-badge.status-2 { background: linear-gradient(135deg, #e8f5e9, #c8e6c9); color: #388e3c; border: 1px solid #a5d6a7; } /* 物资列表卡片样式 */ .material-list-card { background: #fff; border-radius: 0.6875rem; box-shadow: 0 4px 18px rgba(64,158,255,0.07); padding: 0.875rem 0.75rem 0.5625rem 0.75rem; flex: 1; width: 100%; box-sizing: border-box; overflow: hidden; } .material-list-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.5625rem; } .material-list-title { font-size: 0.875rem; color: #222; font-weight: 700; } .material-count { font-size: 0.75rem; color: #409eff; font-weight: 600; } /* 空状态样式 */ .empty-state { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 9.375rem; color: #999; } .empty-text { font-size: 0.875rem; margin-bottom: 0.3125rem; } .empty-desc { font-size: 0.6875rem; } /* 物资列表表格样式 */ .material-list { display: flex; flex-direction: column; gap: 0.4375rem; } .material-item { display: flex; justify-content: space-between; align-items: center; padding: 0.4375rem 0; border-bottom: 1px solid #f0f0f0; width: 100%; box-sizing: border-box; } .material-item:last-child { border-bottom: none; } .material-info { display: flex; flex-direction: column; align-items: flex-start; overflow: hidden; } .material-name-col { flex: 1; min-width: 0; max-width: 6.25rem; } .material-model-col { width: 5.625rem; min-width: 0; } .material-spec-col { width: 3.75rem; min-width: 0; } .material-status-col { width: 3.125rem; align-items: center; } .material-action-col { width: 3.125rem; display: flex; justify-content: flex-end; align-items: center; } .material-name { font-size: 0.75rem; color: #333; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .material-time { font-size: 0.625rem; color: #999; margin-top: 0.0625rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .material-status { font-size: 0.5625rem; padding: 0.125rem 0.3125rem; border-radius: 0.5rem; white-space: nowrap; } .material-status.status-0 { background-color: #fff7e6; color: #fa8c16; } .material-status.status-1 { background-color: #e8f5e9; color: #388e3c; } .completed-text { color: #388e3c; font-size: 0.625rem; font-weight: 500; } .inventory-action-btn { background: linear-gradient(135deg, #409eff, #66b1ff); color: #fff; border: none; border-radius: 0.5rem; padding: 0.25rem 0.5rem; font-size: 0.6875rem; font-weight: 500; box-shadow: 0 2px 8px rgba(64,158,255,0.3); transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; cursor: pointer; min-width: 2.5rem; } .inventory-action-btn:active { transform: scale(0.95); box-shadow: 0 1px 4px rgba(64,158,255,0.4); opacity: 0.9; } .inventory-btn-text { color: #fff; font-size: 0.6875rem; font-weight: 500; } /* 加载更多样式 */ .load-more { display: flex; align-items: center; justify-content: center; gap: 0.375rem; padding: 0.9375rem 0.625rem; font-size: 0.75rem; color: #999; } .loading-spinner { width: 1rem; height: 1rem; border: 0.09375rem solid #f0f0f0; border-top: 0.09375rem solid #409eff; border-radius: 50%; animation: spin 1s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .loading-text { color: #409eff; font-weight: 500; } .no-more-text { color: #ccc; font-size: 0.6875rem; }