Skip to content

C
control_platform
Commit a7ff409f by liyuhang19990520
Options

人员详情信息接口

parent 3c9d7d41
Showing with 201 additions and 61 deletions
public/favicon.ico
No preview for this file type
public/index.html
<!--
* @Author: your name
* @Date: 2021-06-07 15:29:20
* @LastEditTime: 2021-06-16 16:45:46
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @FilePath: \control_platform\public\index.html
-->
<!DOCTYPE html> <!DOCTYPE html>
<html lang=""> <html lang="">
<head> <head>
......
src/views/PlatFormCenter/PersonControl/PersonHealthReport.vue
...@@ -3,76 +3,191 @@ ...@@ -3,76 +3,191 @@
<div class="person-health-report"> <div class="person-health-report">
<div class="main-table"> <div class="main-table">
<el-tabs v-model="activeName" @tab-click="handleClick"> <el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane label="血压历史记录" name="first"> <el-tab-pane label="血压历史记录" name="bloodPressure"> </el-tab-pane>
<el-table :data="tableData" style="width: 100%"> <el-tab-pane label="心跳历史记录" name="heartRate"></el-tab-pane>
<el-table-column prop="date" label="日期" width="180"> <el-tab-pane label="步数历史记录" name="stepNumber"></el-tab-pane>
</el-table-column>
<el-table-column prop="name" label="血压" width="180">
</el-table-column>
<el-table-column prop="address" label="是否血压过高"> </el-table-column>
</el-table>
</el-tab-pane>
<el-tab-pane label="心跳历史记录" name="second">
<el-table :data="tableData" style="width: 100%">
<el-table-column prop="date" label="日期" width="180">
</el-table-column>
<el-table-column prop="name" label="心率" width="180">
</el-table-column>
<el-table-column prop="address" label="心率是否过快"> </el-table-column>
</el-table>
</el-tab-pane>
<el-tab-pane label="步数历史记录" name="third">
<el-table :data="tableData" style="width: 100%">
<el-table-column prop="date" label="日期" width="180">
</el-table-column>
<el-table-column prop="name" label="步数" width="180">
</el-table-column>
<el-table-column prop="address" label="步数是否过多"> </el-table-column>
</el-table>
</el-tab-pane>
</el-tabs> </el-tabs>
<el-table
:data="styleForm.tableData"
style="width: 100%"
:key="activeName"
ref="table"
>
<el-table-column
align="center"
:prop="item.prop"
:label="item.label"
:width="item.width"
v-for="(item, index) in styleForm.tableLabel"
:key="index"
>
</el-table-column>
</el-table>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import { get } from "@/utils/http.js";
import defaultSettings from "@/settings.js";
export default { export default {
components: {}, components: {},
data() { data() {
return { return {
activeName: "second", activeName: "bloodPressure",
tableData: [ styleForm: {
{ tableLabel: [
date: "2016-05-02", {
name: "王小虎", width: "170",
address: "上海市普陀区金沙江路 1518 弄", label: "姓名",
}, prop: "xm",
{ },
date: "2016-05-04", {
name: "王小虎", width: "170",
address: "上海市普陀区金沙江路 1517 弄", label: "身份证号码",
}, prop: "sfzhm",
{ },
date: "2016-05-01", {
name: "王小虎", width: "170",
address: "上海市普陀区金沙江路 1519 弄", label: "收缩压",
}, prop: "sbp",
{ },
date: "2016-05-03", {
name: "王小虎", width: "170",
address: "上海市普陀区金沙江路 1516 弄", label: "舒张压报警下限",
}, prop: "dbpL",
], },
{
width: "170",
label: "舒张压报警上限",
prop: "sbpH",
},
{
width: "170",
label: "时间",
prop: "timeBegin",
},
],
tableData: [],
},
sbImei: "",
}; };
}, },
//方法集合 //方法集合
methods: { methods: {
handleClick(tab, event) { handleClick(tab) {
console.log(tab, event); this.activeName = tab.name
let url;
let arr;
if (tab.name == "bloodPressure") {
url = "/users/userDbpList";
arr = [
{
width: "170",
label: "姓名",
prop: "xm",
},
{
width: "170",
label: "身份证号码",
prop: "sfzhm",
},
{
width: "170",
label: "收缩压",
prop: "sbp",
},
{
width: "170",
label: "舒张压报警下限",
prop: "dbpL",
},
{
width: "170",
label: "舒张压报警上限",
prop: "sbpH",
},
{
width: "170",
label: "时间",
prop: "timeBegin",
},
];
} else if (tab.name == "heartRate") {
url = "/users/userHeartrateList";
arr = [
{
width: "170",
label: "姓名",
prop: "xm",
},
{
width: "170",
label: "身份证号码",
prop: "sfzhm",
},
{
width: "170",
label: "心率",
prop: "heartrate",
},
{
width: "170",
label: "心率阈值下限",
prop: "thesholdHeartrateL",
},
{
width: "170",
label: "心率阈值上限",
prop: "thesholdHeartrateH",
},
{
width: "170",
label: "时间",
prop: "timeBegin",
},
];
} else if (tab.name == "stepNumber") {
url = "/users/userStepList";
arr = [
{
width: "170",
label: "姓名",
prop: "xm",
},
{
width: "170",
label: "身份证号码",
prop: "sfzhm",
},
{
width: "170",
label: "步数",
prop: "value",
},
{
width: "170",
label: "时间",
prop: "timeBegin",
},
];
}
this.$set(this.styleForm, "tableLabel", arr);
this.getTableData(url);
},
getTableData(url) {
get(`${defaultSettings.BaseURLZDRY + url}/0/10`, {
sbimei: this.sbImei,
}).then((res) => {
this.$set(this.styleForm, "tableData", res.data);
});
}, },
}, },
//生命周期 - 挂载完成（可以访问DOM元素） //生命周期 - 挂载完成（可以访问DOM元素）
mounted() {}, mounted() {
this.sbImei = this.$route.query.sbImei;
this.getTableData("/users/userDbpList");
},
}; };
</script> </script>
<style lang='scss' scoped> <style lang='scss' scoped>
...@@ -81,10 +196,10 @@ export default { ...@@ -81,10 +196,10 @@ export default {
.el-table__expanded-cell { .el-table__expanded-cell {
background-color: transparent; background-color: transparent;
} }
.el-tabs.el-tabs--top{ .el-tabs.el-tabs--top {
background-color: rgba(3, 69, 108, 0.3); background-color: rgba(3, 69, 108, 0.3);
} }
/* 表格内背景颜色 */ /* 表格内背景颜色 */
.el-table th, .el-table th,
.el-table tr, .el-table tr,
...@@ -115,11 +230,11 @@ export default { ...@@ -115,11 +230,11 @@ export default {
margin: auto; margin: auto;
// 覆盖导航栏中的样式 // 覆盖导航栏中的样式
.el-tabs__item.is-active{ .el-tabs__item.is-active {
color: #409EFF; color: #409eff;
} }
.el-tabs__item{ .el-tabs__item {
color: #fff; color: #fff;
} }
@include coverTable; @include coverTable;
......
src/views/PlatFormCenter/RealTimeTrack/RealTimeTrack.vue
...@@ -194,7 +194,11 @@ ...@@ -194,7 +194,11 @@
<div class="illness-message"> <div class="illness-message">
<div> <div>
<span>患者姓名</span <span>患者姓名</span
><span>{{ showDetailMessage.xm }}</span> ><span
style="cursor: pointer"
@click="toHealthReport(showDetailMessage)"
>{{ showDetailMessage.xm }}</span
>
</div> </div>
<div> <div>
<span>患者性别 </span <span>患者性别 </span
...@@ -1033,6 +1037,19 @@ export default { ...@@ -1033,6 +1037,19 @@ export default {
} }
}); });
}, },
/**
* @description: 点击进入详情
* @param {*} val 对应人员信息
* @return {*}
*/
toHealthReport(val) {
this.$router.push({
path: "/PersonHealthReport",
query: {
sbImei: val.sbImei,
},
});
},
}, },
//生命周期 - 挂载完成（可以访问DOM元素） //生命周期 - 挂载完成（可以访问DOM元素）
mounted() { mounted() {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment