shiyuyun/wyndham-ARR
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add public h5 dashboard and publish traceability

Browse Source
This commit is contained in:
Wyndham ARR
2026-08-03 13:04:41 +08:00
parent 7e7470821b
commit 2107f00e32
29 changed files with 1047 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
arr_web/static/styles.css
View File

@@ -366,6 +366,11 @@ input:focus, select:focus { border-color: var(--blue); box-shadow: 0 0 0 3px rgb
.company-report-card-row > * { min-width: 0; }
.company-source-card { min-width: 0; min-height: 224px; padding: 20px; display: flex; flex-direction: column; overflow: hidden; border: 1px solid #dbe3ef; border-radius: 16px; background: var(--surface); box-shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 18px 44px rgba(31, 51, 82, .07); }
.company-card-heading h3 { margin: 0; font-size: 17px; line-height: 1.3; letter-spacing: -.025em; }
.company-source-current { margin: 14px 0 12px; padding: 10px 12px; display: grid; gap: 5px; border: 1px solid #d7e8dc; border-radius: 10px; background: #f7fbf8; }
.company-source-current-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.company-source-current-label { color: var(--muted); font-size: 10px; font-weight: 750; }
.company-source-current strong { color: var(--ink); font-size: 12px; line-height: 1.35; overflow-wrap: anywhere; }
.company-source-current > span:last-child { color: var(--muted); font-size: 10px; line-height: 1.4; }
.company-source-action { width: 100%; margin-top: auto; display: flex; flex-direction: column; align-items: stretch; gap: 12px; }
.company-excel-dropzone { position: relative; min-width: 0; min-height: 92px; padding: 17px 18px; display: flex; align-items: center; gap: 14px; border: 1px dashed #9fb5dc; border-radius: 12px; background: #fff; cursor: pointer; transition: border-color .16s ease, background-color .16s ease, box-shadow .16s ease; }
.company-excel-dropzone:hover, .company-excel-dropzone.is-over { border-color: var(--blue); background: #f6f9ff; box-shadow: inset 0 0 0 1px rgba(37, 99, 235, .08); }
@@ -383,6 +388,7 @@ input:focus, select:focus { border-color: var(--blue); box-shadow: 0 0 0 3px rgb
.company-upload-button:active:not(:disabled) { box-shadow: 0 4px 12px rgba(37, 99, 235, .16); transform: translateY(0) scale(.985); }
.company-upload-button:disabled { border-color: #d7dde7; color: #667085; background: #e9edf3; box-shadow: none; cursor: not-allowed; }
.company-source-error { margin: 12px 0 0; padding: 10px 12px; border-radius: 9px; color: #b42318; background: #feeceb; font-size: 11px; font-weight: 650; }
.company-source-status { margin: 12px 0 0; padding: 10px 12px; border: 1px solid #cfe1f9; border-radius: 9px; color: #1554a0; background: #f3f8ff; font-size: 11px; font-weight: 650; line-height: 1.45; }
.company-review-panel { margin: 0 24px 24px; overflow: hidden; border: 1px solid #d7dfec; border-radius: 14px; background: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .04); }
.company-review-header { padding: 16px 18px; display: flex; align-items: center; justify-content: space-between; gap: 24px; border-bottom: 1px solid var(--line); background: #fbfcfe; }
.company-review-title-block { min-width: 0; flex: 1 1 auto; display: grid; gap: 6px; }
@@ -508,6 +514,11 @@ input:focus, select:focus { border-color: var(--blue); box-shadow: 0 0 0 3px rgb
.company-progress-wrap > div:first-child strong { color: var(--ink); }
.company-progress-track { height: 7px; margin-top: 7px; overflow: hidden; border-radius: 99px; background: #edf1f6; }
.company-progress-track span { width: 100%; height: 100%; display: block; border-radius: inherit; background: var(--blue); transform: scaleX(0); transform-origin: left; transition: transform .25s ease; }
.company-job-source { margin-top: 16px; padding: 11px 13px; display: flex; align-items: flex-start; gap: 10px; border: 1px solid #dbe3ef; border-radius: 10px; background: #fbfcfe; }
.company-job-source.is-missing { background: #fafafa; }
.company-job-source-label { flex: 0 0 auto; padding-top: 2px; color: var(--muted); font-size: 10px; font-weight: 750; }
.company-job-source strong { display: block; color: var(--ink); font-size: 12px; line-height: 1.35; overflow-wrap: anywhere; }
.company-job-source small { display: block; margin-top: 3px; color: var(--muted); font-size: 10px; line-height: 1.35; }
.company-job-meta { margin: 17px 0 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.company-job-meta > div { min-width: 0; padding: 10px 12px; border: 1px solid var(--line); border-radius: 9px; background: var(--surface-soft); }
.company-job-meta dt { color: var(--muted); font-size: 10px; }
@@ -534,7 +545,10 @@ input:focus, select:focus { border-color: var(--blue); box-shadow: 0 0 0 3px rgb
.company-result-row.is-failed:hover td { background: #feeceb; }
.company-history-panel { margin-top: 20px; }
.company-history-count { color: var(--muted); font-size: 11px; }
.company-history-table { min-width: 820px; }
.company-history-table { min-width: 980px; }
.company-history-source { min-width: 150px; display: grid; gap: 2px; }
.company-history-source strong { font-size: 10px; line-height: 1.35; overflow-wrap: anywhere; }
.company-history-source small { color: var(--muted); font-size: 9px; line-height: 1.35; }
.company-detail-button { min-height: 30px; padding: 0 9px; border: 1px solid var(--line-strong); border-radius: 7px; color: var(--blue); background: #fff; font-size: 10px; font-weight: 750; cursor: pointer; }
.company-detail-button:hover { border-color: #a9c1f5; background: var(--blue-soft); }
.page-footer { width: min(1400px, calc(100% - 48px)); margin: -38px auto 28px; display: flex; justify-content: flex-start; gap: 20px; color: var(--muted); font-size: 10px; }
@@ -692,6 +706,7 @@ input:focus, select:focus { border-color: var(--blue); box-shadow: 0 0 0 3px rgb
.company-job-panel { padding-left: 18px; padding-right: 18px; }
.company-job-header { align-items: flex-start; flex-direction: column; gap: 14px; }
.company-job-summary { justify-items: start; }
.company-job-source { align-items: flex-start; }
.company-job-meta { grid-template-columns: 1fr 1fr; }
.company-result-scroll { margin-left: 0; margin-right: 0; overflow: visible; }
.company-result-table, .company-result-table tbody { min-width: 0; display: block; }