首页/ mobileweb/ 医院预约挂号系统H5移动端功能演示/ 代码预览

💻 代码预览 · 医院预约挂号系统H5移动端功能演示

mw_medical · 上传者 驰旭教育
← 返回详情
r42/dept.html · 约 2452 字符
1<!DOCTYPE html>
2<html lang="zh-CN">
3<head>
4<meta charset="UTF-8">
5<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
6<title>科室维护</title>
7<link rel="stylesheet" href="style.css">
8</head>
9<body>
10<div class="wrap">
11<div class="header">
12  <div class="top"><span class="role">管理员端</span><span style="margin-left:auto;font-size:12px;opacity:.85">驰旭医院</span></div>
13  <h1>科室维护</h1>
14  <div class="sub">科室目录 · 4 个一级 / 16 个二级</div>
15</div>
16<div class="kpi" style="margin-top:12px">
17  <div class="box"><div class="num">4</div><div class="lab">一级科室</div></div>
18  <div class="box"><div class="num" style="color:var(--secondary)">16</div><div class="lab">二级科室</div></div>
19</div>
20<div class="section-title"><span>科室目录</span><span class="more">拖拽排序</span></div>
21<div class="tree">
22  <div class="p"><span>🫀</span>内科系统<span class="n" style="margin-left:auto">5 个</span></div>
23  <div class="c"><span>·</span>心血管内科<span class="n">8 位医生</span></div>
24  <div class="c"><span>·</span>神经内科<span class="n">6 位医生</span></div>
25  <div class="c"><span>·</span>呼吸内科<span class="n">5 位医生</span></div>
26</div>
27<div class="tree" style="margin-top:12px">
28  <div class="p"><span>🦴</span>外科系统<span class="n" style="margin-left:auto">4 个</span></div>
29  <div class="c"><span>·</span>骨科<span class="n">7 位医生</span></div>
30  <div class="c"><span>·</span>普外科<span class="n">5 位医生</span></div>
31</div>
32<div class="tree" style="margin-top:12px">
33  <div class="p"><span>👶</span>妇儿系统<span class="n" style="margin-left:auto">3 个</span></div>
34  <div class="c"><span>·</span>儿科<span class="n">9 位医生</span></div>
35  <div class="c"><span>·</span>妇产科<span class="n">6 位医生</span></div>
36</div>
37<div class="seg" style="margin-top:14px"><div class="sg" style="flex:1"><button class="btn line" style="width:100%">+ 新增一级</button></div><div class="sg" style="flex:1"><button class="btn" style="width:100%">+ 新增二级</button></div></div>
38<div class="bottom-nav"><a class="nav-item active" href="dept.html"><span class="icon">🏷️</span>科室</a><a class="nav-item" href="stats.html"><span class="icon">📊</span>统计</a></div><div class="safe-bottom"></div>
39</div>
40
41</body>
42</html>