From 98b9fdc80abc60b5e57370328ea51cf06365bab0 Mon Sep 17 00:00:00 2001 From: WXL <1785969728@qq.com> Date: 星期一, 23 六月 2025 20:31:10 +0800 Subject: [PATCH] 测试完成 --- src/views/patient/patient/profile/index.vue | 755 +++++++++++++++++++++++++++++++++++++++++++--------------- 1 files changed, 560 insertions(+), 195 deletions(-) diff --git a/src/views/patient/patient/profile/index.vue b/src/views/patient/patient/profile/index.vue index 66ceabc..44e3e0a 100644 --- a/src/views/patient/patient/profile/index.vue +++ b/src/views/patient/patient/profile/index.vue @@ -44,19 +44,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 +59,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 +69,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 +89,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,6 +120,7 @@ v-model="userform.name" placeholder="璇疯緭鍏ュ鍚�" maxlength="30" + disabled ></el-input> </el-form-item ></el-col> <el-col :span="12" @@ -177,6 +172,8 @@ v-model="inputValue" @change="handleInputConfirm" filterable + remote + :remote-method="remoteMethod" allow-create default-first-option placeholder="璇烽�夋嫨/鏌ヨ" @@ -374,7 +371,7 @@ width="160" > <template slot-scope="scope"> - <span>{{ parseTime(scope.row.createTime) }}</span> + <span>{{ formatTime(scope.row.createTime) }}</span> </template> </el-table-column> @@ -390,30 +387,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 +418,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="璐d换鎶ゅ+" + align="center" + key="nurseName" + prop="nurseName" + width="120" + /> --> + </el-table> <pagination v-show="total > 0" :total="total" @@ -447,8 +454,9 @@ <el-table-column label="浣忛櫌鍙�" align="center" - key="patid" - prop="patid" + key="patno" + prop="patno" + width="180" /> <el-table-column label="濮撳悕" @@ -456,26 +464,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 +478,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 +507,19 @@ prop="drname" width="120" /> + <el-table-column label="璐d换鎶ゅ+" 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 +527,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="璐d换鎶ゅ+" + 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 +619,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">瀹f暀鍏虫��</span> </div> <el-divider></el-divider> <div style="margin-top: 10px"> - {{ item.name }}鐘舵�侊細宸茬粓姝�<span style="color: #2775b6" - >锛堢粓姝㈠師鍥狅細鎮h�呯棅鎰堝洖璁跨粨鏉燂紝缁堟鏃堕棿锛�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 +659,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" - >鎮h�呴厤鍚堝害锛� <span style="color: #2775b6">楂�</span></el-col + >璐d换鎶ゅ+ + <span style="color: #2775b6">{{ item.nurseName }}</span></el-col > </el-row> </div> <div style="margin-top: 10px"> - {{ item.name }}缁撴灉锛� - <span style="color: #2775b6">鎮h�呯棅鎰堬紝韬綋鍊嶆</span> + 缁撴灉鐘舵�侊細 + <span style="color: #2775b6" v-if="item.excep == 0">鏈嶅姟姝e父</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 +707,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 +724,7 @@ /> </el-card> </div> - </div> - <!-- 浣撻噸 --> + </div> --> <div v-show="sontwoactiveName == 'weight'" style="display: flex"> <div id="tzeCharts" @@ -652,17 +733,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 +762,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 +779,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 +796,7 @@ /> </el-card> </div> - </div> + </div> --> </div> <el-dialog :title="titletb" :visible.sync="AddanumberVisible"> @@ -723,7 +805,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 +814,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 +881,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 +906,100 @@ tjnumber: 12, yynumber: 12, total: 0, // 鎬绘潯鏁� + borninfoVisible: false, titletb: "鏂板鑱旂郴鏂瑰紡", activeTab: "userinfo", id: "", loading: false, activeName: "health", //涓�绫诲鑸� - sonactiveName: "outpatient", //鍋ュ悍鐩戞祴瀵艰埅 - sontwoactiveName: "blood", //鍖荤枟妗f瀵艰埅 + sonactiveName: "inhospital", //鍋ュ悍鐩戞祴瀵艰埅 + sontwoactiveName: "weight", //鍖荤枟妗f瀵艰埅 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: "瀹f暀浠诲姟", + serviceType: "4", + templatename: "绠¢ゲ瀹f暀涓�鏈�", + 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 +1057,7 @@ label: "浣撴", }, ], + borninfooptions: [], tableLabelxy: [ { label: "娴嬮噺鏃堕棿", width: "", prop: "name" }, { label: "鏀剁缉鍘�", width: "", prop: "sex" }, @@ -863,10 +1069,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: "璐d换鍖荤敓", width: "", prop: "doctor" }, + { label: "韬珮", width: "", prop: "height" }, + { label: "澶村洿", width: "", prop: "headCir" }, ], tableLabelxl: [ { label: "娴嬮噺鏃堕棿", width: "", prop: "name" }, @@ -919,21 +1124,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 +1134,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) => { @@ -1117,12 +1314,26 @@ // tab鍒囨崲 handleClick(tab, event) { if (tab.index == "1") { - this.getList(0); + this.getList(1); + } else if (tab.index == "2") { + this.newbornList(); + } 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 +1347,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; + + 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 +1619,177 @@ // 浣跨敤鍒氭寚瀹氱殑閰嶇疆椤瑰拰鏁版嵁鏄剧ず鍥捐〃銆� 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); + } + }); + + // 鑾峰彇鎮h�呭鍚嶏紙浣跨敤绗竴鏉℃湁鏁堟暟鎹級 + 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() { + return 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