lee
parent
513168168c
commit
36e10fbfce
|
|
@ -95,10 +95,9 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 表单 -->
|
||||
<div class="from-list-bg w1140 wow fadeInUp">
|
||||
<ul class="from-list from-list-last">
|
||||
<ul class="from-list from-list-last from-list-collection">
|
||||
<li class="wow fadeInUp">
|
||||
<span>患者代号</span>
|
||||
<span>性别</span>
|
||||
|
|
@ -253,6 +252,7 @@
|
|||
<a href="" class="next">下一页</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 尾部 -->
|
||||
<div class="footer w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
|
||||
|
|
|
|||
15
css/base.css
15
css/base.css
|
|
@ -35,7 +35,8 @@ li {
|
|||
list-style: none;
|
||||
}
|
||||
|
||||
button {
|
||||
button,
|
||||
select {
|
||||
cursor: pointer; /* 当我们鼠标经过button按钮的时候，鼠标变成小手 */
|
||||
}
|
||||
|
||||
|
|
@ -80,16 +81,20 @@ textarea {
|
|||
}
|
||||
|
||||
/* 改变表单默认值样式 */
|
||||
input::-webkit-input-placeholder{
|
||||
input::-webkit-input-placeholder,
|
||||
textarea::-webkit-input-placeholder{
|
||||
color:#adadad;
|
||||
}
|
||||
input::-moz-placeholder{ /* Mozilla Firefox 19+ */
|
||||
input::-moz-placeholder,
|
||||
textarea::-moz-placeholder{ /* Mozilla Firefox 19+ */
|
||||
color:#adadad;
|
||||
}
|
||||
input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */
|
||||
input:-moz-placeholder,
|
||||
textarea:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */
|
||||
color:#adadad;
|
||||
}
|
||||
input:-ms-input-placeholder{ /* Internet Explorer 10-11 */
|
||||
input:-ms-input-placeholder,
|
||||
textarea:-ms-input-placeholder{ /* Internet Explorer 10-11 */
|
||||
color:#adadad;
|
||||
}
|
||||
|
||||
|
|
|
|||
663
css/style.css
663
css/style.css
|
|
@ -95,12 +95,18 @@
|
|||
.nav-bg{
|
||||
display: none;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
height: calc(100vh - 50px);
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
z-index: 99;
|
||||
top: 50px;
|
||||
z-index: 98;
|
||||
}
|
||||
|
||||
.nav-bg.active {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* 手机端导航按钮 */
|
||||
.head .head-btn {
|
||||
display: none;
|
||||
|
|
@ -117,7 +123,7 @@
|
|||
width: 100%;
|
||||
height: 2px;
|
||||
float: left;
|
||||
background-color: #0094da;
|
||||
background-color: #383838;
|
||||
border-radius: 50px;
|
||||
transition: all .5s ease 0s;
|
||||
-webkit-transition: all .5s ease 0s;
|
||||
|
|
@ -137,7 +143,7 @@
|
|||
}
|
||||
|
||||
.head .head-btn.cur i {
|
||||
background-color: #0094da;
|
||||
background-color: #383838;
|
||||
}
|
||||
|
||||
.head .head-btn.cur i.bar-cen {
|
||||
|
|
@ -157,6 +163,7 @@
|
|||
/* 首页样式 */
|
||||
.main{
|
||||
margin-top: 86px;
|
||||
min-height: calc(100vh - 204px);
|
||||
}
|
||||
.index-main,
|
||||
.login-main{
|
||||
|
|
@ -253,7 +260,7 @@
|
|||
display: flex;
|
||||
justify-content: flex-end;
|
||||
align-items: center;
|
||||
width: 50px;
|
||||
width: 45px;
|
||||
margin-top: 10px;
|
||||
user-select:none;
|
||||
cursor: pointer;
|
||||
|
|
@ -348,6 +355,12 @@
|
|||
font-size: 14px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.patient-bl h2>em{
|
||||
margin: 0 5px;
|
||||
}
|
||||
.patient-bl h2>span{
|
||||
margin-left: 45px;
|
||||
}
|
||||
.patient-bl p{
|
||||
font-size: 14px;
|
||||
opacity: .8;
|
||||
|
|
@ -451,7 +464,7 @@
|
|||
text-align: center;
|
||||
margin: 8px 0 18px;
|
||||
}
|
||||
.index-side>button{
|
||||
.index-side-btn{
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
|
@ -462,7 +475,7 @@
|
|||
font-size: 16px;
|
||||
transition: all .6s;
|
||||
}
|
||||
.index-side>button:hover{
|
||||
.index-side-btn:hover{
|
||||
background-color: #fff;
|
||||
color: #00ffff;
|
||||
}
|
||||
|
|
@ -875,7 +888,182 @@
|
|||
color: #00ffff;
|
||||
}
|
||||
|
||||
/* 上传患者信息页样式 */
|
||||
.information h2{
|
||||
width: 78%;
|
||||
background-color: #e5ffff;
|
||||
margin: 32px auto 22px;
|
||||
font-size: 24px;
|
||||
line-height: 2.25;
|
||||
text-align: center;
|
||||
|
||||
}
|
||||
.information-upload{
|
||||
margin-top: -18px;
|
||||
border: 0;
|
||||
padding: 20px;
|
||||
}
|
||||
.radio-section{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 52px;
|
||||
}
|
||||
.radio-section>span{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin: 10px 40px 0 0;
|
||||
user-select: none;
|
||||
font-size: 14px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.radio-section>span:last-child{
|
||||
margin-right: 0;
|
||||
}
|
||||
.radio-section>span em{
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
border: 1px solid #e9ebed;
|
||||
border-radius: 100%;
|
||||
margin-right: 10px;
|
||||
overflow: hidden;
|
||||
cursor: pointer;
|
||||
}
|
||||
.radio-section>span em>ins{
|
||||
width: 0;
|
||||
height: 0;
|
||||
opacity: 0;
|
||||
}
|
||||
.radio-section>span em.checked{
|
||||
background-color: #fff;
|
||||
border: 1px solid #0578ef;
|
||||
}
|
||||
.radio-section>span em.checked>ins{
|
||||
display: block;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
margin: 7px;
|
||||
border-radius: 100%;
|
||||
background-color: #0578ef;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.select-section select[name="birth-tiem"],
|
||||
.select-section select[name="age"],
|
||||
.select-section select[name="diagnosis-time"]{
|
||||
width: calc(50% - 8px);
|
||||
}
|
||||
|
||||
.select-section input[name="name-initials"]{
|
||||
width: calc(33.33% - 10px);
|
||||
}
|
||||
.select-section input[name="patient-code"]{
|
||||
width: calc(66.66% - 5px);
|
||||
}
|
||||
|
||||
.information-list li textarea{
|
||||
width: 100%;
|
||||
height: 255px;
|
||||
padding: 15px;
|
||||
border: 1px solid #e9ebed;
|
||||
border-radius: 5px;
|
||||
margin-top: 10px;
|
||||
font-size: 14px;
|
||||
line-height: 1.8;
|
||||
color: #6b6b6b;
|
||||
|
||||
}
|
||||
|
||||
.upload-section{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding-bottom: 36px;
|
||||
border-bottom: 1px solid #e9ebed;
|
||||
margin-bottom: 36px;
|
||||
}
|
||||
.upload-section span,
|
||||
.upload-section button{
|
||||
width: 124px;
|
||||
height: 124px;
|
||||
border: 1px solid #e9ebed;
|
||||
border-radius: 5px;
|
||||
margin: 13px 12px 0 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
.upload-section span img{
|
||||
width: 100%;
|
||||
min-height: 100%;
|
||||
}
|
||||
.upload-section button{
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
/* 提现页样式 */
|
||||
.account-section{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin: 25px 0;
|
||||
font-size: 14px;
|
||||
}
|
||||
.account-section>span{
|
||||
font-weight: bold;
|
||||
margin-right: 48px;
|
||||
}
|
||||
.account-section>span strong{
|
||||
margin-left: 18px;
|
||||
}
|
||||
.account-section>a{
|
||||
color: #0578ef;
|
||||
}
|
||||
.information-withdrawal .information-list{
|
||||
margin-bottom: 46px;
|
||||
}
|
||||
.information-recharge .upload-section{
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
/* 订单页样式 */
|
||||
.order-information{
|
||||
padding: 26px 36px 11px;
|
||||
background-color: #fff;
|
||||
border: 1px solid #e9ebed;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
.order-information .patient-top{
|
||||
padding-top: 18px;
|
||||
border-top: 1px solid #eaebeb;
|
||||
border-bottom: 0;
|
||||
}
|
||||
.order-information .patient-bl{
|
||||
padding-bottom: 30px;
|
||||
width: 100%;
|
||||
text-align: justify;
|
||||
}
|
||||
.order-information .information-list{
|
||||
width: 100%;
|
||||
border-top: 1px solid #eaebeb;
|
||||
}
|
||||
.order-information .upload-section{
|
||||
align-items: flex-end;
|
||||
border-bottom: 0;
|
||||
margin-bottom: 0;
|
||||
padding-bottom: 22px;
|
||||
|
||||
}
|
||||
.order-information .upload-section>span,
|
||||
.order-information .upload-section>button{
|
||||
margin-top: 0;
|
||||
}
|
||||
.order-information .upload-section>em{
|
||||
margin-left: 14px;
|
||||
font-size: 14px;
|
||||
opacity: .7;
|
||||
}
|
||||
.order-btn{
|
||||
margin: 44px auto;
|
||||
}
|
||||
/* 尾部 */
|
||||
.footer{
|
||||
padding: 20px 0 30px;
|
||||
|
|
@ -928,78 +1116,7 @@
|
|||
}
|
||||
|
||||
@media screen and (max-width:1360px) {
|
||||
.header .head {
|
||||
width: 100%;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.head .head-btn {
|
||||
display: block;
|
||||
margin: 0;
|
||||
margin-right: 30px;
|
||||
}
|
||||
|
||||
.head .nav {
|
||||
display: block;
|
||||
width: 38vw;
|
||||
height: 100vh;
|
||||
background-color: #FFFFFF;
|
||||
position: fixed;
|
||||
padding-top: 80px;
|
||||
top: 0px;
|
||||
right: -38vw;
|
||||
z-index: 9999;
|
||||
transition: all .6s;
|
||||
}
|
||||
|
||||
.head .nav.active {
|
||||
right: 0;
|
||||
transition: all .6s;
|
||||
}
|
||||
|
||||
.head .nav-bg {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 200;
|
||||
transition: all .6s;
|
||||
}
|
||||
|
||||
.head .nav-bg.active {
|
||||
display: block;
|
||||
opacity: 1;
|
||||
transition: all .6s;
|
||||
}
|
||||
|
||||
.head .nav li {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.head .nav li>a {
|
||||
width: 100%;
|
||||
font-size: 16px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
line-height: 60px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.head .nav li.active>a {
|
||||
font-weight: normal;
|
||||
border: 0;
|
||||
background-color: #0094da;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.nav-bg {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width:1280px) {
|
||||
|
|
@ -1019,6 +1136,9 @@
|
|||
}
|
||||
|
||||
@media screen and (max-width:780px) {
|
||||
.w1140{
|
||||
width: 96%;
|
||||
}
|
||||
/* 头部 */
|
||||
.header {
|
||||
height: 50px;
|
||||
|
|
@ -1027,22 +1147,30 @@
|
|||
|
||||
.header .head {
|
||||
justify-content: space-between;
|
||||
width: calc(100% - 30px);
|
||||
margin: 0 auto;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
.logo {
|
||||
width: auto;
|
||||
height: 40px;
|
||||
height: 36px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.logo img {
|
||||
width: auto;
|
||||
height: 40px;
|
||||
height: 36px;
|
||||
margin: 0;
|
||||
}
|
||||
.top-right{
|
||||
font-size: 14px;
|
||||
}
|
||||
.login-registration ins{
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
}
|
||||
.notice{
|
||||
margin-right: 5%;
|
||||
}
|
||||
|
||||
.head .head-btn {
|
||||
display: block;
|
||||
|
|
@ -1051,37 +1179,20 @@
|
|||
|
||||
.head .nav {
|
||||
display: block;
|
||||
width: 38vw;
|
||||
height: 100vh;
|
||||
background-color: #FFFFFF;
|
||||
width: 40vw;
|
||||
height: calc(100vh - 50px);
|
||||
background-color: #fff;
|
||||
border-top: 1px solid #e9ebed;
|
||||
position: fixed;
|
||||
padding-top: 50px;
|
||||
top: 0px;
|
||||
right: -38vw;
|
||||
z-index: 9999;
|
||||
padding-top: 10px;
|
||||
top: 50px;
|
||||
right: -40vw;
|
||||
z-index: 99;
|
||||
transition: all .6s;
|
||||
}
|
||||
|
||||
.head .nav.active {
|
||||
right: 0;
|
||||
transition: all .6s;
|
||||
}
|
||||
|
||||
.head .nav-bg {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 200;
|
||||
transition: all .6s;
|
||||
}
|
||||
|
||||
.head .nav-bg.active {
|
||||
display: block;
|
||||
opacity: 1;
|
||||
transition: all .6s;
|
||||
}
|
||||
|
||||
.head .nav li {
|
||||
|
|
@ -1102,13 +1213,343 @@
|
|||
.head .nav li.active>a {
|
||||
font-weight: normal;
|
||||
border: 0;
|
||||
background-color: #0094da;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.nav-bg {
|
||||
/* 首页 */
|
||||
.main{
|
||||
margin-top: 65px;
|
||||
min-height: calc(100vh - 160px);
|
||||
}
|
||||
.index-side{
|
||||
display: none;
|
||||
}
|
||||
.index-content{
|
||||
width: 100%;
|
||||
}
|
||||
.search>input{
|
||||
width: calc(100% - 90px);
|
||||
height: 40px;
|
||||
}
|
||||
.search-btn{
|
||||
width: 90px;
|
||||
height: 40px;
|
||||
font-size: 15px;
|
||||
}
|
||||
.screen{
|
||||
padding: 2px 10px 8px;
|
||||
font-size: 13px;
|
||||
line-height: 24px;
|
||||
}
|
||||
.screen li>strong{
|
||||
width: 95px;
|
||||
font-size: 13px;
|
||||
}
|
||||
.screen li>section{
|
||||
width: calc(100% - 135px);
|
||||
height: 34px;
|
||||
}
|
||||
.screen li>section a{
|
||||
padding: 0 10px;
|
||||
}
|
||||
.screen li>section select{
|
||||
height: 24px;
|
||||
width: 90%;
|
||||
margin-right: 0;
|
||||
}
|
||||
.patient-list li{
|
||||
padding: 17px 10px 27px;
|
||||
}
|
||||
.patient-top{
|
||||
height: 70px;
|
||||
flex-wrap: wrap;
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
.patient-top>span{
|
||||
font-size: 13px;
|
||||
}
|
||||
.patient-top>span em{
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
}
|
||||
.patient-bl{
|
||||
width: 100%;
|
||||
}
|
||||
.patient-bl h2{
|
||||
font-size: 14px;
|
||||
}
|
||||
.patient-bl h2>span{
|
||||
margin-left: 10px;
|
||||
}
|
||||
.patient-bl p{
|
||||
text-align: justify;
|
||||
}
|
||||
.patient-br{
|
||||
margin: 10px auto 0;
|
||||
}
|
||||
.choice-btn{
|
||||
height: 40px;
|
||||
font-size: 16px;
|
||||
}
|
||||
/* 分页 */
|
||||
.paging{
|
||||
margin: 30px 0;
|
||||
}
|
||||
.paging a{
|
||||
width: 19px;
|
||||
height: 19px;
|
||||
font-size: 12px;
|
||||
margin: 0 2px;
|
||||
}
|
||||
.paging a.prev,
|
||||
.paging a.next{
|
||||
padding: 0 4px;
|
||||
}
|
||||
|
||||
.pull-nav-swiper .swiper-wrapper{
|
||||
justify-content: left;
|
||||
}
|
||||
.survey{
|
||||
flex-wrap: wrap;
|
||||
padding: 20px 10px;
|
||||
height: auto;
|
||||
}
|
||||
.survey-left>span{
|
||||
width: 70px;
|
||||
height: 70px;
|
||||
margin-left: 0;
|
||||
}
|
||||
.survey-left h2{
|
||||
font-size: 20px;
|
||||
}
|
||||
.survey-left p{
|
||||
font-size: 15px;
|
||||
}
|
||||
.survey-right{
|
||||
justify-content: space-around;
|
||||
width: 100%;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.survey-right>span strong{
|
||||
font-size: 17px;
|
||||
}
|
||||
.withdrawal-btn,
|
||||
.recharge-btn{
|
||||
width: 120px;
|
||||
height: 36px;
|
||||
font-size: 14px;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.pull-nav{
|
||||
width: 100%;
|
||||
height: 51px;
|
||||
padding: 0;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.pull-nav-swiper .swiper-slide{
|
||||
margin: 0 10px;
|
||||
}
|
||||
.pull-nav-swiper .swiper-slide>a{
|
||||
font-size: 15px;
|
||||
line-height: 50px;
|
||||
}
|
||||
.information{
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.information-upload{
|
||||
padding: 10px;
|
||||
margin-top: 0;
|
||||
}
|
||||
.information h2{
|
||||
width: 100%;
|
||||
font-size: 20px;
|
||||
margin: 0 0 20px;
|
||||
}
|
||||
.information-list{
|
||||
width: 100%;
|
||||
}
|
||||
.information-list li{
|
||||
font-size: 15px;
|
||||
}
|
||||
.information-list li input{
|
||||
height: 36px;
|
||||
padding: 0 10px;
|
||||
}
|
||||
.select-section select{
|
||||
width: calc(33.33% - 6.6px);
|
||||
height: 36px;
|
||||
padding: 0 10px;
|
||||
background-position: calc(100% - 10px) center;
|
||||
}
|
||||
.information h2:nth-of-type(2){
|
||||
margin-top: 30px;
|
||||
}
|
||||
.radio-section>span em{
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
.radio-section{
|
||||
height: 36px;
|
||||
}
|
||||
.radio-section>span em.checked>ins{
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
margin: 5px;
|
||||
}
|
||||
.select-section select[name="birth-tiem"],
|
||||
.select-section select[name="age"],
|
||||
.select-section select[name="diagnosis-time"]{
|
||||
width: calc(50% - 5px);
|
||||
}
|
||||
.select-section select[name="diagnosis-time"]{
|
||||
width: 60%;
|
||||
}
|
||||
.select-section input[name="name-initials"]{
|
||||
width: calc(40% - 5px);
|
||||
}
|
||||
.select-section input[name="patient-code"]{
|
||||
width: calc(60% - 5px);
|
||||
}
|
||||
.information-list li textarea{
|
||||
padding: 10px;
|
||||
height: 160px;
|
||||
}
|
||||
.upload-section span,
|
||||
.upload-section button{
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
padding-bottom: 25px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.information-btn{
|
||||
width: 200px;
|
||||
height: 40px;
|
||||
font-size: 15px;
|
||||
margin: 25px auto;
|
||||
}
|
||||
|
||||
/* 表单 */
|
||||
.from-list-bg{
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
.from-list{
|
||||
font-size: 12px;
|
||||
}
|
||||
.from-list li:first-child{
|
||||
font-size: 13px;
|
||||
}
|
||||
.from-list li>span:first-child{
|
||||
text-indent: 0;
|
||||
padding-left: 10px;
|
||||
width: 30%;
|
||||
}
|
||||
.from-list li>span{
|
||||
width: 18%;
|
||||
}
|
||||
.from-list li>a{
|
||||
width: 10%;
|
||||
}
|
||||
|
||||
.from-list li>span>em{
|
||||
display: block;
|
||||
margin-left: 0;
|
||||
}
|
||||
.from-list li>ins{
|
||||
width: 20%;
|
||||
padding-right: 10px;
|
||||
}
|
||||
.from-list li:first-child span>ins{
|
||||
display: block;
|
||||
}
|
||||
|
||||
.from-list-patient li>span:nth-of-type(2),
|
||||
.from-list-patient li>span:nth-of-type(3),
|
||||
.from-user-admin li>span:nth-of-type(2),
|
||||
.from-user-admin li>span:nth-of-type(3),
|
||||
.from-withdrawal-admin li>span:nth-of-type(3),
|
||||
.from-list-collection li>span:nth-of-type(3){
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* 登录注册页 */
|
||||
.login-main{
|
||||
width: 100%;
|
||||
margin: 51px auto 0;
|
||||
}
|
||||
.login-img{
|
||||
display: none;
|
||||
}
|
||||
.login-txt{
|
||||
width: 100%;
|
||||
padding: 40px 10px 20px;
|
||||
}
|
||||
.login-txt h1{
|
||||
font-size: 24px;
|
||||
text-align: center;
|
||||
}
|
||||
.login-txt>span{
|
||||
font-size: 15px;
|
||||
margin-top: 3px;
|
||||
text-align: center;
|
||||
}
|
||||
.login-information li>span{
|
||||
width: 110px;
|
||||
margin-right: 10px;
|
||||
font-size: 14px;
|
||||
}
|
||||
.login-information li>input{
|
||||
width: calc(100% - 120px);
|
||||
height: 36px;
|
||||
font-size: 14px;
|
||||
}
|
||||
.login-information li>section{
|
||||
width: calc(100% - 90px);
|
||||
}
|
||||
.login-information li>section input{
|
||||
width: calc(58% - 10px);
|
||||
height: 36px;
|
||||
font-size: 15px;
|
||||
}
|
||||
.code-btn{
|
||||
width: 42%;
|
||||
height: 36px;
|
||||
font-size: 13px;
|
||||
}
|
||||
.register-btn{
|
||||
display: block;
|
||||
width: 130px;
|
||||
height: 40px;
|
||||
margin: 20px auto;
|
||||
}
|
||||
.agree{
|
||||
width: 100%;
|
||||
margin-left: 0;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.wechat-btn-bg{
|
||||
width: 100%;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
/* 尾部 */
|
||||
.footer{
|
||||
padding: 15px 0;
|
||||
text-align: center;
|
||||
}
|
||||
.foot-nav{
|
||||
justify-content: center;
|
||||
}
|
||||
.foot-record{
|
||||
font-size: 13px;
|
||||
line-height: 1.8;
|
||||
}
|
||||
.foot-record>a:first-child{
|
||||
display: inline-block;
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width:414px) {
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
|
|
@ -444,7 +444,7 @@
|
|||
<div class="index-side wow fadeInUp">
|
||||
<span><img src="images/avatar.png" alt="用户名"></span>
|
||||
<p>我是病人信息管理者</p>
|
||||
<button class="index-side-btn" type="submit">上传病人信息</button>
|
||||
<a class="index-side-btn" href="upload.html">上传病人信息</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -11,11 +11,22 @@ jQuery(function($){
|
|||
wow.init();
|
||||
};
|
||||
|
||||
// 更改按钮选中状态
|
||||
// 更改同意按钮选中状态
|
||||
$('.agree>span').find('em').click(function() {
|
||||
$(this).toggleClass('checked');
|
||||
});
|
||||
|
||||
// 更改单选按钮选中状态
|
||||
$('.radio-section>span').click(function() {
|
||||
$('.radio-section>span').find('em').removeClass('checked');
|
||||
$(this).find('em').addClass('checked');
|
||||
});
|
||||
|
||||
// 提现跳转
|
||||
$('.withdrawal-btn').click(function() {
|
||||
window.location.href = "/yxxw.lee1203.com/withdrawal-page.html";
|
||||
});
|
||||
|
||||
// 首页筛选展示更多
|
||||
$('.screen .more-btn').click(function() {
|
||||
if($(this).find('ins').html() == '更多'){
|
||||
|
|
|
|||
|
|
@ -95,10 +95,9 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 表单 -->
|
||||
<div class="from-list-bg w1140 wow fadeInUp">
|
||||
<ul class="from-list">
|
||||
<ul class="from-list from-list-collection">
|
||||
<li class="wow fadeInUp">
|
||||
<span>患者代号</span>
|
||||
<span>性别</span>
|
||||
|
|
@ -253,6 +252,7 @@
|
|||
<a href="" class="next">下一页</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 尾部 -->
|
||||
<div class="footer w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
|
||||
|
|
|
|||
|
|
@ -0,0 +1,126 @@
|
|||
<!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>
|
||||
|
|
@ -91,10 +91,9 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 表单 -->
|
||||
<div class="from-list-bg w1140 wow fadeInUp">
|
||||
<ul class="from-list">
|
||||
<ul class="from-list from-list-patient">
|
||||
<li class="wow fadeInUp">
|
||||
<span>患者代号</span>
|
||||
<span>性别</span>
|
||||
|
|
@ -249,6 +248,7 @@
|
|||
<a href="" class="next">下一页</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 尾部 -->
|
||||
<div class="footer w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
|
||||
|
|
|
|||
|
|
@ -92,10 +92,9 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 表单 -->
|
||||
<div class="from-list-bg w1140 wow fadeInUp">
|
||||
<ul class="from-list">
|
||||
<ul class="from-list from-list-patient">
|
||||
<li class="wow fadeInUp">
|
||||
<span>患者代号</span>
|
||||
<span>性别</span>
|
||||
|
|
@ -250,6 +249,7 @@
|
|||
<a href="" class="next">下一页</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 尾部 -->
|
||||
<div class="footer w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
|
||||
|
|
|
|||
|
|
@ -95,10 +95,9 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 表单 -->
|
||||
<div class="from-list-bg w1140 wow fadeInUp">
|
||||
<ul class="from-list">
|
||||
<ul class="from-list from-list-collection">
|
||||
<li class="wow fadeInUp">
|
||||
<span>患者代号</span>
|
||||
<span>性别</span>
|
||||
|
|
@ -253,6 +252,7 @@
|
|||
<a href="" class="next">下一页</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 尾部 -->
|
||||
<div class="footer w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
|
||||
|
|
|
|||
|
|
@ -91,10 +91,9 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 表单 -->
|
||||
<div class="from-list-bg w1140 wow fadeInUp">
|
||||
<ul class="from-list from-list-five">
|
||||
<ul class="from-list from-list-five from-withdrawal-admin">
|
||||
<li class="wow fadeInUp">
|
||||
<span>充值账户</span>
|
||||
<span>充值金额</span>
|
||||
|
|
@ -232,6 +231,7 @@
|
|||
<a href="" class="next">下一页</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 尾部 -->
|
||||
<div class="footer w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
|
||||
|
|
|
|||
|
|
@ -0,0 +1,135 @@
|
|||
<!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></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="survey wow fadeInUp">
|
||||
<div class="survey-left wow fadeInUp">
|
||||
<span><img src="images/avatar.png" alt="高高兴"></span>
|
||||
<section>
|
||||
<h2>高高兴</h2>
|
||||
<p>联系方式：13852526255</p>
|
||||
</section>
|
||||
</div>
|
||||
<div class="survey-right wow fadeInUp">
|
||||
<span>账户余额：<strong>5526.00</strong></span>
|
||||
<button class="withdrawal-btn">立即提现</button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 二级导航 -->
|
||||
<div class="pull-nav w1140 wow fadeInUp">
|
||||
<div class="pull-nav-swiper swiper">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide">
|
||||
<a href="user.html">个人资料</a>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<a href="purchased.html">已购买患者信息</a>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<a href="locking.html">我的锁定</a>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<a href="collection.html">我的收藏</a>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<a href="recharge.html">充值记录</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="information information-recharge">
|
||||
<ul class="information-list">
|
||||
<li class="wow fadeInUp">
|
||||
<span>充值到账户<em>*</em></span>
|
||||
<section class="account-section">
|
||||
<span>建设银行<strong>6255 8545 4584 5454 845</strong></span><a href="">更改账户</a>
|
||||
</section>
|
||||
</li>
|
||||
<li class="wow fadeInUp">
|
||||
<span>充值金额<em>*</em></span>
|
||||
<section class="select-section">
|
||||
<input name="money" type="text" value="">
|
||||
</section>
|
||||
</li>
|
||||
<li class="wow fadeInUp">
|
||||
<span>上传充值凭证<em>*</em></span>
|
||||
<section class="upload-section">
|
||||
<span><img src="images/avatar.png" alt="充值凭证"></span>
|
||||
<button><img src="images/icon/icon-add.png" alt="上传"></button>
|
||||
</section>
|
||||
</li>
|
||||
</ul>
|
||||
<button class="information-btn wow fadeInUp">确认充值</button>
|
||||
</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="">合作协议</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>
|
||||
|
|
@ -95,8 +95,7 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 表单 -->
|
||||
<div class="from-list-bg w1140 wow fadeInUp">
|
||||
<ul class="from-list from-list-three">
|
||||
<li class="wow fadeInUp">
|
||||
|
|
@ -202,6 +201,7 @@
|
|||
<a href="" class="next">下一页</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 尾部 -->
|
||||
<div class="footer w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
|
||||
|
|
|
|||
|
|
@ -61,7 +61,7 @@
|
|||
<!-- 主体内容 -->
|
||||
<div class="main login-main w1140 wow fadeInUp">
|
||||
<div class="login-txt wow fadeInUp">
|
||||
<h1>欢迎登录</h1>
|
||||
<h1>欢迎注册</h1>
|
||||
<span>已有账号？<a href="login.html">登录</a></span>
|
||||
<ul class="login-information">
|
||||
<li>
|
||||
|
|
|
|||
124
upload.html
124
upload.html
|
|
@ -92,8 +92,128 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="uploads">
|
||||
123
|
||||
<!-- 表单 -->
|
||||
<div class="information information-upload">
|
||||
<h2>基本信息</h2>
|
||||
<ul class="information-list">
|
||||
<li class="wow fadeInUp">
|
||||
<span>患者姓名<em>*</em></span>
|
||||
<section class="select-section">
|
||||
<input name="name-initials" type="text" placeholder="患者姓名首字母" value="">
|
||||
<input name="patient-code" type="text" readonly="readonly" placeholder="生成患者代号" value="">
|
||||
</section>
|
||||
</li>
|
||||
<li class="wow fadeInUp">
|
||||
<span>患者性别<em>*</em></span>
|
||||
<section class="radio-section">
|
||||
<span><em class="sex checked"><ins></ins></em>男士</span>
|
||||
<span><em class="sex"><ins></ins></em>女士</span>
|
||||
</section>
|
||||
</li>
|
||||
<li class="wow fadeInUp">
|
||||
<span>出生日期<em>*</em></span>
|
||||
<section class="select-section">
|
||||
<select name="birth-tiem">
|
||||
<option value="">请选择出生日期</option>
|
||||
<option value="">1985年</option>
|
||||
<option value="">1986年</option>
|
||||
</select>
|
||||
<select name="age">
|
||||
<option value="">请选择年龄</option>
|
||||
<option value="">25</option>
|
||||
<option value="">26</option>
|
||||
</select>
|
||||
</section>
|
||||
</li>
|
||||
<li class="wow fadeInUp">
|
||||
<span>患者常驻地址<em>*</em></span>
|
||||
<section class="select-section">
|
||||
<select name="province">
|
||||
<option value="">四川</option>
|
||||
<option value="">上海</option>
|
||||
<option value="">广州</option>
|
||||
</select>
|
||||
<select name="city">
|
||||
<option value="">成都</option>
|
||||
<option value="">南充</option>
|
||||
<option value="">绵阳</option>
|
||||
</select>
|
||||
<select name="area">
|
||||
<option value="">金牛区</option>
|
||||
<option value="">武侯区</option>
|
||||
<option value="">锦江区</option>
|
||||
</select>
|
||||
<input type="text" placeholder="请填写详细信息" value="">
|
||||
</section>
|
||||
</li>
|
||||
<li class="wow fadeInUp">
|
||||
<span>能接受就医城市<em>*</em></span>
|
||||
<section class="select-section">
|
||||
<select name="province">
|
||||
<option value="">四川</option>
|
||||
<option value="">上海</option>
|
||||
<option value="">广州</option>
|
||||
</select>
|
||||
<select name="city">
|
||||
<option value="">成都</option>
|
||||
<option value="">南充</option>
|
||||
<option value="">绵阳</option>
|
||||
</select>
|
||||
<select name="area">
|
||||
<option value="">金牛区</option>
|
||||
<option value="">武侯区</option>
|
||||
<option value="">锦江区</option>
|
||||
</select>
|
||||
</section>
|
||||
</li>
|
||||
</ul>
|
||||
<h2>预诊信息</h2>
|
||||
<ul class="information-list">
|
||||
<li class="wow fadeInUp">
|
||||
<span>主要诊断<em>*</em></span>
|
||||
<section class="select-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>
|
||||
</li>
|
||||
<li class="wow fadeInUp">
|
||||
<span>首次诊断日期<em>*</em></span>
|
||||
<section class="select-section">
|
||||
<select name="diagnosis-time">
|
||||
<option value="">请选择首次诊断日期</option>
|
||||
<option value="">1985</option>
|
||||
<option value="">1986</option>
|
||||
</select>
|
||||
</section>
|
||||
</li>
|
||||
<li class="wow fadeInUp">
|
||||
<span>详细信息<em>*</em></span>
|
||||
<section>
|
||||
<textarea name="msg" placeholder="请填写患者详细信息"></textarea>
|
||||
</section>
|
||||
</li>
|
||||
<li class="wow fadeInUp">
|
||||
<span>上传病例或者检查信息<em>*</em></span>
|
||||
<section class="upload-section">
|
||||
<span><img src="images/avatar.png" alt="病例或者检查信息"></span>
|
||||
<button><img src="images/icon/icon-add.png" alt="上传"></button>
|
||||
</section>
|
||||
</li>
|
||||
</ul>
|
||||
<button class="information-btn wow fadeInUp">确认提交</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -91,16 +91,15 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 表单 -->
|
||||
<div class="from-list-bg w1140 wow fadeInUp">
|
||||
<ul class="from-list from-list-six">
|
||||
<ul class="from-list from-list-six from-user-admin">
|
||||
<li class="wow fadeInUp">
|
||||
<span>用户名</span>
|
||||
<span>真实姓名</span>
|
||||
<span>手机号码</span>
|
||||
<span>已购买患者信息</span>
|
||||
<span>已上传患者信息</span>
|
||||
<span>已购买<ins>患者信息</ins></span>
|
||||
<span>已上传<ins>患者信息</ins></span>
|
||||
<ins>详情</ins>
|
||||
</li>
|
||||
<li class="wow fadeInUp">
|
||||
|
|
@ -249,6 +248,7 @@
|
|||
<a href="" class="next">下一页</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 尾部 -->
|
||||
<div class="footer w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
|
||||
|
|
|
|||
|
|
@ -129,7 +129,7 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 表单 -->
|
||||
<div class="information">
|
||||
<ul class="information-list">
|
||||
<li class="wow fadeInUp">
|
||||
|
|
@ -141,7 +141,7 @@
|
|||
<li class="wow fadeInUp">
|
||||
<span>联系电话<em>*</em></span>
|
||||
<section>
|
||||
<input type="text" value="13852526262">
|
||||
<input type="text" readonly="readonly" value="13852526262">
|
||||
</section>
|
||||
</li>
|
||||
<li class="wow fadeInUp">
|
||||
|
|
@ -173,7 +173,7 @@
|
|||
<span>常驻地址</span>
|
||||
<section class="select-section">
|
||||
<select name="province">
|
||||
<option value="">北京</option>
|
||||
<option value="">四川</option>
|
||||
<option value="">上海</option>
|
||||
<option value="">广州</option>
|
||||
</select>
|
||||
|
|
|
|||
|
|
@ -91,10 +91,9 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 表单 -->
|
||||
<div class="from-list-bg w1140 wow fadeInUp">
|
||||
<ul class="from-list from-list-five">
|
||||
<ul class="from-list from-list-five from-withdrawal-admin">
|
||||
<li class="wow fadeInUp">
|
||||
<span>提现账户</span>
|
||||
<span>提现金额</span>
|
||||
|
|
@ -232,6 +231,7 @@
|
|||
<a href="" class="next">下一页</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 尾部 -->
|
||||
<div class="footer w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
|
||||
|
|
|
|||
|
|
@ -0,0 +1,125 @@
|
|||
<!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></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="survey wow fadeInUp">
|
||||
<div class="survey-left wow fadeInUp">
|
||||
<span><img src="images/avatar.png" alt="高高兴"></span>
|
||||
<section>
|
||||
<h2>高高兴</h2>
|
||||
<p>联系方式：13852526255</p>
|
||||
</section>
|
||||
</div>
|
||||
<div class="survey-right wow fadeInUp">
|
||||
<span>账户余额：<strong>5526.00</strong></span>
|
||||
<button class="withdrawal-btn">立即提现</button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 二级导航 -->
|
||||
<div class="pull-nav w1140 wow fadeInUp">
|
||||
<div class="pull-nav-swiper swiper">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide">
|
||||
<a href="user.html">个人资料</a>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<a href="upload.html">上传患者信息</a>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<a href="patient.html">患者信息列表</a>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<a href="withdrawal.html">提现记录</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="information information-withdrawal">
|
||||
<ul class="information-list">
|
||||
<li class="wow fadeInUp">
|
||||
<span>提现到账户<em>*</em></span>
|
||||
<section class="account-section">
|
||||
<span>建设银行<strong>6255 8545 4584 5454 845</strong></span><a href="">更改账户</a>
|
||||
</section>
|
||||
</li>
|
||||
<li class="wow fadeInUp">
|
||||
<span>提现金额<em>*</em></span>
|
||||
<section class="select-section">
|
||||
<input name="money" type="text" value="">
|
||||
</section>
|
||||
</li>
|
||||
</ul>
|
||||
<button class="information-btn wow fadeInUp">确认提现</button>
|
||||
</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="">合作协议</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>
|
||||
|
|
@ -92,8 +92,7 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 表单 -->
|
||||
<div class="from-list-bg w1140 wow fadeInUp">
|
||||
<ul class="from-list from-list-three">
|
||||
<li class="wow fadeInUp">
|
||||
|
|
@ -199,6 +198,7 @@
|
|||
<a href="" class="next">下一页</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 尾部 -->
|
||||
<div class="footer w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
|
||||
|
|
|
|||
Loading…
Reference in New Issue