2 lines
12 KiB
CSS
2 lines
12 KiB
CSS
.matching-container[data-v-32b8e01b]{max-width:1200px;margin:0 auto;padding:20px}.header[data-v-32b8e01b]{text-align:center;margin-bottom:30px}.header h1[data-v-32b8e01b]{color:#2c3e50;margin-bottom:10px}.subtitle[data-v-32b8e01b]{color:#7f8c8d;font-size:16px}.stats-cards[data-v-32b8e01b]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card[data-v-32b8e01b]{background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 10px #0000001a;text-align:center}.stat-number[data-v-32b8e01b]{font-size:24px;font-weight:700;color:#3498db;margin-bottom:5px}.stat-label[data-v-32b8e01b]{color:#7f8c8d;font-size:14px}.action-section[data-v-32b8e01b]{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px}.create-order-card[data-v-32b8e01b]{background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 10px #0000001a}.create-order-card h3[data-v-32b8e01b]{margin-bottom:15px;color:#2c3e50}.matching-info[data-v-32b8e01b]{margin-bottom:20px;padding:15px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.info-item[data-v-32b8e01b]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.info-item[data-v-32b8e01b]:last-child{margin-bottom:0}.info-item .label[data-v-32b8e01b]{color:#6c757d;font-weight:500}.info-item .value[data-v-32b8e01b]{color:#2c3e50;font-weight:700;font-size:16px}.form-group[data-v-32b8e01b]{margin-bottom:15px}.form-group label[data-v-32b8e01b]{display:block;margin-bottom:5px;color:#34495e;font-weight:500}.form-group input[data-v-32b8e01b]{width:100%;padding:10px;border:1px solid #ddd;border-radius:5px;font-size:14px}.create-btn[data-v-32b8e01b]{width:100%;padding:12px;background:#3498db;color:#fff;border:none;border-radius:5px;font-size:16px;cursor:pointer;transition:background .3s}.create-btn[data-v-32b8e01b]:hover{background:#2980b9}.create-btn[data-v-32b8e01b]:disabled{background:#bdc3c7;cursor:not-allowed}.tips[data-v-32b8e01b]{margin-top:15px;padding:10px;background:#f8f9fa;border-radius:5px;font-size:12px;color:#6c757d}.tips p[data-v-32b8e01b]{margin:5px 0}.amount[data-v-32b8e01b]{font-weight:700;color:#27ae60}.status.active[data-v-32b8e01b]{color:#27ae60;font-weight:700}.status.inactive[data-v-32b8e01b]{color:#e74c3c;font-weight:700}.pending-section[data-v-32b8e01b],.orders-section[data-v-32b8e01b]{background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px}.pending-section h3[data-v-32b8e01b],.orders-section h3[data-v-32b8e01b]{margin-bottom:15px;color:#2c3e50}.allocation-list[data-v-32b8e01b],.orders-list[data-v-32b8e01b]{display:grid;gap:15px}.allocation-card[data-v-32b8e01b]{display:flex;justify-content:space-between;align-items:center;padding:15px;border:1px solid #e1e8ed;border-radius:8px;background:#f8f9fa}.allocation-header[data-v-32b8e01b]{display:flex;gap:10px;margin-bottom:10px}.order-id[data-v-32b8e01b],.cycle[data-v-32b8e01b]{background:#3498db;color:#fff;padding:2px 8px;border-radius:12px;font-size:12px}.allocation-details p[data-v-32b8e01b]{margin:5px 0;font-size:14px}.deadline-info[data-v-32b8e01b]{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.time-left[data-v-32b8e01b]{font-weight:700;padding:2px 6px;border-radius:4px;font-size:12px}.time-left.normal[data-v-32b8e01b]{background:#d4edda;color:#155724}.time-left.urgent[data-v-32b8e01b]{background:#fff3cd;color:#856404}.time-left.expired[data-v-32b8e01b]{background:#f8d7da;color:#721c24;animation:blink-32b8e01b 1s infinite}.deadline-time[data-v-32b8e01b]{color:#6c757d;font-size:12px}@keyframes blink-32b8e01b{0%,50%{opacity:1}51%,to{opacity:.5}}.allocation-actions[data-v-32b8e01b]{display:flex;gap:10px}.confirm-btn[data-v-32b8e01b],.reject-btn[data-v-32b8e01b]{padding:8px 16px;border:none;border-radius:5px;cursor:pointer;font-size:14px}.confirm-btn[data-v-32b8e01b]{background:#27ae60;color:#fff}.confirm-btn[data-v-32b8e01b]:hover{background:#229954}.reject-btn[data-v-32b8e01b]{background:#e74c3c;color:#fff}.reject-btn[data-v-32b8e01b]:hover{background:#c0392b}.order-card[data-v-32b8e01b]{padding:15px;border:1px solid #e1e8ed;border-radius:8px;cursor:pointer;transition:all .3s}.order-card[data-v-32b8e01b]:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.order-header[data-v-32b8e01b]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;flex-wrap:wrap;gap:8px}.system-reverse-tag[data-v-32b8e01b]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;white-space:nowrap}.system-note[data-v-32b8e01b]{color:#667eea;font-style:italic;font-size:13px}.status[data-v-32b8e01b]{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:700}.status.pending[data-v-32b8e01b]{background:#f39c12;color:#fff}.status.matching[data-v-32b8e01b]{background:#3498db;color:#fff}.status.completed[data-v-32b8e01b]{background:#27ae60;color:#fff}.status.cancelled[data-v-32b8e01b],.status.failed[data-v-32b8e01b]{background:#e74c3c;color:#fff}.order-info p[data-v-32b8e01b]{margin:5px 0;font-size:14px;color:#34495e}.empty-state[data-v-32b8e01b]{text-align:center;padding:40px;color:#7f8c8d}.matching-type-selector[data-v-32b8e01b]{margin-bottom:20px}.type-tabs[data-v-32b8e01b]{display:flex;background:#f8f9fa;border-radius:12px;padding:4px;gap:4px;border:1px solid #e9ecef}.type-tab[data-v-32b8e01b]{flex:1;padding:12px 20px;border:none;background:transparent;color:#6c757d;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.type-tab[data-v-32b8e01b]:hover{color:#495057;background:#3490dc1a}.type-tab.active[data-v-32b8e01b]{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;font-weight:600;box-shadow:0 2px 8px #3490dc4d;transform:translateY(-1px)}.type-tab.active[data-v-32b8e01b]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent);pointer-events:none}.type-tab[data-v-32b8e01b]:focus{outline:none;box-shadow:0 0 0 3px #3490dc33}.type-tab[data-v-32b8e01b]:active{transform:translateY(0)}.custom-amount-input[data-v-32b8e01b]{flex:1;margin-left:10px}.custom-amount-input .el-input[data-v-32b8e01b]{width:100%}.transfer-dialog-content[data-v-32b8e01b]{max-height:70vh;overflow-y:auto}.transfer-info[data-v-32b8e01b]{margin-bottom:20px;padding:15px;background:#f8f9fa;border-radius:8px}.transfer-info h4[data-v-32b8e01b]{margin:0 0 10px;color:#2c3e50;font-size:16px}.transfer-info p[data-v-32b8e01b]{margin:5px 0;font-size:14px}.payment-codes[data-v-32b8e01b]{margin-bottom:20px}.payment-codes h4[data-v-32b8e01b]{margin:0 0 15px;color:#2c3e50;font-size:16px}.payment-grid[data-v-32b8e01b]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.payment-item[data-v-32b8e01b]{text-align:center;padding:15px;border:1px solid #e0e0e0;border-radius:8px;background:#fff}.payment-item h5[data-v-32b8e01b]{margin:0 0 10px;color:#34495e;font-size:14px}.qr-code[data-v-32b8e01b]{width:150px;height:150px;object-fit:contain;border:1px solid #ddd;border-radius:4px}.bank-card[data-v-32b8e01b]{font-family:Courier New,monospace;font-size:16px;font-weight:700;color:#2c3e50;background:#f0f0f0;padding:10px;border-radius:4px;word-break:break-all}.transfer-form[data-v-32b8e01b]{border-top:1px solid #e0e0e0;padding-top:20px}.transfer-form h4[data-v-32b8e01b]{margin:0 0 15px;color:#2c3e50;font-size:16px}.upload-preview[data-v-32b8e01b]{margin-top:10px}.upload-preview img[data-v-32b8e01b]{max-width:200px;max-height:200px;border:1px solid #ddd;border-radius:4px}.dialog-footer[data-v-32b8e01b]{display:flex;justify-content:flex-end;gap:10px}.modal-overlay[data-v-32b8e01b]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-32b8e01b]{background:#fff;border-radius:10px;max-width:800px;max-height:80vh;overflow-y:auto;width:90%}.modal-header[data-v-32b8e01b]{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e1e8ed}.close-btn[data-v-32b8e01b]{background:none;border:none;font-size:24px;cursor:pointer;color:#7f8c8d}.modal-body[data-v-32b8e01b]{padding:20px}.order-summary[data-v-32b8e01b]{background:#f8f9fa;padding:15px;border-radius:8px;margin-bottom:20px}.order-summary p[data-v-32b8e01b]{margin:8px 0}.allocations-section[data-v-32b8e01b],.records-section[data-v-32b8e01b]{margin-bottom:20px}.allocations-section h4[data-v-32b8e01b],.records-section h4[data-v-32b8e01b]{margin-bottom:15px;color:#2c3e50}.timeline-item[data-v-32b8e01b]{border-left:3px solid #3498db;padding-left:15px;margin-bottom:15px}.timeline-content[data-v-32b8e01b]{background:#f8f9fa;padding:10px;border-radius:5px}.timeline-header[data-v-32b8e01b]{display:flex;gap:10px;margin-bottom:5px}.record-item[data-v-32b8e01b]{display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid #e1e8ed}.record-info[data-v-32b8e01b]{display:flex;gap:15px;align-items:center}.action[data-v-32b8e01b]{font-weight:700;color:#3498db}.user[data-v-32b8e01b]{color:#2c3e50}.time[data-v-32b8e01b]{color:#7f8c8d;font-size:12px}.record-amount[data-v-32b8e01b]{font-weight:700;color:#27ae60}.record-note[data-v-32b8e01b]{font-style:italic;color:#7f8c8d;font-size:12px}@media (max-width: 768px){.action-section[data-v-32b8e01b]{grid-template-columns:1fr}.stats-cards[data-v-32b8e01b]{grid-template-columns:repeat(2,1fr);gap:15px}.allocation-card[data-v-32b8e01b]{flex-direction:column;align-items:flex-start;gap:15px;padding:15px}.allocation-info[data-v-32b8e01b]{width:100%}.allocation-info h4[data-v-32b8e01b]{font-size:14px;margin-bottom:8px}.allocation-info p[data-v-32b8e01b]{font-size:13px;margin:4px 0}.deadline-info[data-v-32b8e01b]{width:100%;margin-top:10px}.time-left[data-v-32b8e01b]{font-size:12px}.deadline-time[data-v-32b8e01b]{font-size:11px}.allocation-actions[data-v-32b8e01b]{width:100%;justify-content:space-between;flex-wrap:wrap;gap:8px}.allocation-actions .el-button[data-v-32b8e01b]{flex:1;min-width:80px;font-size:12px;padding:8px 12px}.modal-content[data-v-32b8e01b]{width:95%;margin:10px;max-height:90vh}.modal-header[data-v-32b8e01b],.modal-body[data-v-32b8e01b]{padding:15px}.order-summary[data-v-32b8e01b]{padding:12px}.qr-code[data-v-32b8e01b]{width:120px;height:120px}.bank-card[data-v-32b8e01b]{font-size:14px;padding:8px}.record-item[data-v-32b8e01b]{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 8px}.record-info[data-v-32b8e01b]{width:100%;flex-direction:column;gap:4px}.record-amount[data-v-32b8e01b]{align-self:flex-end}}.upload-tip[data-v-32b8e01b]{margin-top:8px}.tip-text[data-v-32b8e01b]{color:#f56c6c;font-size:12px;font-style:italic}.timeout-warning[data-v-32b8e01b]{display:flex;align-items:center;gap:8px;margin-top:10px;padding:8px 12px;background-color:#fef0f0;border:1px solid #fbc4c4;border-radius:4px;color:#f56c6c}.timeout-warning i[data-v-32b8e01b]{font-size:16px;color:#f56c6c}.warning-text[data-v-32b8e01b]{font-size:12px;font-weight:500}.confirm-btn[data-v-32b8e01b]:disabled{background-color:#f5f7fa!important;border-color:#e4e7ed!important;color:#c0c4cc!important;cursor:not-allowed!important}.confirm-btn[data-v-32b8e01b]:disabled:hover{background-color:#f5f7fa!important;border-color:#e4e7ed!important;color:#c0c4cc!important}@media (max-width: 480px){.stats-cards[data-v-32b8e01b]{grid-template-columns:1fr}.allocation-card[data-v-32b8e01b]{padding:12px}.allocation-info h4[data-v-32b8e01b]{font-size:13px}.allocation-info p[data-v-32b8e01b]{font-size:12px}.time-left[data-v-32b8e01b]{font-size:11px}.deadline-time[data-v-32b8e01b]{font-size:10px}.allocation-actions .el-button[data-v-32b8e01b]{font-size:11px;padding:6px 10px}.qr-code[data-v-32b8e01b]{width:100px;height:100px}.bank-card[data-v-32b8e01b]{font-size:12px;padding:6px}}
|