作者 wendy0406

王玉琪

... ... @@ -18,8 +18,11 @@
}
.mdn-accordion .accordion-title::before {
right: 0.5rem;
top: 45%;
right: 0.65rem;
top: 50%;
transform: translateY(-0.13rem);
width: 0.26rem;
height: 0.26rem;
}
..mdn-accordion .accordion-title {
... ... @@ -32,13 +35,17 @@
}
.mdn-accordion .accordion-toggle:checked+.accordion-title::before {
right: 40px;
right: 0.65rem;
color: #c0c0c0;
width: 0.26rem;
height: 0.26rem;
}
.mdn-accordion .accordion-toggle:checked+.accordion-title::before {
right: 0.5rem;
top: 20%;
right: 0.65rem;
color: #c0c0c0;
width: 0.26rem;
height: 0.26rem;
}
</style>
... ... @@ -85,4 +92,11 @@
</ul>
</div>
</div>
<!--paypart2 end-->
\ No newline at end of file
<!--paypart2 end-->
<script type="text/javascript">
$('.acde').click(function () {
window.location.href='deposit.html'
})
</script>
</body>
</html>
\ No newline at end of file
... ...
... ... @@ -96,9 +96,8 @@
data: type_sugar,
};
var header = {
"DeviceType": '1',
"Token": '1',
"Accept": 'application/json;text/plain',
"XX-Device-Type": '1',
"XX-Token": '1',
}
if (type_sugar != '' && endTime != '' && time3 != '') {
getRequest('post', "user/index/setBoolData", post, header).then(function (res) {
... ... @@ -112,7 +111,7 @@
// url: "http://kindapp.w.bronet.cn/api/user/index/setBoolData",
// dataType:"json",
// headers:{
// "DeviceType":'1',
// ""XX-Device-Type"":'1',
// "Token":'1',
// "Accept":'application/json;text/plain',
// // "Content-Type":"text/plain;charset=UTF-8"
... ...
... ... @@ -70,7 +70,7 @@
order_id:1
};
var header={
DeviceType:1,
"XX-Device-Type":1,
Token:1
};
sendAjax('post', 'user/Order/getConsumeMoney', post, header, function (res) {
... ...
... ... @@ -19,7 +19,6 @@ body{
margin: 0 auto;
height: 100%;
background-color:#efefef;
box-shadow: 1px 1px 5px #888888;
font-size:0.24rem;
}
.left{
... ...
... ... @@ -5,8 +5,8 @@
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css/base.css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/tanchu.css" />
<script src="js/base.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" type="text/css" href="css/tanchu.css" /><link rel="stylesheet" href="css/weui.css">
<script src="js/base.js" type="text/javascript" charset="utf-8"></script>
<title>提现确认</title>
</head>
<style type="text/css">
... ... @@ -29,27 +29,27 @@
<div class="infupart1 depobox">
<div class="appro">
<span>银行户名</span>
<span class="right"><input type="text" placeholder="请输入姓名" /></span>
<span class="right"><input type="text" class="test_name" placeholder="请输入姓名" /></span>
</div>
<div class="appro">
<span>银行卡号</span>
<span class="right"><input type="text" placeholder="请输入银行借记卡卡号" /></span>
<span class="right"><input type="text" class="card_num" placeholder="请输入银行借记卡卡号" /></span>
</div>
<div class="appro">
<span>所属银行</span>
<span class="right"><input type="text" class="select-value5" placeholder="" /><img src="images/pergo_03.jpg"/></span>
<span class="right"><input type="text" class="select-value5 bank" placeholder="" /><img src="images/pergo_03.jpg"/></span>
</div>
<div class="appro">
<span>所属地区</span>
<span class="right"><input type="text" class="select-value" placeholder="" /><img src="images/pergo_03.jpg"/></span>
<span class="right"><input type="text" class="select-value test_address" placeholder="" /><img src="images/pergo_03.jpg"/></span>
</div>
<div class="appro">
<span>预留手机号</span>
<span class="right"><input type="text" placeholder="请输入您的手机号码" /></span>
<span class="right"><input type="text" class="phone_numphone_num" placeholder="请输入您的手机号码" /></span>
</div>
<div class="appyan">
<span class="right"><span class="qufen">|</span><a href="#">获取验证码</a></span>
<span><input type="text" placeholder="请输入您的验证码" /></span>
<span><input type="text" class="test_num" placeholder="请输入您的验证码" /></span>
</div>
<div id="inaccount"><img src="images/vipli_19.jpg"/>5-7个工作日审核到账</div>
... ... @@ -60,6 +60,51 @@
<script src="js/jquery.min.js"></script>
<script src="js/deposit.js"></script><div class="mPicker hide"><div class="mPicker-mask hide"></div></div>
<script src="js/weui.js"></script>
<script type="text/javascript">
var myreg=/^[1][3,4,5,7,8][0-9]{9}$/;
$(document).ready(function () {
})
$('.approbut').click(function () {
if ($('.test_name').val()==''||$('.test_name').val()==undefined||$('.test_name').val()==null){
let loading = weui.loading("请输入姓名")
setTimeout(function () {
loading.hide();
}, 1500);
}else if ($('.card_num').val()==''||$('.card_num').val()==undefined||$('.card_num').val()==null){
let loading = weui.loading("请输入银行借记卡卡号")
setTimeout(function () {
loading.hide();
}, 1500);
}else if ($('.bank').val()==''||$('.bank').val()==undefined||$('.bank').val()==null){
let loading = weui.loading("请选择所属银行")
setTimeout(function () {
loading.hide();
}, 1500);
}else if ($('.test_address').val()==''||$('.test_address').val()==undefined||$('.test_address').val()==null){
let loading = weui.loading("请选择所属地区")
setTimeout(function () {
loading.hide();
}, 1500);
}else if ($('.test_address').val()==''||$('.test_address').val()==undefined||$('.test_address').val()==null){
let loading = weui.loading("请选择所属地区")
setTimeout(function () {
loading.hide();
}, 1500);
}else if(!myreg.test($('.phone_numphone_num').val())){
let loading = weui.loading("请输入正确手机号")
setTimeout(function () {
loading.hide();
}, 1500);
}else if ($('.test_num').val()==''||$('.test_num').val()==undefined||$('.test_num').val()==null){
let loading = weui.loading("请填写验证码")
setTimeout(function () {
loading.hide();
}, 1500);
}
})
</script>
</body>
... ...
... ... @@ -122,9 +122,11 @@ input.labelauty + label{
type:"POST",
url:"http://192.168.1.3/api/user/index/typeInfo",
dataType:"JSON",
headers:{
"XX-Device-Type":"1",
"XX-Token":"1",
},
data:{
DeviceType:"1",
token:"1",
type_id:"1",
},
success:function (res) {
... ... @@ -163,8 +165,8 @@ input.labelauty + label{
url:"http://192.168.1.3/api/user/index/typeInfo",
dataType:"JSON",
data:{
DeviceType:"1",
token:"1",
"XX-Device-Type":"1",
"XX-Token":"1",
type_id:"1",
qid:qid,
aid:sele_arr
... ...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css/base.css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/progress.css" />
<link rel="stylesheet" type="text/css" href="css/font-awesome.css"/>
<link rel="stylesheet" type="text/css" href="css/modern-accordion.css">
<link rel="stylesheet" type="text/css" href="css/health.css">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="stylesheet" type="text/css" href="css/base.css"/>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<link rel="stylesheet" type="text/css" href="css/progress.css"/>
<link rel="stylesheet" type="text/css" href="css/font-awesome.css"/>
<link rel="stylesheet" type="text/css" href="css/modern-accordion.css">
<link rel="stylesheet" type="text/css" href="css/health.css">
<script type="text/javascript" src="js/base.js"></script>
<script src="js/modern-accordion.js"></script>
<style>
@-webkit-keyframes load {
0% {
stroke-dashoffset: 0;
}
}
@keyframes load {
0% {
stroke-dashoffset: 0;
}
}
.mdn-accordion .accordion-title::before{
display: none;
}
.accordion-title {
width: 7.5rem;
}
.progress {
position: relative;
display: inline-block;
padding: 0;
text-align: center;
left: -1.1rem;
top: 0.25rem;
}
.progress > li {
display: inline-block;
position: relative;
text-align: center;
color: #93A2AC;
font-family: Lato;
font-weight: 100;
}
.progress > li:before {
content: attr(data-name);
position: absolute;
width: 100%;
bottom: -2rem;
font-weight: 400;
}
.progress > li:after {
content: attr(data-percent);
position: absolute;
width: 100%;
top: 3.7rem;
left: 0;
font-size: 2rem;
text-align: center;
}
.progress svg {
width: 2.5rem;
height: 3.1rem;
}
.progress svg:nth-child(2) {
position: absolute;
left: 0;
top: 0;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.progress svg:nth-child(2) path {
fill: none;
stroke-width: 13;
stroke-dasharray: 629;
stroke: #ddc081;
opacity: .9;
-webkit-animation: load 10s;
animation: load 10s;
}
#target{
width:0.58rem
}
.mdn-accordion .accordion-title, .mdn-accordion a{
padding: 0;
display: block;
width: 7.5rem;
}
.mdn-accordion .accordion-title::before{
top: 50%;
transform: translateY(-0.13rem);
right: 0.15rem;
width: 0.25rem;
height: 0.26rem;
transform: translateY(-0.13rem);
}
.textleft{
height: 0.66rem;
position: relative;
line-height: 0.3rem;
display: flex;
align-items: center;
justify-content: space-between;
width: 7.5rem;
box-sizing: border-box;
}
.textright{
display: inline-block;
height: 0.3rem;
position: absolute;
}
</style>
<title>健康档案</title>
<script src="js/modern-accordion.js"></script>
<style>
.rotate {
transform-origin: center center;
/ / 旋转中心要是正中间 才行 transform: rotate(90 deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transition: transform 0.2s;
/ / 过度时间 可调 -moz-transition: -moz-transform 0.2 s;
-moz-transition: -moz-transform 0.2s;
-o-transition: -o-transform 0.2s;
-ms-transition: -ms-transform 0.2s;
}
.rotate1 {
transform-origin: center center;
transform: rotate(0deg);
/ / 返回原点 -webkit-transform: rotate(0 deg);
-moz-transform: rotate(deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transition: transform 0.2s;
-moz-transition: -moz-transform 0.2s;
-moz-transition: -moz-transform 0.2s;
-o-transition: -o-transform 0.2s;
-ms-transition: -ms-transform 0.2s;
}
@-webkit-keyframes load {
0% {
stroke-dashoffset: 0;
}
}
@keyframes load {
0% {
stroke-dashoffset: 0;
}
}
.mdn-accordion .accordion-title::before {
display: none;
}
.accordion-title {
width: 7.5rem;
}
.progress {
position: relative;
display: inline-block;
padding: 0;
text-align: center;
left: -1.1rem;
top: 0.25rem;
}
.progress > li {
display: inline-block;
position: relative;
text-align: center;
color: #93A2AC;
font-family: Lato;
font-weight: 100;
}
.progress > li:before {
content: attr(data-name);
position: absolute;
width: 100%;
bottom: -2rem;
font-weight: 400;
}
.progress > li:after {
content: attr(data-percent);
position: absolute;
width: 100%;
top: 3.7rem;
left: 0;
font-size: 2rem;
text-align: center;
}
.progress svg {
width: 2.5rem;
height: 3.1rem;
}
.progress svg:nth-child(2) {
position: absolute;
left: 0;
top: 0;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.progress svg:nth-child(2) path {
fill: none;
stroke-width: 13;
stroke-dasharray: 629;
stroke: #ddc081;
opacity: .9;
-webkit-animation: load 10s;
animation: load 10s;
}
#target {
width: 0.58rem
}
.mdn-accordion .accordion-title, .mdn-accordion a {
padding: 0;
display: block;
width: 7.5rem;
}
.mdn-accordion .accordion-title::before {
top: 50%;
transform: translateY(-0.13rem);
right: 0.15rem;
width: 0.25rem;
height: 0.26rem;
transform: translateY(-0.13rem);
}
.textleft {
height: 0.66rem;
position: relative;
line-height: 0.3rem;
display: flex;
align-items: center;
justify-content: space-between;
width: 7.5rem;
box-sizing: border-box;
}
.textright {
display: inline-block;
height: 0.3rem;
position: absolute;
}
</style>
<title>健康档案</title>
</head>
<body>
<svg width="0" height="0">
<defs>
<lineargradient id="cl1" gradientUnits="objectBoundingBox" x1="0" y1="0" x2="1" y2="1">
<stop stop-color="#618099"></stop>
<stop offset="100%" stop-color="#8e6677"></stop>
</lineargradient>
<lineargradient id="cl2" gradientUnits="objectBoundingBox" x1="0" y1="0" x2="0" y2="1">
<stop stop-color="#8e6677"></stop>
<stop offset="100%" stop-color="#9b5e67"></stop>
</lineargradient>
<lineargradient id="cl3" gradientUnits="objectBoundingBox" x1="1" y1="0" x2="0" y2="1">
<stop stop-color="#9b5e67"></stop>
<stop offset="100%" stop-color="#9c787a"></stop>
</lineargradient>
<lineargradient id="cl4" gradientUnits="objectBoundingBox" x1="1" y1="1" x2="0" y2="0">
<stop stop-color="#9c787a"></stop>
<stop offset="100%" stop-color="#817a94"></stop>
</lineargradient>
<lineargradient id="cl5" gradientUnits="objectBoundingBox" x1="0" y1="1" x2="0" y2="0">
<stop stop-color="#817a94"></stop>
<stop offset="100%" stop-color="#498a98"></stop>
</lineargradient>
<lineargradient id="cl6" gradientUnits="objectBoundingBox" x1="0" y1="1" x2="1" y2="0">
<stop stop-color="#498a98"></stop>
<stop offset="100%" stop-color="#618099"></stop>
</lineargradient>
</defs>
<defs>
<lineargradient id="cl1" gradientUnits="objectBoundingBox" x1="0" y1="0" x2="1" y2="1">
<stop stop-color="#618099"></stop>
<stop offset="100%" stop-color="#8e6677"></stop>
</lineargradient>
<lineargradient id="cl2" gradientUnits="objectBoundingBox" x1="0" y1="0" x2="0" y2="1">
<stop stop-color="#8e6677"></stop>
<stop offset="100%" stop-color="#9b5e67"></stop>
</lineargradient>
<lineargradient id="cl3" gradientUnits="objectBoundingBox" x1="1" y1="0" x2="0" y2="1">
<stop stop-color="#9b5e67"></stop>
<stop offset="100%" stop-color="#9c787a"></stop>
</lineargradient>
<lineargradient id="cl4" gradientUnits="objectBoundingBox" x1="1" y1="1" x2="0" y2="0">
<stop stop-color="#9c787a"></stop>
<stop offset="100%" stop-color="#817a94"></stop>
</lineargradient>
<lineargradient id="cl5" gradientUnits="objectBoundingBox" x1="0" y1="1" x2="0" y2="0">
<stop stop-color="#817a94"></stop>
<stop offset="100%" stop-color="#498a98"></stop>
</lineargradient>
<lineargradient id="cl6" gradientUnits="objectBoundingBox" x1="0" y1="1" x2="1" y2="0">
<stop stop-color="#498a98"></stop>
<stop offset="100%" stop-color="#618099"></stop>
</lineargradient>
</defs>
</svg>
<div class="heheader center">
<div class="left back"><a href="#" onClick="javascript:history.back(-1);"><img src="images/hetop_03.jpg"/></a></div>
<div class="left back"><a href="#" onClick="javascript:history.back(-1);"><img src="images/hetop_03.jpg"/></a></div>
<div class="shetitle">健康档案</div>
<div class="right heshare">
<div class="c-dropdown js-dropdown">
<span class="c-button c-button--dropdown "><img src="images/her_03.jpg" id ="target"/></span>
<ul class="c-dropdown__list">
<li class="c-dropdown__item" data-dropdown-value="angular"><a href="#">完善健康档案</a></li>
<li class="c-dropdown__item" data-dropdown-value="backbone"><a href="#">添加亲友档案</a></li>
<li class="c-dropdown__item" data-dropdown-value="ember"><a href="亲友健康档案.html">查看亲友档案</a></li>
</ul>
<div class="c-dropdown js-dropdown">
<span class="c-button c-button--dropdown "><img src="images/her_03.jpg" id="target"/></span>
<ul class="c-dropdown__list">
<li class="c-dropdown__item" data-dropdown-value="angular"><a href="#">完善健康档案</a></li>
<li class="c-dropdown__item" data-dropdown-value="backbone"><a href="#">添加亲友档案</a></li>
<li class="c-dropdown__item qinyou" data-dropdown-value="ember"><a href="亲友健康档案.html.html">查看亲友档案</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="hebanner center">
<div id="round" style="margin:0rem;">
<div class="data">
<p id="name">王振华</p>
<p id="year">男,32岁</p>
<p id="integrity">资料完整度63%</p>
</div>
<!-- Container -->
<ul class="progress">
<li>
<svg viewBox="-10 -10 220 220">
<g fill="none" stroke-width="12" transform="translate(100,100)">
<path d="M 0,-100 A 100,100 0 0,1 86.6,-50" stroke="url(#d8b25f)"></path>
<path d="M 86.6,-50 A 100,100 0 0,1 86.6,50" stroke="url(#d8b25f)"></path>
<path d="M 86.6,50 A 100,100 0 0,1 0,100" stroke="url(#d8b25f)"></path>
<path d="M 0,100 A 100,100 0 0,1 -86.6,50" stroke="url(#d8b25f)"></path>
<path d="M -86.6,50 A 100,100 0 0,1 -86.6,-50" stroke="url(#d8b25f)"></path>
<path d="M -86.6,-50 A 100,100 0 0,1 0,-100" stroke="url(#d8b25f)"></path>
</g>
</svg>
<svg viewBox="-10 -10 220 220">
<path d="M200,100 C200,44.771525 155.228475,0 100,0 C44.771525,0 0,44.771525 0,100 C0,155.228475 44.771525,200 100,200 C155.228475,200 200,155.228475 200,100 Z" stroke-dashoffset="415"></path>
</svg>
</li>
</ul>
<!-- Defining Angle Gradient Colors -->
<!--<div class="progress-radial progress-63">
<b>
<div class="data">
<p id="name">王振华</p>
<p id="year">男,32岁</p>
<p id="integrity">资料完整度63%</p>
</div>
</b>
</div>-->
</div>
<!-- Container -->
<ul class="progress">
<li>
<svg viewBox="-10 -10 220 220">
<g fill="none" stroke-width="12" transform="translate(100,100)">
<path d="M 0,-100 A 100,100 0 0,1 86.6,-50" stroke="url(#d8b25f)"></path>
<path d="M 86.6,-50 A 100,100 0 0,1 86.6,50" stroke="url(#d8b25f)"></path>
<path d="M 86.6,50 A 100,100 0 0,1 0,100" stroke="url(#d8b25f)"></path>
<path d="M 0,100 A 100,100 0 0,1 -86.6,50" stroke="url(#d8b25f)"></path>
<path d="M -86.6,50 A 100,100 0 0,1 -86.6,-50" stroke="url(#d8b25f)"></path>
<path d="M -86.6,-50 A 100,100 0 0,1 0,-100" stroke="url(#d8b25f)"></path>
</g>
</svg>
<svg viewBox="-10 -10 220 220">
<path d="M200,100 C200,44.771525 155.228475,0 100,0 C44.771525,0 0,44.771525 0,100 C0,155.228475 44.771525,200 100,200 C155.228475,200 200,155.228475 200,100 Z"
stroke-dashoffset="415"></path>
</svg>
</li>
</ul>
<!-- Defining Angle Gradient Colors -->
<!--<div class="progress-radial progress-63">
<b>
<div class="data">
<p id="name">王振华</p>
<p id="year">男,32岁</p>
<p id="integrity">资料完整度63%</p>
</div>
</b>
</div>-->
</div>
</div>
</div>
<div class="capart1">
<div class="perfect">
<ul>
<li><a href="peridata.html"><img src="images/heli_03.png"/>个人资料<span class="right"><span id="info">未完善</span> <img src="images/hego.png"/></span></a></li>
<li><a href="history.html"><img src="images/heli_06.png"/>健康史<span class="right"><span id="history">未完善</span> <img src="images/hego.png"/></span></a></li>
<li><a href="data.html"><img src="images/heli_08.png"/>健康数据<span class="right"><span id="h_data">未完善</span> <img src="images/hego.png"/></span></a></li>
<div class="perfect">
<ul>
<li><a href="peridata.html"><img src="images/heli_03.png"/>个人资料<span class="right"><span
id="info">未完善</span> <img src="images/hego.png"/></span></a></li>
<li><a href="history.html"><img src="images/heli_06.png"/>健康史<span class="right"><span
id="history">未完善</span> <img src="images/hego.png"/></span></a></li>
<li><a href="data.html"><img src="images/heli_08.png"/>健康数据<span class="right"><span id="h_data">未完善</span> <img
src="images/hego.png"/></span></a></li>
</ul>
</div>
<div>
<ul class="mdn-accordion single-level-accordion record">
<input class="accordion-toggle" type="checkbox" name="accordion-panel-1" id="accordion-panel-1">
<label class="accordion-title shu" for="accordion-panel-1">
<ul class="mdn-accordion single-level-accordion record">
<input class="accordion-toggle" type="checkbox" name="accordion-panel-1" id="accordion-panel-1">
<label class="accordion-title shu" for="accordion-panel-1">
<div class="textleft hefe" style="width: 7.5rem;padding: 0 0.12rem 0 0.35rem;"><div>
<img src="images/he_03.jpg"/>全生命周期健康记录
</div>
<div><span class="right"><span id="life_record">3分报告</span> <img src="images/hego.png"/></span></div>
</div>
</label>
<ul>
<li><div class="time">2016-07-18<span class="yuan"><img src="images/yuan_03.png"/></span></div>
<div class="hecontent right">
<div class="triangle-left"></div>
<div class="recordti">[ 病历 ]</div>
<div class="redes">主诉:流涕咽喉疼痛3天</div>
<div class="textleft hefe" style="width: 7.5rem;padding: 0 0.12rem 0 0.35rem;">
<div>
<img src="images/he_03.jpg"/>全生命周期健康记录
</div>
<div><span class="right"><span id="life_record">3分报告</span> <img src="images/hego.png"
class="hego_active"/></span></div>
</div>
</li>
<li><div class="time">2016-07-18<span class="yuan"><img src="images/yuan_03.png"/></span></div>
<div class="hecontent right">
<div class="triangle-left"></div>
<div class="recordti">[ 护理报告 ] 老年健康定期巡护</div>
<div class="redes">超声所见:肝脏形态大小正常</div>
</div>
</li>
<li><div class="time">2016-07-18<span class="yuan"><img src="images/yuan_03.png"/></span></div>
<div class="hecontent right">
<div class="triangle-left"></div>
<div class="recordti">[体检报告 ] 三高疾病基因风险评估</div>
<div class="redes">低风险:普通预防;常规检测</div>
</div>
</li>
</ul>
</label>
<ul>
<li>
<div class="time">2016-07-18<span class="yuan"><img src="images/yuan_03.png"/></span></div>
<div class="hecontent right">
<div class="triangle-left"></div>
<div class="recordti">[ 病历 ]</div>
<div class="redes">主诉:流涕咽喉疼痛3天</div>
</div>
</li>
<li>
<div class="time">2016-07-18<span class="yuan"><img src="images/yuan_03.png"/></span></div>
<div class="hecontent right">
<div class="triangle-left"></div>
<div class="recordti">[ 护理报告 ] 老年健康定期巡护</div>
<div class="redes">超声所见:肝脏形态大小正常</div>
</div>
</li>
<li>
<div class="time">2016-07-18<span class="yuan"><img src="images/yuan_03.png"/></span></div>
<div class="hecontent right">
<div class="triangle-left"></div>
<div class="recordti">[体检报告 ] 三高疾病基因风险评估</div>
<div class="redes">低风险:普通预防;常规检测</div>
</div>
</li>
</ul>
</ul>
</div>
</div>
<script src="js/health.js"></script>
<script src="js/health.js"></script>
<script type="text/javascript" src="js/common.js"/>
<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
record()
})
$('.textleft').click(function () {
if ($('.hego_active').hasClass("rotate")) { //点击箭头旋转180度
$('.hego_active').removeClass("rotate");
$('.hego_active').addClass("rotate1");
} else {
$('.hego_active').removeClass("rotate1"); //再次点击箭头回来
$('.hego_active').addClass("rotate");
}
})
//跳页
$('.qinyou').click(function () {
window.location.href='qinyou.html';
})
function record() {
$.ajax({
type:"POST",
url: baseUrl+"user/index/record",
dataType:"json",
data:{
DeviceType:"1",
token:"1",
type: "POST",
url: baseUrl + "user/index/record",
dataType: "json",
headers: {
"XX-Device-Type": "1",
"XX-Token": "1",
},
success:function (res) {
success: function (res) {
console.log(res)
var data = res.data
if (data.personal == 1){
if (data.personal == 1) {
$('#info').html('已完善')
} else {
$('#info').html('未完善')
}
if (data.history == 1){
if (data.history == 1) {
$('#history').html('已完善')
} else {
$('#history').html('未完善')
}
if (data.h_data == 1){
if (data.h_data == 1) {
$('#h_data').html('已完善')
} else {
$('#h_data').html('未完善')
}
$('#life_record').html(data.life_record+'分报告')
$('#life_record').html(data.life_record + '分报告')
}
})
}
... ...
... ... @@ -167,9 +167,9 @@
type:"POST",
url: baseUrl + "user/index/question",
dataType:"json",
data:{
DeviceType:"1",
token:"1",
headers:{
"XX-Device-Type":"1",
"XX-Token":"1",
},
success:function (res) {
var data = res.data;
... ... @@ -178,7 +178,17 @@
for( key in data ){
if((key%2)== 1){
// console.log(key)
$('.history_wrap').append(`<li class="history_item">
if (data[key].remark == '已完善'){
$('.history_wrap').append(`<li class="history_item">
<a href="family.html">
<div class="history_pic"><img src="${data[key].img}"/></div>
<div class="inblock hist history_text_sub">${data[key].name}</div>
<div class="inblock noperfect">已完善</div>
<div><img src="images/hislibt_03.jpg" class="hislibt"/></div>
</a>
</li>`)
}else {
$('.history_wrap').append(`<li class="history_item">
<a href="family.html">
<div class="history_pic"><img src="${data[key].img}"/></div>
<div class="inblock hist history_text">${data[key].name}</div>
... ... @@ -186,10 +196,12 @@
<div><img src="images/hislibt_03.jpg" class="hislibt"/></div>
</a>
</li>`)
}
}else {
// console.log(key)
$('.history_wrap').append(`<li class="history_item">
if (data[key].remark == '已完善') {
$('.history_wrap').append(`<li class="history_item">
<a href="family.html">
<div class="hist2 left history_text_sub">${data[key].name}</div>
<div class="left history_pic_sub"><img src="${data[key].img}"/></div>
... ... @@ -197,6 +209,16 @@
<div><img src="images/hislibt_06.jpg" class="hislibt"/></div>
</a>
</li>`)
} else {
$('.history_wrap').append(`<li class="history_item">
<a href="family.html">
<div class="hist2 left history_text">${data[key].name}</div>
<div class="left history_pic_sub"><img src="${data[key].img}"/></div>
<div class="noperfect">未完善</div>
<div><img src="images/hislibt_06.jpg" class="hislibt"/></div>
</a>
</li>`)
}
}
}
}
... ...
// var baseUrl = 'http://kindapp.w.bronet.cn/api/';
// var baseUrl = 'http://192.168.1.3/api/';
var baseUrl = 'http://kindapp.w.bronet.cn/api/'
var baseUrl = 'http://192.168.1.3/api/';
// var baseUrl = 'http://kindapp.w.bronet.cn/api/'
function sendAjax(post, url, params, header, callback) {
$.ajax({
... ...
... ... @@ -54,9 +54,9 @@
type:"POST",
url: baseUrl+"user/index/healthData",
dataType:"json",
data:{
DeviceType:"1",
token:"1",
headers:{
"XX-Device-Type":"1",
"XX-Token":"1",
},
success:function (res) {
var data = res.data;
... ...
... ... @@ -29,6 +29,7 @@
position: relative;
padding-bottom: 1.1rem;
}
</style>
</head>
... ... @@ -38,7 +39,7 @@
<a href="#"><img src="images/mbrig_03.png"/></a>
</div>
<div class="mblogo">
<p id="mbvip"><img src="images/mbvip_03.png"/></p>
<p id="mbvip"><img src="images/mbvip_03.png" id="vip_icon" style="display: none;"/></p>
<p><a href="peridata.html"><img src="images/mblogo_03.png" id="avatar"/></a></p>
<p id="person_name"></p>
</div>
... ... @@ -46,14 +47,14 @@
<div class="mbpart1">
<div class="mbw">
<a href="accout.html">
<p class="mbmoney">0.00元</p>
<a href="account.html">
<p class="mbmoney" id="money">0.00元</p>
<p>账户余额</p>
</a>
</div>
<div class="mbw">
<a href="consumption.html">
<p class="mbmoney">0张</p>
<p class="mbmoney" id="ticket">0张</p>
<p>消费金额</p>
</a>
</div>
... ... @@ -120,21 +121,22 @@
$(document).ready(function () {
$.ajax({
type:"POST",
url: baseUrl+"user/index/getUserinfo",
url: baseUrl+"user/index/getUserIndexInfo",
dataType:"json",
data:{
DeviceType:"1",
token:"1",
rid:"0"
headers:{
"XX-Device-Type":"1",
"XX-Token":"1",
},
success:function (res) {
var data = res.data
$('#person_name').html('')
$('#person_name').html(`${data.name}`)
if (data.avatar == ''||data.avatar == undefined||data.avatar == null){
$('#avatar').attr('src','images/mblogo_03.png')
} else{
$('#avatar').attr('src',data.avatar)
console.log(data)
$('#avatar').attr('src',data.avatar)
$('#money').html(data.balance+'元')
$('#ticket').html(data.count+'张')
if (data.is_vip==1){
$('#vip_icon').show()
}else{
$('#vip_icon').hide()
}
}
})
... ...
... ... @@ -106,8 +106,8 @@
order_id:id
};
var header={
DeviceType:1,
Token:1
"XX-Device-Type":1,
"XX-Token":1
};
sendAjax('post', 'user/Order/getOrderInfo', post, header, function (res) {
console.log(res);
... ...
... ... @@ -158,12 +158,9 @@
</div>
<div>
<button type="button" class="perbut" />保存</div>
<div class="mPicker hide">
<div class="mPicker-mask hide"></div>
</div>
<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script type="text/javascript" src="js/common.js"/>
<script type="text/javascript" src="js/weui.js"/>
... ... @@ -188,9 +185,11 @@
type:"POST",
url: baseUrl+"user/index/getUserinfo",
dataType:"json",
headers:{
"XX-Device-Type":"1",
"XX-Token":"1",
},
data:{
DeviceType:"1",
token:"1",
rid:"0"
},
success:function (res) {
... ... @@ -245,53 +244,68 @@
//
// formData.append('file',file ); //添加图片信息的参数
// formData.append('fileType','image' ); //添加图片信息的参数
$.ajax({
url: baseUrl+'user/index/upAvatar',
type: 'POST',
cache: false, //上传文件不需要缓存
data:formData,
headers:{
DeviceType:"1",
token:"1",
},
dataType: 'json',
processData: false, // 告诉jQuery不要去处理发送的数据
contentType: false, // 告诉jQuery不要去设置Content-Type请求头
success: function(data) {
alert('上传成功')
},
error: function(data) {
// alert("上传失败");
//图片上传
var imgurl = document.getElementById("input_file").value;
$.ajax({
type:"POST",
url: baseUrl+'user/index/upAvatar',
dataType: 'json', //返回值类型 一般设置为json
headers:{
"XX-Device-Type":"1",
"XX-Token":"1",
},
success: function(data) {
alert(data.code + " " + data.msg);
if(data.code == 200) {
$("#headPic").attr("src", "/market/images/image.png");
//将图片换成默认的+图片
}
}
});
//建立一個可存取到該file的url
function getObjectURL(file) {
var url = null;
if(window.createObjectURL != undefined) { // basic
url = window.createObjectURL(file);
} else if(window.URL != undefined) { // mozilla(firefox)
url = window.URL.createObjectURL(file);
} else if(window.webkitURL != undefined) { // webkit or chrome
url = window.webkitURL.createObjectURL(file);
}
})
return url;
}
};
reader.readAsDataURL(file);
}
function up_pic(img) {
// var formData = new FormData();
// var file=$('#input_file').files[0];
formData.append('file',file ); //添加图片信息的参数
formData.append('sizeid', 123); //添加其他参数
$.ajax({
url: baseUrl+'user/index/upAvatar',
type: 'POST',
cache: false, //上传文件不需要缓存
data:formData,
headers:{
DeviceType:"1",
token:"1",
},
dataType: 'json',
processData: false, // 告诉jQuery不要去处理发送的数据
contentType: false, // 告诉jQuery不要去设置Content-Type请求头
success: function(data) {
alert('上传成功')
},
error: function(data) {
// alert("上传失败");
}
})
}
// function up_pic(img) {
// // var formData = new FormData();
// // var file=$('#input_file').files[0];
// formData.append('file',file ); //添加图片信息的参数
// formData.append('sizeid', 123); //添加其他参数
// $.ajax({
// url: baseUrl+'user/index/upAvatar',
// type: 'POST',
// cache: false, //上传文件不需要缓存
// data:formData,
// headers:{
// "XX-Device-Type":"1",
// "XX-Token":"1",
// },
// dataType: 'json',
// processData: false, // 告诉jQuery不要去处理发送的数据
// contentType: false, // 告诉jQuery不要去设置Content-Type请求头
// success: function(data) {
// alert('上传成功')
// },
// error: function(data) {
// // alert("上传失败");
// }
// })
// }
var level13;
var level14;
//获取文化程度接口
... ... @@ -301,8 +315,8 @@
url: baseUrl+'user/index/getCulture',
dataType:"json",
data:{
DeviceType:"1",
token:"1",
"XX-Device-Type":"1",
"XX-Token":"1",
},
success:function (res) {
level13 = []
... ... @@ -342,8 +356,8 @@
url: baseUrl+'user/index/getMedical',
dataType:"json",
data:{
DeviceType:"1",
token:"1",
"XX-Device-Type":"1",
"XX-Token":"1",
},
success:function (res) {
level14 = []
... ...
... ... @@ -125,9 +125,9 @@
type:"POST",
url: baseUrl+"user/index/getQA",
dataType:"json",
data:{
DeviceType:"1",
token:"1",
headers:{
"XX-Device-Type":"1",
"XX-Token":"1",
},
success:function (res) {
$('.question_wrap').html(``)
... ...
... ... @@ -119,15 +119,14 @@
code='https://f11.baidu.com/it/u=1562411134,1079853278&fm=173&app=25&f=JPEG?w=640&h=564&s=5A12758DCA255E8EBA8889500300D0B1&access=215967316';
$.ajax({
type:"POST",
url: "http://kindapp.w.bronet.cn/api/user/index/addReport",
url: baseUrl+"user/index/addReport",
dataType:"json",
header:{
DeviceType:1,
Token:1,
// "Content-Type":"text/plain;charset=UTF-8"
//'Content-Type': 'application/x-www-form-urlencoded'
headers:{
"XX-Device-Type":1,
"XX-Token":1,
},
data:{
rid:0,
checktime:checktime,
name:name,
org:org,
... ...
... ... @@ -171,8 +171,6 @@
loading.hide();
}, 1500);
}
}
})
... ...
... ... @@ -150,9 +150,9 @@
type:"POST",
url: baseUrl+"user/index/myRightsCheck",
dataType:"json",
data:{
DeviceType:"1",
token:"1",
headers:{
"XX-Device-Type":"1",
"XX-Token":"1",
},
success:function (res) {
if (res.data.able == 0){
... ... @@ -172,9 +172,9 @@
type:"POST",
url: baseUrl+"user/index/myRightsCheck",
dataType:"json",
data:{
DeviceType:"1",
token:"1",
headers:{
"XX-Device-Type":"1",
"XX-Token":"1",
},
success:function (res) {
$('.popup').show('.popup');
... ... @@ -207,9 +207,9 @@
type:"POST",
url: baseUrl+"user/index/myRights",
dataType:"json",
data:{
DeviceType:"1",
token:"1",
headers:{
"XX-Device-Type":"1",
"XX-Token":"1",
},
success:function (res) {
$('.vipcon').html(``)
... ...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css/base.css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" href="css/swiper.min.css">
<script type="text/javascript" src="js/base.js"/>
<script src="js/base.js" type="text/javascript" charset="utf-8"></script>
<title>健康档案</title>
<style>
.agheader {
background: rgba(255, 255, 255, .8);
}
.body {
background: none;
position: fixed;
top: 0;
width: 100%;
height: 100%;
background-image: url(images/health2_02.jpg);
background-size: 100% 100%;
}
.he2part{
background-image: none;
height:100%;
}
.he2part .swiper-container{
margin-top: 2rem;
}
.he2kuang,.he3kuang,.he4kuang{
/* width:4.77rem; */
height:6.04rem;
background-size: 100% 100%;
margin-top: 0;
}
.dangtit{
margin-top: 1.5rem;
}
.dangdesc{
margin-bottom: 1.2rem;
}
.dangreport{
margin-bottom: 0.3rem;
}
.swiper-slide {
width: 3.5rem !important;
border-radius: 10px;
margin-right: 1rem;
}
</style>
</head>
<body>
<div class="body">
<div class="agheader center">
<div class="left seback">
<a href="#" onClick="javascript:history.back(-1);">
<img src="images/care_03.jpg" />
</a>
</div>
<div class="headertext">健康档案</div>
</div>
<div class="he2part center">
<div class="swiper-container">
<div class="swiper-wrapper" id="familyRecord">
</div>
</div>
<div style="color:#424242;margin-top:1.5rem;">
<< 左右滑动浏览>></div>
</div>
</div>
</body>
<!-- Swiper JS -->
<script src="js/swiper.min.js"></script>
<script type="text/javascript" src="js/common.js"/>
<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script type="text/javascript" src="js/jquery.min.js"></script>
<!-- Initialize Swiper -->
<script>
window.onload = function () {
var swiper = new Swiper('.swiper-container', {
slidesPerView: 3,
spaceBetween: 30,
centeredSlides: true,
pagination: {
el: '.swiper-pagination',
clickable: true,
},
});
familyRecord()
}
function familyRecord() {
$.ajax({
type:"POST",
url: baseUrl+"user/index/familyRecord",
dataType:"json",
data:{
DeviceType:"1",
token:"1",
},
success:function (res) {
$('#familyRecord').html(``)
var data = res.data;
var info = data.info
console.log(info[0].time)
for ( key in info) {
var img = key%3 == '0'?'images/hebg2_03.png':key%3 == '1'?'images/he2_03.png':key%3 == '2'?'images/hebg2_04.png':""
console.log(img)
$('#familyRecord').append(`<div class="swiper-slide" id="" data-id = ${parseInt(key)+1}>
<div class="he2kuang" style="background-image:url(${img})">
<div class="dangall">
<span>${parseInt(key)+1}</span>/${info.length}</div>
<div class="dangtit">${info[key].name}的健康档案</div>
<div class="dangdesc">最后更新时间:${info[key].time}</div>
<div class="dangreport">
<a href="#">
<img src="images/he2a_03.jpg" />服务报告(${info[key].service}份)</a>
</div>
<div class="dangreport">
<a href="#">
<img src="images/he2a_06.jpg" />检验报告(${info[key].checkout}份)</a>
</div>
</div>
</div>`)
}
// if ($('#swiper_item').attr('data-id')==1){
// $('#swiper_item').css('background-image',"url(../images/hebg2_03.png)")
// } else if ($('#swiper_item').attr('data-id')==2){
// $('#swiper_item').css('background-image',"url(../images/he2_03.png)")
// }else if ($('#swiper_item').attr('data-id')==3){
// $(this).css('background-image',"url(../images/hebg2_04.png)")
// }
}
})
}
</script>
</html>
\ No newline at end of file