diff --git a/employee-app/health-checkup/my-appointments-all.html b/employee-app/health-checkup/my-appointments-all.html index 3260f42..6be79f6 100644 --- a/employee-app/health-checkup/my-appointments-all.html +++ b/employee-app/health-checkup/my-appointments-all.html @@ -128,7 +128,7 @@
全部 待体检 - 已完成 + 已体检 已取消
@@ -149,11 +149,11 @@ - +
常规体检
-
已完成
+
已体检
体检医院
宁夏宝石花医院
diff --git a/employee-app/health-checkup/my-appointments-cancelled.html b/employee-app/health-checkup/my-appointments-cancelled.html index a871c52..0881caf 100644 --- a/employee-app/health-checkup/my-appointments-cancelled.html +++ b/employee-app/health-checkup/my-appointments-cancelled.html @@ -116,7 +116,7 @@ diff --git a/employee-app/health-checkup/my-appointments-detail-done.html b/employee-app/health-checkup/my-appointments-detail-done.html index 9759cf8..f12c705 100644 --- a/employee-app/health-checkup/my-appointments-detail-done.html +++ b/employee-app/health-checkup/my-appointments-detail-done.html @@ -552,7 +552,7 @@
-
已完成
+
已体检
@@ -654,7 +654,7 @@ return '
' + '
' + '
' + name + '
' + - '
已完成
'; + '
已体检
'; } document.getElementById('doneList').innerHTML = allProjects.map(function(n) { return renderItem(n); }).join(''); diff --git a/employee-app/health-checkup/my-appointments-detail-gastro-done.html b/employee-app/health-checkup/my-appointments-detail-gastro-done.html new file mode 100644 index 0000000..fb962e0 --- /dev/null +++ b/employee-app/health-checkup/my-appointments-detail-gastro-done.html @@ -0,0 +1,395 @@ + + + + + + 胃肠镜预约详情 + + + +
+
+ 12:00 +
+ + +
+
+ + + +
+ + +
+
+
+
已体检
+
+
+ +
+
胃肠镜体检
+
+
+
体检医院
+
宁夏宝石花医院
+
+
+
体检员工
+
刘韵琴
+
+
+
体检地址
+
银川市西夏区怀远路148号
+
+
+
体检日期
+
2026年3月23日
+
+
+
体检项目
+
胃肠镜体检
+
+
+
+ + +
+
+
体检进度
+
2 / 2 项
+
+
+ + +
+ + +
+ + +
+ + + +
+ +
+
+ + + + diff --git a/employee-app/health-checkup/my-appointments-detail-gastro.html b/employee-app/health-checkup/my-appointments-detail-gastro.html new file mode 100644 index 0000000..e20fce1 --- /dev/null +++ b/employee-app/health-checkup/my-appointments-detail-gastro.html @@ -0,0 +1,765 @@ + + + + + + 胃肠镜预约详情 + + + +
+
+ 12:00 +
+ + +
+
+ + + +
+ + +
+
+
+
待体检
+
+ +
+ +
+
胃肠镜体检
+
+
+
体检医院
+
宁夏宝石花医院
+
+
+
体检员工
+
刘韵琴
+
+
+
体检地址
+
银川市西夏区怀远路148号
+
+
+
体检日期
+
2026年3月23日
+
+
+
体检项目
+
胃肠镜体检
+
+
+
+ + +
+
体检须知
+
检查前3天请清淡饮食,避免高纤维、高脂肪食物。
+
检查前一天晚上需服用肠道清洁剂,具体用法请遵医嘱。
+
检查当天需空腹,禁食禁水至少8小时。
+
请携带本人身份证件按时前往医院。
+
若选择无痛胃肠镜,检查后24小时内请勿驾车。
+
若需取消预约,请至少提前一天操作。
+
+ +
+
体检签到码
+
+ + + + + + + + + + + + + + + + + + + + + + + + + 点击二维码可放大查看 +
+
+ + +
+
+
体检进度
+
0 / 2 项
+
+
+ + +
+ + +
+ + +
+ + + +
+ +
+
+ + +
+ + + + + + + + + + + + + + + + + +
+ +
+ +
+
+
是否确认取消预约
+
+
+ 体检医院 + 宁夏宝石花医院 +
+
+ 预约日期 + 2026-03-23 +
+
+
+ + +
+
+
+ + diff --git a/employee-app/health-checkup/my-appointments-detail.html b/employee-app/health-checkup/my-appointments-detail.html index 306ec1c..69b9c0c 100644 --- a/employee-app/health-checkup/my-appointments-detail.html +++ b/employee-app/health-checkup/my-appointments-detail.html @@ -713,7 +713,7 @@ (isDone ? '✓' : '●') + '
' + '
' + name + '
' + '
' + - (isDone ? '已完成' : '未检') + '
'; + (isDone ? '已体检' : '未检') + ''; } document.getElementById('doneList').innerHTML = doneProjects.map(function(n) { return renderItem(n, true); }).join(''); diff --git a/employee-app/health-checkup/my-appointments-done.html b/employee-app/health-checkup/my-appointments-done.html index 4a85830..48be5a4 100644 --- a/employee-app/health-checkup/my-appointments-done.html +++ b/employee-app/health-checkup/my-appointments-done.html @@ -121,7 +121,7 @@
全部 待体检 - 已完成 + 已体检 已取消
@@ -129,7 +129,7 @@
常规体检
-
已完成
+
已体检
体检医院
宁夏宝石花医院
@@ -141,14 +141,14 @@
- +
胃肠镜体检
-
已完成
+
已体检
体检医院
宁夏宝石花医院
-
预约日期
2026-02-18
+
预约日期
2026-03-23
完成进度2/2
diff --git a/employee-app/health-checkup/my-appointments.html b/employee-app/health-checkup/my-appointments.html index 26d14e7..999a4a9 100644 --- a/employee-app/health-checkup/my-appointments.html +++ b/employee-app/health-checkup/my-appointments.html @@ -278,7 +278,7 @@
全部 待体检 - 已完成 + 已体检 已取消
@@ -333,6 +333,30 @@
+ + +
+
胃肠镜体检
+
待体检
+
+
+
+
体检医院
+
宁夏宝石花医院
+
+
+
预约日期
+
2026-03-23
+
+
+
+
+ 体检进度 + 0/2 +
+
+
+
diff --git a/web-admin/health-checkup/pre-hospital-scope.html b/web-admin/health-checkup/pre-hospital-scope.html index bc2b8f5..e100f7c 100644 --- a/web-admin/health-checkup/pre-hospital-scope.html +++ b/web-admin/health-checkup/pre-hospital-scope.html @@ -74,6 +74,68 @@ .pagination span{font-size:var(--font-sm);color:var(--text-secondary);} .page-btn{width:32px;height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;cursor:pointer;font-size:var(--font-sm);display:inline-flex;align-items:center;justify-content:center;transition:all .2s;} .page-btn:hover,.page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);} + /* 抽屉弹窗 */ + .drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0);z-index:999;pointer-events:none;transition:background .3s;} + .drawer-overlay.open{background:rgba(0,0,0,0.45);pointer-events:auto;} + .drawer{position:fixed;top:0;right:-480px;bottom:0;width:480px;background:#fff;box-shadow:-2px 0 8px rgba(0,0,0,0.15);z-index:1000;transition:right .3s;display:flex;flex-direction:column;} + .drawer.open{right:0;} + .drawer__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border);flex-shrink:0;} + .drawer__title{font-size:var(--font-lg);font-weight:600;} + .drawer__close{width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:18px;} + .drawer__close:hover{background:#F5F5F5;} + .drawer__body{flex:1;overflow-y:auto;padding:24px;} + .drawer__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border);flex-shrink:0;} + /* 表单 */ + .form-item{margin-bottom:20px;} + .form-label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:8px;display:flex;align-items:center;gap:4px;font-weight:500;} + .form-label .required{color:var(--danger);} + .form-input{width:100%;height:40px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;background:#fff;} + .form-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);} + .form-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;} + /* 开关 */ + .switch-row{display:flex;align-items:center;gap:12px;} + .switch{width:40px;height:22px;border-radius:11px;background:#E8E8E8;cursor:pointer;position:relative;transition:.2s;flex-shrink:0;} + .switch.on{background:var(--primary);} + .switch::after{content:'';position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:2px;left:2px;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,0.2);} + .switch.on::after{left:20px;} + .switch-label{font-size:var(--font-sm);color:var(--text-primary);} + /* 可搜索下拉 */ + .search-select{position:relative;} + .search-select__input{width:100%;height:40px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 32px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23999'/%3E%3C/svg%3E") no-repeat right 12px center;} + .search-select__input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);} + .search-select__dropdown{position:absolute;top:44px;left:0;right:0;background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:0 4px 12px rgba(0,0,0,0.1);max-height:220px;overflow-y:auto;z-index:10;display:none;} + .search-select__dropdown.show{display:block;} + .search-select__option{padding:10px 12px;font-size:var(--font-sm);cursor:pointer;transition:background .15s;color:var(--text-primary);} + .search-select__option:hover,.search-select__option.active{background:var(--primary-light);color:var(--primary);} + .search-select__empty{padding:10px 12px;font-size:var(--font-sm);color:var(--text-placeholder);text-align:center;} + /* 筛选栏搜索下拉 */ + .filter-bar .search-select{width:200px;} + .filter-bar .search-select__input{height:36px;} + .filter-bar .search-select__dropdown{top:40px;} + /* 分区标题与动态行 */ + .form-section{font-size:var(--font-sm);font-weight:600;color:var(--text-primary);margin:24px 0 4px;padding-top:16px;border-top:1px solid var(--border);} + .form-tip{font-size:var(--font-xs);color:var(--text-placeholder);margin-bottom:12px;line-height:1.5;} + .dynamic-list{margin-bottom:4px;} + .dynamic-row{display:flex;align-items:center;gap:8px;margin-bottom:8px;} + .dynamic-row .form-input{flex:1;} + .dynamic-row .row-del{width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#fff;color:var(--danger);cursor:pointer;flex-shrink:0;font-size:16px;line-height:1;} + .dynamic-row .row-del:hover{background:#fff1f0;border-color:var(--danger);} + .add-row-btn{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-sm);color:var(--primary);cursor:pointer;border:1px dashed var(--primary);border-radius:var(--radius-sm);padding:5px 12px;background:var(--primary-light);user-select:none;} + .add-row-btn:hover{background:#bae7ff;} + /* 详情展示 */ + .detail-item{margin-bottom:16px;} + .detail-label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:6px;} + .detail-value{font-size:var(--font-sm);color:var(--text-primary);line-height:1.6;} + .detail-list-row{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#F8FBFF;border-radius:var(--radius-sm);margin-bottom:6px;font-size:var(--font-sm);} + .detail-list-row .detail-count{color:var(--primary);font-weight:600;} + .detail-empty{font-size:var(--font-sm);color:var(--text-placeholder);padding:4px 0;} + /* TAB 切换 */ + .scope-tabs{display:flex;gap:0;margin-bottom:20px;border-bottom:2px solid var(--border);background:#fff;border-radius:var(--radius-md) var(--radius-md) 0 0;box-shadow:var(--shadow-sm);} + .scope-tab{padding:14px 32px;font-size:var(--font-base);color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s;font-weight:500;} + .scope-tab:hover{color:var(--primary);} + .scope-tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600;} + .tab-pane{display:none;} + .tab-pane.active{display:block;} @@ -147,25 +209,31 @@
+ +
+
常规体检
+
胃肠镜体检
+
+
- - + +
+ + +
+
- - + +
- -
- -
- - + +
-
医院承检范围列表
+
常规体检承检范围列表
@@ -175,8 +243,8 @@ - - + +
1庆阳医院2002026-03-012026-10-31有效详情 编辑 删除
2兴隆园医院1502026-03-012026-10-31有效详情 编辑 删除
1庆阳医院2002026-03-012026-10-31有效详情 编辑
2兴隆园医院1502026-03-012026-10-31有效详情 编辑
@@ -187,8 +255,129 @@
+ + + +
+
+
+
胃肠镜体检承检范围列表
+
+
+ + + + + + + + + + +
序号医院名称每日最多承检人数承检开始日期承检结束日期有效标志操作
1长安胃肠镜医院802026-03-012026-10-31有效详情 编辑
2庆阳医院602026-03-012026-10-31有效详情 编辑
+
+ +
+
+ +
+
+
+
编辑医院承检范围
+ +
+
+
+
* 医院
+
+ + +
+
+
+
+
* 每日最多承检人数
+ +
+
+
* 承检开始日期
+ +
+
+
* 承检结束日期
+ +
+
+
有效标志
+
+
+ 有效 +
+
+ + +
例外人数设定
+
针对特定日期单独设置承检人数(覆盖"每日最多承检人数"),例如节假日或加号日期。
+
+
+ 添加例外
+ + +
不参检日期
+
设置该医院不承接体检的日期,系统将自动跳过这些日期。
+
+
+ 添加日期
+
+ +
+ + +
+
+
+
医院承检范围详情
+ +
+
+
+
医院
+
+
+
+
每日最多承检人数
+
+
+
+
承检开始日期
+
+
+
+
承检结束日期
+
+
+
+
有效标志
+
+
+
例外人数设定
+
+
不参检日期
+
+
+ +
+ diff --git a/web-admin/health-checkup/pre-item-combo-template.html b/web-admin/health-checkup/pre-item-combo-template.html index 2f435bb..a9a8d7c 100644 --- a/web-admin/health-checkup/pre-item-combo-template.html +++ b/web-admin/health-checkup/pre-item-combo-template.html @@ -74,6 +74,68 @@ .pagination span{font-size:var(--font-sm);color:var(--text-secondary);} .page-btn{width:32px;height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;cursor:pointer;font-size:var(--font-sm);display:inline-flex;align-items:center;justify-content:center;transition:all .2s;} .page-btn:hover,.page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);} + /* 抽屉弹窗 */ + .drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0);z-index:999;pointer-events:none;transition:background .3s;} + .drawer-overlay.open{background:rgba(0,0,0,0.45);pointer-events:auto;} + .drawer{position:fixed;top:0;right:-820px;bottom:0;width:820px;background:#fff;box-shadow:-2px 0 8px rgba(0,0,0,0.15);z-index:1000;transition:right .3s;display:flex;flex-direction:column;} + .drawer.open{right:0;} + .drawer__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border);flex-shrink:0;} + .drawer__title{font-size:var(--font-lg);font-weight:600;} + .drawer__close{width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:18px;} + .drawer__close:hover{background:#F5F5F5;} + .drawer__body{flex:1;overflow-y:auto;padding:24px;} + .drawer__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border);flex-shrink:0;} + /* 表单 */ + .form-row{display:flex;gap:16px;} + .form-row .form-item{flex:1;} + .form-item{margin-bottom:20px;} + .form-label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:8px;display:flex;align-items:center;gap:4px;font-weight:500;} + .form-label .required{color:var(--danger);} + .form-input{width:100%;height:40px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;background:#fff;} + .form-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);} + .form-select{width:100%;height:40px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23999'/%3E%3C/svg%3E") no-repeat right 12px center;appearance:none;cursor:pointer;} + .form-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);} + /* 可搜索下拉 */ + .search-select{position:relative;} + .search-select__input{width:100%;height:40px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 48px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23999'/%3E%3C/svg%3E") no-repeat right 12px center;} + .search-select__input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);} + .search-select__clear{position:absolute;top:50%;right:28px;transform:translateY(-50%);width:18px;height:18px;border-radius:50%;background:#BFBFBF;color:#fff;display:none;align-items:center;justify-content:center;cursor:pointer;font-size:12px;line-height:1;z-index:2;} + .search-select__clear:hover{background:#999;} + .search-select.has-value:hover .search-select__clear{display:flex;} + .search-select__dropdown{position:absolute;top:44px;left:0;right:0;background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:0 4px 12px rgba(0,0,0,0.1);max-height:220px;overflow-y:auto;z-index:20;display:none;} + .search-select__dropdown.show{display:block;} + .search-select__option{padding:10px 12px;font-size:var(--font-sm);cursor:pointer;transition:background .15s;color:var(--text-primary);} + .search-select__option:hover{background:var(--primary-light);color:var(--primary);} + .search-select__empty{padding:10px 12px;font-size:var(--font-sm);color:var(--text-placeholder);text-align:center;} + .search-select--sm .search-select__input{height:32px;padding:0 36px 0 8px;background-position:right 8px center;} + .search-select--sm .search-select__dropdown{top:36px;} + .search-select--sm .search-select__clear{right:20px;width:16px;height:16px;font-size:10px;} + /* 项目 TAB */ + .tab-box{margin-top:4px;border:1px solid var(--border);border-radius:var(--radius-sm);} + .tab-nav{display:flex;flex-wrap:wrap;background:#FAFAFA;border-bottom:1px solid var(--border);border-radius:var(--radius-sm) var(--radius-sm) 0 0;} + .tab-nav__item{padding:10px 16px;font-size:var(--font-sm);color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;white-space:nowrap;user-select:none;} + .tab-nav__item:hover{color:var(--primary);} + .tab-nav__item.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600;background:#fff;} + .tab-panel{display:none;padding:16px;} + .tab-panel.active{display:block;} + .panel-toolbar{display:flex;justify-content:flex-end;margin-bottom:12px;} + .cancer-fee{padding:16px 16px 0;} + /* 表格内行内控件 */ + .row-input{width:100%;height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 8px;font-size:var(--font-sm);color:var(--text-primary);outline:none;background:#FAFAFA;} + .row-select{width:100%;height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 24px 0 8px;font-size:var(--font-sm);color:var(--text-primary);outline:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23999'/%3E%3C/svg%3E") no-repeat right 8px center;appearance:none;cursor:pointer;} + /* 中间弹窗 */ + .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:1100;display:none;align-items:center;justify-content:center;} + .modal-overlay.open{display:flex;} + .modal{background:#fff;border-radius:var(--radius-md);box-shadow:0 4px 16px rgba(0,0,0,0.15);width:480px;max-width:92vw;z-index:1101;} + .modal__header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border);} + .modal__title{font-size:var(--font-lg);font-weight:600;} + .modal__close{width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:18px;} + .modal__close:hover{background:#F5F5F5;} + .modal__body{padding:24px;} + .modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border);} + .form-input:disabled{background:#F5F5F5;color:var(--text-secondary);cursor:not-allowed;} + .form-select:disabled{background:#F5F5F5;color:var(--text-secondary);cursor:not-allowed;} + .copy-tip{margin-top:4px;font-size:var(--font-xs);color:var(--text-placeholder);line-height:1.6;background:#F5F7FA;border-radius:var(--radius-sm);padding:10px 12px;} @@ -149,6 +211,12 @@
+
+ + +
+
+
+
* 体检医院
+
+
+
+
+
+
* 性别
+ +
+
+
* 年龄范围
+ +
+
+
+
+
* 折扣类型
+ +
+
+
* 折扣金额(元)
+ +
+
+ +
+
+
必检项目
+
自选项目
+
妇科未婚项目
+
妇科已婚项目
+
防癌筛查项目(Septin9)
+
防癌筛查项目(CA724)
+
+ + + +
+
+ + + +
体检项目项目编码项目标记操作
+
+
+
+ + + +
体检项目项目编码项目标记操作
+
+
+
+ + + +
体检项目项目编码项目标记操作
+
+
+
+ + + +
体检项目项目编码项目标记操作
+
+
+
+ + + +
体检项目项目编码项目标记操作
+
+
+
+ + + +
体检项目项目编码项目标记操作
+
+
+ + + + + + + diff --git a/web-admin/health-checkup/pre-item-exception.html b/web-admin/health-checkup/pre-item-exception.html index d4da8c0..22ab571 100644 --- a/web-admin/health-checkup/pre-item-exception.html +++ b/web-admin/health-checkup/pre-item-exception.html @@ -74,6 +74,59 @@ .pagination span{font-size:var(--font-sm);color:var(--text-secondary);} .page-btn{width:32px;height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;cursor:pointer;font-size:var(--font-sm);display:inline-flex;align-items:center;justify-content:center;transition:all .2s;} .page-btn:hover,.page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);} + /* 抽屉弹窗 */ + .drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0);z-index:999;pointer-events:none;transition:background .3s;} + .drawer-overlay.open{background:rgba(0,0,0,0.45);pointer-events:auto;} + .drawer{position:fixed;top:0;right:-820px;bottom:0;width:820px;background:#fff;box-shadow:-2px 0 8px rgba(0,0,0,0.15);z-index:1000;transition:right .3s;display:flex;flex-direction:column;} + .drawer.open{right:0;} + .drawer__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border);flex-shrink:0;} + .drawer__title{font-size:var(--font-lg);font-weight:600;} + .drawer__close{width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:18px;} + .drawer__close:hover{background:#F5F5F5;} + .drawer__body{flex:1;overflow-y:auto;padding:24px;} + .drawer__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border);flex-shrink:0;} + /* 表单 */ + .form-row{display:flex;gap:16px;} + .form-row .form-item{flex:1;} + .form-item{margin-bottom:20px;} + .form-label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:8px;display:flex;align-items:center;gap:4px;font-weight:500;} + .form-label .required{color:var(--danger);} + .form-input{width:100%;height:40px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;background:#fff;} + .form-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);} + .form-select{width:100%;height:40px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23999'/%3E%3C/svg%3E") no-repeat right 12px center;appearance:none;cursor:pointer;} + .form-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);} + .form-input:disabled{background:#F5F5F5;color:var(--text-secondary);cursor:not-allowed;} + .form-select:disabled{background:#F5F5F5;color:var(--text-secondary);cursor:not-allowed;} + /* 可搜索下拉 */ + .search-select{position:relative;} + .search-select__input{width:100%;height:40px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 48px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23999'/%3E%3C/svg%3E") no-repeat right 12px center;} + .search-select__input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);} + .search-select__clear{position:absolute;top:50%;right:28px;transform:translateY(-50%);width:18px;height:18px;border-radius:50%;background:#BFBFBF;color:#fff;display:none;align-items:center;justify-content:center;cursor:pointer;font-size:12px;line-height:1;z-index:2;} + .search-select__clear:hover{background:#999;} + .search-select.has-value:hover .search-select__clear{display:flex;} + .search-select__dropdown{position:absolute;top:44px;left:0;right:0;background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:0 4px 12px rgba(0,0,0,0.1);max-height:220px;overflow-y:auto;z-index:20;display:none;} + .search-select__dropdown.show{display:block;} + .search-select__option{padding:10px 12px;font-size:var(--font-sm);cursor:pointer;transition:background .15s;color:var(--text-primary);} + .search-select__option:hover{background:var(--primary-light);color:var(--primary);} + .search-select__empty{padding:10px 12px;font-size:var(--font-sm);color:var(--text-placeholder);text-align:center;} + .search-select--sm .search-select__input{height:32px;padding:0 36px 0 8px;background-position:right 8px center;} + .search-select--sm .search-select__dropdown{top:36px;} + .search-select--sm .search-select__clear{right:20px;width:16px;height:16px;font-size:10px;} + .search-select.is-disabled .search-select__input{background:#F5F5F5;color:var(--text-secondary);cursor:not-allowed;} + .search-select.is-disabled .search-select__clear{display:none !important;} + .row-select:disabled{background:#F5F5F5;color:var(--text-secondary);cursor:not-allowed;} + /* 项目 TAB */ + .tab-box{margin-top:4px;border:1px solid var(--border);border-radius:var(--radius-sm);} + .tab-nav{display:flex;flex-wrap:wrap;background:#FAFAFA;border-bottom:1px solid var(--border);border-radius:var(--radius-sm) var(--radius-sm) 0 0;} + .tab-nav__item{padding:10px 16px;font-size:var(--font-sm);color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;white-space:nowrap;user-select:none;} + .tab-nav__item:hover{color:var(--primary);} + .tab-nav__item.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600;background:#fff;} + .tab-panel{display:none;padding:16px;} + .tab-panel.active{display:block;} + .panel-toolbar{display:flex;justify-content:flex-end;margin-bottom:12px;} + /* 表格内行内控件 */ + .row-input{width:100%;height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 8px;font-size:var(--font-sm);color:var(--text-primary);outline:none;background:#FAFAFA;} + .row-select{width:100%;height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 24px 0 8px;font-size:var(--font-sm);color:var(--text-primary);outline:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23999'/%3E%3C/svg%3E") no-repeat right 8px center;appearance:none;cursor:pointer;} @@ -155,12 +208,30 @@ +
+ + +
+
+ + +
+
+ + +
+
+
+
* 单位
+ +
+ +
+
+
* 体检医院
+
+
+
+
* 项目组合模板
+
+
+
+
+
+
* 性别
+ +
+
+
* 年龄范围
+ +
+
+
+
* 是否有效
+ +
+ +
+
+
必检项目
+
自选项目
+
妇科未婚项目
+
妇科已婚项目
+
防癌筛查项目(Septin9)
+
防癌筛查项目(CA724)
+
+ +
+
+ + + +
体检项目项目编码项目标记操作
+
+
+
+ + + +
体检项目项目编码项目标记操作
+
+
+
+ + + +
体检项目项目编码项目标记操作
+
+
+
+ + + +
体检项目项目编码项目标记操作
+
+
+
+ + + +
体检项目项目编码项目标记操作
+
+
+
+ + + +
体检项目项目编码项目标记操作
+
+
+ + + + diff --git a/web-admin/health-checkup/pre-item-hospital-fee.html b/web-admin/health-checkup/pre-item-hospital-fee.html index 68d2566..6839eba 100644 --- a/web-admin/health-checkup/pre-item-hospital-fee.html +++ b/web-admin/health-checkup/pre-item-hospital-fee.html @@ -43,11 +43,13 @@ .sidebar-subgroup__body .sidebar-item{padding-left:36px;font-size:12px;} /* 主内容 */ .main{margin-left:240px;margin-top:56px;padding:24px;min-height:calc(100vh - 56px);} - /* 医院TAB */ - .hospital-tab{display:flex;align-items:center;gap:8px;margin-bottom:16px;background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:12px 24px;border:1px solid var(--border);} - .hospital-tab__item{padding:8px 18px;font-size:var(--font-sm);color:var(--text-secondary);cursor:pointer;transition:all .2s;user-select:none;white-space:nowrap;border-radius:var(--radius-sm);border:1px solid var(--border);} - .hospital-tab__item:hover{color:var(--primary);border-color:var(--primary);} - .hospital-tab__item.active{color:#fff;background:var(--primary);border-color:var(--primary);font-weight:500;} + /* 医院TAB切换 */ + .hospital-tabs{display:flex;gap:0;margin-bottom:20px;border-bottom:2px solid var(--border);background:#fff;border-radius:var(--radius-md) var(--radius-md) 0 0;box-shadow:var(--shadow-sm);} + .hospital-tab{padding:14px 32px;font-size:var(--font-base);color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s;font-weight:500;white-space:nowrap;} + .hospital-tab:hover{color:var(--primary);} + .hospital-tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600;} + .tab-pane{display:none;} + .tab-pane.active{display:block;} /* 媒体预览图标 */ .media-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s;} .media-icon--active{background:var(--primary-light);color:var(--primary);} @@ -84,6 +86,65 @@ .pagination span{font-size:var(--font-sm);color:var(--text-secondary);} .page-btn{width:32px;height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;cursor:pointer;font-size:var(--font-sm);display:inline-flex;align-items:center;justify-content:center;transition:all .2s;} .page-btn:hover,.page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);} + /* 抽屉弹窗 */ + .drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0);z-index:999;pointer-events:none;transition:background .3s;} + .drawer-overlay.open{background:rgba(0,0,0,0.45);pointer-events:auto;} + .drawer{position:fixed;top:0;right:-480px;bottom:0;width:480px;background:#fff;box-shadow:-2px 0 8px rgba(0,0,0,0.15);z-index:1000;transition:right .3s;display:flex;flex-direction:column;} + .drawer.open{right:0;} + .drawer--wide{width:720px;right:-720px;} + .drawer__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border);flex-shrink:0;} + .drawer__title{font-size:var(--font-lg);font-weight:600;} + .drawer__close{width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:18px;} + .drawer__close:hover{background:#F5F5F5;} + .drawer__body{flex:1;overflow-y:auto;padding:24px;} + .drawer__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border);flex-shrink:0;} + /* 表单 */ + .form-item{margin-bottom:20px;} + .form-label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:8px;display:flex;align-items:center;gap:4px;font-weight:500;} + .form-label .required{color:var(--danger);} + .form-input{width:100%;height:40px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;background:#fff;} + .form-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);} + .form-select{width:100%;height:40px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23999'/%3E%3C/svg%3E") no-repeat right 12px center;appearance:none;cursor:pointer;} + .form-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);} + /* 可搜索下拉 */ + .search-select{position:relative;} + .search-select__input{width:100%;height:40px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 48px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23999'/%3E%3C/svg%3E") no-repeat right 12px center;} + .search-select__input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);} + .search-select__clear{position:absolute;top:50%;right:28px;transform:translateY(-50%);width:18px;height:18px;border-radius:50%;background:#BFBFBF;color:#fff;display:none;align-items:center;justify-content:center;cursor:pointer;font-size:12px;line-height:1;z-index:2;} + .search-select__clear:hover{background:#999;} + .search-select.has-value:hover .search-select__clear{display:flex;} + .search-select__dropdown{position:absolute;top:44px;left:0;right:0;background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:0 4px 12px rgba(0,0,0,0.1);max-height:220px;overflow-y:auto;z-index:10;display:none;} + .search-select__dropdown.show{display:block;} + .search-select__option{padding:10px 12px;font-size:var(--font-sm);cursor:pointer;transition:background .15s;color:var(--text-primary);} + .search-select__option:hover,.search-select__option.active{background:var(--primary-light);color:var(--primary);} + .search-select__empty{padding:10px 12px;font-size:var(--font-sm);color:var(--text-placeholder);text-align:center;} + /* 中间弹窗 */ + .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:1100;display:none;align-items:center;justify-content:center;} + .modal-overlay.open{display:flex;} + .modal{background:#fff;border-radius:var(--radius-lg);box-shadow:0 4px 16px rgba(0,0,0,0.15);width:480px;max-width:92vw;z-index:1101;} + .modal__header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border);} + .modal__title{font-size:var(--font-lg);font-weight:600;} + .modal__close{width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:18px;} + .modal__close:hover{background:#F5F5F5;} + .modal__body{padding:24px;} + .modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border);} + .form-input:disabled{background:#F5F5F5;color:var(--text-secondary);cursor:not-allowed;} + /* 上传 */ + .upload-box{display:flex;align-items:center;justify-content:center;gap:6px;height:40px;border:1px dashed var(--border);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);font-size:var(--font-sm);transition:all .2s;background:#FAFAFA;} + .upload-box:hover{border-color:var(--primary);color:var(--primary);} + .upload-box .upload-file{display:none;} + /* 富文本 */ + .editor-toolbar{display:flex;gap:4px;padding:8px 12px;border:1px solid var(--border);border-bottom:none;border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:#FAFAFA;flex-wrap:wrap;align-items:center;} + .toolbar-btn{padding:4px 8px;border:none;background:transparent;cursor:pointer;border-radius:var(--radius-sm);font-size:var(--font-sm);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;} + .toolbar-btn:hover{background:#E8E8E8;color:var(--text-primary);} + .toolbar-divider{width:1px;background:var(--border);margin:2px 4px;align-self:stretch;} + .toolbar-select{height:26px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--font-xs);color:var(--text-secondary);background:#fff;cursor:pointer;outline:none;} + .toolbar-color{width:26px;height:26px;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;padding:0;background:#fff;} + .editor-body{width:100%;min-height:160px;border:1px solid var(--border);border-radius:0 0 var(--radius-sm) var(--radius-sm);padding:14px;font-size:var(--font-sm);outline:none;line-height:1.8;color:var(--text-primary);} + .editor-body:focus{border-color:var(--primary);} + .editor-body:empty:before{content:attr(data-placeholder);color:var(--text-placeholder);} + .editor-footer{display:flex;align-items:center;justify-content:space-between;margin-top:8px;} + .editor-footer__hint{font-size:var(--font-xs);color:#999;} @@ -157,82 +218,474 @@
- -
-
泾河医院
-
庆阳医院
-
延安医院
-
兴隆园医院
-
宁夏宝石花医院
+ +
+
泾河医院
+
庆阳医院
+
延安医院
+
兴隆园医院
+
宁夏宝石花医院
- -
-
- - + +
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+ +
-
- - +
+ + +
-
- - +
+
+
泾河医院体检项目费用
+
+
+ + + + + + + + + + + +
序号项目名称项目编号检查分类项目类别项目图片默认费用(元)项目音频项目视频操作
1经颅多普勒TCD-001常规检查功能检查项目260.00更新已生成费用 编辑 详情 删除
2腹部彩超BUS-002常规检查影像检查项目180.00更新已生成费用 编辑 详情 删除
3血常规BLD-003常规检查检验项目35.00更新已生成费用 编辑 详情 删除
+
+
-
- - -
- -
- -
- - - + +
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+ + +
+
+ + + +
+
+
+
庆阳医院体检项目费用
+
+
+ + + + + + + + + + + +
序号项目名称项目编号检查分类项目类别项目图片默认费用(元)项目音频项目视频操作
1经颅多普勒TCD-001常规检查功能检查项目260.00更新已生成费用 编辑 详情 删除
2腹部彩超BUS-002常规检查影像检查项目180.00更新已生成费用 编辑 详情 删除
3血常规BLD-003常规检查检验项目35.00更新已生成费用 编辑 详情 删除
+
+ +
- -
-
-
医院体检项目费用
+ +
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+ +
-
- - - - - - - - - - - -
序号项目名称项目编号检查分类项目类别项目图片默认费用(元)项目音频项目视频操作
1经颅多普勒TCD-001常规检查功能检查项目260.00生成费用 编辑 详情 删除
2腹部彩超BUS-002常规检查影像检查项目180.00更新已生成费用 编辑 详情 删除
3血常规BLD-003常规检查检验项目35.00生成费用 编辑 详情 删除
+
+ + +
- + + +
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+ + +
+
+ + + +
+
+
+
兴隆园医院体检项目费用
+
+
+ + + + + + + + + + + +
序号项目名称项目编号检查分类项目类别项目图片默认费用(元)项目音频项目视频操作
1经颅多普勒TCD-001常规检查功能检查项目260.00更新已生成费用 编辑 详情 删除
2腹部彩超BUS-002常规检查影像检查项目180.00更新已生成费用 编辑 详情 删除
3血常规BLD-003常规检查检验项目35.00更新已生成费用 编辑 详情 删除
+
+ +
+
+ + +
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+ + +
+
+ + + +
+
+
+
宁夏宝石花医院体检项目费用
+
+
+ + + + + + + + + + + +
序号项目名称项目编号检查分类项目类别项目图片默认费用(元)项目音频项目视频操作
1经颅多普勒TCD-001常规检查功能检查项目260.00更新已生成费用 编辑 详情 删除
2腹部彩超BUS-002常规检查影像检查项目180.00更新已生成费用 编辑 详情 删除
3血常规BLD-003常规检查检验项目35.00更新已生成费用 编辑 详情 删除
+
+
+ +
+
+
+
泾河医院 - 新增体检项目费用
+ +
+
+
+
* 选择体检项目
+
+ + + +
+
+
+
+
* 检查分类
+ +
+
+
* 项目类别
+ +
+
+
* 默认费用(元)
+ +
+
+
项目图片
+ +
+
+
项目音频
+ +
+
+
项目视频
+ +
+
+
描述
+
+ + + +
+ + +
+ + +
+
+ +
+
+ +
+ + +
+
+
+
泾河医院 - 互斥项目配置
+ +
+
+
+ + +
+
+
+ + + + + + + + +
序号体检项目互斥项目操作
+
+
+
+
+ + + + diff --git a/web-admin/health-checkup/pre-item-unit-fee.html b/web-admin/health-checkup/pre-item-unit-fee.html index dee2caf..c70a121 100644 --- a/web-admin/health-checkup/pre-item-unit-fee.html +++ b/web-admin/health-checkup/pre-item-unit-fee.html @@ -79,6 +79,26 @@ .pagination span{font-size:var(--font-sm);color:var(--text-secondary);} .page-btn{width:32px;height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;cursor:pointer;font-size:var(--font-sm);display:inline-flex;align-items:center;justify-content:center;transition:all .2s;} .page-btn:hover,.page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);} + /* 弹窗 */ + .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:999;display:none;align-items:center;justify-content:center;} + .modal-overlay.open{display:flex;} + .modal{background:#fff;border-radius:var(--radius-md);box-shadow:0 4px 16px rgba(0,0,0,0.15);width:460px;max-width:92vw;} + .modal__header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border);} + .modal__title{font-size:var(--font-lg);font-weight:600;} + .modal__close{width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:18px;} + .modal__close:hover{background:#F5F5F5;} + .modal__body{padding:24px;} + .modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border);} + /* 表单 */ + .form-item{margin-bottom:20px;} + .form-label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:8px;display:flex;align-items:center;gap:4px;font-weight:500;} + .form-label .required{color:var(--danger);} + .form-input{width:100%;height:40px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;background:#fff;} + .form-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);} + /* 信息展示 */ + .fee-info{background:#FAFAFA;border-radius:var(--radius-sm);padding:14px 16px;margin-bottom:20px;display:flex;flex-direction:column;gap:10px;} + .fee-info__item{display:flex;font-size:var(--font-sm);color:var(--text-primary);} + .fee-info__item label{color:var(--text-secondary);width:88px;flex-shrink:0;} @@ -164,6 +184,12 @@ +
+ + +
+
+ + + + + diff --git a/web-admin/health-checkup/pre-plan.html b/web-admin/health-checkup/pre-plan.html index f641989..5bd7c8d 100644 --- a/web-admin/health-checkup/pre-plan.html +++ b/web-admin/health-checkup/pre-plan.html @@ -74,6 +74,13 @@ .pagination span{font-size:var(--font-sm);color:var(--text-secondary);} .page-btn{width:32px;height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;cursor:pointer;font-size:var(--font-sm);display:inline-flex;align-items:center;justify-content:center;transition:all .2s;} .page-btn:hover,.page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);} + /* TAB 切换 */ + .plan-tabs{display:flex;gap:0;margin-bottom:20px;border-bottom:2px solid var(--border);background:#fff;border-radius:var(--radius-md) var(--radius-md) 0 0;box-shadow:var(--shadow-sm);} + .plan-tab{padding:14px 32px;font-size:var(--font-base);color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s;font-weight:500;} + .plan-tab:hover{color:var(--primary);} + .plan-tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600;} + .tab-pane{display:none;} + .tab-pane.active{display:block;} @@ -147,57 +154,131 @@
- -
-
- - -
-
- - -
-
- - -
- - + +
+
常规体检
+
胃肠镜体检
- -
- + +
+ +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+ + +
+ + +
+ +
+ + +
+
+
常规体检计划列表
+
+
+ + + + + + + + + + + +
序号单位体检年度体检计划名称承检医院签约医院有效标志体检计划日期范围允许预约日期范围创建人创建时间操作
1新闻中心2026新闻中心2026年员工非职业健康体检兴隆园医院宝石花有效2025-06-23至2025-08-312025-06-23至2025-08-31系统管理员2025-06-18 09:20编辑 删除
2公司机关2026公司机关2026年员工非职业健康体检宝石花宝石花有效2025-06-23至2025-08-312025-06-23至2025-08-31系统管理员2025-06-18 09:45编辑 删除
3采油二厂2026采油二厂2026年员工职业健康体检兴隆园医院兴隆园医院有效2025-06-23至2025-08-312025-06-23至2025-08-31系统管理员2025-06-19 14:10编辑 删除
+
+ +
- -
-
-
体检计划列表
+ +
+ +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+ +
-
- - - - - - - - - - - -
序号单位体检年度体检计划名称承检医院签约医院有效标志体检计划日期范围允许预约日期范围操作
1新闻中心2026新闻中心2026年员工非职业健康体检兴隆园医院宝石花有效2025-06-23至2025-08-312025-06-23至2025-08-31编辑 删除
2公司机关2026公司机关2026年员工非职业健康体检宝石花宝石花有效2025-06-23至2025-08-312025-06-23至2025-08-31编辑 删除
3采油二厂2026采油二厂2026年员工职业健康体检兴隆园医院兴隆园医院有效2025-06-23至2025-08-312025-06-23至2025-08-31编辑 删除
+ + +
+
-
@@ -214,6 +295,29 @@ function toggleSubgroup(header){ var sub=active.closest('.sidebar-subgroup'); if(sub)sub.classList.add('open'); })(); + +/* TAB 切换 */ +function switchTab(type, el){ + document.querySelectorAll('.plan-tab').forEach(function(t){ t.classList.remove('active'); }); + document.querySelectorAll('.tab-pane').forEach(function(p){ p.classList.remove('active'); }); + el.classList.add('active'); + document.getElementById('pane-' + type).classList.add('active'); +} + +/* 体检年度默认当年 */ +(function(){ + var year = new Date().getFullYear(); + document.querySelectorAll('.plan-year').forEach(function(sel){ + sel.innerHTML = ''; + for(var y = year - 3; y <= year + 1; y++){ + var opt = document.createElement('option'); + opt.value = y; + opt.textContent = y + '年'; + if(y === year) opt.selected = true; + sel.appendChild(opt); + } + }); +})(); diff --git a/web-admin/health-checkup/pre-quota-group.html b/web-admin/health-checkup/pre-quota-group.html index bd5d9af..d4cc60e 100644 --- a/web-admin/health-checkup/pre-quota-group.html +++ b/web-admin/health-checkup/pre-quota-group.html @@ -147,6 +147,16 @@
+ +
+
+ + +
+ + +
+
@@ -190,6 +200,21 @@ function toggleSubgroup(header){ var sub=active.closest('.sidebar-subgroup'); if(sub)sub.classList.add('open'); })(); + +/* 体检年度默认当年 */ +(function(){ + var year = new Date().getFullYear(); + document.querySelectorAll('.quota-year').forEach(function(sel){ + sel.innerHTML = ''; + for(var y = year - 3; y <= year + 1; y++){ + var opt = document.createElement('option'); + opt.value = y; + opt.textContent = y + '年'; + if(y === year) opt.selected = true; + sel.appendChild(opt); + } + }); +})(); diff --git a/web-admin/health-checkup/pre-quota-personal.html b/web-admin/health-checkup/pre-quota-personal.html index 2faee55..68f5cfe 100644 --- a/web-admin/health-checkup/pre-quota-personal.html +++ b/web-admin/health-checkup/pre-quota-personal.html @@ -74,6 +74,35 @@ .pagination span{font-size:var(--font-sm);color:var(--text-secondary);} .page-btn{width:32px;height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;cursor:pointer;font-size:var(--font-sm);display:inline-flex;align-items:center;justify-content:center;transition:all .2s;} .page-btn:hover,.page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);} + /* 弹窗 */ + .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:999;display:none;align-items:center;justify-content:center;} + .modal-overlay.open{display:flex;} + .modal{background:#fff;border-radius:var(--radius-md);box-shadow:0 4px 16px rgba(0,0,0,0.15);width:460px;max-width:92vw;} + .modal__header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border);} + .modal__title{font-size:var(--font-lg);font-weight:600;} + .modal__close{width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:18px;} + .modal__close:hover{background:#F5F5F5;} + .modal__body{padding:24px;} + .modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border);} + /* 表单 */ + .form-item{margin-bottom:20px;} + .form-item:last-child{margin-bottom:0;} + .form-label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:8px;font-weight:500;} + .form-label .required{color:var(--danger);} + .form-input{width:100%;height:40px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;background:#fff;} + .form-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);} + /* 人员信息 */ + .person-info{background:#F5F7FA;border-radius:var(--radius-sm);padding:12px 14px;margin-bottom:20px;display:flex;flex-wrap:wrap;gap:8px 28px;} + .person-info__item{font-size:var(--font-sm);} + .person-info__item label{color:var(--text-secondary);} + .person-info__item span{color:var(--text-primary);font-weight:500;} + /* 开关 */ + .switch-row{display:flex;align-items:center;gap:12px;} + .switch{width:40px;height:22px;border-radius:11px;background:#E8E8E8;cursor:pointer;position:relative;transition:.2s;flex-shrink:0;} + .switch.on{background:var(--primary);} + .switch::after{content:'';position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:2px;left:2px;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,0.2);} + .switch.on::after{left:20px;} + .switch-label{font-size:var(--font-sm);color:var(--text-primary);} @@ -150,7 +179,7 @@
- + +
+
+
是否手动输入
+
+
+ +
+
+
+ +
+
+