确认取消预约
取消后名额将释放，如仍需体检请重新预约
宁夏宝石花医院 · 2026年3月23日
-
请选择取消原因 *
-
- 时间冲突
- 医院选择不当
- 日期选择不当
- 个人健康原因
- 其他
-
-
-
请选择或填写取消原因
@@ -383,36 +352,14 @@
document.getElementById('reasonModal').classList.add('hidden');
}
- // [交互] 取消预约二次确认:原因单选 + 其他原因填写 + 校验 + 确认后跳转重新预约
- let cancelReason = null;
- function selectChip(el) {
- document.querySelectorAll('#cancelChips .chip').forEach(c => c.classList.remove('selected'));
- el.classList.add('selected');
- cancelReason = el.dataset.reason;
- document.getElementById('otherInput').classList.toggle('show', cancelReason === 'other');
- hideCancelErr();
- }
- function hideCancelErr() {
- document.getElementById('cancelErr').classList.remove('show');
- }
+ // [交互] 取消预约二次确认：确认后提示已取消，稍后跳回预约日期页
function openCancelModal() {
- cancelReason = null;
- document.querySelectorAll('#cancelChips .chip').forEach(c => c.classList.remove('selected'));
- const input = document.getElementById('otherInput');
- input.value = '';
- input.classList.remove('show');
- hideCancelErr();
document.getElementById('cancelModal').classList.remove('hidden');
}
function closeCancelModal() {
document.getElementById('cancelModal').classList.add('hidden');
}
function confirmCancel() {
- const input = document.getElementById('otherInput');
- if (!cancelReason || (cancelReason === 'other' && !input.value.trim())) {
- document.getElementById('cancelErr').classList.add('show');
- return;
- }
closeCancelModal();
const toast = document.getElementById('stepToast');
toast.textContent = '预约已取消';
diff --git a/employee-app/health-checkup/booking-hospital.html b/employee-app/health-checkup/booking-hospital.html
index db98d41..305e7e4 100644
--- a/employee-app/health-checkup/booking-hospital.html
+++ b/employee-app/health-checkup/booking-hospital.html
@@ -384,7 +384,7 @@
身份证号
- 6101021994********
+ 610102199403154729
性别
diff --git a/employee-app/health-checkup/booking-project.html b/employee-app/health-checkup/booking-project.html
index e2cb18a..23af5d8 100644
--- a/employee-app/health-checkup/booking-project.html
+++ b/employee-app/health-checkup/booking-project.html
@@ -130,6 +130,7 @@
.project-list-panel::-webkit-scrollbar { display: none; }
.project-grid { display: flex; flex-direction: column; gap: 10px; }
.project-card {
+ position: relative;
background: #fff; border-radius: 14px; padding: 14px 16px; border: 2px solid #eef5f5;
cursor: pointer; transition: all 0.2s; display: flex; align-items: center; gap: 12px;
box-shadow: 0 2px 8px rgba(0,0,0,0.03);
@@ -140,6 +141,9 @@
cursor: default; background: #fff; border-color: #eef5f5;
}
.project-card.project-card--readonly:hover { border-color: #eef5f5; }
+ /* 额度已满后剩余项目置灰，不可再选 */
+ .project-card--disabled { opacity: 0.45; cursor: not-allowed; }
+ .project-card--disabled:hover { border-color: #eef5f5; background: #fff; }
.project-card__check {
width: 22px; height: 22px; border-radius: 6px; border: 2px solid #d9d9d9;
display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: all 0.2s;
@@ -151,16 +155,22 @@
.project-card.selected .project-card__check { background: var(--primary); border-color: var(--primary); }
.project-card.selected .project-card__check::after { opacity: 1; }
.project-card__info { flex: 1; min-width: 0; }
- .project-card__name { font-size: 14px; font-weight: 600; margin-bottom: 2px; }
- .project-card__desc { font-size: 12px; color: var(--text-muted); }
+ .project-card__name { font-size: 15px; font-weight: 600; margin-bottom: 6px; }
+ /* 项目示意图标块：沿用医院卡渐变底 + emoji 占位风格 */
+ .project-card__img {
+ width: 52px; height: 52px; border-radius: 14px;
+ background: linear-gradient(135deg, #e6fffb 0%, #b5f5ec 100%);
+ display: flex; align-items: center; justify-content: center;
+ font-size: 24px; flex-shrink: 0;
+ }
+ .project-card.selected .project-card__img {
+ background: linear-gradient(135deg, #b5f5ec 0%, #87e8de 100%);
+ }
.project-card__side {
flex-shrink: 0; display: flex; align-items: center; gap: 10px;
margin-left: auto; padding-left: 8px;
}
- .project-card__tags {
- display: flex; flex-direction: column; align-items: flex-end; gap: 6px;
- }
- .project-card__price { font-size: 13px; color: var(--primary-dark); font-weight: 700; }
+ .project-card__price { font-size: 14px; color: var(--primary-dark); font-weight: 700; }
.project-card__badge {
display: inline-flex; align-items: center; justify-content: center; height: 22px;
padding: 0 10px; border-radius: 11px; background: #f5f5f5;
@@ -170,7 +180,7 @@
background: #fff1f0; color: #ff4d4f;
}
.project-card__meta {
- display: flex; align-items: center; gap: 6px;
+ display: flex; align-items: center; gap: 6px; flex-wrap: wrap;
}
/* AI 推荐标签分三档，字号阶梯放大 + 深色实底强化等级对比：
强烈推荐 12px 红橙实底 > 建议加做 11px 紫蓝实底 > 可选参考 10px 浅蓝描边 */
@@ -191,6 +201,10 @@
height: 20px; padding: 0 8px; border-radius: 10px; font-size: 10px; font-weight: 600;
background: #f0f5ff; color: #597ef7; border: 1px solid #d6e4ff;
}
+ /* 列表卡片上的 AI 推荐标签固定在卡片右上角（弹窗内的同名标签不受影响） */
+ .project-card__badge--ai-corner {
+ position: absolute; top: 6px; right: 16px;
+ }
.project-card__arrow {
flex-shrink: 0; color: #d0d0d0; font-size: 16px; cursor: pointer;
transition: color 0.2s;
@@ -247,6 +261,26 @@
.confirm-modal__btn--primary {
background: linear-gradient(135deg, #13c2c2 0%, #36cfc9 100%); color: #fff;
}
+ /* 互斥项目弹窗：二选一选项行 */
+ .mutex-options { margin-bottom: 18px; }
+ .mutex-option {
+ display: flex; align-items: center; gap: 10px;
+ padding: 12px 14px; border: 2px solid #eef5f5; border-radius: 14px;
+ background: #fff; cursor: pointer; transition: all 0.2s;
+ }
+ .mutex-option + .mutex-option { margin-top: 10px; }
+ .mutex-option.active { border-color: var(--primary); background: var(--primary-light); }
+ .mutex-option__radio {
+ width: 18px; height: 18px; border-radius: 50%; border: 2px solid #d9d9d9;
+ flex-shrink: 0; position: relative; transition: all 0.2s;
+ }
+ .mutex-option.active .mutex-option__radio { border-color: var(--primary); }
+ .mutex-option.active .mutex-option__radio::after {
+ content: ''; position: absolute; left: 3px; top: 3px; width: 8px; height: 8px;
+ border-radius: 50%; background: var(--primary);
+ }
+ .mutex-option__name { flex: 1; min-width: 0; font-size: 14px; font-weight: 600; }
+ .mutex-option__price { font-size: 13px; font-weight: 700; color: var(--primary-dark); }
/* AI 推荐理由弹窗 */
.ai-modal { padding: 24px 20px 18px; }
.ai-modal__project {
@@ -383,6 +417,43 @@