yxxw-html/index.html

471 lines
21 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name ="viewport" content ="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
<meta name="description" content="一线希望" />
<meta name="keywords" content="一线希望" />
<meta name="applicable-device" content="pc,mobile" />
<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" />
<meta name="robots" content="noarchive"/>
<meta name="google" value="notranslate">
<link rel="shortcut icon" type="image/ico" href="favicon.ico" />
<title>一线希望</title>
<link rel="stylesheet" type="text/css" href="./css/swiper-bundle.min.css"/>
<link rel="stylesheet" type="text/css" href="./css/animate.min.css"/>
<link rel="stylesheet" type="text/css" href="./css/base.css"/>
<link rel="stylesheet" type="text/css" href="./css/style.css"/>
<script src="./js/jquery-3.6.0.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/swiper-bundle.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/swiper.animate1.0.3.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/wow.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/my-site.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<!-- 头部导航 -->
<header class="header w100">
<div class="head w1140">
<!-- logo -->
<h1 class="logo">
<a href="index.html"><img src="images/logo.png" alt="一线希望" title="一线希望"></a>
</h1>
<!-- 导航 -->
<ul class="nav">
<li class="active"><a href="solid.html">实体瘤</a></li>
<li><a href="blood.html">血液肿瘤</a></li>
<li><a href="other.html">其他</a></li>
<li><a href="operation.html">操作指南</a></li>
</ul>
<!-- 顶部右侧 -->
<div class="top-right">
<!-- 通知 -->
<div class="notice"><a href=""><img src="images/icon/icon-notice.png" alt="通知"></a><em>15</em></div>
<!-- 用户信息 -->
<div class="login-registration">
<ins><img src="images/icon/icon-user.png" alt="高高兴"></ins>
<span><em><a href="user.html">高高兴</a></em></span>
<em class="icon-arrow"></em>
</div>
<!-- 快捷菜单 -->
<div class="open-more">
<a href="">个人中心</a>
<a href="">修改密码</a>
<a href="">退出登录</a>
</div>
</div>
<!-- 导航按钮 -->
<div class="nav-bg"></div>
<div class="head-btn">
<i class="bar-top"></i>
<i class="bar-cen"></i>
<i class="bar-bom"></i>
</div>
</div>
</header>
<!-- 主体内容 -->
<div class="main index-main w1140 wow fadeInUp">
<!-- 首页内容 -->
<div class="index-content wow fadeInUp">
<!-- 搜索 -->
<div class="search wow fadeInUp">
<input type="text" placeholder="请输入关键字搜索">
<button class="search-btn" type="submit">搜索</button>
</div>
<!-- 筛选 -->
<ul class="screen wow fadeInUp">
<li>
<strong>患者常驻地区</strong>
<section>
<a href="" class="active">全国</a>
<a href="">北京</a>
<a href="">深圳</a>
<a href="">上海</a>
<a href="">广州</a>
<a href="">成都</a>
<a href="">西安</a>
<a href="">湖北</a>
<a href="">厦门</a>
<a href="">山东</a>
<a href="">珠海</a>
<a href="">杭州</a>
<a href="">苏州</a>
<a href="">郑州</a>
<a href="">福州</a>
<a href="">长沙</a>
<a href="">重庆</a>
<a href="">天津</a>
<a href="">宁波</a>
<a href="">远程</a>
<a href="">其它</a>
</section>
<div class="more-btn"><ins>更多</ins><em class="icon-arrow"></em></div>
</li>
<li>
<strong>主要诊断</strong>
<section>
<select name="first-column">
<option value="">实体瘤</option>
<option value="">实体瘤</option>
<option value="">实体瘤</option>
</select>
<select name="second-column">
<option value="">血液肿瘤</option>
<option value="">血液肿瘤</option>
<option value="">血液肿瘤</option>
</select>
<select name="third-column">
<option value="">三级菜单名</option>
<option value="">三级菜单名</option>
<option value="">三级菜单名</option>
</select>
</section>
<div class="more-btn"><ins>更多</ins><em class="icon-arrow"></em></div>
</li>
<li>
<strong>性别</strong>
<section>
<a href="" class="active">全部</a>
<a href="">男性</a>
<a href="">女性</a>
</section>
<div class="more-btn"><ins>更多</ins><em class="icon-arrow"></em></div>
</li>
<li>
<strong>排列方式</strong>
<section>
<select name="first-array">
<option value="">上传病例时间</option>
<option value="">上传病例时间</option>
<option value="">上传病例时间</option>
</select>
<select name="second-array">
<option value="">首次诊断日期</option>
<option value="">首次诊断日期</option>
<option value="">首次诊断日期</option>
</select>
<select name="third-array">
<option value="">病人年龄</option>
<option value="">病人年龄</option>
<option value="">病人年龄</option>
</select>
</section>
<div class="more-btn"><ins>更多</ins><em class="icon-arrow"></em></div>
</li>
</ul>
<!-- 患者列表 -->
<ul class="patient-list wow fadeInUp">
<li class="wow fadeInUp">
<div class="patient-top wow fadeInUp">
<span>
<img src="images/icon/icon-portrait.png" alt="患者代号">
<strong>患者代号:</strong>sc20220423123
</span>
<span>
<img src="images/icon/icon-sex.png" alt="性别">
<strong>性别:</strong>男性
</span>
<span>
<img src="images/icon/icon-address.png" alt="常驻地区">
<strong>常驻地区:</strong>北京
</span>
<span>
<img src="images/icon/icon-portrait.png" alt="上传人">
<strong>上传人:</strong>周蓓蓓
<em><img src="images/icon/icon-user.png" alt="周蓓蓓"></em>
</span>
</div>
<div class="patient-bottom wow fadeInUp">
<div class="patient-detailed"><span>详情信息</span></div>
<div class="patient-bl">
<h2>主要诊断:实体瘤<em>-</em>血液肿瘤<em>-</em>三级菜单名<span>年龄65</span></h2>
<p>病情介绍文字后台替换毕业于某知名211计算机系硕士学历期间研究编译和编译优化发表多篇论文7年计算机、软件工程科班出身基础扎实。参加工作供职知名银行具备多年网站、后端服务架构经验和大型软件管理以及大型软件性能调优、架构演进经验全栈工程师对银行、保险、物联网、工控、3D打印、游戏等诸多领域有积累。</p>
</div>
<div class="patient-br">
<span>上传病例日期2022.04.22</span>
<span>首次诊断日期2021.12.20</span>
<a href="" class="choice-btn">选择</a>
<a href="" class="collection-btn"><img src="images/icon/icon-collection.png" alt="收藏">收藏患者</a>
</div>
</div>
</li>
<li class="wow fadeInUp">
<div class="patient-top wow fadeInUp">
<span>
<img src="images/icon/icon-portrait.png" alt="患者代号">
<strong>患者代号:</strong>sc20220423123
</span>
<span>
<img src="images/icon/icon-sex.png" alt="性别">
<strong>性别:</strong>男性
</span>
<span>
<img src="images/icon/icon-address.png" alt="常驻地区">
<strong>常驻地区:</strong>北京
</span>
<span>
<img src="images/icon/icon-portrait.png" alt="上传人">
<strong>上传人:</strong>周蓓蓓
<em><img src="images/icon/icon-user.png" alt="周蓓蓓"></em>
</span>
</div>
<div class="patient-bottom wow fadeInUp">
<div class="patient-detailed"><span>详情信息</span></div>
<div class="patient-bl">
<h2>主要诊断:实体瘤<em>-</em>血液肿瘤<em>-</em>三级菜单名<span>年龄65</span></h2>
<p>病情介绍文字后台替换毕业于某知名211计算机系硕士学历期间研究编译和编译优化发表多篇论文7年计算机、软件工程科班出身基础扎实。参加工作供职知名银行具备多年网站、后端服务架构经验和大型软件管理以及大型软件性能调优、架构演进经验全栈工程师对银行、保险、物联网、工控、3D打印、游戏等诸多领域有积累。</p>
</div>
<div class="patient-br">
<span>上传病例日期2022.04.22</span>
<span>首次诊断日期2021.12.20</span>
<a href="" class="choice-btn">选择</a>
<a href="" class="collection-btn"><img src="images/icon/icon-collection.png" alt="收藏">收藏患者</a>
</div>
</div>
</li>
<li class="wow fadeInUp">
<div class="patient-top wow fadeInUp">
<span>
<img src="images/icon/icon-portrait.png" alt="患者代号">
<strong>患者代号:</strong>sc20220423123
</span>
<span>
<img src="images/icon/icon-sex.png" alt="性别">
<strong>性别:</strong>男性
</span>
<span>
<img src="images/icon/icon-address.png" alt="常驻地区">
<strong>常驻地区:</strong>北京
</span>
<span>
<img src="images/icon/icon-portrait.png" alt="上传人">
<strong>上传人:</strong>周蓓蓓
<em><img src="images/icon/icon-user.png" alt="周蓓蓓"></em>
</span>
</div>
<div class="patient-bottom wow fadeInUp">
<div class="patient-detailed"><span>详情信息</span></div>
<div class="patient-bl">
<h2>主要诊断:实体瘤<em>-</em>血液肿瘤<em>-</em>三级菜单名<span>年龄65</span></h2>
<p>病情介绍文字后台替换毕业于某知名211计算机系硕士学历期间研究编译和编译优化发表多篇论文7年计算机、软件工程科班出身基础扎实。参加工作供职知名银行具备多年网站、后端服务架构经验和大型软件管理以及大型软件性能调优、架构演进经验全栈工程师对银行、保险、物联网、工控、3D打印、游戏等诸多领域有积累。</p>
</div>
<div class="patient-br">
<span>上传病例日期2022.04.22</span>
<span>首次诊断日期2021.12.20</span>
<a href="" class="choice-btn">选择</a>
<a href="" class="collection-btn"><img src="images/icon/icon-collection.png" alt="收藏">收藏患者</a>
</div>
</div>
</li>
<li class="wow fadeInUp">
<div class="patient-top wow fadeInUp">
<span>
<img src="images/icon/icon-portrait.png" alt="患者代号">
<strong>患者代号:</strong>sc20220423123
</span>
<span>
<img src="images/icon/icon-sex.png" alt="性别">
<strong>性别:</strong>男性
</span>
<span>
<img src="images/icon/icon-address.png" alt="常驻地区">
<strong>常驻地区:</strong>北京
</span>
<span>
<img src="images/icon/icon-portrait.png" alt="上传人">
<strong>上传人:</strong>周蓓蓓
<em><img src="images/icon/icon-user.png" alt="周蓓蓓"></em>
</span>
</div>
<div class="patient-bottom wow fadeInUp">
<div class="patient-detailed"><span>详情信息</span></div>
<div class="patient-bl">
<h2>主要诊断:实体瘤<em>-</em>血液肿瘤<em>-</em>三级菜单名<span>年龄65</span></h2>
<p>病情介绍文字后台替换毕业于某知名211计算机系硕士学历期间研究编译和编译优化发表多篇论文7年计算机、软件工程科班出身基础扎实。参加工作供职知名银行具备多年网站、后端服务架构经验和大型软件管理以及大型软件性能调优、架构演进经验全栈工程师对银行、保险、物联网、工控、3D打印、游戏等诸多领域有积累。</p>
</div>
<div class="patient-br">
<span>上传病例日期2022.04.22</span>
<span>首次诊断日期2021.12.20</span>
<a href="" class="choice-btn">选择</a>
<a href="" class="collection-btn"><img src="images/icon/icon-collection.png" alt="收藏">收藏患者</a>
</div>
</div>
</li>
<li class="wow fadeInUp">
<div class="patient-top wow fadeInUp">
<span>
<img src="images/icon/icon-portrait.png" alt="患者代号">
<strong>患者代号:</strong>sc20220423123
</span>
<span>
<img src="images/icon/icon-sex.png" alt="性别">
<strong>性别:</strong>男性
</span>
<span>
<img src="images/icon/icon-address.png" alt="常驻地区">
<strong>常驻地区:</strong>北京
</span>
<span>
<img src="images/icon/icon-portrait.png" alt="上传人">
<strong>上传人:</strong>周蓓蓓
<em><img src="images/icon/icon-user.png" alt="周蓓蓓"></em>
</span>
</div>
<div class="patient-bottom wow fadeInUp">
<div class="patient-detailed"><span>详情信息</span></div>
<div class="patient-bl">
<h2>主要诊断:实体瘤<em>-</em>血液肿瘤<em>-</em>三级菜单名<span>年龄65</span></h2>
<p>病情介绍文字后台替换毕业于某知名211计算机系硕士学历期间研究编译和编译优化发表多篇论文7年计算机、软件工程科班出身基础扎实。参加工作供职知名银行具备多年网站、后端服务架构经验和大型软件管理以及大型软件性能调优、架构演进经验全栈工程师对银行、保险、物联网、工控、3D打印、游戏等诸多领域有积累。</p>
</div>
<div class="patient-br">
<span>上传病例日期2022.04.22</span>
<span>首次诊断日期2021.12.20</span>
<a href="" class="choice-btn">选择</a>
<a href="" class="collection-btn"><img src="images/icon/icon-collection.png" alt="收藏">收藏患者</a>
</div>
</div>
</li>
<li class="wow fadeInUp">
<div class="patient-top wow fadeInUp">
<span>
<img src="images/icon/icon-portrait.png" alt="患者代号">
<strong>患者代号:</strong>sc20220423123
</span>
<span>
<img src="images/icon/icon-sex.png" alt="性别">
<strong>性别:</strong>男性
</span>
<span>
<img src="images/icon/icon-address.png" alt="常驻地区">
<strong>常驻地区:</strong>北京
</span>
<span>
<img src="images/icon/icon-portrait.png" alt="上传人">
<strong>上传人:</strong>周蓓蓓
<em><img src="images/icon/icon-user.png" alt="周蓓蓓"></em>
</span>
</div>
<div class="patient-bottom wow fadeInUp">
<div class="patient-detailed"><span>详情信息</span></div>
<div class="patient-bl">
<h2>主要诊断:实体瘤<em>-</em>血液肿瘤<em>-</em>三级菜单名<span>年龄65</span></h2>
<p>病情介绍文字后台替换毕业于某知名211计算机系硕士学历期间研究编译和编译优化发表多篇论文7年计算机、软件工程科班出身基础扎实。参加工作供职知名银行具备多年网站、后端服务架构经验和大型软件管理以及大型软件性能调优、架构演进经验全栈工程师对银行、保险、物联网、工控、3D打印、游戏等诸多领域有积累。</p>
</div>
<div class="patient-br">
<span>上传病例日期2022.04.22</span>
<span>首次诊断日期2021.12.20</span>
<a href="" class="choice-btn">选择</a>
<a href="" class="collection-btn"><img src="images/icon/icon-collection.png" alt="收藏">收藏患者</a>
</div>
</div>
</li>
<li class="wow fadeInUp">
<div class="patient-top wow fadeInUp">
<span>
<img src="images/icon/icon-portrait.png" alt="患者代号">
<strong>患者代号:</strong>sc20220423123
</span>
<span>
<img src="images/icon/icon-sex.png" alt="性别">
<strong>性别:</strong>男性
</span>
<span>
<img src="images/icon/icon-address.png" alt="常驻地区">
<strong>常驻地区:</strong>北京
</span>
<span>
<img src="images/icon/icon-portrait.png" alt="上传人">
<strong>上传人:</strong>周蓓蓓
<em><img src="images/icon/icon-user.png" alt="周蓓蓓"></em>
</span>
</div>
<div class="patient-bottom wow fadeInUp">
<div class="patient-detailed"><span>详情信息</span></div>
<div class="patient-bl">
<h2>主要诊断:实体瘤<em>-</em>血液肿瘤<em>-</em>三级菜单名<span>年龄65</span></h2>
<p>病情介绍文字后台替换毕业于某知名211计算机系硕士学历期间研究编译和编译优化发表多篇论文7年计算机、软件工程科班出身基础扎实。参加工作供职知名银行具备多年网站、后端服务架构经验和大型软件管理以及大型软件性能调优、架构演进经验全栈工程师对银行、保险、物联网、工控、3D打印、游戏等诸多领域有积累。</p>
</div>
<div class="patient-br">
<span>上传病例日期2022.04.22</span>
<span>首次诊断日期2021.12.20</span>
<a href="" class="choice-btn">选择</a>
<a href="" class="collection-btn"><img src="images/icon/icon-collection.png" alt="收藏">收藏患者</a>
</div>
</div>
</li>
<li class="wow fadeInUp">
<div class="patient-top wow fadeInUp">
<span>
<img src="images/icon/icon-portrait.png" alt="患者代号">
<strong>患者代号:</strong>sc20220423123
</span>
<span>
<img src="images/icon/icon-sex.png" alt="性别">
<strong>性别:</strong>男性
</span>
<span>
<img src="images/icon/icon-address.png" alt="常驻地区">
<strong>常驻地区:</strong>北京
</span>
<span>
<img src="images/icon/icon-portrait.png" alt="上传人">
<strong>上传人:</strong>周蓓蓓
<em><img src="images/icon/icon-user.png" alt="周蓓蓓"></em>
</span>
</div>
<div class="patient-bottom wow fadeInUp">
<div class="patient-detailed"><span>详情信息</span></div>
<div class="patient-bl">
<h2>主要诊断:实体瘤<em>-</em>血液肿瘤<em>-</em>三级菜单名<span>年龄65</span></h2>
<p>病情介绍文字后台替换毕业于某知名211计算机系硕士学历期间研究编译和编译优化发表多篇论文7年计算机、软件工程科班出身基础扎实。参加工作供职知名银行具备多年网站、后端服务架构经验和大型软件管理以及大型软件性能调优、架构演进经验全栈工程师对银行、保险、物联网、工控、3D打印、游戏等诸多领域有积累。</p>
</div>
<div class="patient-br">
<span>上传病例日期2022.04.22</span>
<span>首次诊断日期2021.12.20</span>
<a href="" class="choice-btn">选择</a>
<a href="" class="collection-btn"><img src="images/icon/icon-collection.png" alt="收藏">收藏患者</a>
</div>
</div>
</li>
</ul>
<!-- 分页 -->
<div class="paging wow fadeInUp">
<a href="" class="prev">上一页</a>
<a href="" class="active">1</a>
<a href="">2</a>
<a href="">3</a>
<a href="">4</a>
<a href="">5</a>
<a href="">6</a>
<a href="">7</a>
<a href="">8</a>
<a href="">9</a>
<a href="">10</a>
<a href=""><em>></em></a>
<a href="" class="next">下一页</a>
</div>
</div>
<!-- 首页侧边栏 -->
<div class="index-side wow fadeInUp">
<span><img src="images/avatar.png" alt="用户名"></span>
<p>我是病人信息管理者</p>
<a class="index-side-btn" href="upload.html">上传病人信息</a>
</div>
</div>
<!-- 尾部 -->
<div class="footer w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<div class="foot w1140 wow fadeInUp">
<div class="foot-nav">
<a href="agreement.html">合作协议</a><a href="about.html">关于我们</a><a href="feedback.html">意见反馈</a>
</div>
<div class="foot-record">Copyright© xxxxxxxxx.com All rights reserved<a href="https://beian.miit.gov.cn">蜀ICP备11111111号-2</a>技术支持:<a href="">大向天成</a></div>
</div>
</div>
<!-- 提示框 -->
<div class="tips-box"><span></span><p></p></div>
</body>
</html>