|
|
@@ -1,25 +1,25 @@
|
|
|
<template>
|
|
|
- <div class="content">
|
|
|
- <div class="top" :style="{ backgroundColor: bgColor }">
|
|
|
- <span class="watchState">{{ watchText }} {{ battery }}</span>
|
|
|
- <div class="toprow">
|
|
|
- <div class="lt">
|
|
|
- <div class="activeLevel">
|
|
|
- <div v-if="activeState">
|
|
|
- <s>%</s>
|
|
|
- <em>{{ activeLevel }}</em>
|
|
|
- </div>
|
|
|
- <div v-else>
|
|
|
- <s class="noValue">--</s>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <span @click="showVersion">{{ activeLevelText }}</span>
|
|
|
- </div>
|
|
|
- <div class="md">
|
|
|
- <div class="headContainer">
|
|
|
- <img :src="userHead" />
|
|
|
- </div>
|
|
|
- <span class="username">
|
|
|
+ <div class="content">
|
|
|
+ <div class="top" :style="{ backgroundColor: bgColor }">
|
|
|
+ <span class="watchState">{{ watchText }} {{ battery }}</span>
|
|
|
+ <div class="toprow">
|
|
|
+ <div class="lt">
|
|
|
+ <div class="activeLevel">
|
|
|
+ <div v-if="activeState">
|
|
|
+ <s>%</s>
|
|
|
+ <em>{{ activeLevel }}</em>
|
|
|
+ </div>
|
|
|
+ <div v-else>
|
|
|
+ <s class="noValue">--</s>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <span @click="showVersion">{{ activeLevelText }}</span>
|
|
|
+ </div>
|
|
|
+ <div class="md">
|
|
|
+ <div class="headContainer">
|
|
|
+ <img :src="userHead"/>
|
|
|
+ </div>
|
|
|
+ <span class="username">
|
|
|
<em>{{ username }}</em>
|
|
|
<img
|
|
|
src="../static/images/main/male.png"
|
|
|
@@ -34,1558 +34,1564 @@
|
|
|
v-if="sex == 2"
|
|
|
/>
|
|
|
</span>
|
|
|
- </div>
|
|
|
- <div class="rt">
|
|
|
- <div class="heartJump">
|
|
|
- <div v-if="activeState">
|
|
|
- <img src="../static/images/main/heart.png" height="74" width="86" />
|
|
|
- <em
|
|
|
- :class="[
|
|
|
+ </div>
|
|
|
+ <div class="rt">
|
|
|
+ <div class="heartJump">
|
|
|
+ <div v-if="activeState">
|
|
|
+ <img src="../static/images/main/heart.png" height="74" width="86"/>
|
|
|
+ <em
|
|
|
+ :class="[
|
|
|
{ 'normalJump': activeLevel > 30 && activeLevel <= 90 },
|
|
|
{ 'fastJump': activeLevel > 90 },
|
|
|
{ 'slowJump': activeLevel < 30 },
|
|
|
]"
|
|
|
- >{{ heartRate }}</em>
|
|
|
- </div>
|
|
|
- <div v-else>
|
|
|
- <s class="noValue">--</s>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <span @click="showConsole()">瞬时心率</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="info">
|
|
|
- <ul>
|
|
|
- <li>
|
|
|
- <em>{{ height }}</em>
|
|
|
- <span>身高cm</span>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <em>{{ age }}</em>
|
|
|
- <span>年龄</span>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <em>{{ weight }}</em>
|
|
|
- <span>体重kg</span>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <em>{{ peaceHeart }}</em>
|
|
|
- <span>静息心率</span>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- <div class="row">
|
|
|
- <div class="rowCenter" v-if="!watchState" @click="connectWatch">
|
|
|
- <img src="../static/images/main/chain.png" />
|
|
|
- <em>心率带未连接</em>
|
|
|
- <button>点击连接</button>
|
|
|
- </div>
|
|
|
- <div class="classInfo" v-if="InClass == 1 && watchState">
|
|
|
- <em>
|
|
|
- <span>课程名称：</span>
|
|
|
- {{ DpName }}
|
|
|
- </em>
|
|
|
+ >{{ heartRate }}</em>
|
|
|
</div>
|
|
|
- <div class="breakConect" v-if="watchState">
|
|
|
- <em>心率带{{ NorMalSn }}已连接</em>
|
|
|
- <button @click="closeBLEConnectionAlert">断开连接</button>
|
|
|
+ <div v-else>
|
|
|
+ <s class="noValue">--</s>
|
|
|
</div>
|
|
|
+ </div>
|
|
|
+ <span @click="showConsole()">瞬时心率</span>
|
|
|
</div>
|
|
|
- <div class="middle">
|
|
|
- <ul>
|
|
|
- <li>
|
|
|
- <div class="center">
|
|
|
- <em>{{ cal | parseToInt }}</em>
|
|
|
- <img src="../static/images/main/normal.png" />
|
|
|
- <span>卡路里</span>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <div class="center">
|
|
|
- <em>{{ sportCal | parseToInt }}</em>
|
|
|
- <img src="../static/images/main/redfire.png" />
|
|
|
- <span>运动卡路里</span>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <div class="center">
|
|
|
- <em>{{ ck | parseToFix1 }}</em>
|
|
|
- <img src="../static/images/main/ck.png" class="ck" />
|
|
|
- <span>CK</span>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- <div class="bottom">
|
|
|
- <h5>心率趋势图</h5>
|
|
|
- <span>最大心率 : {{ heartMax }} 平均心率 : {{ heartAverage }}</span>
|
|
|
- <Line-example
|
|
|
- :width="screenWidth"
|
|
|
- :height="screenHeight"
|
|
|
- :dataLabels="dataLabels"
|
|
|
- :datadatasets="dataDatasets"
|
|
|
- />
|
|
|
- <em
|
|
|
- v-if="activeState"
|
|
|
- :class="[
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="info">
|
|
|
+ <ul>
|
|
|
+ <li>
|
|
|
+ <em>{{ height }}</em>
|
|
|
+ <span>身高cm</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <em>{{ age }}</em>
|
|
|
+ <span>年龄</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <em>{{ weight }}</em>
|
|
|
+ <span>体重kg</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <em>{{ peaceHeart }}</em>
|
|
|
+ <span>静息心率</span>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <div class="row">
|
|
|
+ <div class="rowCenter" v-if="!watchState" @click="connectWatch">
|
|
|
+ <img src="../static/images/main/chain.png"/>
|
|
|
+ <em>心率带未连接</em>
|
|
|
+ <button>点击连接</button>
|
|
|
+ </div>
|
|
|
+ <div class="classInfo" v-if="InClass == 1 && watchState">
|
|
|
+ <em>
|
|
|
+ <span>课程名称：</span>
|
|
|
+ {{ DpName }}
|
|
|
+ </em>
|
|
|
+ </div>
|
|
|
+ <div class="breakConect" v-if="watchState">
|
|
|
+ <em>心率带{{ NorMalSn }}已连接</em>
|
|
|
+ <button @click="closeBLEConnectionAlert">断开连接</button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="middle">
|
|
|
+ <ul>
|
|
|
+ <li>
|
|
|
+ <div class="center">
|
|
|
+ <em>{{ cal | parseToInt }}</em>
|
|
|
+ <img src="../static/images/main/normal.png"/>
|
|
|
+ <span>卡路里</span>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <div class="center">
|
|
|
+ <em>{{ sportCal | parseToInt }}</em>
|
|
|
+ <img src="../static/images/main/redfire.png"/>
|
|
|
+ <span>运动卡路里</span>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <div class="center">
|
|
|
+ <em>{{ ck | parseToFix1 }}</em>
|
|
|
+ <img src="../static/images/main/ck.png" class="ck"/>
|
|
|
+ <span>CK</span>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <div class="bottom">
|
|
|
+ <h5>心率趋势图</h5>
|
|
|
+ <span>最大心率 : {{ heartMax }} 平均心率 : {{ heartAverage }}</span>
|
|
|
+ <Line-example
|
|
|
+ :width="screenWidth"
|
|
|
+ :height="screenHeight"
|
|
|
+ :dataLabels="dataLabels"
|
|
|
+ :datadatasets="dataDatasets"
|
|
|
+ />
|
|
|
+ <em
|
|
|
+ v-if="activeState"
|
|
|
+ :class="[
|
|
|
{ 'normalJump': activeLevel > 30 && activeLevel <= 90 },
|
|
|
{ 'fastJump': activeLevel > 90 },
|
|
|
{ 'slowJump': activeLevel < 30 },
|
|
|
]"
|
|
|
- :style="{ bottom: parseInt(screenHeight - 30) + 'px' }"
|
|
|
- >{{ heartRate }}</em>
|
|
|
- <div class="logoutBtn">
|
|
|
- <mu-button color="info" @click.native="logoutBtn">退出登陆</mu-button>
|
|
|
- <br />
|
|
|
- <!-- <mu-button color="error" @click.native="delDefault">删除默认</mu-button> -->
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <mu-dialog
|
|
|
- title
|
|
|
- width="600"
|
|
|
- max-width="80%"
|
|
|
- :esc-press-close="true"
|
|
|
- :overlay-close="true"
|
|
|
- :open.sync="openAlert"
|
|
|
- >
|
|
|
- <p v-if="!watchListState">没有任何设备</p>
|
|
|
- <div class="watchList" v-else>
|
|
|
- <p>请选择设备</p>
|
|
|
- <ul>
|
|
|
- <li v-for="w in watchs" @click="choiceWatch(w)">
|
|
|
- {{ w.localName.substr(6, 13) }}
|
|
|
- <em>信号：{{ w.RSSI | parseLevel }}</em>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- <br />
|
|
|
- <mu-button
|
|
|
- slot="actions"
|
|
|
- flat
|
|
|
- color="primary"
|
|
|
- @click="closeAlertDialog"
|
|
|
- v-if="watchListState"
|
|
|
- >取消</mu-button>
|
|
|
- <mu-button slot="actions" flat color="primary" @click="searchWatch" v-else>搜索</mu-button>
|
|
|
- </mu-dialog>
|
|
|
-
|
|
|
- <mu-dialog
|
|
|
- width="600"
|
|
|
- max-width="80%"
|
|
|
- :esc-press-close="false"
|
|
|
- :overlay-close="false"
|
|
|
- :open.sync="openBreakAlert"
|
|
|
- >
|
|
|
- <h5>是否断开心率带蓝牙连接?</h5>
|
|
|
- <p>（断开后将不再上传心率信息）</p>
|
|
|
- <mu-button slot="actions" flat color="primary" @click="openBreakAlert = false">取消</mu-button>
|
|
|
- <mu-button slot="actions" flat color="primary" @click="closeBLEConnection">断开</mu-button>
|
|
|
- </mu-dialog>
|
|
|
-
|
|
|
- <mu-dialog title="Dialog" width="360" :open.sync="openSimple">
|
|
|
- <p>请求心率带蓝牙失败，请退出APP，重启蓝牙开关</p>
|
|
|
- <mu-button slot="actions" flat color="primary" @click="openSimple = false">知道了</mu-button>
|
|
|
- </mu-dialog>
|
|
|
+ :style="{ bottom: parseInt(screenHeight - 30) + 'px' }"
|
|
|
+ >{{ heartRate }}</em>
|
|
|
+ <div class="logoutBtn">
|
|
|
+ <mu-button color="info" @click.native="logoutBtn">退出登陆</mu-button>
|
|
|
+ <br/>
|
|
|
+ <!-- <mu-button color="error" @click.native="delDefault">删除默认</mu-button> -->
|
|
|
+ </div>
|
|
|
</div>
|
|
|
+
|
|
|
+ <mu-dialog
|
|
|
+ title
|
|
|
+ width="600"
|
|
|
+ max-width="80%"
|
|
|
+ :esc-press-close="true"
|
|
|
+ :overlay-close="true"
|
|
|
+ :open.sync="openAlert"
|
|
|
+ >
|
|
|
+ <p v-if="!watchListState">没有任何设备</p>
|
|
|
+ <div class="watchList" v-else>
|
|
|
+ <p>请选择设备</p>
|
|
|
+ <ul>
|
|
|
+ <li v-for="w in watchs" @click="choiceWatch(w)">
|
|
|
+ {{ w.localName.substr(6, 13) }}
|
|
|
+ <em>信号：{{ w.RSSI | parseLevel }}</em>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <br/>
|
|
|
+ <mu-button
|
|
|
+ slot="actions"
|
|
|
+ flat
|
|
|
+ color="primary"
|
|
|
+ @click="closeAlertDialog"
|
|
|
+ v-if="watchListState"
|
|
|
+ >取消
|
|
|
+ </mu-button>
|
|
|
+ <mu-button slot="actions" flat color="primary" @click="searchWatch" v-else>搜索</mu-button>
|
|
|
+ </mu-dialog>
|
|
|
+
|
|
|
+ <mu-dialog
|
|
|
+ width="600"
|
|
|
+ max-width="80%"
|
|
|
+ :esc-press-close="false"
|
|
|
+ :overlay-close="false"
|
|
|
+ :open.sync="openBreakAlert"
|
|
|
+ >
|
|
|
+ <h5>是否断开心率带蓝牙连接?</h5>
|
|
|
+ <p>（断开后将不再上传心率信息）</p>
|
|
|
+ <mu-button slot="actions" flat color="primary" @click="openBreakAlert = false">取消</mu-button>
|
|
|
+ <mu-button slot="actions" flat color="primary" @click="closeBLEConnection">断开</mu-button>
|
|
|
+ </mu-dialog>
|
|
|
+
|
|
|
+ <mu-dialog title="Dialog" width="360" :open.sync="openSimple">
|
|
|
+ <p>请求心率带蓝牙失败，请退出APP，重启蓝牙开关</p>
|
|
|
+ <mu-button slot="actions" flat color="primary" @click="openSimple = false">知道了</mu-button>
|
|
|
+ </mu-dialog>
|
|
|
+ </div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
import LineExample from '../components/LineExample'
|
|
|
import {
|
|
|
- UserSelfQuery,
|
|
|
- GetDuInfoAndUserInfoByUserMd5,
|
|
|
- HrSensorsUpdate,
|
|
|
- AddAppHeartRate,
|
|
|
+ UserSelfQuery,
|
|
|
+ GetDuInfoAndUserInfoByUserMd5,
|
|
|
+ HrSensorsUpdate,
|
|
|
+ AddAppHeartRate,
|
|
|
} from '../api/getApiRes.js'
|
|
|
|
|
|
let qs = require('qs');
|
|
|
|
|
|
export default {
|
|
|
- data() {
|
|
|
- return {
|
|
|
- runMode: '',//'' 为正常模式 mock 为模拟操作模式
|
|
|
- isClassTime: 5000,//上课状态检测频率
|
|
|
- isAddHeartTime: 1000,//心率上报检测频率
|
|
|
- dataLabels: [],
|
|
|
- dataDatasets: [],
|
|
|
- watchText: '',
|
|
|
- battery: '',
|
|
|
- userHead: 'http://xhead.beswell.com/flyhead.png',
|
|
|
- watchState: false,//false
|
|
|
- bgColor: '#028FE1',
|
|
|
- activeLevel: 0,
|
|
|
- activeLevelText: '激活放松',
|
|
|
- heartRate: 0,
|
|
|
- activeState: false,//false
|
|
|
- openAlert: false,//false
|
|
|
- openBreakAlert: false,//false
|
|
|
- alertState: false,//false
|
|
|
- watchListState: false,//false
|
|
|
- username: 'XXX',
|
|
|
- sex: 1,
|
|
|
- height: 148,
|
|
|
- age: 8,
|
|
|
- weight: 38,
|
|
|
- peaceHeart: 70,
|
|
|
- heartMax: 0,
|
|
|
- heartAverage: 0,
|
|
|
- cal: 0,
|
|
|
- sportCal: 0,
|
|
|
- ck: 0,
|
|
|
- addCalories: 0,//增量卡路里
|
|
|
- addPureCalories: 0,//增量运动卡路里
|
|
|
- screenWidth: parseInt(document.body.clientWidth - 10),
|
|
|
- screenHeight: parseInt(document.documentElement.clientHeight / 3),
|
|
|
- watchs: [],
|
|
|
- begin: null,
|
|
|
- heartLine: [],
|
|
|
- InClass: 0,//是否上课
|
|
|
- DpName: 'XXXX',//课程名称
|
|
|
- HrId: '',//心率带
|
|
|
- duId: 0,
|
|
|
- sn: '',
|
|
|
- NorMalSn: '',
|
|
|
- deviceId: '',
|
|
|
- sumError: 0,
|
|
|
- openSimple: false,
|
|
|
- breakStateTimer: null,
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ runMode: '',//'' 为正常模式 mock 为模拟操作模式
|
|
|
+ isClassTime: 5000,//上课状态检测频率
|
|
|
+ isAddHeartTime: 1000,//心率上报检测频率
|
|
|
+ dataLabels: [],
|
|
|
+ dataDatasets: [],
|
|
|
+ watchText: '',
|
|
|
+ battery: '',
|
|
|
+ userHead: 'http://xhead.beswell.com/flyhead.png',
|
|
|
+ watchState: false,//false
|
|
|
+ bgColor: '#028FE1',
|
|
|
+ activeLevel: 0,
|
|
|
+ activeLevelText: '激活放松',
|
|
|
+ heartRate: 0,
|
|
|
+ activeState: false,//false
|
|
|
+ openAlert: false,//false
|
|
|
+ openBreakAlert: false,//false
|
|
|
+ alertState: false,//false
|
|
|
+ watchListState: false,//false
|
|
|
+ username: 'XXX',
|
|
|
+ sex: 1,
|
|
|
+ height: 148,
|
|
|
+ age: 8,
|
|
|
+ weight: 38,
|
|
|
+ peaceHeart: 70,
|
|
|
+ heartMax: 0,
|
|
|
+ heartAverage: 0,
|
|
|
+ cal: 0,
|
|
|
+ sportCal: 0,
|
|
|
+ ck: 0,
|
|
|
+ addCalories: 0,//增量卡路里
|
|
|
+ addPureCalories: 0,//增量运动卡路里
|
|
|
+ screenWidth: parseInt(document.body.clientWidth - 10),
|
|
|
+ screenHeight: parseInt(document.documentElement.clientHeight / 3),
|
|
|
+ watchs: [],
|
|
|
+ begin: null,
|
|
|
+ heartLine: [],
|
|
|
+ InClass: 0,//是否上课
|
|
|
+ DpName: 'XXXX',//课程名称
|
|
|
+ HrId: '',//心率带
|
|
|
+ duId: 0,
|
|
|
+ sn: '',
|
|
|
+ NorMalSn: '',
|
|
|
+ deviceId: '',
|
|
|
+ sumError: 0,
|
|
|
+ openSimple: false,
|
|
|
+ breakStateTimer: null,
|
|
|
+ }
|
|
|
+ },
|
|
|
+ mounted() {
|
|
|
+ // 演示模式
|
|
|
+ if (this.runMode == 'mock') {
|
|
|
+ // 加载演示模式的身体数据
|
|
|
+ this.username = '演示人员';
|
|
|
+ this.sex = 1;//1 male 2female
|
|
|
+ this.height = 132;
|
|
|
+ this.age = 7;
|
|
|
+ this.weight = 26;
|
|
|
+ this.peaceHeart = 65;
|
|
|
+ this.heartMax = 203.1;
|
|
|
+ this.heartRate = 170;
|
|
|
+ this.calcCalorie(this.heartRate);
|
|
|
+
|
|
|
+ } else {
|
|
|
+ // 真实模式
|
|
|
+ this.init();
|
|
|
+ this.getBodyInfo();
|
|
|
+ }
|
|
|
+
|
|
|
+ // 获取上课状态
|
|
|
+ clearInterval(this.timerisClass);
|
|
|
+ this.timerisClass = setInterval(() => {
|
|
|
+ this.isClass();
|
|
|
+ }, this.isClassTime);
|
|
|
+
|
|
|
+ // 上报心率信息
|
|
|
+ clearInterval(this.timerAutoAddAppHeartRate);
|
|
|
+ this.timerAutoAddAppHeartRate = setInterval(() => {
|
|
|
+ // 已连接时轮询连接状态
|
|
|
+ if (this.watchState) {
|
|
|
+ // 自动获取心率带蓝牙连接状态
|
|
|
+ this.listenerConnection();
|
|
|
+ }
|
|
|
+ // 上课中，且已连接心率带
|
|
|
+ if (this.InClass == 1 && this.watchState && this.runMode != 'mock') {
|
|
|
+ // 上课就自动上报
|
|
|
+ this.AutoAddAppHeartRate();
|
|
|
+ } else {
|
|
|
+ // console.log('下课中，不汇报1');
|
|
|
+ }
|
|
|
+ }, this.isAddHeartTime);
|
|
|
+ },
|
|
|
+ beforeDestroy() {
|
|
|
+ clearInterval(this.timerisClass);
|
|
|
+ clearInterval(this.timerAutoAddAppHeartRate);
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ activeLevel(val) {
|
|
|
+ let that = this;
|
|
|
+ switch (true) {
|
|
|
+ case parseInt(val) < 39:
|
|
|
+ that.bgColor = '#028FE1';
|
|
|
+ that.activeLevelText = '激活放松';
|
|
|
+ break;
|
|
|
+ case parseInt(val) < 54 && parseInt(val) >= 39:
|
|
|
+ that.bgColor = '#6D29FA';
|
|
|
+ that.activeLevelText = '动态热身';
|
|
|
+ break;
|
|
|
+ case parseInt(val) < 69 && parseInt(val) >= 54:
|
|
|
+ that.bgColor = '#0AB105';
|
|
|
+ that.activeLevelText = '脂肪燃烧';
|
|
|
+ break;
|
|
|
+ case parseInt(val) < 79 && parseInt(val) >= 69:
|
|
|
+ that.bgColor = '#B9CB01';
|
|
|
+ that.activeLevelText = '糖分消耗';
|
|
|
+ break;
|
|
|
+ case parseInt(val) < 89 && parseInt(val) >= 79:
|
|
|
+ that.bgColor = '#EA8813';
|
|
|
+ that.activeLevelText = '心肺训练';
|
|
|
+ break;
|
|
|
+ case parseInt(val) >= 90:
|
|
|
+ that.bgColor = '#D11122';
|
|
|
+ that.activeLevelText = '峰值锻炼';
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ // 动态显示背景色
|
|
|
+ plus.navigator.setStatusBarBackground(that.bgColor);
|
|
|
+ },
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ init() {
|
|
|
+ let that = this;
|
|
|
+ if (this.runMode == 'mock') {
|
|
|
+ this.mockCreateDate();
|
|
|
+ } else {
|
|
|
+ if (window.plus) {
|
|
|
+ console.log('mui is plusReady');
|
|
|
+ that.allPlusReady();
|
|
|
+ } else {
|
|
|
+ console.log('mui is not ready');
|
|
|
+ document.addEventListener('plusready', function (e) {
|
|
|
+ that.allPlusReady();
|
|
|
+ });
|
|
|
}
|
|
|
+ }
|
|
|
},
|
|
|
- mounted() {
|
|
|
- // 演示模式
|
|
|
- if (this.runMode == 'mock') {
|
|
|
- // 加载演示模式的身体数据
|
|
|
- this.username = '演示人员';
|
|
|
- this.sex = 1;//1 male 2female
|
|
|
- this.height = 132;
|
|
|
- this.age = 7;
|
|
|
- this.weight = 26;
|
|
|
- this.peaceHeart = 65;
|
|
|
- this.heartMax = 203.1;
|
|
|
- this.heartRate = 170;
|
|
|
- this.calcCalorie(this.heartRate);
|
|
|
-
|
|
|
+ allPlusReady() {
|
|
|
+ let that = this;
|
|
|
+ // 屏幕常亮
|
|
|
+ that.setWakelock();
|
|
|
+ plus.bluetooth.onBLECharacteristicValueChange(function (e) {
|
|
|
+ if (e.characteristicId == '00002A19-0000-1000-8000-00805F9B34FB') {
|
|
|
+ // 获取电量
|
|
|
+ var value = that.buffer2hexPower(e.value);
|
|
|
+ that.watchText = '心率带已连接,电量:';
|
|
|
+ that.battery = value + '%';
|
|
|
} else {
|
|
|
- // 真实模式
|
|
|
- this.init();
|
|
|
- this.getBodyInfo();
|
|
|
+ // 成功获取心跳
|
|
|
+ that.heartRate = parseInt(that.parseHeartRate(e.value).heartRate);
|
|
|
+ that.watchText = '心率带已连接，电量:';
|
|
|
+ that.activeState = true;
|
|
|
+ // 运动强度计算
|
|
|
+ that.calcActLevel(that.heartRate);
|
|
|
+ that.openAlert = false;//关闭弹窗
|
|
|
+ that.watchState = true;//关闭连接按钮并显示当前课程名
|
|
|
+ // 卡路里计算
|
|
|
+ that.calcCalorie(that.heartRate);
|
|
|
+ that.heartLine.push(that.heartRate);
|
|
|
+ that.dataLabels.push('');
|
|
|
+ if (that.heartLine.length > 30) {
|
|
|
+ that.heartLine.shift();
|
|
|
+ that.dataLabels.shift();
|
|
|
+ }
|
|
|
+ that.DrawHeartLine(that.heartLine, that.dataLabels);
|
|
|
}
|
|
|
+ });
|
|
|
|
|
|
- // 获取上课状态
|
|
|
- clearInterval(this.timerisClass);
|
|
|
- this.timerisClass = setInterval(() => {
|
|
|
- this.isClass();
|
|
|
- }, this.isClassTime);
|
|
|
-
|
|
|
- // 上报心率信息
|
|
|
- clearInterval(this.timerAutoAddAppHeartRate);
|
|
|
- this.timerAutoAddAppHeartRate = setInterval(() => {
|
|
|
- // 已连接时轮询连接状态
|
|
|
- if (this.watchState) {
|
|
|
- // 自动获取心率带蓝牙连接状态
|
|
|
- this.listenerConnection();
|
|
|
- }
|
|
|
- // 上课中，且已连接心率带
|
|
|
- if (this.InClass == 1 && this.watchState && this.runMode != 'mock') {
|
|
|
- // 上课就自动上报
|
|
|
- this.AutoAddAppHeartRate();
|
|
|
- } else {
|
|
|
- // console.log('下课中，不汇报1');
|
|
|
- }
|
|
|
- }, this.isAddHeartTime);
|
|
|
+ // 自动重连上次心率带
|
|
|
+ that.AutoContectLast();
|
|
|
},
|
|
|
- beforeDestroy() {
|
|
|
- clearInterval(this.timerisClass);
|
|
|
- clearInterval(this.timerAutoAddAppHeartRate);
|
|
|
+ // 屏幕常亮
|
|
|
+ setWakelock() {
|
|
|
+ plus.device.setWakelock(true);
|
|
|
+ console.log('屏幕常量已开启');
|
|
|
},
|
|
|
- watch: {
|
|
|
- activeLevel(val) {
|
|
|
- let that = this;
|
|
|
- switch (true) {
|
|
|
- case parseInt(val) < 39:
|
|
|
- that.bgColor = '#028FE1';
|
|
|
- that.activeLevelText = '激活放松';
|
|
|
- break;
|
|
|
- case parseInt(val) < 54 && parseInt(val) >= 39:
|
|
|
- that.bgColor = '#6D29FA';
|
|
|
- that.activeLevelText = '动态热身';
|
|
|
- break;
|
|
|
- case parseInt(val) < 69 && parseInt(val) >= 54:
|
|
|
- that.bgColor = '#0AB105';
|
|
|
- that.activeLevelText = '脂肪燃烧';
|
|
|
- break;
|
|
|
- case parseInt(val) < 79 && parseInt(val) >= 69:
|
|
|
- that.bgColor = '#B9CB01';
|
|
|
- that.activeLevelText = '糖分消耗';
|
|
|
- break;
|
|
|
- case parseInt(val) < 89 && parseInt(val) >= 79:
|
|
|
- that.bgColor = '#EA8813';
|
|
|
- that.activeLevelText = '心肺训练';
|
|
|
- break;
|
|
|
- case parseInt(val) >= 90:
|
|
|
- that.bgColor = '#D11122';
|
|
|
- that.activeLevelText = '峰值锻炼';
|
|
|
- break;
|
|
|
- }
|
|
|
- // 动态显示背景色
|
|
|
- plus.navigator.setStatusBarBackground(that.bgColor);
|
|
|
- },
|
|
|
+ // 震动
|
|
|
+ vibrate() {
|
|
|
+ let milliseconds = 500;
|
|
|
+ plus.device.vibrate(milliseconds)
|
|
|
},
|
|
|
- methods: {
|
|
|
- init() {
|
|
|
- let that = this;
|
|
|
- if (this.runMode == 'mock') {
|
|
|
- this.mockCreateDate();
|
|
|
- } else {
|
|
|
- if (window.plus) {
|
|
|
- console.log('mui is plusReady');
|
|
|
- that.allPlusReady();
|
|
|
- } else {
|
|
|
- console.log('mui is not ready');
|
|
|
- document.addEventListener('plusready', function(e) {
|
|
|
- that.allPlusReady();
|
|
|
- });
|
|
|
- }
|
|
|
- }
|
|
|
- },
|
|
|
- allPlusReady() {
|
|
|
- let that = this;
|
|
|
- // 屏幕常亮
|
|
|
- that.setWakelock();
|
|
|
- plus.bluetooth.onBLECharacteristicValueChange(function(e) {
|
|
|
- if (e.characteristicId == '00002A19-0000-1000-8000-00805F9B34FB') {
|
|
|
- // 获取电量
|
|
|
- var value = that.buffer2hexPower(e.value);
|
|
|
- that.watchText = '心率带已连接,电量:';
|
|
|
- that.battery = value + '%';
|
|
|
- } else {
|
|
|
- // 成功获取心跳
|
|
|
- that.heartRate = parseInt(that.parseHeartRate(e.value).heartRate);
|
|
|
- that.watchText = '心率带已连接，电量:';
|
|
|
- that.activeState = true;
|
|
|
- // 运动强度计算
|
|
|
- that.calcActLevel(that.heartRate);
|
|
|
- that.openAlert = false;//关闭弹窗
|
|
|
- that.watchState = true;//关闭连接按钮并显示当前课程名
|
|
|
- // 卡路里计算
|
|
|
- that.calcCalorie(that.heartRate);
|
|
|
- that.heartLine.push(that.heartRate);
|
|
|
- that.dataLabels.push('');
|
|
|
- if (that.heartLine.length > 30) {
|
|
|
- that.heartLine.shift();
|
|
|
- that.dataLabels.shift();
|
|
|
- }
|
|
|
- that.DrawHeartLine(that.heartLine, that.dataLabels);
|
|
|
- }
|
|
|
- });
|
|
|
-
|
|
|
- // 自动重连上次心率带
|
|
|
- that.AutoContectLast();
|
|
|
- },
|
|
|
- // 屏幕常亮
|
|
|
- setWakelock() {
|
|
|
- plus.device.setWakelock(true);
|
|
|
- console.log('屏幕常量已开启');
|
|
|
- },
|
|
|
- // 震动
|
|
|
- vibrate() {
|
|
|
- let milliseconds = 500;
|
|
|
- plus.device.vibrate(milliseconds)
|
|
|
- },
|
|
|
- showConsole() {
|
|
|
- let vconDom = document.getElementById('__vconsole');
|
|
|
- this.toggleClass(vconDom, 'show')
|
|
|
- },
|
|
|
- toggleClass(obj, cls) {
|
|
|
- if (this.hasClass(obj, cls)) {
|
|
|
- this.removeClass(obj, cls);
|
|
|
- } else {
|
|
|
- this.addClass(obj, cls);
|
|
|
- }
|
|
|
- },
|
|
|
- hasClass(obj, cls) {
|
|
|
- return obj.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)'));
|
|
|
- },
|
|
|
- addClass(obj, cls) {
|
|
|
- if (!this.hasClass(obj, cls)) obj.className += " " + cls;
|
|
|
- },
|
|
|
- removeClass(obj, cls) {
|
|
|
- if (this.hasClass(obj, cls)) {
|
|
|
- var reg = new RegExp('(\\s|^)' + cls + '(\\s|$)');
|
|
|
- obj.className = obj.className.replace(reg, ' ');
|
|
|
- }
|
|
|
- },
|
|
|
- // 测试 生成心率数据
|
|
|
- mockCreateDate() {
|
|
|
- let that = this;
|
|
|
- clearInterval(this.timermockCreateDate);
|
|
|
- this.timermockCreateDate = setInterval(() => {
|
|
|
- that.battery = '999%';
|
|
|
- // 成功获取心跳
|
|
|
- that.heartRate = parseInt(Math.random() * 100 + 90);
|
|
|
- that.watchText = '心率带已连接';
|
|
|
- that.activeState = true;
|
|
|
- // 运动强度计算
|
|
|
- that.calcActLevel(that.heartRate);
|
|
|
- that.openAlert = false;//关闭弹窗
|
|
|
- that.watchState = true;//关闭连接按钮
|
|
|
- // 卡路里计算
|
|
|
- that.calcCalorie(that.heartRate);
|
|
|
-
|
|
|
- that.heartLine.push(that.heartRate);
|
|
|
- that.dataLabels.push('');
|
|
|
- if (that.heartLine.length > 3) {
|
|
|
- that.heartLine.shift();
|
|
|
- that.dataLabels.shift();
|
|
|
- }
|
|
|
- that.DrawHeartLine(that.heartLine, that.dataLabels);
|
|
|
- }, 1000);
|
|
|
- },
|
|
|
- // 是否正在上课
|
|
|
- isClass() {
|
|
|
- let that = this;
|
|
|
- let param = {
|
|
|
- token: localStorage.token,
|
|
|
- };
|
|
|
- let postdata = qs.stringify(param);
|
|
|
- GetDuInfoAndUserInfoByUserMd5(postdata).then(res => {
|
|
|
- let json = res;
|
|
|
- if (json.Code == 0) {
|
|
|
- that.InClass = json.InClass;//0下课，1上课
|
|
|
- // 记录duid
|
|
|
- that.duId = parseInt(json.DuInfo.DuId);
|
|
|
- that.DpName = json.DuInfo.DpName;
|
|
|
- // 正在上课且已连心率带
|
|
|
- if (that.InClass == 1 && that.watchState) {
|
|
|
- console.log('InClass' + that.InClass);
|
|
|
-
|
|
|
- // 上课状态拿一次心率带信息
|
|
|
- that.AddHrSensorsUpdate();
|
|
|
- }
|
|
|
- } else {
|
|
|
- that.Toast(json.Memo);
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
- buffer2hexPower(value) {
|
|
|
- var t = '';
|
|
|
- if (value) {
|
|
|
- var v = new Uint8Array(value);
|
|
|
- for (var i in v) {
|
|
|
- // t += '0x' + v[i].toString(16) + ' ';
|
|
|
- t += v[i].toString(10) + ' ';
|
|
|
- }
|
|
|
- } else {
|
|
|
- t = '无效值';
|
|
|
- }
|
|
|
- return t;
|
|
|
- },
|
|
|
- connectWatch() {
|
|
|
- // 打开蓝牙适配器
|
|
|
- let that = this;
|
|
|
- if (typeof plus == 'undefined') {
|
|
|
- that.Toast('当前设备不支持蓝牙心率带', 'error');
|
|
|
- return false
|
|
|
- }
|
|
|
- plus.bluetooth.openBluetoothAdapter({
|
|
|
- success: function(e) {
|
|
|
- that.Toast('蓝牙适配器打开成功!', 'success');
|
|
|
- that.openAlert = true;
|
|
|
- that.searchWatch();
|
|
|
- return e
|
|
|
- },
|
|
|
- fail: function(e) {
|
|
|
- that.Toast('打开失败! 请确认蓝牙开关已开启', 'error');
|
|
|
- }
|
|
|
- });
|
|
|
- },
|
|
|
- closeAlertDialog() {
|
|
|
- this.openAlert = false;
|
|
|
- },
|
|
|
- // 监听搜索到新设备
|
|
|
- searchWatch() {
|
|
|
- let that = this;
|
|
|
- that.watchs = [];
|
|
|
- plus.bluetooth.startBluetoothDevicesDiscovery({
|
|
|
- // services: ['heart_rate'],//ios不支持
|
|
|
- success: function(e) {
|
|
|
- that.Toast('开始搜索成功!', 'success');
|
|
|
- plus.bluetooth.onBluetoothDeviceFound(function(e) {
|
|
|
- let devices = e.devices;
|
|
|
- let row = [];
|
|
|
- for (let i in devices) {
|
|
|
- let device = devices[i];
|
|
|
- // localName CL831
|
|
|
- if (device.localName.indexOf('CL831') != -1) {
|
|
|
- console.log(JSON.stringify(device));
|
|
|
- that.watchs.push(device);
|
|
|
- }
|
|
|
- }
|
|
|
- that.watchListState = true;
|
|
|
- });
|
|
|
- },
|
|
|
- fail: function(e) {
|
|
|
- that.Toast('开始搜索失败! ' + JSON.stringify(e));
|
|
|
- }
|
|
|
- });
|
|
|
- },
|
|
|
- choiceWatch(w) {
|
|
|
- let that = this;
|
|
|
- that.Toast('连接心率带' + w.localName.substring(6, 13) + '中...', 'success');
|
|
|
- console.log('连接心率带' + w.deviceId);
|
|
|
- that.deviceId = w.deviceId
|
|
|
- // 建立连接
|
|
|
- plus.bluetooth.createBLEConnection({
|
|
|
- deviceId: w.deviceId,
|
|
|
- success: function(e) {
|
|
|
- // 记录心率带sn
|
|
|
- that.sn = w.localName;
|
|
|
- localStorage.sn = that.sn;
|
|
|
- localStorage.w = JSON.stringify(w);
|
|
|
- that.AddHrSensorsUpdate();
|
|
|
- that.Toast('连接成功!', 'success');
|
|
|
-
|
|
|
- // 渲染完毕再执行这个，所以才能没有延时的更改
|
|
|
- // 需要一个回调等待5S
|
|
|
- clearTimeout(that.timer); //清除延迟执行
|
|
|
- that.timer = setTimeout(() => { //设置延迟执行
|
|
|
- // 获取服务
|
|
|
- that.getServices(w);
|
|
|
- }, 2000);
|
|
|
- },
|
|
|
- fail: function(e) {
|
|
|
- console.log('连接失败! 请重新连接' + JSON.stringify(e));
|
|
|
- if (e.code == 10000) {
|
|
|
- console.log(123);
|
|
|
- }
|
|
|
- that.Toast('连接失败! 请重新连接' + JSON.stringify(e));
|
|
|
- },
|
|
|
- })
|
|
|
- },
|
|
|
- getServices(w) {
|
|
|
- let that = this;
|
|
|
- that.Toast('获取蓝牙设备服务:', 'success');
|
|
|
- plus.bluetooth.getBLEDeviceServices({
|
|
|
- deviceId: w.deviceId,
|
|
|
- success: function(e) {
|
|
|
- that.Toast('获取蓝牙服务成功!', 'success');
|
|
|
- // 获取服务的特征值
|
|
|
- var HEARTuuid = "0000180D-0000-1000-8000-00805F9B34FB";//HEART RATE
|
|
|
- var Batteryuuid = "0000180F-0000-1000-8000-00805F9B34FB";//Battery
|
|
|
-
|
|
|
- let HeartRateChaaracterUuid = '00002A37-0000-1000-8000-00805F9B34FB';
|
|
|
- let BatteryChaaracterUuid = '00002A19-0000-1000-8000-00805F9B34FB';
|
|
|
- // that.getBatteryCharacteristics(w.deviceId, Batteryuuid);
|
|
|
- that.getCharacteristics(w.deviceId, Batteryuuid, BatteryChaaracterUuid);
|
|
|
- clearTimeout(that.timer); //清除延迟执行
|
|
|
- that.timer = setTimeout(() => { //设置延迟执行
|
|
|
- // 获取心跳服务
|
|
|
- that.getCharacteristics(w.deviceId, HEARTuuid, HeartRateChaaracterUuid);
|
|
|
- }, 3000);
|
|
|
- },
|
|
|
- fail: function(e) {
|
|
|
- console.log('获取服务失败,devicedId：' + w.deviceId);
|
|
|
- console.log('获取服务失败! ' + JSON.stringify(e));
|
|
|
- that.Toast('获取服务失败!请重试 ' + JSON.stringify(e), 'error');
|
|
|
- // 10004无连接， 重启一次蓝牙Adapter
|
|
|
- if (e.code == 10004) {
|
|
|
- that.sumError += 1;
|
|
|
- if (that.sumError > 3) {
|
|
|
-
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- });
|
|
|
- },
|
|
|
- // 获取服务的特征值
|
|
|
- getCharacteristics(deviceId, serviceId, serveUuid) {
|
|
|
- let that = this;
|
|
|
- let characteristicId = null;
|
|
|
- let chaaracterUuid = serveUuid;
|
|
|
- plus.bluetooth.getBLEDeviceCharacteristics({
|
|
|
- deviceId: deviceId,
|
|
|
- serviceId: serviceId,
|
|
|
- success: function(e) {
|
|
|
- let characteristics = e.characteristics;
|
|
|
- that.Toast('获取心率带蓝牙服务成功! ', 'success');
|
|
|
- console.log('特征值列表： ' + JSON.stringify(characteristics));
|
|
|
- plus.bluetooth.notifyBLECharacteristicValueChange({ //监听数据变化
|
|
|
- deviceId: deviceId,
|
|
|
- serviceId: serviceId,
|
|
|
- characteristicId: chaaracterUuid,
|
|
|
- success: function(e) {
|
|
|
- console.log('---> 获取心跳服务' + JSON.stringify(e));
|
|
|
- console.log('---> notifyBLECharacteristicValueChange ' + chaaracterUuid + ' success.');
|
|
|
- // 服务获取成功，震动提示
|
|
|
- // that.vibrate();
|
|
|
- //that.onValuesChange();
|
|
|
- },
|
|
|
- fail: function(e) {
|
|
|
- that.Toast('获取特征值失败!重启APP后再次尝试 ' + JSON.stringify(e));
|
|
|
- }
|
|
|
- });
|
|
|
- },
|
|
|
- fail: function(e) {
|
|
|
- console.log('获取特征值失败! ' + JSON.stringify(e));
|
|
|
- that.Toast('获取特征值失败!重启APP后再次尝试 ' + JSON.stringify(e));
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
- // 获取服务的特征值
|
|
|
- // getBatteryCharacteristics(deviceId, serviceId) {
|
|
|
- // let that = this;
|
|
|
- // let chaaracterUuid = '00002A19-0000-1000-8000-00805F9B34FB';
|
|
|
- // let characteristicId = null;
|
|
|
- // that.readValue(deviceId, serviceId, chaaracterUuid);
|
|
|
- // plus.bluetooth.getBLEDeviceCharacteristics({
|
|
|
- // deviceId: deviceId,
|
|
|
- // serviceId: serviceId,
|
|
|
- // success: function(e) {
|
|
|
- // var characteristics = e.characteristics;
|
|
|
- // that.Toast('获取心率带服务成功! ' + characteristics.length, 'success');
|
|
|
- // plus.bluetooth.notifyBLECharacteristicValueChange({ //监听数据变化
|
|
|
- // deviceId: deviceId,
|
|
|
- // serviceId: serviceId,
|
|
|
- // characteristicId: chaaracterUuid,
|
|
|
- // success: function(e) {
|
|
|
- // console.log('notifyBLECharacteristicValueChange' + JSON.stringify(e));
|
|
|
- // },
|
|
|
- // fail: function(e) {
|
|
|
- // that.Toast('notifyBLECharacteristicValueChange失败! ' + JSON.stringify(e));
|
|
|
- // }
|
|
|
- // });
|
|
|
- // },
|
|
|
- // fail: function(e) {
|
|
|
- // console.log('获取特征值失败! ' + JSON.stringify(e));
|
|
|
- // that.Toast('获取特征值失败!重启APP后再次尝试 ' + JSON.stringify(e));
|
|
|
- // }
|
|
|
- // })
|
|
|
- // },
|
|
|
- readValue(deviceId, serviceId, characteristicId) {
|
|
|
- let that = this;
|
|
|
- plus.bluetooth.readBLECharacteristicValue({
|
|
|
- deviceId: deviceId,
|
|
|
- serviceId: serviceId,
|
|
|
- characteristicId: characteristicId,
|
|
|
- success: function(e) {
|
|
|
- console.log("读取电量数据成功" + JSON.stringify(e));
|
|
|
- },
|
|
|
- fail: function(e) {
|
|
|
- that.Toast('读取电量数据失败!重启APP后再次尝试 ' + JSON.stringify(e));
|
|
|
- }
|
|
|
- });
|
|
|
- },
|
|
|
- // 获取基础身体数据
|
|
|
- getBodyInfo() {
|
|
|
- let that = this;
|
|
|
- let param = {
|
|
|
- token: localStorage.token,
|
|
|
- };
|
|
|
- let postdata = qs.stringify(param);
|
|
|
- UserSelfQuery(postdata).then(res => {
|
|
|
- let json = res;
|
|
|
- if (json.Code == 0) {
|
|
|
- that.username = json.Rs.UserName;
|
|
|
- that.sex = json.Rs.Sex;
|
|
|
- that.height = json.Rs.Height;
|
|
|
- // Birthday
|
|
|
- let age = parseInt((new Date().getTime() - new Date(json.Rs.Birthday).getTime()) / (365 * 24 * 60 * 60 * 1000));
|
|
|
- that.age = age;
|
|
|
- that.weight = parseInt(json.Rs.Weight) / 10;
|
|
|
- that.peaceHeart = json.Rs.StaticHr;
|
|
|
- // 有无默认头像
|
|
|
- if (json.Rs.Head) {
|
|
|
- that.userHead = json.Rs.Head;
|
|
|
- } else {
|
|
|
- that.userHead = 'http://xhead.beswell.com/flyhead.png';//默认头像
|
|
|
- }
|
|
|
- } else {
|
|
|
- if (json.Code == 9999999999) {
|
|
|
- that.Toast('登陆已失效，请重新登陆');
|
|
|
- localStorage.token = '';
|
|
|
- this.$router.push({ path: '/login' });
|
|
|
- } else {
|
|
|
- that.Toast(json.Memo, 'error');
|
|
|
- }
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
- parseHeartRate(data) {
|
|
|
- var data = new DataView(data);
|
|
|
- const flags = data.getUint8(0);
|
|
|
- const rate16Bits = flags & 0x1;
|
|
|
- const result = {};
|
|
|
- let index = 1;
|
|
|
- if (rate16Bits) {
|
|
|
- result.heartRate = data.getUint16(index, /*littleEndian=*/ true);
|
|
|
- index += 2;
|
|
|
- } else {
|
|
|
- result.heartRate = data.getUint8(index);
|
|
|
- index += 1;
|
|
|
- }
|
|
|
- const contactDetected = flags & 0x2;
|
|
|
- const contactSensorPresent = flags & 0x4;
|
|
|
- if (contactSensorPresent) {
|
|
|
- result.contactDetected = !!contactDetected;
|
|
|
- }
|
|
|
- const energyPresent = flags & 0x8;
|
|
|
- if (energyPresent) {
|
|
|
- result.energyExpended = data.getUint16(index, /*littleEndian=*/ true);
|
|
|
- index += 2;
|
|
|
- }
|
|
|
- const rrIntervalPresent = flags & 0x10;
|
|
|
- if (rrIntervalPresent) {
|
|
|
- const rrIntervals = [];
|
|
|
- for (; index + 1 < data.byteLength; index += 2) {
|
|
|
- rrIntervals.push(data.getUint16(index, /*littleEndian=*/ true));
|
|
|
- }
|
|
|
- result.rrIntervals = rrIntervals;
|
|
|
- }
|
|
|
- return result;
|
|
|
+ showConsole() {
|
|
|
+ let vconDom = document.getElementById('__vconsole');
|
|
|
+ this.toggleClass(vconDom, 'show')
|
|
|
+ },
|
|
|
+ toggleClass(obj, cls) {
|
|
|
+ if (this.hasClass(obj, cls)) {
|
|
|
+ this.removeClass(obj, cls);
|
|
|
+ } else {
|
|
|
+ this.addClass(obj, cls);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ hasClass(obj, cls) {
|
|
|
+ return obj.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)'));
|
|
|
+ },
|
|
|
+ addClass(obj, cls) {
|
|
|
+ if (!this.hasClass(obj, cls)) obj.className += " " + cls;
|
|
|
+ },
|
|
|
+ removeClass(obj, cls) {
|
|
|
+ if (this.hasClass(obj, cls)) {
|
|
|
+ var reg = new RegExp('(\\s|^)' + cls + '(\\s|$)');
|
|
|
+ obj.className = obj.className.replace(reg, ' ');
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 测试 生成心率数据
|
|
|
+ mockCreateDate() {
|
|
|
+ let that = this;
|
|
|
+ clearInterval(this.timermockCreateDate);
|
|
|
+ this.timermockCreateDate = setInterval(() => {
|
|
|
+ that.battery = '999%';
|
|
|
+ // 成功获取心跳
|
|
|
+ that.heartRate = parseInt(Math.random() * 100 + 90);
|
|
|
+ that.watchText = '心率带已连接';
|
|
|
+ that.activeState = true;
|
|
|
+ // 运动强度计算
|
|
|
+ that.calcActLevel(that.heartRate);
|
|
|
+ that.openAlert = false;//关闭弹窗
|
|
|
+ that.watchState = true;//关闭连接按钮
|
|
|
+ // 卡路里计算
|
|
|
+ that.calcCalorie(that.heartRate);
|
|
|
+
|
|
|
+ that.heartLine.push(that.heartRate);
|
|
|
+ that.dataLabels.push('');
|
|
|
+ if (that.heartLine.length > 3) {
|
|
|
+ that.heartLine.shift();
|
|
|
+ that.dataLabels.shift();
|
|
|
}
|
|
|
- ,
|
|
|
- // 活动强度计算公式
|
|
|
- calcActLevel(heartRate) {
|
|
|
- let actLevel = (heartRate - this.peaceHeart) / (208 - 0.7 * this.age - this.peaceHeart) * 100;
|
|
|
- actLevel = actLevel > 100 ? 100 : actLevel < 0 ? 0 : actLevel;
|
|
|
- this.activeLevel = parseInt(actLevel);
|
|
|
- },
|
|
|
- // 持续时间 单位为秒
|
|
|
- calcHoldTime(curTime) {
|
|
|
- let that = this;
|
|
|
- let res = '';
|
|
|
- if (this.begin) {
|
|
|
- res = (curTime.getTime() - this.begin.getTime()) / (1000*60);
|
|
|
- } else {
|
|
|
- res = 0.00;
|
|
|
- }
|
|
|
- that.begin = new Date();
|
|
|
- return res
|
|
|
- },
|
|
|
- // 计算卡路里
|
|
|
- calcCalorie(heartRate) {
|
|
|
- let that = this;
|
|
|
-
|
|
|
- // 取不到正常心跳数就从本地取出来
|
|
|
- if (parseInt(heartRate) == 0) {
|
|
|
- heartRate = localStorage.heartRate
|
|
|
- } else {
|
|
|
- localStorage.heartRate = heartRate
|
|
|
- }
|
|
|
-
|
|
|
- let calorieNoVo2 = 0;
|
|
|
- let curTime = that.calcHoldTime(new Date());
|
|
|
- if (this.runMode == 'mock') {
|
|
|
- // curTime = 2 / 60;
|
|
|
- // curTime = 2;
|
|
|
- curTime = 0.01666;//生产数据大概是每次1秒左右
|
|
|
-
|
|
|
- }
|
|
|
- // 男
|
|
|
- if (that.sex == 1) {
|
|
|
- // calorieNoVo2 = ((-55.0969 + (0.6309 * heartRate) + (0.1988 * that.weight) + (0.2017 * that.age)) / 4.184) / 60000 * curTime;
|
|
|
- calorieNoVo2 = ((-55.0969 + (0.6309 * heartRate) + (0.1988 * that.weight) + (0.2017 * that.age)) / 4.184) * curTime;
|
|
|
- } else {
|
|
|
- // calorieNoVo2 = ((-20.4022 + (0.4472 * heartRate) - (0.1263 * that.weight) + (0.074 * that.age)) / 4.184) / 60000 * curTime;
|
|
|
- calorieNoVo2 = ((-20.4022 + (0.4472 * heartRate) - (0.1263 * that.weight) + (0.074 * that.age)) / 4.184) * curTime;
|
|
|
- }
|
|
|
- // 记录增量卡路里
|
|
|
- console.log('Calories:' + calorieNoVo2);
|
|
|
-
|
|
|
- that.addCalories = calorieNoVo2;
|
|
|
- that.cal = that.cal + calorieNoVo2;
|
|
|
- // console.log('heartRate:' + heartRate);
|
|
|
- // console.log('calorieNoVo2:' + calorieNoVo2);
|
|
|
-
|
|
|
- // 计算CK
|
|
|
- that.calcCk(that.cal);
|
|
|
- that.calcSportCal(calorieNoVo2, curTime)
|
|
|
- },
|
|
|
- // 计算CK
|
|
|
- calcCk(cal) {
|
|
|
- // console.log('ck:' + cal / this.weight);
|
|
|
- this.ck = parseFloat(cal / this.weight).toFixed(2);
|
|
|
- },
|
|
|
- // 计算运动卡路里
|
|
|
- calcSportCal(calorieNoVo2, curTime) {
|
|
|
- let that = this;
|
|
|
- let bmrMSjDaily = 0;
|
|
|
- // 男
|
|
|
- if (that.sex == 1) {
|
|
|
- bmrMSjDaily = (10.00 * this.weight) + (6.25 * this.height) - (5.00 * this.age) + 5.00;
|
|
|
- } else {
|
|
|
- // 女
|
|
|
- bmrMSjDaily = (10.00 * this.weight) + (6.25 * this.height) - (5.00 * this.age) - 161
|
|
|
- }
|
|
|
-
|
|
|
- // console.log('bmrMSjDaily' + bmrMSjDaily);
|
|
|
- // 不为负值,负值无计算意义
|
|
|
- if (bmrMSjDaily <= 0) {
|
|
|
- return false
|
|
|
- }
|
|
|
- // 时长差值为0，计算无意义
|
|
|
- if (curTime == 0) {
|
|
|
- return false
|
|
|
- }
|
|
|
-
|
|
|
- let BmrMSjRmrcb = parseFloat((bmrMSjDaily * 1.1) / 24);
|
|
|
- // let calorieNoVo2Pure = (calorieNoVo2 - BmrMSjRmrcb / 3600 * 1);
|
|
|
- let calorieNoVo2Pure = (calorieNoVo2 - BmrMSjRmrcb / 3600 * (curTime) );
|
|
|
- console.log('calorieNoVo2Pure:' + calorieNoVo2Pure);
|
|
|
-
|
|
|
- // 记录增量运动卡路里
|
|
|
- that.addPureCalories = calorieNoVo2Pure;
|
|
|
- if(calorieNoVo2Pure < 0){
|
|
|
- calorieNoVo2Pure = 0;
|
|
|
- }
|
|
|
- this.sportCal = this.sportCal + parseFloat(calorieNoVo2Pure);
|
|
|
- },
|
|
|
- // 绘制心电图
|
|
|
- DrawHeartLine(heartLine, dataLabels) {
|
|
|
- this.dataLabels = dataLabels;
|
|
|
- this.dataDatasets = heartLine;
|
|
|
- this.calcMaxHr(heartLine);
|
|
|
- this.calcAveHr(heartLine);
|
|
|
- },
|
|
|
- // 最大心率
|
|
|
- calcMaxHr(heartLine) {
|
|
|
- this.heartMax = Math.max(...heartLine);
|
|
|
+ that.DrawHeartLine(that.heartLine, that.dataLabels);
|
|
|
+ }, 1000);
|
|
|
+ },
|
|
|
+ // 是否正在上课
|
|
|
+ isClass() {
|
|
|
+ let that = this;
|
|
|
+ let param = {
|
|
|
+ token: localStorage.token,
|
|
|
+ };
|
|
|
+ let postdata = qs.stringify(param);
|
|
|
+ GetDuInfoAndUserInfoByUserMd5(postdata).then(res => {
|
|
|
+ let json = res;
|
|
|
+ if (json.Code == 0) {
|
|
|
+ that.InClass = json.InClass;//0下课，1上课
|
|
|
+ // 记录duid
|
|
|
+ that.duId = parseInt(json.DuInfo.DuId);
|
|
|
+ that.DpName = json.DuInfo.DpName;
|
|
|
+ // 正在上课且已连心率带
|
|
|
+ if (that.InClass == 1 && that.watchState) {
|
|
|
+ console.log('InClass' + that.InClass);
|
|
|
+
|
|
|
+ // 上课状态拿一次心率带信息
|
|
|
+ that.AddHrSensorsUpdate();
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ that.Toast(json.Memo);
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ buffer2hexPower(value) {
|
|
|
+ var t = '';
|
|
|
+ if (value) {
|
|
|
+ var v = new Uint8Array(value);
|
|
|
+ for (var i in v) {
|
|
|
+ // t += '0x' + v[i].toString(16) + ' ';
|
|
|
+ t += v[i].toString(10) + ' ';
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ t = '无效值';
|
|
|
+ }
|
|
|
+ return t;
|
|
|
+ },
|
|
|
+ connectWatch() {
|
|
|
+ // 打开蓝牙适配器
|
|
|
+ let that = this;
|
|
|
+ if (typeof plus == 'undefined') {
|
|
|
+ that.Toast('当前设备不支持蓝牙心率带', 'error');
|
|
|
+ return false
|
|
|
+ }
|
|
|
+ plus.bluetooth.openBluetoothAdapter({
|
|
|
+ success: function (e) {
|
|
|
+ that.Toast('蓝牙适配器打开成功!', 'success');
|
|
|
+ that.openAlert = true;
|
|
|
+ that.searchWatch();
|
|
|
+ return e
|
|
|
},
|
|
|
- // 平均心率
|
|
|
- calcAveHr(heartLine) {
|
|
|
- var sum = 0;
|
|
|
- for (var i = 0; i < heartLine.length; i++) {
|
|
|
- sum += heartLine[i];
|
|
|
+ fail: function (e) {
|
|
|
+ that.Toast('打开失败! 请确认蓝牙开关已开启', 'error');
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ closeAlertDialog() {
|
|
|
+ this.openAlert = false;
|
|
|
+ },
|
|
|
+ // 监听搜索到新设备
|
|
|
+ searchWatch() {
|
|
|
+ let that = this;
|
|
|
+ that.watchs = [];
|
|
|
+ plus.bluetooth.startBluetoothDevicesDiscovery({
|
|
|
+ // services: ['heart_rate'],//ios不支持
|
|
|
+ success: function (e) {
|
|
|
+ that.Toast('开始搜索成功!', 'success');
|
|
|
+ plus.bluetooth.onBluetoothDeviceFound(function (e) {
|
|
|
+ let devices = e.devices;
|
|
|
+ let row = [];
|
|
|
+ for (let i in devices) {
|
|
|
+ let device = devices[i];
|
|
|
+ // localName CL831
|
|
|
+ if (device.localName.indexOf('CL831') != -1) {
|
|
|
+ console.log(JSON.stringify(device));
|
|
|
+ that.watchs.push(device);
|
|
|
+ }
|
|
|
}
|
|
|
- this.heartAverage = parseInt(sum / heartLine.length);
|
|
|
+ that.watchListState = true;
|
|
|
+ });
|
|
|
},
|
|
|
- // 上报信息
|
|
|
- AutoAddAppHeartRate() {
|
|
|
- let that = this;
|
|
|
- // console.log('duId:' + that.duId);
|
|
|
- let NorMalSn = that.sn.substring(6, that.sn.length);
|
|
|
- console.log('NorMalSn:' + parseInt(NorMalSn));
|
|
|
- let param = {
|
|
|
- token: localStorage.token,
|
|
|
- duId: that.duId,
|
|
|
- sn: parseInt(NorMalSn),
|
|
|
- hrId: that.HrId,
|
|
|
- heartRate: that.heartRate,
|
|
|
- rcvTime: new Date().getTime(),
|
|
|
- calories: parseInt(that.addCalories * 1000000), //卡
|
|
|
- pureCalories: parseInt(that.addPureCalories * 1000000), //卡
|
|
|
- };
|
|
|
- console.log(JSON.stringify(param));
|
|
|
-
|
|
|
- let postdata = qs.stringify(param);
|
|
|
- AddAppHeartRate(postdata).then(res => {
|
|
|
- let json = res;
|
|
|
- if (json.Code == 0) {
|
|
|
- that.InClass = json.InClass;
|
|
|
- console.log('心率数据上传成功！');
|
|
|
- } else {
|
|
|
- // that.Toast( '心率数据上传失败' + json.Memo);
|
|
|
- console.log('心率数据上传失败' + json.Memo);
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
- AddHrSensorsUpdate() {
|
|
|
- let that = this;
|
|
|
- let NorMalSn = that.sn.substring(6, that.sn.length);
|
|
|
- that.NorMalSn = NorMalSn;
|
|
|
- console.log('==========>NorMalSn:' + parseInt(NorMalSn));
|
|
|
- let param = {
|
|
|
- token: localStorage.token,
|
|
|
- sn: parseInt(NorMalSn),
|
|
|
- };
|
|
|
- let postdata = qs.stringify(param);
|
|
|
- HrSensorsUpdate(postdata).then(res => {
|
|
|
- let json = res;
|
|
|
- console.log('HrSensorsUpdate' + JSON.stringify(json));
|
|
|
- if (json.Code == 0) {
|
|
|
- that.HrId = json.HrId;
|
|
|
- // that.Toast('心率带已连接在线课程', 'success');
|
|
|
- } else {
|
|
|
- that.HrId = '';
|
|
|
- // that.Toast(json.Memo);
|
|
|
- }
|
|
|
- })
|
|
|
+ fail: function (e) {
|
|
|
+ that.Toast('开始搜索失败! ' + JSON.stringify(e));
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ choiceWatch(w) {
|
|
|
+ let that = this;
|
|
|
+ that.Toast('连接心率带' + w.localName.substring(6, 13) + '中...', 'success');
|
|
|
+ console.log('连接心率带' + w.deviceId);
|
|
|
+ that.deviceId = w.deviceId
|
|
|
+ // 建立连接
|
|
|
+ plus.bluetooth.createBLEConnection({
|
|
|
+ deviceId: w.deviceId,
|
|
|
+ success: function (e) {
|
|
|
+ // 记录心率带sn
|
|
|
+ that.sn = w.localName;
|
|
|
+ localStorage.sn = that.sn;
|
|
|
+ localStorage.w = JSON.stringify(w);
|
|
|
+ that.AddHrSensorsUpdate();
|
|
|
+ that.Toast('连接成功!', 'success');
|
|
|
+
|
|
|
+ // 渲染完毕再执行这个，所以才能没有延时的更改
|
|
|
+ // 需要一个回调等待5S
|
|
|
+ clearTimeout(that.timer); //清除延迟执行
|
|
|
+ that.timer = setTimeout(() => { //设置延迟执行
|
|
|
+ // 获取服务
|
|
|
+ that.getServices(w);
|
|
|
+ }, 2000);
|
|
|
},
|
|
|
- // 监听蓝牙设备连接状态
|
|
|
- listenerConnection() {
|
|
|
- let that = this;
|
|
|
- plus.bluetooth.onBLEConnectionStateChange(function(e) {
|
|
|
- that.watchState = e.connected;
|
|
|
- if (!that.watchState) {
|
|
|
- that.isBreakSteate();
|
|
|
- }
|
|
|
- });
|
|
|
+ fail: function (e) {
|
|
|
+ console.log('连接失败! 请重新连接' + JSON.stringify(e));
|
|
|
+ if (e.code == 10000) {
|
|
|
+ console.log(123);
|
|
|
+ }
|
|
|
+ that.Toast('连接失败! 请重新连接' + JSON.stringify(e));
|
|
|
},
|
|
|
- isBreakSteate() {
|
|
|
- let that = this;
|
|
|
- that.Toast('心率带已断开蓝牙连接，请重新连接', 'error');
|
|
|
- that.battery = '';
|
|
|
- that.watchText = '心率带已断开蓝牙连接';
|
|
|
- that.activeState = false;
|
|
|
+ })
|
|
|
+ },
|
|
|
+ getServices(w) {
|
|
|
+ let that = this;
|
|
|
+ that.Toast('获取蓝牙设备服务:', 'success');
|
|
|
+ plus.bluetooth.getBLEDeviceServices({
|
|
|
+ deviceId: w.deviceId,
|
|
|
+ success: function (e) {
|
|
|
+ that.Toast('获取蓝牙服务成功!', 'success');
|
|
|
+ // 获取服务的特征值
|
|
|
+ var HEARTuuid = "0000180D-0000-1000-8000-00805F9B34FB";//HEART RATE
|
|
|
+ var Batteryuuid = "0000180F-0000-1000-8000-00805F9B34FB";//Battery
|
|
|
+
|
|
|
+ let HeartRateChaaracterUuid = '00002A37-0000-1000-8000-00805F9B34FB';
|
|
|
+ let BatteryChaaracterUuid = '00002A19-0000-1000-8000-00805F9B34FB';
|
|
|
+ // that.getBatteryCharacteristics(w.deviceId, Batteryuuid);
|
|
|
+ that.getCharacteristics(w.deviceId, Batteryuuid, BatteryChaaracterUuid);
|
|
|
+ clearTimeout(that.timer); //清除延迟执行
|
|
|
+ that.timer = setTimeout(() => { //设置延迟执行
|
|
|
+ // 获取心跳服务
|
|
|
+ that.getCharacteristics(w.deviceId, HEARTuuid, HeartRateChaaracterUuid);
|
|
|
+ }, 3000);
|
|
|
},
|
|
|
+ fail: function (e) {
|
|
|
+ console.log('获取服务失败,devicedId：' + w.deviceId);
|
|
|
+ console.log('获取服务失败! ' + JSON.stringify(e));
|
|
|
+ that.Toast('获取服务失败!请重试 ' + JSON.stringify(e), 'error');
|
|
|
+ // 10004无连接， 重启一次蓝牙Adapter
|
|
|
+ if (e.code == 10004) {
|
|
|
+ that.sumError += 1;
|
|
|
+ if (that.sumError > 3) {
|
|
|
|
|
|
- Loading() {
|
|
|
- const loading = this.$loading({
|
|
|
- overlayColor: 'hsla(0,0%,100%,.9)', // 背景色
|
|
|
- size: 48,
|
|
|
- color: 'primary', // color
|
|
|
- });
|
|
|
- setTimeout(() => {
|
|
|
- loading.close();
|
|
|
- }, 3000)
|
|
|
- },
|
|
|
- // 打开断开连接提示窗口
|
|
|
- closeBLEConnectionAlert() {
|
|
|
- this.openBreakAlert = true;
|
|
|
- },
|
|
|
- // 断开连接
|
|
|
- closeBLEConnection() {
|
|
|
- let that = this;
|
|
|
- if (!that.deviceId) {
|
|
|
- that.Toast('当前没有已建立的连接',);
|
|
|
- return false
|
|
|
}
|
|
|
- plus.bluetooth.closeBLEConnection({
|
|
|
- deviceId: that.deviceId,
|
|
|
- success: function(e) {
|
|
|
- that.Toast('断开操作成功', 'success');
|
|
|
- that.openBreakAlert = false;
|
|
|
- console.log('close success: ' + JSON.stringify(e));
|
|
|
- },
|
|
|
- fail: function(e) {
|
|
|
- that.Toast('断开操作失败，请重试 [res]：' + JSON.stringify(e), 'error');
|
|
|
- console.log('close failed: ' + JSON.stringify(e));
|
|
|
- }
|
|
|
- });
|
|
|
- },
|
|
|
- // 自动重连上次心率带
|
|
|
- AutoContectLast() {
|
|
|
- let that = this;
|
|
|
- if (localStorage.sn) {
|
|
|
- plus.bluetooth.openBluetoothAdapter({
|
|
|
- success: function(e) {
|
|
|
- clearTimeout(that.autoConectTimer); //清除延迟执行
|
|
|
- that.autoConectTimer = setTimeout(() => { //设置延迟执行
|
|
|
- let w = JSON.parse(localStorage.w)
|
|
|
- that.choiceWatch(w);
|
|
|
- that.Toast('即将连接上次心率带', 'success');
|
|
|
- }, 5000);
|
|
|
- },
|
|
|
- fail: function(e) {
|
|
|
- that.Toast('打开失败! 请确认蓝牙开关已开启', 'error');
|
|
|
- }
|
|
|
- });
|
|
|
- } else {
|
|
|
- return false
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 获取服务的特征值
|
|
|
+ getCharacteristics(deviceId, serviceId, serveUuid) {
|
|
|
+ let that = this;
|
|
|
+ let characteristicId = null;
|
|
|
+ let chaaracterUuid = serveUuid;
|
|
|
+ plus.bluetooth.getBLEDeviceCharacteristics({
|
|
|
+ deviceId: deviceId,
|
|
|
+ serviceId: serviceId,
|
|
|
+ success: function (e) {
|
|
|
+ let characteristics = e.characteristics;
|
|
|
+ that.Toast('获取心率带蓝牙服务成功! ', 'success');
|
|
|
+ console.log('特征值列表： ' + JSON.stringify(characteristics));
|
|
|
+ plus.bluetooth.notifyBLECharacteristicValueChange({ //监听数据变化
|
|
|
+ deviceId: deviceId,
|
|
|
+ serviceId: serviceId,
|
|
|
+ characteristicId: chaaracterUuid,
|
|
|
+ success: function (e) {
|
|
|
+ console.log('---> 获取心跳服务' + JSON.stringify(e));
|
|
|
+ console.log('---> notifyBLECharacteristicValueChange ' + chaaracterUuid + ' success.');
|
|
|
+ // 服务获取成功，震动提示
|
|
|
+ // that.vibrate();
|
|
|
+ //that.onValuesChange();
|
|
|
+ },
|
|
|
+ fail: function (e) {
|
|
|
+ that.Toast('获取特征值失败!重启APP后再次尝试 ' + JSON.stringify(e));
|
|
|
}
|
|
|
+ });
|
|
|
},
|
|
|
- // 显示版本号
|
|
|
- showVersion() {
|
|
|
- this.Toast('当前版本号' + localStorage.version, 'success');
|
|
|
+ fail: function (e) {
|
|
|
+ console.log('获取特征值失败! ' + JSON.stringify(e));
|
|
|
+ that.Toast('获取特征值失败!重启APP后再次尝试 ' + JSON.stringify(e));
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 获取服务的特征值
|
|
|
+ // getBatteryCharacteristics(deviceId, serviceId) {
|
|
|
+ // let that = this;
|
|
|
+ // let chaaracterUuid = '00002A19-0000-1000-8000-00805F9B34FB';
|
|
|
+ // let characteristicId = null;
|
|
|
+ // that.readValue(deviceId, serviceId, chaaracterUuid);
|
|
|
+ // plus.bluetooth.getBLEDeviceCharacteristics({
|
|
|
+ // deviceId: deviceId,
|
|
|
+ // serviceId: serviceId,
|
|
|
+ // success: function(e) {
|
|
|
+ // var characteristics = e.characteristics;
|
|
|
+ // that.Toast('获取心率带服务成功! ' + characteristics.length, 'success');
|
|
|
+ // plus.bluetooth.notifyBLECharacteristicValueChange({ //监听数据变化
|
|
|
+ // deviceId: deviceId,
|
|
|
+ // serviceId: serviceId,
|
|
|
+ // characteristicId: chaaracterUuid,
|
|
|
+ // success: function(e) {
|
|
|
+ // console.log('notifyBLECharacteristicValueChange' + JSON.stringify(e));
|
|
|
+ // },
|
|
|
+ // fail: function(e) {
|
|
|
+ // that.Toast('notifyBLECharacteristicValueChange失败! ' + JSON.stringify(e));
|
|
|
+ // }
|
|
|
+ // });
|
|
|
+ // },
|
|
|
+ // fail: function(e) {
|
|
|
+ // console.log('获取特征值失败! ' + JSON.stringify(e));
|
|
|
+ // that.Toast('获取特征值失败!重启APP后再次尝试 ' + JSON.stringify(e));
|
|
|
+ // }
|
|
|
+ // })
|
|
|
+ // },
|
|
|
+ readValue(deviceId, serviceId, characteristicId) {
|
|
|
+ let that = this;
|
|
|
+ plus.bluetooth.readBLECharacteristicValue({
|
|
|
+ deviceId: deviceId,
|
|
|
+ serviceId: serviceId,
|
|
|
+ characteristicId: characteristicId,
|
|
|
+ success: function (e) {
|
|
|
+ console.log("读取电量数据成功" + JSON.stringify(e));
|
|
|
},
|
|
|
- logoutBtn() {
|
|
|
- this.Toast('退出当前账户', 'success');
|
|
|
+ fail: function (e) {
|
|
|
+ that.Toast('读取电量数据失败!重启APP后再次尝试 ' + JSON.stringify(e));
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 获取基础身体数据
|
|
|
+ getBodyInfo() {
|
|
|
+ let that = this;
|
|
|
+ let param = {
|
|
|
+ token: localStorage.token,
|
|
|
+ };
|
|
|
+ let postdata = qs.stringify(param);
|
|
|
+ UserSelfQuery(postdata).then(res => {
|
|
|
+ let json = res;
|
|
|
+ if (json.Code == 0) {
|
|
|
+ that.username = json.Rs.UserName;
|
|
|
+ that.sex = json.Rs.Sex;
|
|
|
+ that.height = json.Rs.Height;
|
|
|
+ // Birthday
|
|
|
+ let age = parseInt((new Date().getTime() - new Date(json.Rs.Birthday).getTime()) / (365 * 24 * 60 * 60 * 1000));
|
|
|
+ that.age = age;
|
|
|
+ that.weight = parseInt(json.Rs.Weight) / 10;
|
|
|
+ that.peaceHeart = json.Rs.StaticHr;
|
|
|
+ // 有无默认头像
|
|
|
+ if (json.Rs.Head) {
|
|
|
+ that.userHead = json.Rs.Head;
|
|
|
+ } else {
|
|
|
+ that.userHead = 'http://xhead.beswell.com/flyhead.png';//默认头像
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ if (json.Code == 9999999999) {
|
|
|
+ that.Toast('登陆已失效，请重新登陆');
|
|
|
localStorage.token = '';
|
|
|
- this.$router.push({ path: '/login' });
|
|
|
- },
|
|
|
- // 删除默认心率带
|
|
|
- delDefault() {
|
|
|
- localStorage.sn = '';
|
|
|
+ this.$router.push({path: '/login'});
|
|
|
+ } else {
|
|
|
+ that.Toast(json.Memo, 'error');
|
|
|
+ }
|
|
|
}
|
|
|
+ })
|
|
|
},
|
|
|
- filters: {
|
|
|
- parseLevel: function(value) {
|
|
|
- if (!value) {
|
|
|
- return '无'
|
|
|
- } else {
|
|
|
- if (parseInt(value) > -60) {
|
|
|
- return '强';
|
|
|
- } else {
|
|
|
- return '弱';
|
|
|
- }
|
|
|
- }
|
|
|
+ parseHeartRate(data) {
|
|
|
+ var data = new DataView(data);
|
|
|
+ const flags = data.getUint8(0);
|
|
|
+ const rate16Bits = flags & 0x1;
|
|
|
+ const result = {};
|
|
|
+ let index = 1;
|
|
|
+ if (rate16Bits) {
|
|
|
+ result.heartRate = data.getUint16(index, /*littleEndian=*/ true);
|
|
|
+ index += 2;
|
|
|
+ } else {
|
|
|
+ result.heartRate = data.getUint8(index);
|
|
|
+ index += 1;
|
|
|
+ }
|
|
|
+ const contactDetected = flags & 0x2;
|
|
|
+ const contactSensorPresent = flags & 0x4;
|
|
|
+ if (contactSensorPresent) {
|
|
|
+ result.contactDetected = !!contactDetected;
|
|
|
+ }
|
|
|
+ const energyPresent = flags & 0x8;
|
|
|
+ if (energyPresent) {
|
|
|
+ result.energyExpended = data.getUint16(index, /*littleEndian=*/ true);
|
|
|
+ index += 2;
|
|
|
+ }
|
|
|
+ const rrIntervalPresent = flags & 0x10;
|
|
|
+ if (rrIntervalPresent) {
|
|
|
+ const rrIntervals = [];
|
|
|
+ for (; index + 1 < data.byteLength; index += 2) {
|
|
|
+ rrIntervals.push(data.getUint16(index, /*littleEndian=*/ true));
|
|
|
+ }
|
|
|
+ result.rrIntervals = rrIntervals;
|
|
|
+ }
|
|
|
+ return result;
|
|
|
+ }
|
|
|
+ ,
|
|
|
+ // 活动强度计算公式
|
|
|
+ calcActLevel(heartRate) {
|
|
|
+ let actLevel = (heartRate - this.peaceHeart) / (208 - 0.7 * this.age - this.peaceHeart) * 100;
|
|
|
+ actLevel = actLevel > 100 ? 100 : actLevel < 0 ? 0 : actLevel;
|
|
|
+ this.activeLevel = parseInt(actLevel);
|
|
|
+ },
|
|
|
+ // 持续时间 单位为秒
|
|
|
+ calcHoldTime(curTime) {
|
|
|
+ let that = this;
|
|
|
+ let res = '';
|
|
|
+ if (this.begin) {
|
|
|
+ res = (curTime.getTime() - this.begin.getTime()) / (1000 * 60);
|
|
|
+ } else {
|
|
|
+ res = 0.00;
|
|
|
+ }
|
|
|
+ that.begin = new Date();
|
|
|
+ return res
|
|
|
+ },
|
|
|
+ // 计算卡路里
|
|
|
+ calcCalorie(heartRate) {
|
|
|
+ let that = this;
|
|
|
+
|
|
|
+ // 取不到正常心跳数就从本地取出来
|
|
|
+ if (parseInt(heartRate) == 0) {
|
|
|
+ heartRate = localStorage.heartRate
|
|
|
+ } else {
|
|
|
+ localStorage.heartRate = heartRate
|
|
|
+ }
|
|
|
+
|
|
|
+ let calorieNoVo2 = 0;
|
|
|
+ let curTime = that.calcHoldTime(new Date());
|
|
|
+ if (this.runMode == 'mock') {
|
|
|
+ // curTime = 2 / 60;
|
|
|
+ // curTime = 2;
|
|
|
+ curTime = 0.01666;//生产数据大概是每次1秒左右
|
|
|
+
|
|
|
+ }
|
|
|
+ // 男
|
|
|
+ if (that.sex == 1) {
|
|
|
+ // calorieNoVo2 = ((-55.0969 + (0.6309 * heartRate) + (0.1988 * that.weight) + (0.2017 * that.age)) / 4.184) / 60000 * curTime;
|
|
|
+ calorieNoVo2 = ((-55.0969 + (0.6309 * heartRate) + (0.1988 * that.weight) + (0.2017 * that.age)) / 4.184) * curTime;
|
|
|
+ } else {
|
|
|
+ // calorieNoVo2 = ((-20.4022 + (0.4472 * heartRate) - (0.1263 * that.weight) + (0.074 * that.age)) / 4.184) / 60000 * curTime;
|
|
|
+ calorieNoVo2 = ((-20.4022 + (0.4472 * heartRate) - (0.1263 * that.weight) + (0.074 * that.age)) / 4.184) * curTime;
|
|
|
+ }
|
|
|
+ // 记录增量卡路里
|
|
|
+ console.log('Calories:' + calorieNoVo2);
|
|
|
+
|
|
|
+ that.addCalories = calorieNoVo2;
|
|
|
+ that.cal = that.cal + calorieNoVo2;
|
|
|
+ // console.log('heartRate:' + heartRate);
|
|
|
+ // console.log('calorieNoVo2:' + calorieNoVo2);
|
|
|
+
|
|
|
+ // 计算CK
|
|
|
+ that.calcCk(that.cal);
|
|
|
+ that.calcSportCal(calorieNoVo2, curTime)
|
|
|
+ },
|
|
|
+ // 计算CK
|
|
|
+ calcCk(cal) {
|
|
|
+ // console.log('ck:' + cal / this.weight);
|
|
|
+ this.ck = parseFloat(cal / this.weight).toFixed(2);
|
|
|
+ },
|
|
|
+ // 计算运动卡路里
|
|
|
+ calcSportCal(calorieNoVo2, curTime) {
|
|
|
+ let that = this;
|
|
|
+ let bmrMSjDaily = 0;
|
|
|
+ // 男
|
|
|
+ if (that.sex == 1) {
|
|
|
+ bmrMSjDaily = (10.00 * this.weight) + (6.25 * this.height) - (5.00 * this.age) + 5.00;
|
|
|
+ } else {
|
|
|
+ // 女
|
|
|
+ bmrMSjDaily = (10.00 * this.weight) + (6.25 * this.height) - (5.00 * this.age) - 161
|
|
|
+ }
|
|
|
+
|
|
|
+ // console.log('bmrMSjDaily' + bmrMSjDaily);
|
|
|
+ // 不为负值,负值无计算意义
|
|
|
+ if (bmrMSjDaily <= 0) {
|
|
|
+ return false
|
|
|
+ }
|
|
|
+ // 时长差值为0，计算无意义
|
|
|
+ if (curTime == 0) {
|
|
|
+ return false
|
|
|
+ }
|
|
|
+
|
|
|
+ let BmrMSjRmrcb = parseFloat((bmrMSjDaily * 1.1) / 24);
|
|
|
+ // let calorieNoVo2Pure = (calorieNoVo2 - BmrMSjRmrcb / 3600 * 1);
|
|
|
+ let calorieNoVo2Pure = (calorieNoVo2 - BmrMSjRmrcb / 3600 * (curTime));
|
|
|
+ console.log('calorieNoVo2Pure:' + calorieNoVo2Pure);
|
|
|
+
|
|
|
+ // 记录增量运动卡路里
|
|
|
+ that.addPureCalories = calorieNoVo2Pure;
|
|
|
+ if (calorieNoVo2Pure < 0) {
|
|
|
+ calorieNoVo2Pure = 0;
|
|
|
+ }
|
|
|
+ this.sportCal = this.sportCal + parseFloat(calorieNoVo2Pure);
|
|
|
+ },
|
|
|
+ // 绘制心电图
|
|
|
+ DrawHeartLine(heartLine, dataLabels) {
|
|
|
+ this.dataLabels = dataLabels;
|
|
|
+ this.dataDatasets = heartLine;
|
|
|
+ this.calcMaxHr(heartLine);
|
|
|
+ this.calcAveHr(heartLine);
|
|
|
+ },
|
|
|
+ // 最大心率
|
|
|
+ calcMaxHr(heartLine) {
|
|
|
+ this.heartMax = Math.max(...heartLine);
|
|
|
+ },
|
|
|
+ // 平均心率
|
|
|
+ calcAveHr(heartLine) {
|
|
|
+ var sum = 0;
|
|
|
+ for (var i = 0; i < heartLine.length; i++) {
|
|
|
+ sum += heartLine[i];
|
|
|
+ }
|
|
|
+ this.heartAverage = parseInt(sum / heartLine.length);
|
|
|
+ },
|
|
|
+ // 上报信息
|
|
|
+ AutoAddAppHeartRate() {
|
|
|
+ let that = this;
|
|
|
+ // console.log('duId:' + that.duId);
|
|
|
+ let NorMalSn = that.sn.substring(6, that.sn.length);
|
|
|
+ console.log('NorMalSn:' + parseInt(NorMalSn));
|
|
|
+ let param = {
|
|
|
+ token: localStorage.token,
|
|
|
+ duId: that.duId,
|
|
|
+ sn: parseInt(NorMalSn),
|
|
|
+ hrId: that.HrId,
|
|
|
+ heartRate: that.heartRate,
|
|
|
+ rcvTime: new Date().getTime(),
|
|
|
+ calories: parseInt(that.addCalories * 1000000), //卡
|
|
|
+ pureCalories: parseInt(that.addPureCalories * 1000000), //卡
|
|
|
+ };
|
|
|
+ console.log(JSON.stringify(param));
|
|
|
+
|
|
|
+ let postdata = qs.stringify(param);
|
|
|
+ AddAppHeartRate(postdata).then(res => {
|
|
|
+ let json = res;
|
|
|
+ if (json.Code == 0) {
|
|
|
+ that.InClass = json.InClass;
|
|
|
+ console.log('心率数据上传成功！');
|
|
|
+ } else {
|
|
|
+ // that.Toast( '心率数据上传失败' + json.Memo);
|
|
|
+ console.log('心率数据上传失败' + json.Memo);
|
|
|
}
|
|
|
- ,
|
|
|
- parseToInt: function(val) {
|
|
|
- return parseInt(val)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ AddHrSensorsUpdate() {
|
|
|
+ let that = this;
|
|
|
+ let NorMalSn = that.sn.substring(6, that.sn.length);
|
|
|
+ that.NorMalSn = NorMalSn;
|
|
|
+ console.log('==========>NorMalSn:' + parseInt(NorMalSn));
|
|
|
+ let param = {
|
|
|
+ token: localStorage.token,
|
|
|
+ sn: parseInt(NorMalSn),
|
|
|
+ };
|
|
|
+ let postdata = qs.stringify(param);
|
|
|
+ HrSensorsUpdate(postdata).then(res => {
|
|
|
+ let json = res;
|
|
|
+ console.log('HrSensorsUpdate' + JSON.stringify(json));
|
|
|
+ if (json.Code == 0) {
|
|
|
+ that.HrId = json.HrId;
|
|
|
+ // that.Toast('心率带已连接在线课程', 'success');
|
|
|
+ } else {
|
|
|
+ that.HrId = '';
|
|
|
+ // that.Toast(json.Memo);
|
|
|
}
|
|
|
- ,
|
|
|
- parseToFix1: function(val) {
|
|
|
- return parseFloat(val).toFixed(1)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 监听蓝牙设备连接状态
|
|
|
+ listenerConnection() {
|
|
|
+ let that = this;
|
|
|
+ plus.bluetooth.onBLEConnectionStateChange(function (e) {
|
|
|
+ that.watchState = e.connected;
|
|
|
+ if (!that.watchState) {
|
|
|
+ that.isBreakSteate();
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ isBreakSteate() {
|
|
|
+ let that = this;
|
|
|
+ that.Toast('心率带已断开蓝牙连接，请重新连接', 'error');
|
|
|
+ that.battery = '';
|
|
|
+ that.watchText = '心率带已断开蓝牙连接';
|
|
|
+ that.activeState = false;
|
|
|
+ },
|
|
|
+
|
|
|
+ Loading() {
|
|
|
+ const loading = this.$loading({
|
|
|
+ overlayColor: 'hsla(0,0%,100%,.9)', // 背景色
|
|
|
+ size: 48,
|
|
|
+ color: 'primary', // color
|
|
|
+ });
|
|
|
+ setTimeout(() => {
|
|
|
+ loading.close();
|
|
|
+ }, 3000)
|
|
|
+ },
|
|
|
+ // 打开断开连接提示窗口
|
|
|
+ closeBLEConnectionAlert() {
|
|
|
+ this.openBreakAlert = true;
|
|
|
+ },
|
|
|
+ // 断开连接
|
|
|
+ closeBLEConnection() {
|
|
|
+ let that = this;
|
|
|
+ if (!that.deviceId) {
|
|
|
+ that.Toast('当前没有已建立的连接',);
|
|
|
+ return false
|
|
|
+ }
|
|
|
+ plus.bluetooth.closeBLEConnection({
|
|
|
+ deviceId: that.deviceId,
|
|
|
+ success: function (e) {
|
|
|
+ that.Toast('断开操作成功', 'success');
|
|
|
+ that.openBreakAlert = false;
|
|
|
+ console.log('close success: ' + JSON.stringify(e));
|
|
|
+ },
|
|
|
+ fail: function (e) {
|
|
|
+ that.Toast('断开操作失败，请重试 [res]：' + JSON.stringify(e), 'error');
|
|
|
+ console.log('close failed: ' + JSON.stringify(e));
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 自动重连上次心率带
|
|
|
+ AutoContectLast() {
|
|
|
+ let that = this;
|
|
|
+ if (localStorage.sn) {
|
|
|
+ plus.bluetooth.openBluetoothAdapter({
|
|
|
+ success: function (e) {
|
|
|
+ clearTimeout(that.autoConectTimer); //清除延迟执行
|
|
|
+ that.autoConectTimer = setTimeout(() => { //设置延迟执行
|
|
|
+ let w = JSON.parse(localStorage.w)
|
|
|
+ that.choiceWatch(w);
|
|
|
+ that.Toast('即将连接上次心率带', 'success');
|
|
|
+ }, 5000);
|
|
|
+ },
|
|
|
+ fail: function (e) {
|
|
|
+ that.Toast('打开失败! 请确认蓝牙开关已开启', 'error');
|
|
|
+ }
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ return false
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 显示版本号
|
|
|
+ showVersion() {
|
|
|
+ this.Toast('当前版本号' + localStorage.version, 'success');
|
|
|
+ },
|
|
|
+ logoutBtn() {
|
|
|
+ this.Toast('退出当前账户', 'success');
|
|
|
+ localStorage.token = '';
|
|
|
+ this.$router.push({path: '/login'});
|
|
|
+ },
|
|
|
+ // 删除默认心率带
|
|
|
+ delDefault() {
|
|
|
+ localStorage.sn = '';
|
|
|
+ }
|
|
|
+ },
|
|
|
+ filters: {
|
|
|
+ parseLevel: function (value) {
|
|
|
+ if (!value) {
|
|
|
+ return '无'
|
|
|
+ } else {
|
|
|
+ if (parseInt(value) > -60) {
|
|
|
+ return '强';
|
|
|
+ } else {
|
|
|
+ return '弱';
|
|
|
}
|
|
|
+ }
|
|
|
+ }
|
|
|
+ ,
|
|
|
+ parseToInt: function (val) {
|
|
|
+ return parseInt(val)
|
|
|
}
|
|
|
,
|
|
|
- components: {
|
|
|
- LineExample
|
|
|
+ parseToFix1: function (val) {
|
|
|
+ return parseFloat(val).toFixed(1)
|
|
|
}
|
|
|
+ }
|
|
|
+ ,
|
|
|
+ components: {
|
|
|
+ LineExample
|
|
|
+ }
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
<style scoped>
|
|
|
.top {
|
|
|
- width: 100%;
|
|
|
- overflow: hidden;
|
|
|
- display: block;
|
|
|
- margin: 0 auto;
|
|
|
- padding-top: 10px;
|
|
|
- padding-bottom: 10px;
|
|
|
+ width: 100%;
|
|
|
+ overflow: hidden;
|
|
|
+ display: block;
|
|
|
+ margin: 0 auto;
|
|
|
+ padding-top: 10px;
|
|
|
+ padding-bottom: 10px;
|
|
|
}
|
|
|
|
|
|
.top .watchState {
|
|
|
- width: 100%;
|
|
|
- overflow: hidden;
|
|
|
- display: block;
|
|
|
- margin: 0 auto;
|
|
|
- height: 20px;
|
|
|
- line-height: 20px;
|
|
|
- color: #fff;
|
|
|
- text-align: center;
|
|
|
- margin-top: 20px;
|
|
|
- margin-bottom: 10px;
|
|
|
+ width: 100%;
|
|
|
+ overflow: hidden;
|
|
|
+ display: block;
|
|
|
+ margin: 0 auto;
|
|
|
+ height: 20px;
|
|
|
+ line-height: 20px;
|
|
|
+ color: #fff;
|
|
|
+ text-align: center;
|
|
|
+ margin-top: 20px;
|
|
|
+ margin-bottom: 10px;
|
|
|
}
|
|
|
|
|
|
.toprow {
|
|
|
- width: 100%;
|
|
|
- overflow: hidden;
|
|
|
- display: block;
|
|
|
- margin: 0 auto;
|
|
|
+ width: 100%;
|
|
|
+ overflow: hidden;
|
|
|
+ display: block;
|
|
|
+ margin: 0 auto;
|
|
|
}
|
|
|
|
|
|
.toprow .lt {
|
|
|
- width: 30%;
|
|
|
- float: left;
|
|
|
- overflow: hidden;
|
|
|
+ width: 30%;
|
|
|
+ float: left;
|
|
|
+ overflow: hidden;
|
|
|
}
|
|
|
|
|
|
.toprow .md {
|
|
|
- width: 40%;
|
|
|
- float: left;
|
|
|
- overflow: hidden;
|
|
|
+ width: 40%;
|
|
|
+ float: left;
|
|
|
+ overflow: hidden;
|
|
|
}
|
|
|
|
|
|
.toprow .rt {
|
|
|
- width: 30%;
|
|
|
- float: right;
|
|
|
- overflow: hidden;
|
|
|
+ width: 30%;
|
|
|
+ float: right;
|
|
|
+ overflow: hidden;
|
|
|
}
|
|
|
|
|
|
.toprow .lt .activeLevel {
|
|
|
- width: 100%;
|
|
|
- overflow: hidden;
|
|
|
- display: block;
|
|
|
- margin: 0 auto;
|
|
|
- margin-top: 10px;
|
|
|
- color: #fff;
|
|
|
+ width: 100%;
|
|
|
+ overflow: hidden;
|
|
|
+ display: block;
|
|
|
+ margin: 0 auto;
|
|
|
+ margin-top: 10px;
|
|
|
+ color: #fff;
|
|
|
}
|
|
|
|
|
|
.activeLevel div {
|
|
|
- width: 86px;
|
|
|
- overflow: hidden;
|
|
|
- display: block;
|
|
|
- margin: 0 auto;
|
|
|
+ width: 86px;
|
|
|
+ overflow: hidden;
|
|
|
+ display: block;
|
|
|
+ margin: 0 auto;
|
|
|
}
|
|
|
|
|
|
.activeLevel s {
|
|
|
- float: right;
|
|
|
- font-size: 20px;
|
|
|
+ float: right;
|
|
|
+ font-size: 20px;
|
|
|
}
|
|
|
|
|
|
.activeLevel em {
|
|
|
- font-size: 40px;
|
|
|
- text-align: right;
|
|
|
- font-weight: bold;
|
|
|
- float: right;
|
|
|
+ font-size: 40px;
|
|
|
+ text-align: right;
|
|
|
+ font-weight: bold;
|
|
|
+ float: right;
|
|
|
}
|
|
|
|
|
|
.toprow .lt span {
|
|
|
- width: 80px;
|
|
|
- height: 20px;
|
|
|
- overflow: hidden;
|
|
|
- display: block;
|
|
|
- margin: 0 auto;
|
|
|
- color: #fff;
|
|
|
- border: 1px solid #fff;
|
|
|
- border-radius: 250px;
|
|
|
- text-align: center;
|
|
|
- line-height: 20px;
|
|
|
- font-size: 12px;
|
|
|
+ width: 80px;
|
|
|
+ height: 20px;
|
|
|
+ overflow: hidden;
|
|
|
+ display: block;
|
|
|
+ margin: 0 auto;
|
|
|
+ color: #fff;
|
|
|
+ border: 1px solid #fff;
|
|
|
+ border-radius: 250px;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 20px;
|
|
|
+ font-size: 12px;
|
|
|
}
|
|
|
|
|
|
.toprow .md .headContainer {
|
|
|
- width: 70%;
|
|
|
- height: 70%;
|
|
|
- border: 3px solid rgba(255, 255, 255, 0.71);
|
|
|
- border-radius: 250px;
|
|
|
- overflow: hidden;
|
|
|
- display: block;
|
|
|
- margin: 0 auto;
|
|
|
+ width: 70%;
|
|
|
+ height: 70%;
|
|
|
+ border: 3px solid rgba(255, 255, 255, 0.71);
|
|
|
+ border-radius: 250px;
|
|
|
+ overflow: hidden;
|
|
|
+ display: block;
|
|
|
+ margin: 0 auto;
|
|
|
}
|
|
|
|
|
|
.headContainer img {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- overflow: hidden;
|
|
|
- display: block;
|
|
|
- margin: 0 auto;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ overflow: hidden;
|
|
|
+ display: block;
|
|
|
+ margin: 0 auto;
|
|
|
}
|
|
|
|
|
|
.activeLevel .noValue {
|
|
|
- width: 100%;
|
|
|
- overflow: hidden;
|
|
|
- display: block;
|
|
|
- margin: 0 auto;
|
|
|
- font-weight: bold;
|
|
|
- font-size: 40px;
|
|
|
- text-align: center;
|
|
|
- float: none;
|
|
|
+ width: 100%;
|
|
|
+ overflow: hidden;
|
|
|
+ display: block;
|
|
|
+ margin: 0 auto;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 40px;
|
|
|
+ text-align: center;
|
|
|
+ float: none;
|
|
|
}
|
|
|
|
|
|
.username {
|
|
|
- width: 100%;
|
|
|
- height: 30px;
|
|
|
- overflow: hidden;
|
|
|
- display: block;
|
|
|
- margin: 0 auto;
|
|
|
- font-size: 14px;
|
|
|
- color: #fff;
|
|
|
- margin-top: 10px;
|
|
|
+ width: 100%;
|
|
|
+ height: 30px;
|
|
|
+ overflow: hidden;
|
|
|
+ display: block;
|
|
|
+ margin: 0 auto;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #fff;
|
|
|
+ margin-top: 10px;
|
|
|
}
|
|
|
|
|
|
.username em {
|
|
|
- width: 100%;
|
|
|
- overflow: hidden;
|
|
|
- display: block;
|
|
|
- margin: 0 auto;
|
|
|
- text-align: center;
|
|
|
+ width: 100%;
|
|
|
+ overflow: hidden;
|
|
|
+ display: block;
|
|
|
+ margin: 0 auto;
|
|
|
+ text-align: center;
|
|
|
}
|
|
|
|
|
|
.username img {
|
|
|
- position: relative;
|
|
|
- bottom: 20px;
|
|
|
- float: right;
|
|
|
- width: 15px;
|
|
|
- height: 15px;
|
|
|
- right: 15%;
|
|
|
+ position: relative;
|
|
|
+ bottom: 20px;
|
|
|
+ float: right;
|
|
|
+ width: 15px;
|
|
|
+ height: 15px;
|
|
|
+ right: 15%;
|
|
|
}
|
|
|
|
|
|
.heartJump {
|
|
|
- width: 90%;
|
|
|
- overflow: hidden;
|
|
|
- float: left;
|
|
|
- margin: 0 auto;
|
|
|
- margin-top: 10px;
|
|
|
- color: #fff;
|
|
|
+ width: 90%;
|
|
|
+ overflow: hidden;
|
|
|
+ float: left;
|
|
|
+ margin: 0 auto;
|
|
|
+ margin-top: 10px;
|
|
|
+ color: #fff;
|
|
|
}
|
|
|
|
|
|
.heartJump div {
|
|
|
- width: 86px;
|
|
|
- overflow: hidden;
|
|
|
- display: block;
|
|
|
- margin: 0 auto;
|
|
|
+ width: 86px;
|
|
|
+ overflow: hidden;
|
|
|
+ display: block;
|
|
|
+ margin: 0 auto;
|
|
|
}
|
|
|
|
|
|
.heartJump img {
|
|
|
- width: 16px;
|
|
|
- height: 14px;
|
|
|
- float: right;
|
|
|
+ width: 16px;
|
|
|
+ height: 14px;
|
|
|
+ float: right;
|
|
|
}
|
|
|
|
|
|
.heartJump em {
|
|
|
- font-size: 40px;
|
|
|
- text-align: right;
|
|
|
- font-weight: bold;
|
|
|
- float: right;
|
|
|
+ font-size: 40px;
|
|
|
+ text-align: right;
|
|
|
+ font-weight: bold;
|
|
|
+ float: right;
|
|
|
}
|
|
|
|
|
|
.heartJump .noValue {
|
|
|
- width: 100%;
|
|
|
- overflow: hidden;
|
|
|
- display: block;
|
|
|
- margin: 0 auto;
|
|
|
- font-weight: bold;
|
|
|
- font-size: 40px;
|
|
|
- text-align: center;
|
|
|
- float: none;
|
|
|
+ width: 100%;
|
|
|
+ overflow: hidden;
|
|
|
+ display: block;
|
|
|
+ margin: 0 auto;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 40px;
|
|
|
+ text-align: center;
|
|
|
+ float: none;
|
|
|
}
|
|
|
|
|
|
.toprow .rt span {
|
|
|
- width: 80px;
|
|
|
- height: 20px;
|
|
|
- overflow: hidden;
|
|
|
- display: block;
|
|
|
- margin: 0 auto;
|
|
|
- /*float: left;*/
|
|
|
- color: #fff;
|
|
|
- border: 1px solid #fff;
|
|
|
- border-radius: 250px;
|
|
|
- text-align: center;
|
|
|
- line-height: 20px;
|
|
|
- font-size: 12px;
|
|
|
+ width: 80px;
|
|
|
+ height: 20px;
|
|
|
+ overflow: hidden;
|
|
|
+ display: block;
|
|
|
+ margin: 0 auto;
|
|
|
+ /*float: left;*/
|
|
|
+ color: #fff;
|
|
|
+ border: 1px solid #fff;
|
|
|
+ border-radius: 250px;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 20px;
|
|
|
+ font-size: 12px;
|
|
|
}
|
|
|
|
|
|
.info {
|
|
|
- width: 100%;
|
|
|
- overflow: hidden;
|
|
|
- display: block;
|
|
|
- margin: 0 auto;
|
|
|
+ width: 100%;
|
|
|
+ overflow: hidden;
|
|
|
+ display: block;
|
|
|
+ margin: 0 auto;
|
|
|
}
|
|
|
|
|
|
.info ul {
|
|
|
- width: 100%;
|
|
|
- overflow: hidden;
|
|
|
- display: block;
|
|
|
- margin: 0 auto;
|
|
|
- margin-top: 10px;
|
|
|
- margin-bottom: 10px;
|
|
|
+ width: 100%;
|
|
|
+ overflow: hidden;
|
|
|
+ display: block;
|
|
|
+ margin: 0 auto;
|
|
|
+ margin-top: 10px;
|
|
|
+ margin-bottom: 10px;
|
|
|
}
|
|
|
|
|
|
.info li {
|
|
|
- width: 25%;
|
|
|
- border-left: 1px solid #fff;
|
|
|
- border-right: 1px solid #fff;
|
|
|
- float: left;
|
|
|
- text-align: center;
|
|
|
+ width: 25%;
|
|
|
+ border-left: 1px solid #fff;
|
|
|
+ border-right: 1px solid #fff;
|
|
|
+ float: left;
|
|
|
+ text-align: center;
|
|
|
}
|
|
|
|
|
|
.info li:nth-child(2) {
|
|
|
- border-color: #e2e2e2;
|
|
|
+ border-color: #e2e2e2;
|
|
|
}
|
|
|
|
|
|
.info li:nth-child(3) {
|
|
|
- border-color: #e2e2e2;
|
|
|
- border-left: 0;
|
|
|
+ border-color: #e2e2e2;
|
|
|
+ border-left: 0;
|
|
|
}
|
|
|
|
|
|
.info li em {
|
|
|
- width: 100%;
|
|
|
- overflow: hidden;
|
|
|
- display: block;
|
|
|
- margin: 0 auto;
|
|
|
- color: #363636;
|
|
|
- font-size: 20px;
|
|
|
- text-align: center;
|
|
|
+ width: 100%;
|
|
|
+ overflow: hidden;
|
|
|
+ display: block;
|
|
|
+ margin: 0 auto;
|
|
|
+ color: #363636;
|
|
|
+ font-size: 20px;
|
|
|
+ text-align: center;
|
|
|
}
|
|
|
|
|
|
.info li span {
|
|
|
- width: 100%;
|
|
|
- overflow: hidden;
|
|
|
- display: block;
|
|
|
- margin: 0 auto;
|
|
|
- color: #c4c4c4;
|
|
|
- font-size: 12px;
|
|
|
- text-align: center;
|
|
|
+ width: 100%;
|
|
|
+ overflow: hidden;
|
|
|
+ display: block;
|
|
|
+ margin: 0 auto;
|
|
|
+ color: #c4c4c4;
|
|
|
+ font-size: 12px;
|
|
|
+ text-align: center;
|
|
|
}
|
|
|
|
|
|
.row {
|
|
|
- width: 100%;
|
|
|
- overflow: hidden;
|
|
|
- display: block;
|
|
|
- margin: 0 auto;
|
|
|
- background: #efefef;
|
|
|
- padding-top: 5px;
|
|
|
- padding-bottom: 5px;
|
|
|
+ width: 100%;
|
|
|
+ overflow: hidden;
|
|
|
+ display: block;
|
|
|
+ margin: 0 auto;
|
|
|
+ background: #efefef;
|
|
|
+ padding-top: 5px;
|
|
|
+ padding-bottom: 5px;
|
|
|
}
|
|
|
|
|
|
.row .rowCenter {
|
|
|
- width: 208px;
|
|
|
- overflow: hidden;
|
|
|
- display: block;
|
|
|
- margin: 0 auto;
|
|
|
- line-height: 30px;
|
|
|
+ width: 208px;
|
|
|
+ overflow: hidden;
|
|
|
+ display: block;
|
|
|
+ margin: 0 auto;
|
|
|
+ line-height: 30px;
|
|
|
}
|
|
|
|
|
|
.rowCenter img {
|
|
|
- width: 11px;
|
|
|
- height: 11px;
|
|
|
- float: left;
|
|
|
- margin-top: 10px;
|
|
|
- margin-right: 5px;
|
|
|
+ width: 11px;
|
|
|
+ height: 11px;
|
|
|
+ float: left;
|
|
|
+ margin-top: 10px;
|
|
|
+ margin-right: 5px;
|
|
|
}
|
|
|
|
|
|
.rowCenter em {
|
|
|
- font-size: 14px;
|
|
|
- color: #ff4040;
|
|
|
- margin-right: 15px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #ff4040;
|
|
|
+ margin-right: 15px;
|
|
|
}
|
|
|
|
|
|
.rowCenter button {
|
|
|
- width: 92px;
|
|
|
- height: 27px;
|
|
|
- text-align: center;
|
|
|
- line-height: 27px;
|
|
|
- color: black;
|
|
|
- background: #ffde93;
|
|
|
- border-radius: 6px;
|
|
|
- border: none;
|
|
|
- outline: none;
|
|
|
+ width: 92px;
|
|
|
+ height: 27px;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 27px;
|
|
|
+ color: black;
|
|
|
+ background: #ffde93;
|
|
|
+ border-radius: 6px;
|
|
|
+ border: none;
|
|
|
+ outline: none;
|
|
|
}
|
|
|
|
|
|
.middle {
|
|
|
- width: 100%;
|
|
|
- overflow: hidden;
|
|
|
- display: block;
|
|
|
- margin: 0 auto;
|
|
|
- border-bottom: 10px solid #efefef;
|
|
|
+ width: 100%;
|
|
|
+ overflow: hidden;
|
|
|
+ display: block;
|
|
|
+ margin: 0 auto;
|
|
|
+ border-bottom: 10px solid #efefef;
|
|
|
}
|
|
|
|
|
|
.middle ul {
|
|
|
- width: 100%;
|
|
|
- overflow: hidden;
|
|
|
- display: block;
|
|
|
- margin: 0 auto;
|
|
|
- padding-top: 10px;
|
|
|
- padding-bottom: 10px;
|
|
|
+ width: 100%;
|
|
|
+ overflow: hidden;
|
|
|
+ display: block;
|
|
|
+ margin: 0 auto;
|
|
|
+ padding-top: 10px;
|
|
|
+ padding-bottom: 10px;
|
|
|
}
|
|
|
|
|
|
.middle li {
|
|
|
- width: 33%;
|
|
|
- float: left;
|
|
|
- border-left: 1px solid #fff;
|
|
|
- border-right: 1px solid #fff;
|
|
|
+ width: 33%;
|
|
|
+ float: left;
|
|
|
+ border-left: 1px solid #fff;
|
|
|
+ border-right: 1px solid #fff;
|
|
|
}
|
|
|
|
|
|
.middle li .center {
|
|
|
- width: 72px;
|
|
|
- overflow: hidden;
|
|
|
- display: block;
|
|
|
- margin: 0 auto;
|
|
|
+ width: 72px;
|
|
|
+ overflow: hidden;
|
|
|
+ display: block;
|
|
|
+ margin: 0 auto;
|
|
|
}
|
|
|
|
|
|
.middle li:nth-child(2) {
|
|
|
- border-color: #e2e2e2;
|
|
|
+ border-color: #e2e2e2;
|
|
|
}
|
|
|
|
|
|
.middle li img {
|
|
|
- width: 15px;
|
|
|
- float: right;
|
|
|
- margin-top: 4px;
|
|
|
- margin-right: 5px;
|
|
|
+ width: 15px;
|
|
|
+ float: right;
|
|
|
+ margin-top: 4px;
|
|
|
+ margin-right: 5px;
|
|
|
}
|
|
|
|
|
|
.middle li em {
|
|
|
- float: right;
|
|
|
- text-align: right;
|
|
|
- color: #000;
|
|
|
- font-weight: bold;
|
|
|
- font-size: 22px;
|
|
|
+ float: right;
|
|
|
+ text-align: right;
|
|
|
+ color: #000;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 22px;
|
|
|
}
|
|
|
|
|
|
.middle li span {
|
|
|
- width: 100%;
|
|
|
- overflow: hidden;
|
|
|
- display: block;
|
|
|
- margin: 0 auto;
|
|
|
- text-align: right;
|
|
|
- color: #9a9a9a;
|
|
|
- font-size: 12px;
|
|
|
+ width: 100%;
|
|
|
+ overflow: hidden;
|
|
|
+ display: block;
|
|
|
+ margin: 0 auto;
|
|
|
+ text-align: right;
|
|
|
+ color: #9a9a9a;
|
|
|
+ font-size: 12px;
|
|
|
}
|
|
|
|
|
|
.middle .ck {
|
|
|
- width: 19px;
|
|
|
- height: 19px;
|
|
|
- margin-top: 6px;
|
|
|
+ width: 19px;
|
|
|
+ height: 19px;
|
|
|
+ margin-top: 6px;
|
|
|
}
|
|
|
|
|
|
.bottom {
|
|
|
- width: 100%;
|
|
|
- overflow: hidden;
|
|
|
- display: block;
|
|
|
- margin: 0 auto;
|
|
|
+ width: 100%;
|
|
|
+ overflow: hidden;
|
|
|
+ display: block;
|
|
|
+ margin: 0 auto;
|
|
|
}
|
|
|
|
|
|
.bottom h5 {
|
|
|
- width: 100%;
|
|
|
- overflow: hidden;
|
|
|
- display: block;
|
|
|
- margin: 0 auto;
|
|
|
- color: #363636;
|
|
|
- font-size: 16px;
|
|
|
- text-align: center;
|
|
|
- font-weight: normal;
|
|
|
- margin-top: 14px;
|
|
|
+ width: 100%;
|
|
|
+ overflow: hidden;
|
|
|
+ display: block;
|
|
|
+ margin: 0 auto;
|
|
|
+ color: #363636;
|
|
|
+ font-size: 16px;
|
|
|
+ text-align: center;
|
|
|
+ font-weight: normal;
|
|
|
+ margin-top: 14px;
|
|
|
}
|
|
|
|
|
|
.bottom span {
|
|
|
- width: 100%;
|
|
|
- overflow: hidden;
|
|
|
- display: block;
|
|
|
- margin: 0 auto;
|
|
|
- text-align: center;
|
|
|
- font-size: 12px;
|
|
|
- color: #9a9a9a;
|
|
|
+ width: 100%;
|
|
|
+ overflow: hidden;
|
|
|
+ display: block;
|
|
|
+ margin: 0 auto;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 12px;
|
|
|
+ color: #9a9a9a;
|
|
|
}
|
|
|
|
|
|
.bottom em {
|
|
|
- position: relative;
|
|
|
- bottom: 160px;
|
|
|
- right: 20px;
|
|
|
- float: right;
|
|
|
- color: #ff4040;
|
|
|
- background: #fff;
|
|
|
+ position: relative;
|
|
|
+ bottom: 160px;
|
|
|
+ right: 20px;
|
|
|
+ float: right;
|
|
|
+ color: #ff4040;
|
|
|
+ background: #fff;
|
|
|
}
|
|
|
|
|
|
.slowJump {
|
|
|
- animation: mymove 3s infinite;
|
|
|
- -webkit-animation: mymove 3s infinite; /*Safari and Chrome*/
|
|
|
- animation-direction: alternate; /*轮流反向播放动画。*/
|
|
|
- animation-timing-function: ease-in-out; /*动画的速度曲线*/
|
|
|
- /* Safari 和 Chrome */
|
|
|
- -webkit-animation-direction: alternate; /*轮流反向播放动画。*/
|
|
|
- -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
|
|
|
+ animation: mymove 3s infinite;
|
|
|
+ -webkit-animation: mymove 3s infinite; /*Safari and Chrome*/
|
|
|
+ animation-direction: alternate; /*轮流反向播放动画。*/
|
|
|
+ animation-timing-function: ease-in-out; /*动画的速度曲线*/
|
|
|
+ /* Safari 和 Chrome */
|
|
|
+ -webkit-animation-direction: alternate; /*轮流反向播放动画。*/
|
|
|
+ -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
|
|
|
}
|
|
|
|
|
|
.normalJump {
|
|
|
- animation: mymove 2s infinite;
|
|
|
- -webkit-animation: mymove 2s infinite; /*Safari and Chrome*/
|
|
|
- animation-direction: alternate; /*轮流反向播放动画。*/
|
|
|
- animation-timing-function: ease-in-out; /*动画的速度曲线*/
|
|
|
- /* Safari 和 Chrome */
|
|
|
- -webkit-animation-direction: alternate; /*轮流反向播放动画。*/
|
|
|
- -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
|
|
|
+ animation: mymove 2s infinite;
|
|
|
+ -webkit-animation: mymove 2s infinite; /*Safari and Chrome*/
|
|
|
+ animation-direction: alternate; /*轮流反向播放动画。*/
|
|
|
+ animation-timing-function: ease-in-out; /*动画的速度曲线*/
|
|
|
+ /* Safari 和 Chrome */
|
|
|
+ -webkit-animation-direction: alternate; /*轮流反向播放动画。*/
|
|
|
+ -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
|
|
|
}
|
|
|
|
|
|
.fastJump {
|
|
|
- animation: mymove 1s infinite;
|
|
|
- -webkit-animation: mymove 1s infinite; /*Safari and Chrome*/
|
|
|
- animation-direction: alternate; /*轮流反向播放动画。*/
|
|
|
- animation-timing-function: ease-in-out; /*动画的速度曲线*/
|
|
|
- /* Safari 和 Chrome */
|
|
|
- -webkit-animation-direction: alternate; /*轮流反向播放动画。*/
|
|
|
- -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
|
|
|
+ animation: mymove 1s infinite;
|
|
|
+ -webkit-animation: mymove 1s infinite; /*Safari and Chrome*/
|
|
|
+ animation-direction: alternate; /*轮流反向播放动画。*/
|
|
|
+ animation-timing-function: ease-in-out; /*动画的速度曲线*/
|
|
|
+ /* Safari 和 Chrome */
|
|
|
+ -webkit-animation-direction: alternate; /*轮流反向播放动画。*/
|
|
|
+ -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
|
|
|
}
|
|
|
|
|
|
@keyframes mymove {
|
|
|
- 0% {
|
|
|
- transform: scale(1); /*开始为原始大小*/
|
|
|
- }
|
|
|
- 25% {
|
|
|
- transform: scale(1.1); /*放大1.1倍*/
|
|
|
- }
|
|
|
- 50% {
|
|
|
- transform: scale(1);
|
|
|
- }
|
|
|
- 75% {
|
|
|
- transform: scale(1.1);
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-@-webkit-keyframes mymove /*Safari and Chrome*/ {
|
|
|
- 0% {
|
|
|
- transform: scale(1); /*开始为原始大小*/
|
|
|
- }
|
|
|
- 25% {
|
|
|
- transform: scale(1.1); /*放大1.1倍*/
|
|
|
- }
|
|
|
- 50% {
|
|
|
- transform: scale(1);
|
|
|
- }
|
|
|
- 75% {
|
|
|
- transform: scale(1.1);
|
|
|
- }
|
|
|
+ 0% {
|
|
|
+ transform: scale(1); /*开始为原始大小*/
|
|
|
+ }
|
|
|
+ 25% {
|
|
|
+ transform: scale(1.1); /*放大1.1倍*/
|
|
|
+ }
|
|
|
+ 50% {
|
|
|
+ transform: scale(1);
|
|
|
+ }
|
|
|
+ 75% {
|
|
|
+ transform: scale(1.1);
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+@-webkit-keyframes mymove /*Safari and Chrome*/
|
|
|
+{
|
|
|
+ 0% {
|
|
|
+ transform: scale(1); /*开始为原始大小*/
|
|
|
+ }
|
|
|
+ 25% {
|
|
|
+ transform: scale(1.1); /*放大1.1倍*/
|
|
|
+ }
|
|
|
+ 50% {
|
|
|
+ transform: scale(1);
|
|
|
+ }
|
|
|
+ 75% {
|
|
|
+ transform: scale(1.1);
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
/deep/ .mu-dialog {
|
|
|
- background-color: rgba(0, 0, 0, 0.85);
|
|
|
- color: #fff;
|
|
|
- border-radius: 20px;
|
|
|
- background-size: 100%;
|
|
|
- background-origin: content-box;
|
|
|
+ background-color: rgba(0, 0, 0, 0.85);
|
|
|
+ color: #fff;
|
|
|
+ border-radius: 20px;
|
|
|
+ background-size: 100%;
|
|
|
+ background-origin: content-box;
|
|
|
}
|
|
|
|
|
|
/deep/ .mu-dialog h5 {
|
|
|
- color: #fff;
|
|
|
- text-align: center;
|
|
|
- font-size: 16px;
|
|
|
+ color: #fff;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 16px;
|
|
|
}
|
|
|
|
|
|
/deep/ .mu-dialog p {
|
|
|
- color: #fff;
|
|
|
- text-align: center;
|
|
|
- font-size: 14px;
|
|
|
+ color: #fff;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 14px;
|
|
|
}
|
|
|
|
|
|
/deep/ .mu-dialog .mu-primary-text-color {
|
|
|
- margin: 0 auto;
|
|
|
- border-radius: 9px;
|
|
|
- background-color: rgba(255, 255, 255, 0.1);
|
|
|
- color: #fff;
|
|
|
+ margin: 0 auto;
|
|
|
+ border-radius: 9px;
|
|
|
+ background-color: rgba(255, 255, 255, 0.1);
|
|
|
+ color: #fff;
|
|
|
}
|
|
|
|
|
|
.watchList {
|
|
|
- width: 100%;
|
|
|
- overflow: hidden;
|
|
|
- display: block;
|
|
|
- margin: 0 auto;
|
|
|
- min-height: 100px;
|
|
|
- overflow-y: scroll;
|
|
|
+ width: 100%;
|
|
|
+ overflow: hidden;
|
|
|
+ display: block;
|
|
|
+ margin: 0 auto;
|
|
|
+ min-height: 100px;
|
|
|
+ overflow-y: scroll;
|
|
|
}
|
|
|
|
|
|
.watchList li {
|
|
|
- width: 100%;
|
|
|
- padding-left: 5%;
|
|
|
- padding-right: 5%;
|
|
|
- padding-top: 5px;
|
|
|
- padding-bottom: 5px;
|
|
|
- overflow: hidden;
|
|
|
- display: block;
|
|
|
- margin: 0 auto;
|
|
|
- background-color: rgba(255, 255, 255, 0.29);
|
|
|
- color: #fff;
|
|
|
- border-radius: 9px;
|
|
|
- font-size: 12px;
|
|
|
- margin-bottom: 5px;
|
|
|
+ width: 100%;
|
|
|
+ padding-left: 5%;
|
|
|
+ padding-right: 5%;
|
|
|
+ padding-top: 5px;
|
|
|
+ padding-bottom: 5px;
|
|
|
+ overflow: hidden;
|
|
|
+ display: block;
|
|
|
+ margin: 0 auto;
|
|
|
+ background-color: rgba(255, 255, 255, 0.29);
|
|
|
+ color: #fff;
|
|
|
+ border-radius: 9px;
|
|
|
+ font-size: 12px;
|
|
|
+ margin-bottom: 5px;
|
|
|
}
|
|
|
|
|
|
.watchList li em {
|
|
|
- float: right;
|
|
|
- text-align: right;
|
|
|
+ float: right;
|
|
|
+ text-align: right;
|
|
|
}
|
|
|
|
|
|
.classInfo {
|
|
|
- width: 100%;
|
|
|
- overflow: hidden;
|
|
|
- display: block;
|
|
|
- margin: 0 auto;
|
|
|
- font-size: 16px;
|
|
|
- text-align: center;
|
|
|
+ width: 100%;
|
|
|
+ overflow: hidden;
|
|
|
+ display: block;
|
|
|
+ margin: 0 auto;
|
|
|
+ font-size: 16px;
|
|
|
+ text-align: center;
|
|
|
}
|
|
|
|
|
|
.classInfo span {
|
|
|
- font-size: 12px;
|
|
|
+ font-size: 12px;
|
|
|
}
|
|
|
+
|
|
|
.breakConect {
|
|
|
- font-size: 12px;
|
|
|
- text-align: center;
|
|
|
- color: green;
|
|
|
+ font-size: 12px;
|
|
|
+ text-align: center;
|
|
|
+ color: green;
|
|
|
}
|
|
|
+
|
|
|
.breakConect button {
|
|
|
- width: 92px;
|
|
|
- height: 27px;
|
|
|
- text-align: center;
|
|
|
- line-height: 27px;
|
|
|
- color: black;
|
|
|
- background: rgb(255, 123, 0);
|
|
|
- border-radius: 6px;
|
|
|
- border: none;
|
|
|
- outline: none;
|
|
|
- margin-left: 15px;
|
|
|
- font-size: 14px;
|
|
|
+ width: 92px;
|
|
|
+ height: 27px;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 27px;
|
|
|
+ color: black;
|
|
|
+ background: rgb(255, 123, 0);
|
|
|
+ border-radius: 6px;
|
|
|
+ border: none;
|
|
|
+ outline: none;
|
|
|
+ margin-left: 15px;
|
|
|
+ font-size: 14px;
|
|
|
}
|
|
|
+
|
|
|
.logoutBtn {
|
|
|
- width: 100px;
|
|
|
- margin: 0 auto;
|
|
|
+ width: 100px;
|
|
|
+ margin: 0 auto;
|
|
|
}
|
|
|
+
|
|
|
/deep/ .mu-loading-wrap {
|
|
|
- position: relative;
|
|
|
- bottom: 30px;
|
|
|
- width: 200px;
|
|
|
- margin: 0 auto;
|
|
|
+ position: relative;
|
|
|
+ bottom: 30px;
|
|
|
+ width: 200px;
|
|
|
+ margin: 0 auto;
|
|
|
}
|
|
|
</style>
|
