From e353f0e17dc46203512dd272c5b559b094e40761 Mon Sep 17 00:00:00 2001
From: WXL <1785969728@qq.com>
Date: 星期五, 25 七月 2025 15:02:36 +0800
Subject: [PATCH] 测试完成
---
src/views/patient/patient/profile/index.vue | 961 +++++++++++++++++++++++++++++++++++++++-----------------
1 files changed, 672 insertions(+), 289 deletions(-)
diff --git a/src/views/patient/patient/profile/index.vue b/src/views/patient/patient/profile/index.vue
index 66ceabc..0a68933 100644
--- a/src/views/patient/patient/profile/index.vue
+++ b/src/views/patient/patient/profile/index.vue
@@ -3,7 +3,7 @@
<!-- 澶撮儴鐩掑瓙 -->
<div class="personages">
<el-row :gutter="20">
- <el-col :span="18">
+ <el-col :span="24">
<div class="headportrait">
<div class="text-center">
<img
@@ -16,7 +16,11 @@
{{ userform.sex == 1 ? "鐢�" : "濂�" }}
</div>
<div style="margin-left: 10px" class="text-title">
- {{ userform.age }}宀�
+ <span v-if="userform.age"
+ >{{ userform.age }}{{ userform.ageUnit }}</span
+ ><span v-if="userform.age2"
+ >{{ userform.age2 }}{{ userform.ageUnit2 }}</span
+ >
</div>
<div style="margin-left: 10px" class="text-title">
{{ userform.birthdate }}
@@ -44,19 +48,13 @@
>
<el-tabs v-model="sonactiveName" @tab-click="handleClickson">
<el-tab-pane name="outpatient"
- ><span class="mulsz" slot="label"
- >闂ㄨ瘖({{ mznumber }})</span
- ></el-tab-pane
+ ><span class="mulsz" slot="label">闂ㄨ瘖</span></el-tab-pane
>
<el-tab-pane name="inhospital"
- ><span class="mulsz" slot="label"
- >鍦ㄩ櫌({{ zynumber }})
- </span></el-tab-pane
+ ><span class="mulsz" slot="label">鍦ㄩ櫌 </span></el-tab-pane
>
<el-tab-pane name="checkout"
- ><span class="mulsz" slot="label"
- >鍑洪櫌({{ jynumber }})
- </span></el-tab-pane
+ ><span class="mulsz" slot="label">鍑洪櫌 </span></el-tab-pane
>
</el-tabs>
</el-tab-pane>
@@ -65,8 +63,8 @@
><i class="el-icon-s-data"></i> 鍋ュ悍鐩戞祴</span
>
- <el-tabs v-model="sontwoactiveName" @tab-click="handleClick">
- <el-tab-pane name="blood"
+ <el-tabs v-model="sontwoactiveName">
+ <!-- <el-tab-pane name="blood"
><span class="mulsz" slot="label"
><i class="el-icon-s-operation"></i> 琛�鍘�</span
></el-tab-pane
@@ -75,13 +73,13 @@
><span class="mulsz" slot="label"
><i class="el-icon-odometer"></i>琛�绯�
</span></el-tab-pane
- >
+ > -->
<el-tab-pane name="weight"
><span class="mulsz" slot="label"
- ><i class="el-icon-s-data"></i>浣撻噸
+ ><i class="el-icon-s-data"></i>韬珮澶村洿瓒嬪娍
</span></el-tab-pane
>
- <el-tab-pane name="heartrate"
+ <!-- <el-tab-pane name="heartrate"
><span class="mulsz" slot="label"
><i class="el-icon-s-operation"></i>蹇冪巼
</span></el-tab-pane
@@ -95,9 +93,9 @@
><span class="mulsz" slot="label"
><i class="el-icon-s-opportunity"></i>浣撴俯
</span></el-tab-pane
- >
- </el-tabs></el-tab-pane
- >
+ > -->
+ </el-tabs>
+ </el-tab-pane>
<el-tab-pane name="serve">
<span class="mulsz" slot="label"
><i class="el-icon-s-custom"></i> 鏈嶅姟璁板綍</span
@@ -126,13 +124,24 @@
v-model="userform.name"
placeholder="璇疯緭鍏ュ鍚�"
maxlength="30"
+ disabled
></el-input> </el-form-item
></el-col>
+ </el-row>
+ <el-row :gutter="20">
<el-col :span="12"
><el-form-item label="鑱旂郴鏂瑰紡" prop="telcode">
<el-input
v-model="userform.telcode"
placeholder="璇疯緭鍏ヨ仈绯绘柟寮�"
+ maxlength="30"
+ /> </el-form-item
+ ></el-col>
+ <el-col :span="12"
+ ><el-form-item label="棰勭暀鐢佃瘽" prop="reservedPhone">
+ <el-input
+ v-model="userform.reservedPhone"
+ placeholder="璇疯緭鍏ラ鐣欑數璇�"
maxlength="30"
/> </el-form-item
></el-col>
@@ -177,6 +186,8 @@
v-model="inputValue"
@change="handleInputConfirm"
filterable
+ remote
+ :remote-method="remoteMethod"
allow-create
default-first-option
placeholder="璇烽�夋嫨/鏌ヨ"
@@ -205,107 +216,112 @@
</div>
</div>
<div class="top-message">
- <div class="headline">鐥呭彶</div>
+ <div class="headline">鏂扮敓鍎跨梾鍙�</div>
<div class="detailed">
<el-form :model="form" label-width="100px">
<el-row>
- <el-col :span="8">
- <el-form-item label="杩囧線鐤剧梾" prop="name">
+ <el-col :span="12">
+ <el-form-item label="姣嶇敓鑲插彶" prop="procreate">
<el-input
- v-model="form.pastIllnesses"
- placeholder="璇疯緭鍏�"
- maxlength="30"
- />
- </el-form-item>
- </el-col>
- <el-col :span="8">
- <el-form-item label="鑽墿杩囨晱" prop="sex">
- <el-input
- v-model="form.drugAllergy"
- placeholder="璇疯緭鍏ュ叿浣撹嵂鐗�/鏃�"
- maxlength="30"
- />
- </el-form-item>
- </el-col>
- <el-col :span="8">
- <el-form-item label="瀹舵棌鐥呭彶" prop="age">
- <el-input
- v-model="form.familyHistory"
- placeholder="璇疯緭鍏ュ叿浣撶柧鐥�/鏃�"
- maxlength="30"
- />
- </el-form-item>
- </el-col>
- </el-row>
- <el-row>
- <el-col :span="8">
- <el-form-item label="鎵嬫湳鍙�" prop="name">
- <el-input
- v-model="form.surgicalHistory"
- placeholder="璇疯緭鍏ユ墜鏈�/鏃�"
- maxlength="30"
- />
- </el-form-item>
- </el-col>
- <el-col :span="8">
- <el-form-item label="鐢熻偛鍙�" prop="age">
- <el-input
- v-model="form.reproductiveHistory"
+ v-model="form.procreate"
placeholder="璇疯緭鍏ヨ儙鏁�/鏃�"
maxlength="30"
/>
</el-form-item>
</el-col>
- <el-col :span="8">
- <el-form-item label="鏈堢粡鍙�" prop="menstrualHistory">
- <el-radio-group v-model="form.menstrualHistory">
- <el-radio label="1">鏈�</el-radio>
- <el-radio label="2">鏃�</el-radio>
- </el-radio-group>
- </el-form-item>
- </el-col>
- </el-row>
- <el-row>
- <el-col :span="8">
- <el-form-item label="鍚哥儫鎯呭喌" prop="smoking">
- <el-radio-group v-model="form.smoking">
- <el-radio label="1">鏈�</el-radio>
- <el-radio label="2">鏃�</el-radio>
- </el-radio-group>
- </el-form-item>
- </el-col>
- <el-col :span="8">
- <el-form-item label="楗厭鎯呭喌" prop="drink">
- <el-radio-group v-model="form.drink">
- <el-radio label="1">鏈�</el-radio>
- <el-radio label="2">鏃�</el-radio>
- </el-radio-group>
- </el-form-item>
- </el-col>
- <el-col :span="8">
- <el-form-item label="杩愬姩鎯呭喌" prop="motion">
- <el-radio-group v-model="form.motion">
- <el-radio label="1">鏈�</el-radio>
- <el-radio label="2">鏃�</el-radio>
- </el-radio-group>
+ <el-col :span="12">
+ <el-form-item label="姣嶅濞犳湡鐤剧梾鍙�" prop="gestationIllnesses">
+ <el-input
+ v-model="form.gestationIllnesses"
+ placeholder="璇疯緭鍏�"
+ maxlength="30"
+ />
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
- <el-form-item label="楗鎯呭喌" prop="diet">
- <el-radio-group v-model="form.diet">
- <el-radio label="1">杩囧害楗</el-radio>
- <el-radio label="2">姝ｅ父楗</el-radio>
- <el-radio label="3">椋熸涓嶆尟</el-radio>
- </el-radio-group>
- </el-form-item> </el-col
- ><el-col :span="12">
- <el-form-item label="蹇冪悊鎯呭喌" prop="psychology">
- <el-radio-group v-model="form.psychology">
- <el-radio label="1">蹇冩儏鎰夋偊</el-radio>
- <el-radio label="2">杞诲井鐒﹁檻</el-radio>
- <el-radio label="3">鎶戦儊</el-radio>
+ <el-form-item label="鍑虹敓鑳庨緞" prop="birthAge">
+ <el-input
+ v-model="form.birthAge"
+ placeholder="璇疯緭鍏ヨ儙榫�"
+ maxlength="30"
+ />
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="鍑虹敓浣撻噸" prop="birthWeight">
+ <el-input
+ v-model="form.birthWeight"
+ placeholder="璇疯緭鍏ュ嚭鐢熶綋閲�"
+ maxlength="30"
+ />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row>
+ <el-col :span="12">
+ <el-form-item label="鍑洪櫌鏃剁籂姝ｈ儙榫�" prop="outCorrectAge">
+ <el-input
+ v-model="form.outCorrectAge"
+ placeholder="璇疯緭鍏�"
+ maxlength="30"
+ />
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="鍑洪櫌鏃朵綋閲�" prop="outWeight">
+ <el-input
+ v-model="form.outWeight"
+ placeholder="璇疯緭鍏�"
+ maxlength="30"
+ />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row>
+ <el-col :span="12">
+ <el-form-item label="瀹舵棌鐥呭彶" prop="familyHistory">
+ <el-input
+ v-model="form.familyHistory"
+ placeholder="璇疯緭鍏�"
+ maxlength="30"
+ />
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="杩囨晱鍙�" prop="allergy">
+ <el-input
+ v-model="form.allergy"
+ placeholder="璇疯緭鍏�"
+ maxlength="30"
+ />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row>
+ <el-col :span="24">
+ <el-form-item label="鎵嬫湳鍙�" prop="surgicalHistory">
+ <el-input
+ type="textarea"
+ :rows="2"
+ placeholder="璇疯緭鍏�"
+ v-model="form.surgicalHistory"
+ >
+ </el-input>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row>
+ <el-col :span="24">
+ <el-form-item label="鍠傚吇鎯呭喌" prop="feed">
+ <el-radio-group v-model="form.feed">
+ <el-radio label="姣嶄钩">姣嶄钩</el-radio>
+ <el-radio label="閰嶆柟濂�">閰嶆柟濂�</el-radio>
+ <el-radio label="鏃╅鍎垮ザ">鏃╅鍎垮ザ</el-radio>
+ <el-radio label="钄煎効鑸�">钄煎効鑸�</el-radio>
+ <el-radio label="MCT濂�">MCT濂�</el-radio>
+ <el-radio label="鍏跺畠鐗规畩濂剁矇">鍏跺畠鐗规畩濂剁矇</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
@@ -369,12 +385,12 @@
<el-table-column
label="灏辫瘖鏃堕棿"
align="center"
- key="createTime"
- prop="createTime"
+ key="admitdate"
+ prop="admitdate"
width="160"
>
<template slot-scope="scope">
- <span>{{ parseTime(scope.row.createTime) }}</span>
+ <span>{{ formatTime(scope.row.admitdate) }}</span>
</template>
</el-table-column>
@@ -390,30 +406,26 @@
key="patname"
prop="patname"
/>
- <el-table-column label="鎬у埆" align="center" key="sex" prop="sex">
- <template slot-scope="scope">
- <span>{{ scope.row.sex == 1 ? "鐢�" : "濂�" }}</span>
- </template>
- </el-table-column>
- <el-table-column
- label="骞撮緞"
- align="center"
- key="age"
- prop="age"
- width="120"
- />
+
<el-table-column
label="鑱旂郴鐢佃瘽"
align="center"
- key="telephone"
- prop="telephone"
+ key="telcode"
+ prop="telcode"
width="120"
/>
<el-table-column
- label="璇婃柇"
+ label="鍏ラ櫌璇婃柇"
align="center"
key="diagname"
prop="diagname"
+ width="190"
+ />
+ <el-table-column
+ label="鍑洪櫌璇婃柇"
+ align="center"
+ key="leavediagname"
+ prop="leavediagname"
width="190"
/>
@@ -425,14 +437,28 @@
width="120"
/>
<el-table-column
- label="鎺ヨ瘖鍖荤敓"
+ label="鎵�鍦ㄧ梾鍖�"
+ align="center"
+ key="leavehospitaldistrictname"
+ prop="leavehospitaldistrictname"
+ width="120"
+ />
+ <!-- <el-table-column
+ label="涓绘不鍖荤敓"
align="center"
key="drname"
prop="drname"
width="120"
/>
- </el-table>
+ <el-table-column
+ label="璐ｄ换鎶ゅ＋"
+ align="center"
+ key="nurseName"
+ prop="nurseName"
+ width="120"
+ /> -->
+ </el-table>
<pagination
v-show="total > 0"
:total="total"
@@ -447,8 +473,9 @@
<el-table-column
label="浣忛櫌鍙�"
align="center"
- key="patid"
- prop="patid"
+ key="patno"
+ prop="patno"
+ width="180"
/>
<el-table-column
label="濮撳悕"
@@ -456,26 +483,13 @@
key="patname"
prop="patname"
/>
- <el-table-column label="鎬у埆" align="center" key="sex" prop="sex">
- <template slot-scope="scope">
- <span>{{ scope.row.sex == 1 ? "鐢�" : "濂�" }}</span>
- </template>
- </el-table-column>
- <el-table-column
- label="骞撮緞"
- align="center"
- key="age"
- prop="age"
- width="120"
- />
<el-table-column
label="鑱旂郴鐢佃瘽"
align="center"
- key="telephone"
- prop="telephone"
+ key="telcode"
+ prop="telcode"
width="120"
/>
-
<el-table-column
label="鍏ラ櫌璇婃柇"
align="center"
@@ -483,19 +497,26 @@
prop="diagname"
width="190"
/>
+ <el-table-column
+ label="鍑洪櫌璇婃柇"
+ align="center"
+ key="leavediagname"
+ prop="leavediagname"
+ width="190"
+ />
<el-table-column
- label="鐥呭尯"
+ label="灏辫瘖绉戝"
align="center"
key="deptname"
prop="deptname"
width="120"
/>
<el-table-column
- label="搴婁綅鍙�"
+ label="鎵�鍦ㄧ梾鍖�"
align="center"
- key="bedNo"
- prop="bedNo"
+ key="leavehospitaldistrictname"
+ prop="leavehospitaldistrictname"
width="120"
/>
<el-table-column
@@ -505,11 +526,19 @@
prop="drname"
width="120"
/>
+
<el-table-column
label="璐ｄ换鎶ゅ＋"
align="center"
- key="Sister"
- prop="Sister"
+ key="nurseName"
+ prop="nurseName"
+ width="120"
+ />
+ <el-table-column
+ label="搴婁綅鍙�"
+ align="center"
+ key="bedNo"
+ prop="bedNo"
width="120"
/>
</el-table>
@@ -517,17 +546,78 @@
<!-- 鍑洪櫌 -->
<div v-if="sonactiveName == 'checkout'">
<el-table :data="serviceDatacy" style="width: 100%">
- <el-table-column prop="godaya" label="浣撴绫诲瀷"> </el-table-column>
- <el-table-column prop="hospitalname" label="浣撴濂楅鍚嶇О">
- </el-table-column>
- <el-table-column prop="result" label="浣撴棰勭害鏃ユ湡">
- </el-table-column>
- <el-table-column prop="administrative" label="浣撴椤圭洰">
- </el-table-column>
- <el-table-column prop="administrative" label="浣撴鎶ュ憡鏃�">
- </el-table-column>
- <el-table-column prop="administrative" label="浣撴鎬绘鎶ュ憡">
- </el-table-column>
+ <el-table-column
+ label="浣忛櫌鍙�"
+ align="center"
+ key="patno"
+ prop="patno"
+ width="120"
+ />
+ <el-table-column
+ label="濮撳悕"
+ align="center"
+ key="patname"
+ prop="patname"
+ />
+ <el-table-column
+ label="鑱旂郴鐢佃瘽"
+ align="center"
+ key="telcode"
+ prop="telcode"
+ width="120"
+ />
+ <el-table-column
+ label="鍏ラ櫌璇婃柇"
+ align="center"
+ key="diagname"
+ prop="diagname"
+ width="190"
+ />
+ <el-table-column
+ label="鍑洪櫌璇婃柇"
+ align="center"
+ key="leavediagname"
+ prop="leavediagname"
+ width="190"
+ />
+
+ <el-table-column
+ label="灏辫瘖绉戝"
+ align="center"
+ key="deptname"
+ prop="deptname"
+ width="120"
+ />
+ <el-table-column
+ label="鎵�鍦ㄧ梾鍖�"
+ align="center"
+ key="leavehospitaldistrictname"
+ prop="leavehospitaldistrictname"
+ width="120"
+ />
+ <el-table-column
+ label="涓绘不鍖荤敓"
+ align="center"
+ key="drname"
+ prop="drname"
+ width="120"
+ />
+
+ <el-table-column
+ label="璐ｄ换鎶ゅ＋"
+ align="center"
+ key="nurseName"
+ prop="nurseName"
+ width="120"
+ />
+
+ <el-table-column
+ label="搴婁綅鍙�"
+ align="center"
+ key="bedNo"
+ prop="bedNo"
+ width="120"
+ />
</el-table>
</div>
</div>
@@ -548,27 +638,38 @@
border-left: 4px solid rgb(190, 65, 134);
"
>
- {{ item.name }}
+ <span v-if="item.serviceType == 2">鍑洪櫌闅忚</span>
+ <span v-if="item.serviceType == 1">鐩戞祴璇勪及</span>
+ <span v-if="item.serviceType == 3">闂ㄨ瘖闅忚</span>
+ <span v-if="item.serviceType == 4">瀹ｆ暀鍏虫��</span>
</div>
<el-divider></el-divider>
<div style="margin-top: 10px">
- {{ item.name }}鐘舵�侊細宸茬粓姝�<span style="color: #2775b6"
- >锛堢粓姝㈠師鍥狅細鎮ｈ�呯棅鎰堝洖璁跨粨鏉燂紝缁堟鏃堕棿锛�2023-12-18 12:00锛�</span
- >
+ 鏈嶅姟鍚嶇О锛�<span style="color: #2775b6">{{
+ item.templatename
+ }}</span>
</div>
<div style="margin-top: 10px">
- {{ item.name }}鍙戦�佹椂闂达細<span style="color: #2775b6"
- >2023-11-23 12:00</span
- >
+ 鍒涘缓鏃堕棿锛�<span style="color: #2775b6">{{ item.createTime }}</span>
</div>
<div style="margin-top: 10px">
- {{ item.name }}瀹屾垚鏃堕棿锛�<span style="color: #2775b6"
- >2023-12-18 12:00</span
- >
+ 瀹屾垚鏃堕棿锛�<span style="color: #2775b6">{{ item.finishtime }}</span>
</div>
<div style="margin-top: 10px">
- 鐤肩棝绋嬪害锛�<span style="color: #2775b6">涓害</span>
+ <el-row :gutter="20">
+ <el-col :span="12"
+ >绉戝锛�
+ <span style="color: #2775b6">{{ item.deptname }}</span></el-col
+ >
+ <el-col :span="12"
+ >鐥呭尯锛�
+ <span style="color: #2775b6">{{
+ item.leavehospitaldistrictname
+ }}</span></el-col
+ >
+ </el-row>
</div>
+
<div
style="
font-size: 20px;
@@ -577,38 +678,39 @@
border-left: 4px solid rgb(65, 161, 190);
"
>
- 浜哄伐{{ item.name }}璁板綍
+ 浜哄伐璁板綍
</div>
<div style="margin-top: 10px">
<el-row :gutter="20">
<el-col :span="6"
- >{{ item.name }}鏃ユ湡锛�
- <span style="color: #2775b6">2023-11-22 11:22</span></el-col
+ >璐熻矗浜猴細
+ <span style="color: #2775b6">{{ item.createBy }}</span></el-col
>
<el-col :span="6"
- >{{ item.name }}浜猴細
- <span style="color: #2775b6">鍚村皬榫�</span></el-col
+ >涓绘不鍖荤敓锛�
+ <span style="color: #2775b6">{{ item.drname }}</span></el-col
>
<el-col :span="6"
- >鎮ｈ�呴厤鍚堝害锛� <span style="color: #2775b6">楂�</span></el-col
+ >璐ｄ换鎶ゅ＋
+ <span style="color: #2775b6">{{ item.nurseName }}</span></el-col
>
</el-row>
</div>
<div style="margin-top: 10px">
- {{ item.name }}缁撴灉锛�
- <span style="color: #2775b6">鎮ｈ�呯棅鎰堬紝韬綋鍊嶆</span>
+ 缁撴灉鐘舵�侊細
+ <span style="color: #2775b6" v-if="item.excep == 0">鏈嶅姟姝ｅ父</span>
+ <span style="color: #b55e54" v-if="item.excep == 1">寮傚父</span>
</div>
- <div style="margin-top: 10px">
- {{ item.name }}澶囨敞锛�
+ <!-- <div style="margin-top: 10px">
+ 澶囨敞锛�
<span style="color: #2775b6">鎻愰啋娉ㄦ剰楗鍋ュ悍</span>
- </div>
+ </div> -->
</el-card>
</div>
</div>
<!-- 鍋ュ悍鐩戞祴 -->
<div class="medical-record" v-show="activeName == 'monitor'">
- <!-- 琛�鍘嬪浘鏍� -->
- <div v-show="sontwoactiveName == 'blood'" style="display: flex">
+ <!-- <div v-show="sontwoactiveName == 'blood'" style="display: flex">
<div
id="xyeCharts"
class="sontwoactiveName"
@@ -624,9 +726,8 @@
/>
</el-card>
</div>
- </div>
- <!-- 琛�绯� -->
- <div v-show="sontwoactiveName == 'glucose'" style="display: flex">
+ </div> -->
+ <!-- <div v-show="sontwoactiveName == 'glucose'" style="display: flex">
<div
id="xteCharts"
class="sontwoactiveName"
@@ -642,8 +743,7 @@
/>
</el-card>
</div>
- </div>
- <!-- 浣撻噸 -->
+ </div> -->
<div v-show="sontwoactiveName == 'weight'" style="display: flex">
<div
id="tzeCharts"
@@ -652,17 +752,20 @@
></div>
<div style="width: 400px">
<el-card class="box-card">
+ <el-button @click="borninfoVisible = true" type="success" round
+ >娣诲姞鏁版嵁</el-button
+ >
<SFtable
- :currentList="tableDatalist"
+ :currentList="borninfooptions"
:tableLabel="tableLabeltz"
+ :serialnumber="false"
:center="false"
:multiplechoice="false"
/>
</el-card>
</div>
</div>
- <!-- 蹇冪巼 -->
- <div v-show="sontwoactiveName == 'heartrate'" style="display: flex">
+ <!-- <div v-show="sontwoactiveName == 'heartrate'" style="display: flex">
<div
id="xleCharts"
class="sontwoactiveName"
@@ -678,9 +781,8 @@
/>
</el-card>
</div>
- </div>
- <!-- 琛�姘� -->
- <div v-show="sontwoactiveName == 'bloodoxygen'" style="display: flex">
+ </div> -->
+ <!-- <div v-show="sontwoactiveName == 'bloodoxygen'" style="display: flex">
<div
id="xueyangeCharts"
class="sontwoactiveName"
@@ -696,9 +798,8 @@
/>
</el-card>
</div>
- </div>
- <!-- 浣撴俯 -->
- <div v-show="sontwoactiveName == 'animalheat'" style="display: flex">
+ </div> -->
+ <!-- <div v-show="sontwoactiveName == 'animalheat'" style="display: flex">
<div
id="tweCharts"
class="sontwoactiveName"
@@ -714,7 +815,7 @@
/>
</el-card>
</div>
- </div>
+ </div> -->
</div>
<el-dialog :title="titletb" :visible.sync="AddanumberVisible">
@@ -723,7 +824,7 @@
<el-input v-model="numberform.contactname"></el-input>
</el-form-item>
<el-form-item label="鑱旂郴鐢佃瘽">
- <el-input v-model="numberform.contactway"></el-input>
+ <el-input v-model="numberform.telcode"></el-input>
</el-form-item>
<el-form-item label="鍏崇郴">
<el-input v-model="numberform.relation"></el-input>
@@ -732,6 +833,48 @@
<div slot="footer" class="dialog-footer">
<el-button @click="AddanumberVisible = false">鍙� 娑�</el-button>
<el-button type="primary" @click="archivecontact">纭� 瀹�</el-button>
+ </div>
+ </el-dialog>
+ <el-dialog title="鏂扮敓鍎挎暟鎹柊澧�" :visible.sync="borninfoVisible">
+ <el-form
+ :rules="borninforules"
+ ref="borninfoform"
+ :model="borninfoform"
+ label-width="120px"
+ >
+ <!-- 韬珮 -->
+ <el-form-item label="韬珮(cm)" prop="height">
+ <el-input
+ v-model.number="borninfoform.height"
+ autocomplete="off"
+ placeholder="璇疯緭鍏ヨ韩楂橈紙30-120cm锛�"
+ >
+ </el-input>
+ </el-form-item>
+
+ <!-- 澶村洿 -->
+ <el-form-item label="澶村洿(cm)" prop="headCir">
+ <el-input
+ v-model.number="borninfoform.headCir"
+ autocomplete="off"
+ placeholder="璇疯緭鍏ュご鍥达紙20-60cm锛�"
+ >
+ </el-input>
+ </el-form-item>
+
+ <!-- 鑳庨緞 -->
+ <el-form-item label="鑳庨緞锛堝懆锛�" prop="age">
+ <el-input
+ v-model.number="borninfoform.age"
+ autocomplete="off"
+ placeholder="璇疯緭鍏ヨ儙榫�"
+ >
+ </el-input>
+ </el-form-item>
+ </el-form>
+ <div slot="footer" class="dialog-footer">
+ <el-button @click="borninfoVisible = false">鍙� 娑�</el-button>
+ <el-button type="primary" @click="newborninfoadd">纭� 瀹�</el-button>
</div>
</el-dialog>
</div>
@@ -757,7 +900,13 @@
alterpatient,
Patientclinic,
} from "@/api/patient/homepage";
-import { listPatouthosp } from "@/api/smartor/patouthosp";
+
+import { getsearchrResults, getTaskservelist } from "@/api/AiCentre/index";
+import {
+ listPatouthosp,
+ newborninfoadd,
+ newborninfolist,
+} from "@/api/smartor/patouthosp";
import { listpatient } from "@/api/patient/record";
export default {
@@ -776,25 +925,100 @@
tjnumber: 12,
yynumber: 12,
total: 0, // 鎬绘潯鏁�
+ borninfoVisible: false,
titletb: "鏂板鑱旂郴鏂瑰紡",
activeTab: "userinfo",
id: "",
loading: false,
activeName: "health", //涓�绫诲鑸�
- sonactiveName: "outpatient", //鍋ュ悍鐩戞祴瀵艰埅
- sontwoactiveName: "blood", //鍖荤枟妗ｆ瀵艰埅
+ sonactiveName: "inhospital", //鍋ュ悍鐩戞祴瀵艰埅
+ sontwoactiveName: "weight", //鍖荤枟妗ｆ瀵艰埅
dynamicTags: [],
+ borninforules: {
+ height: [
+ { required: true, message: "韬珮涓嶈兘涓虹┖", trigger: "blur" },
+ {
+ type: "number",
+ message: "蹇呴』涓烘暟瀛楀��",
+ trigger: "blur",
+ },
+ {
+ validator: (rule, value, callback) => {
+ // 鏂扮敓鍎胯韩楂樹竴鑸寖鍥达細30-120cm
+ if (value < 30 || value > 120) {
+ callback(new Error("璇疯緭鍏�30-120cm涔嬮棿鐨勫悎鐞嗚韩楂樺��"));
+ } else if (!/^[0-9]+(\.[0-9]{1})?$/.test(value)) {
+ callback(new Error("鏈�澶氫繚鐣欎竴浣嶅皬鏁�"));
+ } else {
+ callback();
+ }
+ },
+ trigger: "blur",
+ },
+ ],
+ headCir: [
+ { required: true, message: "澶村洿涓嶈兘涓虹┖", trigger: "blur" },
+ { type: "number", message: "蹇呴』涓烘暟瀛楀��" },
+ {
+ validator: (rule, value, callback) => {
+ // 鏂扮敓鍎垮ご鍥翠竴鑸寖鍥达細20-60cm
+ if (value < 20 || value > 60) {
+ callback(new Error("璇疯緭鍏�20-60cm涔嬮棿鐨勫悎鐞嗗ご鍥村��"));
+ } else {
+ callback();
+ }
+ },
+ trigger: "blur",
+ },
+ ],
+ age: [
+ { required: true, message: "鑳庨緞涓嶈兘涓虹┖", trigger: "blur" },
+ { type: "integer", message: "蹇呴』涓烘暣鏁板懆鏁�" },
+ {
+ validator: (rule, value, callback) => {
+ // 妫�鏌ユ槸鍚﹀凡瀛樺湪璇ュ懆鏁版暟鎹�
+ if (this.checkAgeExists(value)) {
+ callback(new Error("璇ュ懆鏁版暟鎹凡瀛樺湪锛岃鍕块噸澶嶆坊鍔�"));
+ } else {
+ callback();
+ }
+ },
+ trigger: "blur",
+ },
+ ],
+ },
record: [
{
name: "瀹ｆ暀浠诲姟",
+ serviceType: "4",
+ templatename: "绠￠ゲ瀹ｆ暀涓�鏈�",
+ createTime: "2024-11-10",
+ finishtime: "2024-11-12",
+ createBy: "鐜嬫斂",
+ drname: "鍒樻槑",
+ nurseName: "寮犳窇鐞�",
+ excep: "0",
+ deptname: "鍛煎惛绉�",
+ leavehospitaldistrictname: "浜旂梾鍖�",
},
{
- name: "閫氱煡浠诲姟",
+ name: "闅忚浠诲姟",
+ serviceType: "2",
+ templatename: "蹇冭绠￠殢璁夸竴鏈�",
+ createTime: "2024-11-11",
+ finishtime: "2024-11-14",
+ createBy: "绔犵▼",
+ drname: "鍒樻槑",
+ nurseName: "鏉庝附",
+ excep: "0",
+ deptname: "鍛煎惛绉�",
+ leavehospitaldistrictname: "浜旂梾鍖�",
},
- {
- name: "闂嵎璋冩煡",
- },
+ // {
+ // name: "闂嵎璋冩煡",
+ // },
],
+ borninfoform: {},
inputVisible: false,
AddanumberVisible: false,
inputValue: "",
@@ -852,6 +1076,7 @@
label: "浣撴",
},
],
+ borninfooptions: [],
tableLabelxy: [
{ label: "娴嬮噺鏃堕棿", width: "", prop: "name" },
{ label: "鏀剁缉鍘�", width: "", prop: "sex" },
@@ -863,10 +1088,9 @@
{ label: "鑸掑紶鍘�", width: "", prop: "age" },
],
tableLabeltz: [
- { label: "娴嬮噺鏃堕棿", width: "", prop: "name" },
- { label: "韬珮", width: "", prop: "sex" },
- { label: "浣撻噸", width: "", prop: "age" },
- { label: "BMI鎸囨暟", width: "", prop: "update_by" },
+ { label: "璐ｄ换鍖荤敓", width: "", prop: "doctor" },
+ { label: "韬珮", width: "", prop: "height" },
+ { label: "澶村洿", width: "", prop: "headCir" },
],
tableLabelxl: [
{ label: "娴嬮噺鏃堕棿", width: "", prop: "name" },
@@ -919,21 +1143,6 @@
this.id = this.$route.query.id;
this.getuserinfo();
this.gettabList();
- this.$nextTick(function () {
- this.echartdom = document.getElementById("xyeCharts");
- this.xtechartdom = document.getElementById("xteCharts");
- this.tzechartdom = document.getElementById("tzeCharts");
- this.xlechartdom = document.getElementById("xleCharts");
- this.xueyangechartdom = document.getElementById("xueyangeCharts");
- this.twechartdom = document.getElementById("tweCharts");
-
- this.echartsInit();
- this.xtechartsInit();
- this.tzechartsInit();
- this.xlechartsInit();
- this.xueyangechartsInit();
- this.twechartsInit();
- });
},
methods: {
@@ -944,22 +1153,29 @@
// 闂ㄨ瘖璁板綍
listPatouthosp({ patid: this.id }).then((response) => {
if (response.code == 200) {
- this.serviceData = response.rows;
+ // this.serviceData = response.rows;
+ this.serviceData = [];
}
});
} else if (type == 1) {
- listpatient({ patid: this.id }).then((response) => {
+ listpatient({ patid: this.id, cry: 0 }).then((response) => {
if (response.code == 200) {
this.serviceDatary = response.rows;
}
});
} else if (type == 2) {
- listpatient({ patid: this.id }).then((response) => {
+ listpatient({ patid: this.id, cry: 1 }).then((response) => {
if (response.code == 200) {
this.serviceDatacy = response.rows;
+ console.log(this.serviceDatacy);
+ this.$forceUpdate();
}
});
}
+ },
+ checkAgeExists(newAge) {
+ // 鍋囪宸叉湁鏁版嵁瀛樺偍鍦� this.existingData 涓�
+ return this.borninfooptions.some((item) => item.age === parseInt(newAge));
},
getcontactlist() {
listcontactinformation({ patid: this.id }).then((response) => {
@@ -972,7 +1188,7 @@
// 鑾峰彇鍩虹淇℃伅
getuserinfo() {
const queryParams = {
- pid: Number(this.id),
+ patid: Number(this.id),
allhosp: "0",
pageNum: 1,
};
@@ -984,7 +1200,7 @@
console.log(this.dynamicTags);
});
// 鐥呭彶淇℃伅
- getmedicalhistory({ pid: this.id }).then((res) => {
+ getmedicalhistory({ patid: this.id }).then((res) => {
if (res.code == 200 && res.rows[0]) {
this.form = res.rows[0];
}
@@ -1021,7 +1237,7 @@
}
});
} else {
- this.form.pid = this.id;
+ this.form.patid = this.id;
addmedicalhistory(this.form).then((res) => {
if (res.code == 200) {
this.$modal.msgSuccess("鐥呭彶淇濆瓨鎴愬姛");
@@ -1117,12 +1333,26 @@
// tab鍒囨崲
handleClick(tab, event) {
if (tab.index == "1") {
- this.getList(0);
+ this.getList(1);
+ } else if (tab.index == "2") {
+ this.newcharts();
+ } else if (tab.index == "3") {
+ this.handleClickfw();
}
},
handleClickson(tab, event) {
- console.log(tab.index, "son");
+ console.log(tab, "son");
this.getList(tab.index);
+ },
+ // 鏌ヨ鏈嶅姟璁板綍
+ handleClickfw() {
+ getTaskservelist({
+ patid: this.id,
+ }).then((res) => {
+ if (res.code == 200) {
+ this.record = res.rows[0].serviceSubtaskList;
+ }
+ });
},
// 鑱旂郴鏂瑰紡鏂板
Addanumber() {},
@@ -1136,10 +1366,51 @@
};
listtag(tagqueryParams).then((response) => {
this.options = response.rows;
+
console.log(this.options, "鏍囩");
});
},
+ newcharts() {
+ this.$nextTick(function () {
+ // this.echartdom = document.getElementById("xyeCharts");
+ // this.xtechartdom = document.getElementById("xteCharts");
+ this.tzechartdom = document.getElementById("tzeCharts");
+ // this.xlechartdom = document.getElementById("xleCharts");
+ // this.xueyangechartdom = document.getElementById("xueyangeCharts");
+ // this.twechartdom = document.getElementById("tweCharts");
+
+ // this.echartsInit();
+ // this.xtechartsInit();
+ this.tzechartsInit();
+ // this.xlechartsInit();
+ // this.xueyangechartsInit();
+ // this.twechartsInit();
+ });
+ },
+
+ // 淇濆瓨鎸囨爣鏁版嵁
+ newborninfoadd() {
+ this.$refs["borninfoform"].validate((valid) => {
+ if (valid) {
+ this.borninfoform.patId = this.id;
+ this.borninfoform.sex = this.userform.sex;
+ newborninfoadd(this.borninfoform).then((res) => {
+ if (res.code == 200) {
+ this.$modal.msgSuccess("鏂板鎴愬姛");
+ this.newbornList();
+ this.borninfoVisible = false;
+ } else {
+ this.$modal.msgError("鏂板澶辫触");
+ this.newbornList();
+ this.borninfoVisible = false;
+ }
+ });
+ }
+ });
+ },
remoteMethod(value) {
+ console.log("瑙﹀彂");
+
const illnessqueryParams = {
pageNum: 1,
pageSize: 100,
@@ -1367,64 +1638,176 @@
// 浣跨敤鍒氭寚瀹氱殑閰嶇疆椤瑰拰鏁版嵁鏄剧ず鍥捐〃銆�
myxyChart.setOption(option);
},
- // 浣撻噸鍥捐〃
tzechartsInit() {
- // 鍩轰簬鍑嗗濂界殑dom锛屽垵濮嬪寲echarts瀹炰緥
+ // 鑾峰彇鏁版嵁闆嗗悎
+ this.newbornList()
+ .then(() => {
+ // 妫�鏌ユ暟鎹湁鏁堟��
+ if (!this.borninfooptions || this.borninfooptions.length === 0) {
+ console.warn("娌℃湁鍙敤鐨勬柊鐢熷効鏁版嵁");
+ return;
+ }
+ // 鎵惧嚭鏈�澶х殑age鍊硷紙纭畾X杞磋寖鍥达級
+ const maxAge = Math.max(
+ ...this.borninfooptions.map((item) => parseInt(item.age) || 0)
+ );
+ if (maxAge <= 0) {
+ console.error("鏃犳晥鐨勫懆鏁版暟鎹�");
+ return;
+ }
- var myxyChart = echarts.init(this.tzechartdom);
- var option = {
- title: {
- text: "浣撻噸鎸囨爣鍥�",
- },
- tooltip: {
- trigger: "axis",
- },
- legend: {
- data: ["韬珮", "浣撻噸", "BMI鎸囨暟"],
- },
- grid: {
- left: "3%",
- right: "4%",
- bottom: "3%",
- containLabel: true,
- },
- toolbox: {
- feature: {
- saveAsImage: {},
- },
- },
- xAxis: {
- type: "category",
- boundaryGap: false,
- data: ["涓�鏈�", "浜屾湀", "涓夋湀", "鍥涙湀", "浜旀湀", "鍏湀", "涓冩湀"],
- },
- yAxis: {
- type: "value",
- },
- series: [
- {
- name: "韬珮",
- type: "line",
- stack: "Total",
- data: [120, 132, 101, 134, 90, 230, 210],
- },
- {
- name: "浣撻噸",
- type: "line",
- stack: "Total",
- data: [220, 182, 191, 234, 290, 330, 310],
- },
+ // 鍔ㄦ�佺敓鎴恱Axis鏁版嵁锛堜粠1鍛ㄥ埌鏈�澶у懆锛�
+ const xAxisData = Array.from(
+ { length: maxAge },
+ (_, i) => `${i + 1}鍛╜
+ );
- {
- name: "BMI鎸囨暟",
- type: "line",
- stack: "Total",
- data: [320, 332, 301, 334, 390, 330, 320],
- },
- ],
- };
- // 浣跨敤鍒氭寚瀹氱殑閰嶇疆椤瑰拰鏁版嵁鏄剧ず鍥捐〃銆�
- myxyChart.setOption(option);
+ // 鍒濆鍖栨暟鎹暟缁�
+ const heightData = Array(maxAge).fill(null);
+ const headCirData = Array(maxAge).fill(null);
+
+ // 閬嶅巻鎵�鏈夋暟鎹偣锛屽～鍏呭埌瀵瑰簲浣嶇疆
+ this.borninfooptions.forEach((item) => {
+ try {
+ const age = parseInt(item.age);
+ const height = parseFloat(item.height);
+ const headCir = parseFloat(item.headCir);
+
+ // 纭繚鏁版嵁鏈夋晥涓斿懆鏁板湪鑼冨洿鍐�
+ if (age > 0 && age <= maxAge) {
+ const weekIndex = age - 1;
+ if (!isNaN(height)) heightData[weekIndex] = height;
+ if (!isNaN(headCir)) headCirData[weekIndex] = headCir;
+ }
+ } catch (e) {
+ console.error("鏁版嵁澶勭悊閿欒:", e);
+ }
+ });
+
+ // 鑾峰彇鎮ｈ�呭鍚嶏紙浣跨敤绗竴鏉℃湁鏁堟暟鎹級
+ const patientName = this.borninfooptions[0]?.name || "鏈煡";
+
+ // 鍒濆鍖栧浘琛�
+ const myxyChart = echarts.init(this.tzechartdom);
+ const option = {
+ title: {
+ text: `${patientName}鐢熼暱鍙戣偛鎸囨爣鍥綻,
+ left: "center",
+ },
+ tooltip: {
+ trigger: "axis",
+ formatter: function (params) {
+ let result = params[0].axisValue + "<br/>";
+ params.forEach((item) => {
+ const value = item.value !== null ? item.value : "鏆傛棤鏁版嵁";
+ result += `${item.marker} ${item.seriesName}: ${value}<br/>`;
+ });
+ return result;
+ },
+ },
+ legend: {
+ data: ["韬珮(cm)", "澶村洿(cm)"],
+ bottom: 10,
+ },
+ grid: {
+ left: "3%",
+ right: "4%",
+ bottom: "15%", // 涓哄浘渚嬬暀鍑虹┖闂�
+ containLabel: true,
+ },
+ toolbox: {
+ feature: {
+ saveAsImage: {
+ title: "淇濆瓨鍥剧墖",
+ pixelRatio: 2,
+ },
+ dataView: {
+ title: "鏁版嵁瑙嗗浘",
+ readOnly: true,
+ },
+ },
+ right: 20,
+ },
+ xAxis: {
+ type: "category",
+ boundaryGap: false,
+ data: xAxisData,
+ axisLabel: {
+ interval: 0, // 鏄剧ず鎵�鏈夋爣绛�
+ rotate: 30, // 鏍囩鏃嬭浆闃叉閲嶅彔
+ },
+ },
+ yAxis: {
+ type: "value",
+ axisLabel: {
+ formatter: "{value} cm",
+ },
+ },
+ series: [
+ {
+ name: "韬珮",
+ type: "line",
+ data: heightData,
+ symbol: "circle",
+ symbolSize: 8,
+ itemStyle: {
+ color: "#5470C6",
+ },
+ lineStyle: {
+ width: 3,
+ },
+ connectNulls: true, // 杩炴帴绌哄��
+ },
+ {
+ name: "澶村洿",
+ type: "line",
+ data: headCirData,
+ symbol: "circle",
+ symbolSize: 8,
+ itemStyle: {
+ color: "#91CC75",
+ },
+ lineStyle: {
+ width: 3,
+ },
+ connectNulls: true, // 杩炴帴绌哄��
+ },
+ ],
+ animationDuration: 1000, // 鍔ㄧ敾鏃堕暱
+ };
+
+ // 浣跨敤閰嶇疆椤规樉绀哄浘琛�
+ myxyChart.setOption(option);
+
+ // 绐楀彛澶у皬鍙樺寲鏃堕噸鏂拌皟鏁村浘琛ㄥぇ灏�
+ const resizeHandler = () => myxyChart.resize();
+ window.addEventListener("resize", resizeHandler);
+
+ // 鍦ㄧ粍浠堕攢姣佹椂绉婚櫎浜嬩欢鐩戝惉锛堝鏋滄槸Vue/React缁勪欢锛�
+ this.$once("hook:beforeDestroy", () => {
+ window.removeEventListener("resize", resizeHandler);
+ myxyChart.dispose();
+ });
+ })
+ .catch((error) => {
+ console.error("鍔犺浇鏁版嵁澶辫触:", error);
+ });
+ },
+
+ // 鑾峰彇鏂扮敓鍎挎暟鎹�
+ newbornList() {
+ newborninfolist({ patId: this.id })
+ .then((response) => {
+ this.borninfooptions = response.rows || [];
+ // this.newcharts();
+ console.log("鍔犺浇鐨勬柊鐢熷効鏁版嵁:", this.borninfooptions);
+ // return Promise.resolve();
+ })
+ .catch((error) => {
+ console.error("璇锋眰鏁版嵁澶辫触:", error);
+ this.borninfooptions = [];
+ // return Promise.reject(error);
+ });
},
// 蹇冪巼
xlechartsInit() {
--
Gitblit v1.9.3