安评报告修改

dev-tmp1
huwei 2026-08-11 18:03:14 +08:00
parent 5391ec6bf6
commit f796a2d5b3
3 changed files with 681 additions and 113 deletions

View File

@ -4644,39 +4644,302 @@
margin-top: 8px; margin-top: 8px;
} }
.baidu-map-search { .register-more {
min-height: 100vh;
background: #f7f9fc;
color: #1f2937;
font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
box-sizing: border-box;
padding-bottom: 40px;
}
.register-more .register-more-hero {
height: 230px;
background: linear-gradient(90deg, #eef3fb, #fff, #e7f0ff);
display: flex;
align-items: center;
padding-left: max(calc((100% - 1180px) / 2), 30px);
}
.register-more .register-more-hero h1 {
font-size: 26px;
margin: 0;
color: #1f2937;
}
.register-more .register-more-wrap {
max-width: 1180px;
margin: auto;
padding: 30px 24px 60px;
}
.register-more .register-more-steps {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 28px;
}
.register-more .register-more-step {
display: flex;
align-items: center;
color: #9ca3af;
font-size: 14px;
}
.register-more .register-more-step i {
width: 34px;
height: 34px;
border-radius: 50%;
display: grid;
place-items: center;
background: #f0f2f5;
font-style: normal;
margin-right: 9px;
font-size: 14px;
}
.register-more .register-more-step.active {
color: #111827;
}
.register-more .register-more-step.active i {
background: #1677ed;
color: #fff;
}
.register-more .register-more-step:not(:last-child)::after {
content: "";
width: 100px;
height: 1px;
background: #cbd1da;
margin: 0 20px;
}
.register-more .register-more-card {
background: #fff;
border: 1px solid #e4e9f0;
padding: 28px 35px;
border-radius: 5px;
}
.register-more .register-more-card h2 {
text-align: center;
margin: 0 0 26px;
font-size: 22px;
color: #1f2937;
}
.register-more .register-more-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px 60px;
}
.register-more .register-more-field {
display: grid;
grid-template-columns: 150px 1fr;
align-items: center;
}
.register-more .register-more-field label {
text-align: right;
padding-right: 14px;
font-size: 14px;
color: #1f2937;
}
.register-more .register-more-field.required label::before {
content: "*";
color: #ef4444;
margin-right: 4px;
}
.register-more .register-more-field input,
.register-more .register-more-field textarea {
width: 100%; width: 100%;
height: 36px; height: 36px;
padding: 4px 11px; border: 1px solid #d3d8e1;
border: 1px solid #d9d9d9; border-radius: 3px;
border-radius: 6px; padding: 8px 11px;
font: 14px inherit;
color: #1f2937;
background: #fff;
outline: none; outline: none;
box-sizing: border-box; transition: border-color 0.15s;
margin-bottom: 12px;
font-size: 14px;
transition: border-color 0.2s;
} }
.baidu-map-search:focus { .register-more .register-more-field input::placeholder,
border-color: #4096ff; .register-more .register-more-field textarea::placeholder {
box-shadow: 0 0 0 2px rgba(5, 145, 255, 0.1); color: #9ca3af;
} }
.baidu-map-search::placeholder { .register-more .register-more-field input:focus,
color: #bfbfbf; .register-more .register-more-field textarea:focus {
border-color: #1677ed;
} }
.baidu-map-container { .register-more .register-more-field input:disabled,
width: 100%; .register-more .register-more-field textarea:disabled {
height: 480px; background: #f5f7fa;
border-radius: 6px; color: #9ca3af;
overflow: hidden; cursor: not-allowed;
} }
/* 百度地图 Autocomplete 联想面板默认 z-index 过低,被 Modal 遮挡 */ .register-more .register-more-field textarea {
.tangram-suggestion-main { height: 68px;
z-index: 10000 !important; resize: vertical;
} }
.register-more .register-more-field.align-start {
.register-more { align-items: start;
}
.register-more .register-more-field.align-start label {
padding-top: 10px;
}
.register-more .register-more-large-textarea {
height: 150px !important;
line-height: 1.7;
}
.register-more .register-more-control {
display: flex;
flex-direction: column;
gap: 4px;
}
.register-more .register-more-control input[type="number"] {
-moz-appearance: textfield;
appearance: textfield;
}
.register-more .register-more-control input[type="number"]::-webkit-outer-spin-button,
.register-more .register-more-control input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.register-more .register-more-error {
color: #ef4444;
font-size: 12px;
line-height: 1.4;
margin-top: 2px;
}
.register-more .is-disabled {
opacity: 0.6;
pointer-events: none;
}
.register-more .register-more-license {
display: flex;
flex-direction: column;
align-items: stretch;
gap: 6px;
}
.register-more .register-more-file-btn {
position: relative; position: relative;
padding-bottom: 20px; display: inline-flex;
align-items: center;
height: 36px;
padding: 0 11px;
border: 1px solid #d3d8e1;
border-radius: 3px;
color: #1f2937;
background: #fff;
font-size: 14px;
cursor: pointer;
white-space: nowrap;
flex: 0 0 auto;
transition: border-color 0.15s;
}
.register-more .register-more-file-btn:hover {
border-color: #1677ed;
}
.register-more .register-more-file-btn input[type="file"] {
position: absolute;
inset: 0;
opacity: 0;
cursor: pointer;
}
.register-more .register-more-file-text {
color: #475569;
}
.register-more .register-more-scope {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px 18px;
padding: 14px;
border: 1px solid #d3d8e1;
border-radius: 3px;
background: #fbfcfe;
}
.register-more .register-more-scope label {
display: flex;
align-items: flex-start;
text-align: left;
padding: 0;
font-size: 14px;
line-height: 1.5;
cursor: pointer;
color: #1f2937;
}
.register-more .register-more-scope input[type="checkbox"] {
width: 16px;
height: 16px;
margin: 3px 8px 0 0;
flex: 0 0 auto;
}
.register-more .register-more-optional-note {
display: block;
color: #8b95a5;
font-size: 12px;
margin-top: 6px;
}
.register-more .register-more-tip {
margin: 20px 0 0 150px;
color: #8b95a5;
font-size: 12px;
}
.register-more .register-more-wide {
grid-column: 1 / -1;
}
.register-more .register-more-actions {
display: flex;
justify-content: center;
gap: 14px;
border-top: 1px solid #edf0f4;
margin-top: 28px;
padding-top: 24px;
}
.register-more .register-more-btn {
height: 40px;
padding: 0 25px;
border: 0;
border-radius: 4px;
cursor: pointer;
font-size: 14px;
transition: opacity 0.15s;
}
.register-more .register-more-btn:disabled {
opacity: 0.5;
cursor: not-allowed;
}
.register-more .register-more-btn.primary {
background: #1677ed;
color: #fff;
}
.register-more .register-more-btn.primary:hover:not(:disabled) {
background: #0958d9;
}
.register-more .register-more-btn.secondary {
background: #f1f4f8;
color: #475569;
}
.register-more .register-more-btn.secondary:hover:not(:disabled) {
background: #e5eaf1;
}
.register-more .register-more-license-list {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 8px;
}
.register-more .register-more-license-list .license-item {
display: inline-flex;
align-items: center;
gap: 6px;
border: 1px solid #d3d8e1;
border-radius: 3px;
background: #fbfcfe;
padding: 4px 8px;
font-size: 12px;
color: #1f2937;
}
.register-more .register-more-license-list .license-item a {
color: #1677ed;
text-decoration: none;
}
.register-more .register-more-license-list .license-item .license-remove {
border: 0;
background: none;
color: #ef4444;
cursor: pointer;
font-size: 14px;
line-height: 1;
} }
.register-more .audit-look { .register-more .audit-look {
background-repeat: no-repeat; background-repeat: no-repeat;
@ -4702,24 +4965,57 @@
transform: rotate(360deg) translateX(8px) rotate(-360deg); transform: rotate(360deg) translateX(8px) rotate(-360deg);
} }
} }
.register-more .register-more-header { .register-more .register-more-state {
height: 250px; display: flex;
position: relative; flex-direction: column;
align-items: center;
gap: 16px;
color: #1f2937;
font-size: 16px;
} }
.register-more .register-more-header .register-more-header-content { .register-more .register-more-state img {
width: 1200px; max-width: 120px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
} }
.register-more .register-more-header .register-more-header-title { @media (max-width: 760px) {
font-size: 24px; .register-more .register-more-hero {
font-weight: bold; height: 140px;
padding-left: 20px;
}
.register-more .register-more-hero h1 {
font-size: 20px;
}
.register-more .register-more-wrap {
padding: 20px 10px;
}
.register-more .register-more-card {
padding: 20px 12px;
}
.register-more .register-more-card h2 {
font-size: 18px;
}
.register-more .register-more-grid {
grid-template-columns: 1fr;
gap: 14px;
}
.register-more .register-more-wide {
grid-column: auto;
}
.register-more .register-more-field {
grid-template-columns: 125px 1fr;
}
.register-more .register-more-scope {
grid-template-columns: 1fr;
}
.register-more .register-more-step:not(:last-child)::after {
width: 28px;
margin: 0 7px;
}
.register-more .register-more-step {
font-size: 12px;
}
.register-more .register-more-tip {
margin-left: 125px;
} }
.register-more .register-more-content {
width: 1200px;
margin: 30px auto 20px;
} }
.supervision-dashboard-page { .supervision-dashboard-page {

View File

@ -1755,34 +1755,94 @@
} }
} }
.baidu-map-search { .staff-resume-modal .staff-resume-title {
text-align: center;
font-size: 20px;
font-weight: 600;
margin-bottom: 16px;
color: #1f1f1f;
}
.staff-resume-modal .staff-resume-table {
width: 100%; width: 100%;
height: 36px; border-collapse: collapse;
padding: 4px 11px; table-layout: fixed;
border: 1px solid #d9d9d9;
border-radius: 6px;
outline: none;
box-sizing: border-box;
margin-bottom: 12px;
font-size: 14px; font-size: 14px;
transition: border-color 0.2s; color: #262626;
} }
.baidu-map-search:focus { .staff-resume-modal .staff-resume-table th,
border-color: #4096ff; .staff-resume-modal .staff-resume-table td {
box-shadow: 0 0 0 2px rgba(5, 145, 255, 0.1); border: 1px solid #bfbfbf;
padding: 10px 12px;
vertical-align: middle;
word-break: break-all;
} }
.baidu-map-search::placeholder { .staff-resume-modal .staff-resume-table .resume-label {
color: #bfbfbf; width: 18%;
background: #f5f5f5;
color: #595959;
font-weight: 400;
text-align: center;
} }
.baidu-map-container { .staff-resume-modal .staff-resume-table .resume-value {
width: 100%; width: 32%;
height: 480px; background: #fff;
border-radius: 6px; text-align: left;
overflow: hidden;
} }
/* 百度地图 Autocomplete 联想面板默认 z-index 过低,被 Modal 遮挡 */ .staff-resume-modal .staff-resume-table .resume-sign {
.tangram-suggestion-main { width: 32%;
z-index: 10000 !important; background: #fff;
height: 60px;
}
.staff-resume-modal .staff-resume-table .resume-label-wide {
width: 22%;
background: #f5f5f5;
color: #595959;
text-align: center;
}
.staff-resume-modal .staff-resume-table .resume-value-full {
background: #fff;
text-align: left;
white-space: pre-wrap;
line-height: 1.7;
min-height: 48px;
}
.staff-resume-modal .staff-resume-table .resume-link {
color: #1677ff;
cursor: pointer;
}
.personnel-info-layout {
display: flex;
gap: 16px;
min-height: 480px;
}
.personnel-info-tree {
width: 260px;
flex-shrink: 0;
border-right: 1px solid #f0f0f0;
padding-right: 16px;
overflow: auto;
}
.personnel-info-tree-title {
font-weight: 500;
margin-bottom: 12px;
color: rgba(0, 0, 0, 0.85);
}
.personnel-info-main {
flex: 1;
min-width: 0;
}
.register-engineer-section {
border: 1px dashed #d9d9d9;
border-radius: 8px;
padding: 16px 16px 0;
margin-bottom: 24px;
}
.register-engineer-section-title {
font-size: 14px;
font-weight: 500;
color: rgba(0, 0, 0, 0.85);
margin-bottom: 16px;
} }
.inst-page { .inst-page {
@ -2468,6 +2528,186 @@
margin-top: 2px; margin-top: 2px;
} }
/* ============================================
*
*
* V1.9
* - #2563eb#1e293b#64748b#e2e8f0
* - 8px
* - tag-success/warning/danger/info
* - hover
*
* 2026-08-10
* ============================================ */
/* 主色令牌 */
:global(:root) {
--qr-primary: #2563eb;
--qr-primary-hover: #1d4ed8;
--qr-primary-light: #dbeafe;
--qr-bg: #f8fafc;
--qr-surface: #ffffff;
--qr-border: #e2e8f0;
--qr-text: #1e293b;
--qr-text-secondary: #64748b;
--qr-radius: 8px;
}
.page {
padding: 4px;
}
/* 页面标题 */
.pageHeader {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 1rem;
}
.pageHeader h2 {
margin: 0;
font-size: 1.25rem;
font-weight: 600;
color: var(--qr-text);
}
.headerIcon {
color: var(--qr-primary);
margin-right: 6px;
}
/* 搜索区:白底卡片 */
.searchCard {
background: var(--qr-surface);
border: 1px solid var(--qr-border);
border-radius: var(--qr-radius);
padding: 1rem 1.25rem;
margin-bottom: 0.75rem;
}
.searchRow {
display: flex;
flex-wrap: wrap;
gap: 1rem;
align-items: flex-end;
}
.searchItem {
margin-bottom: 0;
min-width: 180px;
flex: 1 1 180px;
}
.fieldWrap {
display: flex;
flex-direction: column;
gap: 0.3rem;
}
.fieldLabel {
font-size: 0.8rem;
color: var(--qr-text-secondary);
font-weight: 500;
}
.searchActions {
display: flex;
gap: 0.5rem;
align-items: flex-end;
padding-bottom: 1px;
}
/* 工具栏 */
.toolbar {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 0.75rem;
}
.toolbarLeft {
display: flex;
gap: 0.5rem;
align-items: center;
}
.totalText {
font-size: 0.85rem;
color: var(--qr-text-secondary);
}
.totalText strong {
color: var(--qr-primary);
font-size: 0.95rem;
}
/* 数据表格卡片 */
.tableCard {
background: var(--qr-surface);
border-radius: var(--qr-radius);
border: 1px solid var(--qr-border);
overflow: hidden;
}
/* 操作列 */
.actions {
display: flex;
gap: 0.35rem;
align-items: center;
}
.actionLink {
color: var(--qr-text-secondary);
padding: 0;
height: auto;
}
.actionLink:hover {
color: var(--qr-text);
background: #f1f5f9;
}
.actionPrimary {
color: var(--qr-primary);
padding: 0;
height: auto;
}
.actionPrimary:hover {
color: var(--qr-primary-hover);
background: var(--qr-primary-light);
}
/* 专家核验无需显示时的占位符 */
.expertDash {
color: var(--qr-text-secondary);
}
/* 状态标签配色(对齐原型 tag-success/warning/danger/info */
.tag_success {
background: #d1fae5;
color: #065f46;
border: none;
border-radius: 999px;
}
.tag_processing {
background: #dbeafe;
color: #1e40af;
border: none;
border-radius: 999px;
}
.tag_warning {
background: #fef3c7;
color: #92400e;
border: none;
border-radius: 999px;
}
.tag_error {
background: #fee2e2;
color: #991b1b;
border: none;
border-radius: 999px;
}
.tag_blue {
background: #dbeafe;
color: #1e40af;
border: none;
border-radius: 999px;
}
.tag_default {
background: #f1f5f9;
color: #475569;
border: none;
border-radius: 999px;
}
.qual-confirm-form .confirm-notice {
background: #f8fafc;
border: 1px solid #e2e8f0;
border-radius: 8px;
padding: 0.65rem 0.85rem;
margin-bottom: 0.85rem;
font-size: 0.82rem;
color: #64748b;
}
.qual-confirm-form .summary-card { .qual-confirm-form .summary-card {
background: #fff; background: #fff;
border: 1px solid #d9d9d9; border: 1px solid #d9d9d9;
@ -2556,8 +2796,8 @@
.qual-review-form .legal-check-bar { .qual-review-form .legal-check-bar {
background: #f8fafc; background: #f8fafc;
border: 1px solid #d9d9d9; border: 1px solid #e2e8f0;
border-radius: 6px; border-radius: 8px;
padding: 0.6rem 0.75rem; padding: 0.6rem 0.75rem;
margin-bottom: 0.75rem; margin-bottom: 0.75rem;
} }
@ -2565,6 +2805,7 @@
font-size: 0.85rem; font-size: 0.85rem;
font-weight: 600; font-weight: 600;
margin-bottom: 0.4rem; margin-bottom: 0.4rem;
color: #1e293b;
} }
.qual-review-form .legal-check-grid { .qual-review-form .legal-check-grid {
display: grid; display: grid;
@ -2579,14 +2820,15 @@
border-radius: 4px; border-radius: 4px;
} }
.qual-review-form .legal-check-item-desc { .qual-review-form .legal-check-item-desc {
color: rgba(0, 0, 0, 0.45); font-size: 0.72rem;
color: #64748b;
} }
.qual-review-form .footer-bar { .qual-review-form .footer-bar {
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
align-items: center; align-items: center;
padding-top: 0.75rem; padding-top: 0.75rem;
border-top: 1px solid #d9d9d9; border-top: 1px solid #e2e8f0;
gap: 0.5rem; gap: 0.5rem;
} }
@ -2622,6 +2864,36 @@
color: #999; color: #999;
} }
.baidu-map-search {
width: 100%;
height: 36px;
padding: 4px 11px;
border: 1px solid #d9d9d9;
border-radius: 6px;
outline: none;
box-sizing: border-box;
margin-bottom: 12px;
font-size: 14px;
transition: border-color 0.2s;
}
.baidu-map-search:focus {
border-color: #4096ff;
box-shadow: 0 0 0 2px rgba(5, 145, 255, 0.1);
}
.baidu-map-search::placeholder {
color: #bfbfbf;
}
.baidu-map-container {
width: 100%;
height: 480px;
border-radius: 6px;
overflow: hidden;
}
/* 百度地图 Autocomplete 联想面板默认 z-index 过低,被 Modal 遮挡 */
.tangram-suggestion-main {
z-index: 10000 !important;
}
/* institution-report-library /* institution-report-library
* --radius: 8px/ * --radius: 8px/
* --radius-lg: 12px * --radius-lg: 12px