<!DOCTYPE html>
|
<html lang="en">
|
<head>
|
<meta charset="utf-8">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
|
<meta content="yes" name="apple-mobile-web-app-capable">
|
<meta content="black" name="apple-mobile-web-app-status-bar-style">
|
<meta content="telephone=no" name="format-detection">
|
<title>运动演示视频</title>
|
<script src="../js/rem.js"></script>
|
<link rel="stylesheet" href="../css/index.css">
|
</head>
|
<body>
|
<div class="main-view">
|
<div class="page-module" id="vmview">
|
<div class="recipel-item" v-for="item in sportList" @click="gotoSportDetail(item)" v-cloak>
|
<div class="recipel-left">
|
<p class="recipel-title">{{item.sportName}}</p>
|
<div class="recipel-pre">
|
<p class="pre-item" v-if="item.numberGroup != null">{{item.numberGroup}}{{item.mainClassId=='1'?'分钟/天':item.unit}}</p>
|
<p class="pre-item" v-if="item.mainClassName">{{ item.mainClassName }}</p>
|
</div>
|
</div>
|
<div class="recipel-right" >
|
<img v-if="item.videoInformationUrls != '' && item.videoInformationUrls != null" src="../images/play.png" class="play">
|
<img :src="item.imageInformationUrls">
|
</div>
|
</div>
|
<div class="recipel-shix">
|
<p class="title">建议及注意事项</p>
|
<p class="shix-item">1.饭后1-2小时后再参加运动，切勿暴饮暴食。</p>
|
<p class="shix-item">2.按照处方要求，运动前做热身运动，运动结束后做整理活动。</p>
|
<p class="shix-item">3.根据个体情况，运动要循序渐进。</p>
|
<p class="shix-item">4.运动中，注意观察运动者运动状态（参考报告上“儿童运动强度观察对照表”），如有不适或运动强度超额的表现，应立即停止运动，并及时寻求专业处置，同时反馈给医生调整运动强度。</p>
|
<p class="shix-item">5.运动完成后，注意观察运动者的状态（参考报告上“运动后表现对照表”），如果出现运动量过度的表现，及时反馈给医生调整处方。</p>
|
</div>
|
</div>
|
|
<!-- loading -->
|
<div id="new_loading" style="width:100%; max-width: 640px; height:100%; z-index: 99999; position: fixed; top: 0; display: none;"></div>
|
</div>
|
|
<script src="../js/jquery-3.1.1.min.js"></script>
|
<script src="../js/vue.min.js"></script>
|
<script src="../js/spin.min.js"></script>
|
<script src="../js/config.js"></script>
|
<script>
|
var opts = {
|
lines: 9, // The number of lines to draw
|
length: 0, // The length of each line
|
width: 10, // The line thickness
|
radius: 15, // The radius of the inner circle
|
corners: 1, // Corner roundness (0..1)
|
rotate: 0, // The rotation offset
|
color: '#00bccd', // #rgb or #rrggbb
|
speed: 1, // Rounds per second
|
trail: 60, // Afterglow percentage
|
shadow: false, // Whether to render a shadow
|
hwaccel: false, // Whether to use hardware acceleration
|
className: 'spinner', // The CSS class to assign to the spinner
|
zIndex: 2e9, // The z-index (defaults to 2000000000)
|
top: '100%', // Top position relative to parent in px
|
left: '100%' // Left position relative to parent in px
|
};
|
var target = document.getElementById('new_loading');
|
var loading = new Spinner(opts);
|
|
var vm = new Vue({
|
el: "#vmview",
|
data: {
|
sportList: [],
|
imgBasePath: 'http://sportsever.kidgrow.net/',
|
},
|
created() {
|
this.getSportList();
|
},
|
methods: {
|
getSportList() {
|
var that = this;
|
var id = config.getUrlParam("id");
|
loading.spin(target);
|
$.ajax({
|
url: config.otherdomain+"/api-height-plan-center/privateSport/getSportDetailByIds",
|
data:{str: id},
|
type:"POST",
|
dataType: "json",
|
success: function (res) {
|
loading.stop();
|
if (res.code == 0) {
|
var sports = res.data;
|
for(var i = 0; i < sports.length; i ++){
|
if(sports[i].imageInformationUrls){
|
let imgList = sports[i].imageInformationUrls.split(',') // 图片数组
|
sports[i].imageInformationUrls = that.imgBasePath+imgList[0]
|
}
|
}
|
that.sportList = sports;
|
}
|
},
|
error: function (err) {
|
loading.stop();
|
}
|
});
|
},
|
gotoSportDetail(detail) {
|
localStorage.setItem('SportDetail', JSON.stringify(detail));
|
window.location.href = 'detail.html';
|
}
|
}
|
})
|
</script>
|
</body>
|
</html>
|
