add

frontend/src/views/family/HealthRecords.vue

@@ -0,0 +1,46 @@
+<template>
+  <div class="page-card">
+    <h3>Health Records</h3>
+    <div style="margin-bottom: 12px;">
+      <el-select v-model="elderId" placeholder="Select elder" @change="load">
+        <el-option v-for="elder in elders" :key="elder.id" :label="elder.name" :value="elder.id" />
+      </el-select>
+    </div>
+    <el-table :data="items" stripe>
+      <el-table-column prop="recordTime" label="Time" />
+      <el-table-column prop="temperature" label="Temp" />
+      <el-table-column prop="bpSystolic" label="BP S" />
+      <el-table-column prop="bpDiastolic" label="BP D" />
+      <el-table-column prop="heartRate" label="HR" />
+    </el-table>
+  </div>
+</template>
+
+<script>
+import { familyElders, familyHealthList } from "../../api";
+
+export default {
+  data() {
+    return { elders: [], elderId: "", items: [] };
+  },
+  async created() {
+    try {
+      const res = await familyElders();
+      this.elders = res.data.data;
+    } catch (e) {
+      this.$message.error(e.message || "load failed");
+    }
+  },
+  methods: {
+    async load() {
+      if (!this.elderId) return;
+      try {
+        const res = await familyHealthList(this.elderId);
+        this.items = res.data.data;
+      } catch (e) {
+        this.$message.error(e.message || "load failed");
+      }
+    }
+  }
+};
+</script>