|
@@ -6,74 +6,58 @@
|
|
|
<div class="mui-content vongi-color">
|
|
|
<ul class="mui-table-view">
|
|
|
<li class="mui-table-view-cell mui-col-xs-4">
|
|
|
- <div class="vongi-color-block block-yellow">
|
|
|
- <router-link :to="{name:'MasterHealthChart',query:{type:'diastolic,systolic',title:'血压'}}">
|
|
|
- <span class="vongi-color-unit">mmHg</span>
|
|
|
- <div class="mui-h1" v-text="tolic"></div>
|
|
|
- <div class="mui-media-body">血压</div>
|
|
|
- </router-link>
|
|
|
+ <div class="vongi-color-block block-yellow" @click="goToInfo({name:'MasterHealthChart',query:{type:'diastolic,systolic',title:'血压'}})">
|
|
|
+ <span class="vongi-color-unit">mmHg</span>
|
|
|
+ <div class="mui-h1" v-text="tolic"></div>
|
|
|
+ <div class="mui-media-body">血压</div>
|
|
|
</div>
|
|
|
</li>
|
|
|
<li class="mui-table-view-cell mui-col-xs-8">
|
|
|
- <div class="vongi-color-block block-red">
|
|
|
- <router-link :to="{name:'MasterHealthChart',query:{type:'heart',title:'心率'}}">
|
|
|
- <span class="vongi-color-unit">次/分</span>
|
|
|
- <div class="mui-h1" v-text="healthData.heart?healthData.heart:'暂无'"></div>
|
|
|
- <div class="mui-media-body">心率</div>
|
|
|
- </router-link>
|
|
|
+ <div class="vongi-color-block block-red" @click="goToInfo({name:'MasterHealthChart',query:{type:'heart',title:'心率'}})">
|
|
|
+ <span class="vongi-color-unit">次/分</span>
|
|
|
+ <div class="mui-h1" v-text="healthData.heart?healthData.heart:'暂无'"></div>
|
|
|
+ <div class="mui-media-body">心率</div>
|
|
|
</div>
|
|
|
</li>
|
|
|
<li class="mui-table-view-cell mui-col-xs-4">
|
|
|
- <div class="vongi-color-block block-green">
|
|
|
- <router-link :to="{name:'MasterHealthChart',query:{type:'oxygen',title:'血氧浓度'}}">
|
|
|
- <span class="vongi-color-unit">浓度</span>
|
|
|
- <div class="mui-h1" v-text="healthData.oxygen?healthData.oxygen:'暂无'"></div>
|
|
|
- <div class="mui-media-body">血氧</div>
|
|
|
- </router-link>
|
|
|
+ <div class="vongi-color-block block-green" @click="goToInfo({name:'MasterHealthChart',query:{type:'oxygen',title:'血氧浓度'}})">
|
|
|
+ <span class="vongi-color-unit">浓度</span>
|
|
|
+ <div class="mui-h1" v-text="healthData.oxygen?healthData.oxygen:'暂无'"></div>
|
|
|
+ <div class="mui-media-body">血氧</div>
|
|
|
</div>
|
|
|
</li>
|
|
|
<li class="mui-table-view-cell mui-col-xs-8">
|
|
|
- <div class="vongi-color-block block-green">
|
|
|
- <router-link :to="{name:'MasterHealthChart',query:{type:'temperature',title:'体温'}}">
|
|
|
- <span class="vongi-color-unit">摄氏度</span>
|
|
|
- <div class="mui-h1">{{healthData.temperature?(healthData.temperature+'℃'):'暂无'}}</div>
|
|
|
- <div class="mui-media-body">体温</div>
|
|
|
- </router-link>
|
|
|
+ <div class="vongi-color-block block-green" @click="goToInfo({name:'MasterHealthChart',query:{type:'temperature',title:'体温'}})">
|
|
|
+ <span class="vongi-color-unit">摄氏度</span>
|
|
|
+ <div class="mui-h1">{{healthData.temperature?(healthData.temperature+'℃'):'暂无'}}</div>
|
|
|
+ <div class="mui-media-body">体温</div>
|
|
|
</div>
|
|
|
</li>
|
|
|
- <li class="mui-table-view-cell mui-col-xs-4">
|
|
|
+ <li class="mui-table-view-cell mui-col-xs-4" @click="goToInfo({name:'MasterHealthChart',query:{type:'power',title:'电量'}})">
|
|
|
<div class="vongi-color-block block-blue">
|
|
|
- <router-link :to="{name:'MasterHealthChart',query:{type:'power',title:'电量'}}">
|
|
|
- <span class="vongi-color-unit"></span>
|
|
|
- <div class="mui-h1">{{healthData.power?healthData.power:'暂无'}}%</div>
|
|
|
- <div class="mui-media-body">电量</div>
|
|
|
- </router-link>
|
|
|
+ <span class="vongi-color-unit"></span>
|
|
|
+ <div class="mui-h1">{{healthData.power?healthData.power:'暂无'}}%</div>
|
|
|
+ <div class="mui-media-body">电量</div>
|
|
|
</div>
|
|
|
</li>
|
|
|
<li class="mui-table-view-cell mui-col-xs-4">
|
|
|
- <div class="vongi-color-block block-yellowe">
|
|
|
- <router-link :to="{name:'MasterHealthChart',query:{type:'step',title:'运动'}}">
|
|
|
- <span class="vongi-color-unit"></span>
|
|
|
- <div class="mui-h1" v-text="healthData.step?healthData.step:'暂无'"></div>
|
|
|
- <div class="mui-media-body">运动</div>
|
|
|
- </router-link>
|
|
|
+ <div class="vongi-color-block block-yellowe" @click="goToInfo({name:'MasterHealthChart',query:{type:'step',title:'运动'}})">
|
|
|
+ <span class="vongi-color-unit"></span>
|
|
|
+ <div class="mui-h1" v-text="healthData.step?healthData.step:'暂无'"></div>
|
|
|
+ <div class="mui-media-body">运动</div>
|
|
|
</div>
|
|
|
</li>
|
|
|
<li class="mui-table-view-cell mui-col-xs-4">
|
|
|
- <div class="vongi-color-block block-pink">
|
|
|
- <router-link :to="{name:'MasterHealthWarningSet'}">
|
|
|
- <div class="mui-h1 mui-icon mui-icon-gear vongi-color-icon"></div>
|
|
|
- <div class="mui-media-body">预警参数</div>
|
|
|
- </router-link>
|
|
|
+ <div class="vongi-color-block block-pink" @click="goToInfo({name:'MasterHealthWarningSet'})">
|
|
|
+ <div class="mui-h1 mui-icon mui-icon-gear vongi-color-icon"></div>
|
|
|
+ <div class="mui-media-body">预警参数</div>
|
|
|
</div>
|
|
|
</li>
|
|
|
<li class="mui-table-view-cell mui-col-xs-12">
|
|
|
- <div class="vongi-color-block block-green">
|
|
|
- <router-link :to="{name:'MasterHealthChartMap',query:{type:'lbs',title:'定位'}}">
|
|
|
- <span class="vongi-color-unit"></span>
|
|
|
- <div class="mui-h1" v-text="address"></div>
|
|
|
- <div class="mui-media-body">定位</div>
|
|
|
- </router-link>
|
|
|
+ <div class="vongi-color-block block-green" @click="goToInfo({name:'MasterHealthChartMap',query:{type:'lbs',title:'定位'}})">
|
|
|
+ <span class="vongi-color-unit"></span>
|
|
|
+ <div class="mui-h1" v-text="address"></div>
|
|
|
+ <div class="mui-media-body">定位</div>
|
|
|
</div>
|
|
|
</li>
|
|
|
</ul>
|
|
@@ -108,7 +92,7 @@
|
|
|
|
|
|
pageTitle: '健康档案',
|
|
|
|
|
|
- healthData: [],
|
|
|
+ healthData: {},
|
|
|
|
|
|
address: '暂无',
|
|
|
}
|
|
@@ -162,6 +146,12 @@
|
|
|
console.log(error)
|
|
|
})
|
|
|
},
|
|
|
+ //点击获取详情
|
|
|
+ goToInfo(obj) {
|
|
|
+ if (JSON.stringify(this.healthData) != "{}") {
|
|
|
+ this.$router.push(obj);
|
|
|
+ }
|
|
|
+ },
|
|
|
|
|
|
asynCallBack() {},
|
|
|
},
|