127 lines
5.2 KiB
HTML
127 lines
5.2 KiB
HTML
|
<!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="">通知</a></div>
|
|||
|
|
<!-- 登录/注册 -->
|
|||
|
|
<div class="login-registration">
|
|||
|
|
<ins><img src="images/icon/icon-user.png" alt="登录/注册"></ins>
|
|||
|
|
<span><em><a href="login.html">登录</a>/<a href="register.html">注册</a></em><!-- 高高兴 --></span>
|
|||
|
|
<em class="icon-arrow"></em>
|
|||
|
|
</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 w1140 wow fadeInUp">
|
|||
|
|
<!-- 患者信息 -->
|
|||
|
|
<div class="order-information">
|
|||
|
|
<div class="patient-detailed"><span>患者信息</span></div>
|
|||
|
|
<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>
|
|||
|
|
上传病例日期：2022.04.22
|
|||
|
|
</span>
|
|||
|
|
<span>
|
|||
|
|
首次诊断日期：2021.12.20
|
|||
|
|
</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="patient-txt wow fadeInUp">
|
|||
|
|
<div class="patient-bl">
|
|||
|
|
<h2>主要诊断：实体瘤<em>-</em>血液肿瘤<em>-</em>三级菜单名<span>年龄：65</span></h2>
|
|||
|
|
<p>病情介绍文字后台替换毕业于某知名211计算机系硕士学历，期间研究编译和编译优化发表多篇论文，7年计算机、软件工程科班出身，基础扎实。参加工作供职知名银行，具备多年网站、后端服务架构经验和大型软件管理，以及大型软件性能调优、架构演进经验全栈工程师：对银行、保险、物联网、工控、3D打印、游戏等诸多领域有积累。</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="patient-top wow fadeInUp">
|
|||
|
|
<span>
|
|||
|
|
<img src="images/icon/icon-portrait.png" alt="上传人">
|
|||
|
|
<strong>上传人：</strong>周蓓蓓
|
|||
|
|
<em><img src="images/icon/icon-user.png" alt="周蓓蓓"></em>
|
|||
|
|
</span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<!-- 支付方式 -->
|
|||
|
|
<div class="order-information">
|
|||
|
|
<div class="patient-detailed"><span>支付方式</span></div>
|
|||
|
|
<ul class="information-list">
|
|||
|
|
<li class="wow fadeInUp">
|
|||
|
|
<section class="upload-section">
|
|||
|
|
<span><img src="images/avatar.png" alt="充值凭证"></span>
|
|||
|
|
<button><img src="images/icon/icon-add.png" alt="上传"></button>
|
|||
|
|
<em>请上传支付凭证图片</em>
|
|||
|
|
</section>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
<button class="information-btn order-btn wow fadeInUp">确认提交</button>
|
|||
|
|
</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="">合作协议</a><a href="">关于我们</a><a href="">意见反馈</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>
|
|||
|
|
</body>
|
|||
|
|
</html>
|