采购详情支持手动修改

This commit is contained in:
2026-07-28 17:51:14 +08:00
parent 0883566045
commit 24bfe66773
7 changed files with 516 additions and 101 deletions

View File

@@ -108,6 +108,43 @@ body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-
.detail-row { margin-bottom: 8px; }
/* 可编辑详情弹窗 */
.detail-modal { max-height: 90vh; overflow-y: auto; padding: 0; }
.detail-modal .modal-close-btn { display: none; }
.detail-header { background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%); color: #fff; padding: 8px 16px; display: flex; align-items: center; gap: 8px; border-radius: 12px 12px 0 0; margin: -16px -16px 0 -16px; }
.detail-header .icon-btn { flex-shrink: 0; }
.detail-header .icon-btn svg { stroke: #fff; }
.detail-title-input { flex: 1; font-size: 18px; font-weight: 600; color: #fff; background: transparent; border: none; outline: none; padding: 4px 0; min-width: 0; }
.detail-title-input::placeholder { color: rgba(255,255,255,0.6); }
.detail-title-input:focus { border-bottom: 2px solid rgba(255,255,255,0.5); }
.edit-form { padding: 12px 0 0 0; }
.edit-row { display: flex; align-items: center; margin-bottom: 6px; gap: 8px; }
.edit-row label { min-width: 48px; font-size: 13px; color: #777; text-align: right; }
.edit-row input, .edit-row select, .edit-row textarea { flex: 1; padding: 6px 8px; border: 1px solid #e0e0e0; border-radius: 6px; font-size: 14px; outline: none; }
.edit-row input:focus, .edit-row select:focus, .edit-row textarea:focus { border-color: #3b82f6; }
.edit-row select { appearance: auto; }
.edit-row textarea { resize: vertical; min-height: 40px; }
.amount-row { font-weight: 600; }
.amount-row label { color: #333; }
.edit-amount { flex: 1; font-size: 17px; color: #e53e3e; font-weight: 700; }
.edit-section { margin-top: 8px; border-top: 1px solid #eee; padding-top: 8px; }
.edit-section-header { font-size: 13px; font-weight: 600; color: #555; cursor: pointer; display: flex; justify-content: space-between; align-items: center; padding: 2px 0; }
.edit-section-header svg { width: 16px; height: 16px; stroke: #888; fill: none; stroke-width: 2; }
.history-summary { list-style: none; }
.history-summary::-webkit-details-marker { display: none; }
.history-summary::after { content: '展开'; font-size: 12px; color: #3b82f6; font-weight: 400; }
details[open] .history-summary::after { content: '收起'; }
.attach-gallery { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
.attach-thumb-wrap { position: relative; display: inline-block; }
.attach-thumb { width: 56px; height: 56px; object-fit: cover; border-radius: 6px; border: 1px solid #eee; }
.attach-del-btn { position: absolute; top: -6px; right: -6px; width: 18px; height: 18px; border-radius: 50%; background: #e53e3e; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 0; }
.attach-del-btn svg { width: 11px; height: 11px; stroke: #fff; fill: none; stroke-width: 2; }
.attach-add-btn { cursor: pointer; display: flex; align-items: center; }
.attach-add-btn svg { width: 18px; height: 18px; stroke: #3b82f6; fill: none; stroke-width: 2; }
.edit-buttons { display: flex; gap: 8px; margin-top: 12px; }
.save-btn { flex: 1; background: #3b82f6; color: #fff; border: none; padding: 8px 0; border-radius: 6px; font-size: 15px; cursor: pointer; font-weight: 500; }
.danger-btn { background: transparent; color: #e53e3e; border: 1px solid #e53e3e; padding: 8px 16px; border-radius: 6px; font-size: 14px; cursor: pointer; }
.white-list-tag {
font-size: 12px;
color: #555;