diff --git a/web-admin/frontline-medical/bed-allocate-record.html b/web-admin/frontline-medical/bed-allocate-record.html index 4194c50..bc5465c 100644 --- a/web-admin/frontline-medical/bed-allocate-record.html +++ b/web-admin/frontline-medical/bed-allocate-record.html @@ -46,14 +46,26 @@ body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei .filter-input{height:36px;min-width:110px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;} .filter-input:focus{border-color:var(--primary);} .filter-date{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 8px;font-size:var(--font-sm);color:var(--text-primary);outline:none;} +/* 单位部门级联筛选 */ +.org-wrap{position:relative;display:inline-block;} +.org-trigger{height:36px;min-width:130px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);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;cursor:pointer;display:flex;align-items:center;user-select:none;white-space:nowrap;} +.org-trigger.open,.org-trigger:hover{border-color:var(--primary);} +.org-panel{display:none;position:absolute;top:36px;left:0;z-index:310;background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);width:380px;} +.org-panel.open{display:flex;} +.org-col{flex:1;overflow-y:auto;max-height:200px;border-right:1px solid var(--border);} +.org-col:last-child{border-right:none;} +.org-col__title{padding:6px 12px;font-size:var(--font-sm);color:var(--text-placeholder);background:#FAFAFA;border-bottom:1px solid var(--border);font-weight:500;} +.org-item{padding:8px 12px;font-size:var(--font-sm);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:4px;} +.org-item:hover{background:#F0F8FF;color:var(--primary);} +.org-item.active{background:var(--primary-light);color:var(--primary);font-weight:500;} .btn{height:36px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;} .btn-primary{background:var(--primary);color:#fff;}.btn-primary:hover{background:#40a9ff;} .btn-default{background:#fff;color:var(--text-primary);border:1px solid var(--border);}.btn-default:hover{color:var(--primary);border-color:var(--primary);} .btn-link{background:none;color:var(--primary);padding:0 4px;height:auto;}.btn-link:hover{color:#40a9ff;} -.tab-bar{display:flex;gap:4px;margin-top:16px;background:#fff;border-radius:var(--radius-md) var(--radius-md) 0 0;box-shadow:var(--shadow-sm);padding:6px 16px 0;} -.tab-item{padding:10px 18px;font-size:var(--font-sm);color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;} +.tab-bar{display:flex;gap:4px;margin:0 0 16px;background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:6px 16px;} +.tab-item{padding:10px 18px;font-size:var(--font-sm);color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;} .tab-item.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600;} -.table-card{background:#fff;border-radius:0 0 var(--radius-md) var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;} +.table-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;margin-top:16px;} .table-card__head{display:flex;align-items:center;justify-content:flex-start;padding:12px 16px;border-bottom:1px solid var(--border);} .table-card__title{font-size:var(--font-sm);font-weight:600;} .table-card__content{overflow-x:auto;-webkit-overflow-scrolling:touch;} @@ -133,35 +145,65 @@ tbody tr:hover{background:#F8FBFF;}
+ +
+
设备分配记录
+
床位分配记录
+
+
- - -
-
- - + +
+
全部单位/部门
+
+
+
单位
+
全部单位/部门
+
+
+
部门
+
全部部门
+
+
+
- +
- +
-
- - -
- -
- - -
+
@@ -197,12 +239,6 @@ tbody tr:hover{background:#F8FBFF;}
- -
-
设备分配记录
-
床位分配记录
-
-
@@ -233,21 +269,31 @@ tbody tr:hover{background:#F8FBFF;} diff --git a/web-admin/frontline-medical/bed-bed.html b/web-admin/frontline-medical/bed-bed.html index a0d74e4..fc784fc 100644 --- a/web-admin/frontline-medical/bed-bed.html +++ b/web-admin/frontline-medical/bed-bed.html @@ -39,12 +39,24 @@ body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei .sidebar-group.open .sidebar-group__items{display:block;} .sidebar-item--sub{padding-left:44px;} .main{margin-left:240px;margin-top:56px;padding:24px;min-height:calc(100vh - 56px);} -.filter-bar{background:#fff;padding:16px 24px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);} -.filter-item{display:flex;align-items:center;gap:8px;} +.filter-bar{background:#fff;padding:12px 16px;display:flex;align-items:center;gap:12px;flex-wrap:nowrap;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);} +.filter-item{display:flex;align-items:center;gap:6px;flex-shrink:0;} .filter-item label{font-size:var(--font-sm);color:var(--text-secondary);white-space:nowrap;} .filter-select{height:36px;min-width:140px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);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;cursor:pointer;outline:none;appearance:none;-webkit-appearance:none;} .filter-input{height:36px;min-width:120px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;} .filter-input:focus{border-color:var(--primary);} +/* 单位部门级联筛选 */ +.org-wrap{position:relative;display:inline-block;} +.org-trigger{height:36px;min-width:130px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);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;cursor:pointer;display:flex;align-items:center;user-select:none;white-space:nowrap;} +.org-trigger.open,.org-trigger:hover{border-color:var(--primary);} +.org-panel{display:none;position:absolute;top:36px;left:0;z-index:310;background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);width:380px;} +.org-panel.open{display:flex;} +.org-col{flex:1;overflow-y:auto;max-height:200px;border-right:1px solid var(--border);} +.org-col:last-child{border-right:none;} +.org-col__title{padding:6px 12px;font-size:var(--font-sm);color:var(--text-placeholder);background:#FAFAFA;border-bottom:1px solid var(--border);font-weight:500;} +.org-item{padding:8px 12px;font-size:var(--font-sm);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:4px;} +.org-item:hover{background:#F0F8FF;color:var(--primary);} +.org-item.active{background:var(--primary-light);color:var(--primary);font-weight:500;} .btn{height:36px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;} .btn-primary{background:var(--primary);color:#fff;}.btn-primary:hover{background:#40a9ff;} .btn-default{background:#fff;color:var(--text-primary);border:1px solid var(--border);}.btn-default:hover{color:var(--primary);border-color:var(--primary);} @@ -91,6 +103,15 @@ tbody tr:hover td:last-child{background:#F8FBFF;} .form-control{height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 10px;font-size:var(--font-sm);color:var(--text-primary);outline:none;width:100%;} .form-control:focus{border-color:var(--primary);} select.form-control{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 10px center;appearance:none;-webkit-appearance:none;padding-right:28px;cursor:pointer;} +/* [交互] 搜索下拉(新增/编辑床位):楼栋显示名称+站点,宿舍显示名称 */ +.search-select{position:relative;} +.search-select__panel{display:none;position:absolute;top:34px;left:0;right:0;z-index:320;background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);max-height:240px;overflow-y:auto;} +.search-select__panel.open{display:block;} +.search-select__item{padding:8px 12px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;} +.search-select__item:hover{background:#F0F8FF;} +.search-select__item .ss-name{color:var(--text-primary);font-weight:500;} +.search-select__item .ss-org{color:var(--text-placeholder);font-size:var(--font-xs);} +.search-select__empty{padding:16px 12px;text-align:center;color:var(--text-placeholder);font-size:var(--font-sm);} .upload-box{border:1px dashed var(--border);border-radius:var(--radius-md);padding:28px 16px;text-align:center;color:var(--text-placeholder);font-size:var(--font-sm);cursor:pointer;transition:all .2s;background:#FAFAFA;} .upload-box:hover{border-color:var(--primary);color:var(--primary);background:#F0F8FF;} .upload-box svg{display:block;margin:0 auto 8px;} @@ -160,34 +181,52 @@ select.form-control{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http:/
- - + +
+
全部单位/部门
+
+
+
单位
+
全部单位/部门
+
+
+
部门
+
全部部门
+
+
+
+
+
+ +
-
-
-
- +
- +
- -
@@ -215,8 +252,8 @@ select.form-control{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http:/ - 序号床位编号所属楼栋所属宿舍 - 是否分配员工员工姓名员工编号员工联系方式床头设备操作 + 序号床位编号所属宿舍所属楼栋所属站点所属单位部门 + 是否分配员工员工姓名员工编号员工联系方式床头设备编号操作 @@ -233,11 +270,17 @@ select.form-control{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http:/
* 所属楼栋 - +
+ +
+
* 所属宿舍 - +
+ +
+
@@ -257,11 +300,17 @@ select.form-control{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http:/
* 所属楼栋 - +
+ +
+
所属宿舍(留空则按模板内宿舍列挂接) - +
+ +
+
* 上传文件 @@ -280,28 +329,7 @@ select.form-control{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http:/
- - - - +