2 lines
7.2 KiB
Java
2 lines
7.2 KiB
Java
.steps-container[data-v-26c83165]{margin:15px 0;padding:30px;border-radius:8px;background:linear-gradient(90deg,#f0f8ff,#e6f7ff);overflow:auto;max-height:calc(100vh - 200px)}.steps-container[data-v-26c83165] .ant-steps-item-icon{background:#fff;border-color:#1890ff;width:35px}.steps-container[data-v-26c83165] .ant-steps-item-icon .ant-steps-icon{color:#1890ff}.steps-container[data-v-26c83165] .ant-steps-item-finish .ant-steps-item-icon{background:#1890ff;width:35px}.steps-container[data-v-26c83165] .ant-steps-item-finish .ant-steps-item-icon .ant-steps-icon{color:#fff}.steps-container[data-v-26c83165] .ant-steps-item-finish .ant-steps-item-title{color:#1890ff}.steps-container[data-v-26c83165] .ant-steps-item-title{font-weight:500}.step-content[data-v-26c83165]{padding:20px;border-radius:8px;background-color:#fff;box-shadow:0 2px 8px #00000017}.step-content.step-one .prompt-select[data-v-26c83165]{width:100%;font-size:14px}.step-content.step-two .mapping-summary[data-v-26c83165]{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin-top:16px}.step-content.step-two .summary-item[data-v-26c83165]{display:flex;padding:12px 16px;background-color:#f5f7fa;border-radius:6px;border:1px solid #e8e8e8}.step-content.step-two .summary-item .field-key[data-v-26c83165]{font-weight:500;color:#000000e0;margin-right:12px;min-width:80px}.step-content.step-two .summary-item .field-key[data-v-26c83165]:after{content:":"}.step-content.step-two .summary-item .field-value[data-v-26c83165]{color:#8c8c8c;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.section-header h3[data-v-26c83165]{margin:0 0 20px;font-size:18px;font-weight:600;color:#000000e0;display:flex;align-items:center;gap:8px}.section-header h3 svg[data-v-26c83165]{color:#1890ff}.form-section[data-v-26c83165],.form-item[data-v-26c83165]{margin-bottom:24px}.form-item .form-label[data-v-26c83165]{display:block;margin-bottom:10px;font-weight:500;font-size:15px;color:#000000e0}.form-item .prompt-option[data-v-26c83165]{display:flex;align-items:center;gap:8px}.mapping-section[data-v-26c83165]{margin-top:30px;padding:20px;background-color:#f5f7fa;border-radius:8px;border:1px solid #e8e8e8}.mapping-section .mapping-list .mapping-item[data-v-26c83165]{display:flex;align-items:center;margin-bottom:16px;padding:16px;background:#fff;border-radius:6px;border:1px solid #e8e8e8;transition:all .3s}.mapping-section .mapping-list .mapping-item[data-v-26c83165]:hover{box-shadow:0 2px 8px #0000001a;border-color:#1890ff}.mapping-section .mapping-list .mapping-item .field-label[data-v-26c83165]{display:flex;align-items:center;gap:8px;font-weight:500;color:#000000e0;min-width:140px;padding-right:16px}.mapping-section .mapping-list .mapping-item .equal-sign[data-v-26c83165]{font-weight:700;color:#8c8c8c;margin:0 12px}.mapping-section .mapping-list .mapping-item .field-select[data-v-26c83165]{flex:1}.mapping-section .mapping-list .mapping-item .field-select .column-option[data-v-26c83165]{display:flex;align-items:center;gap:8px}.debug-result[data-v-26c83165]{margin-top:36px;padding:20px;background-color:#f5f7fa;border-radius:8px;border:1px solid #e8e8e8}.debug-result .result-table-container[data-v-26c83165]{margin-top:16px;border-radius:6px;overflow:hidden;border:1px solid #e8e8e8}.debug-result .result-table-container[data-v-26c83165] .result-table .ant-table-thead>tr>th{background-color:#fafafa;font-weight:600;color:#000000e0}.debug-result .result-table-container[data-v-26c83165] .result-table .ant-table-tbody>tr:hover{background-color:#f0f8ff}.form-footer[data-v-26c83165]{display:flex;justify-content:flex-end;gap:16px;padding-top:24px;margin-top:24px;border-top:1px solid #e8e8e8}.form-footer .footer-btn[data-v-26c83165]{display:flex;align-items:center;gap:6px;padding:8px 20px;font-size:14px;border-radius:6px;transition:all .3s}.form-footer .footer-btn.cancel-btn[data-v-26c83165]:hover{color:#ed6f6f;border-color:#ed6f6f}.form-footer .footer-btn.next-btn[data-v-26c83165]:hover,.form-footer .footer-btn.confirm-btn[data-v-26c83165]:hover{transform:translateY(-2px);box-shadow:0 4px 8px #1890ff33}.form-footer .footer-btn.prev-btn[data-v-26c83165]:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.form-footer .footer-btn.close-btn[data-v-26c83165]:hover{transform:translateY(-2px);box-shadow:0 4px 8px #52c41a33}@media(max-width:768px){.step-content[data-v-26c83165],.mapping-section[data-v-26c83165]{padding:16px}.mapping-section .mapping-list .mapping-item[data-v-26c83165]{flex-direction:column;align-items:flex-start}.mapping-section .mapping-list .mapping-item .field-label[data-v-26c83165]{margin-bottom:10px;padding-right:0}.mapping-section .mapping-list .mapping-item .equal-sign[data-v-26c83165]{display:none}.mapping-section .mapping-list .mapping-item .field-select[data-v-26c83165]{width:100%;margin-top:8px}.step-two .mapping-summary[data-v-26c83165]{grid-template-columns:1fr}.form-footer[data-v-26c83165]{flex-direction:column}.form-footer .footer-btn[data-v-26c83165]{width:100%;justify-content:center}}.debug-result-container[data-v-26c83165]{margin:16px 0}.table-header[data-v-26c83165]{padding:12px 16px;background:#fafafa;border:1px solid #e8e8e8;border-bottom:none;border-radius:4px 4px 0 0}.table-title[data-v-26c83165]{font-size:16px;font-weight:600;color:#1890ff}.table-subtitle[data-v-26c83165]{font-size:12px;color:#999;margin-top:4px}.result-table[data-v-26c83165]{border:1px solid #e8e8e8}[data-v-26c83165] .ant-table-thead>tr>th{background-color:#f5f5f5;font-weight:600;color:#333;border-bottom:2px solid #1890ff}[data-v-26c83165] .ant-table-tbody>tr.even-row{background-color:#fafafa}[data-v-26c83165] .ant-table-tbody>tr.odd-row{background-color:#fff}[data-v-26c83165] .ant-table-tbody>tr:hover{background-color:#e6f7ff!important}.status-badge[data-v-26c83165]{display:inline-block;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:500}.status-success[data-v-26c83165]{background-color:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.status-failed[data-v-26c83165]{background-color:#fff2f0;color:#ff4d4f;border:1px solid #ffccc7}.status-warning[data-v-26c83165]{background-color:#fffbe6;color:#faad14;border:1px solid #ffe58f}.latency-text[data-v-26c83165]{font-weight:500}.latency-low[data-v-26c83165]{color:#52c41a}.latency-medium[data-v-26c83165]{color:#faad14}.latency-high[data-v-26c83165]{color:#ff4d4f}.input-cell[data-v-26c83165],.output-cell[data-v-26c83165]{padding:4px 0}.cell-label[data-v-26c83165]{font-size:11px;color:#999;margin-bottom:2px}.cell-value[data-v-26c83165]{font-size:13px;color:#333;word-break:break-word}.output-cell.reference .cell-value[data-v-26c83165]{color:#1890ff}.output-cell.actual .cell-value[data-v-26c83165]{color:#52c41a}.table-footer[data-v-26c83165]{display:flex;justify-content:flex-start;gap:24px;padding:12px 16px;background:#fafafa;border:1px solid #e8e8e8;border-top:none;border-radius:0 0 4px 4px}.footer-item[data-v-26c83165]{display:flex;align-items:center;gap:8px}.footer-label[data-v-26c83165]{font-size:12px;color:#666}.footer-value[data-v-26c83165]{font-size:14px;font-weight:500;color:#1890ff}.no-data-container[data-v-26c83165]{padding:40px;text-align:center;border:1px dashed #d9d9d9;border-radius:4px;background-color:#fafafa}.loading-text[data-v-26c83165]{display:flex;align-items:center;justify-content:center;gap:8px;color:#666}.empty-text[data-v-26c83165]{color:#999}
|