From 6e7f546cc37ed57e7e2eda4fdfc32fa2b3e0160c Mon Sep 17 00:00:00 2001
From: WXL (wul) <wl_5969728@163.com>
Date: 星期二, 20 十月 2026 17:41:10 +0800
Subject: [PATCH] 测试完成
---
src/views/patient/archives/maternalHealth/detail.vue | 910 +++++++++++++++++++++++++++++++++++++++++---------------
1 files changed, 660 insertions(+), 250 deletions(-)
diff --git a/src/views/patient/archives/maternalHealth/detail.vue b/src/views/patient/archives/maternalHealth/detail.vue
index 6d723e9..c654b43 100644
--- a/src/views/patient/archives/maternalHealth/detail.vue
+++ b/src/views/patient/archives/maternalHealth/detail.vue
@@ -3,253 +3,357 @@
<template v-if="archive">
<div class="action-bar">
<el-button @click="$router.go(-1)" icon="el-icon-back">杩斿洖</el-button>
- <el-button :type="editing ? 'success' : 'primary'" :icon="editing ? 'el-icon-check' : 'el-icon-edit'" @click="toggleEdit">{{ editing ? '淇濆瓨' : '缂栬緫' }}</el-button>
- <el-tag :type="archive.subType === 'pregnancy' ? 'success' : 'warning'" style="margin-left:12px">{{ archive.subTypeLabel }}</el-tag>
+ <el-button :type="editing ? 'success' : 'primary'" :icon="editing ? 'el-icon-check' : 'el-icon-edit'" @click="toggleEdit">
+ {{ editing ? '淇濆瓨' : '缂栬緫' }}
+ </el-button>
+ <el-button v-if="archive.closeStatus != 1" type="danger" plain icon="el-icon-circle-close" @click="handleCloseCase">缁撴</el-button>
+ <el-tag :type="archive.closeStatus == 1 ? 'info' : 'success'" style="margin-left:12px">
+ {{ archive.closeStatus == 1 ? '宸茬粨妗�' : '鏈粨妗�' }}
+ </el-tag>
+ <el-tag :type="archive.subType === 'pregnancy' ? 'success' : 'warning'" style="margin-left:8px">{{ archive.subTypeLabel }}</el-tag>
</div>
- <!-- 鎮ｈ�呭熀鏈俊鎭� -->
- <el-card class="info-card" shadow="never">
- <div slot="header" class="card-header"><span>鎮ｈ�呭熀鏈俊鎭�</span></div>
- <el-row :gutter="20">
- <el-col :span="6"><InfoField label="濮撳悕" :value="archive.patname" /></el-col>
- <el-col :span="6"><InfoField label="鎬у埆" :value="archive.sex == 1 ? '鐢�' : '濂�'" /></el-col>
- <el-col :span="6"><InfoField label="骞撮緞" :value="archive.age" /></el-col>
- <el-col :span="6"><InfoField label="鐢佃瘽" :value="archive.telcode" /></el-col>
- </el-row>
- <el-row :gutter="20" style="margin-top:10px">
- <el-col :span="6"><InfoField label="绉戝" :value="archive.deptname" /></el-col>
- <el-col :span="6"><InfoField label="璇婃柇" :value="archive.diagname" /></el-col>
- <el-col :span="6"><InfoField label="涓绘不鍖荤敓" :value="archive.drname" /></el-col>
- <el-col :span="6"><InfoField label="鏉ユ簮" :value="sourceLabel" /></el-col>
- </el-row>
- </el-card>
+ <el-tabs v-model="mainTab" type="border-card">
+ <el-tab-pane label="妗ｆ璇︽儏" name="detail">
+ <div v-if="archive.subType === 'pregnancy'" class="page-title">瀛曞棣栬瘖淇℃伅鐧昏</div>
+ <!-- 鎮ｈ�呭熀鏈俊鎭� -->
+ <el-card class="info-card" shadow="never">
+ <div slot="header" class="card-header"><span>鎮ｈ�呭熀鏈俊鎭�</span></div>
+ <el-row :gutter="20">
+ <el-col :span="6"><InfoField label="濮撳悕" :value="archive.patname" /></el-col>
+ <el-col :span="6"><InfoField label="鎬у埆" :value="archive.sex == 1 ? '鐢�' : '濂�'" /></el-col>
+ <el-col :span="6"><InfoField label="骞撮緞" :value="archive.age" /></el-col>
+ <el-col :span="6"><InfoField label="鑱旂郴鐢佃瘽" :value="archive.telcode" /></el-col>
+ </el-row>
+ <el-row :gutter="20" style="margin-top:10px">
+ <el-col :span="6"><InfoField label="绉戝" :value="archive.deptname" /></el-col>
+ <el-col :span="6"><InfoField label="璇婃柇" :value="archive.diagname" /></el-col>
+ <el-col :span="6"><InfoField label="鏉ユ簮" :value="sourceLabel" /></el-col>
+ </el-row>
+ </el-card>
- <!-- 妗ｆ鍩烘湰淇℃伅 -->
- <el-card class="info-card" shadow="never" style="margin-top:14px">
- <div slot="header" class="card-header">
- <span>妗ｆ鍩烘湰淇℃伅</span>
- <span class="header-sub">{{ archive.createTime ? archive.createTime.substring(0,10) : '-' }} 寤烘。</span>
- </div>
- <el-row :gutter="20">
- <el-col :span="8"><InfoField label="寤烘。绫诲瀷" :value="archive.subTypeLabel" /></el-col>
- <el-col :span="8"><InfoField label="寤烘。鍖荤敓" :value="archive.archiveForm.doctorName" :editing="editing" v-model="archive.archiveForm.doctorName" /></el-col>
- <el-col :span="8"><InfoField label="寤烘。鏃堕棿" :value="archive.createTime" /></el-col>
- </el-row>
- <!-- 瀛曞涓撳睘 -->
- <el-row v-if="archive.subType === 'pregnancy'" :gutter="20" style="margin-top:10px">
- <el-col :span="6"><InfoField label="瀛曞懆" :value="archive.archiveForm.gestationalWeek" :editing="editing" v-model="archive.archiveForm.gestationalWeek" type="number" /></el-col>
- <el-col :span="6"><InfoField label="瀛曟/浜ф" :value="'G'+(archive.archiveForm.gravidity||1)+'P'+(archive.archiveForm.parity||0)" /></el-col>
- <el-col :span="6"><InfoField label="棰勪骇鏈�" :value="archive.archiveForm.edd" /></el-col>
- <el-col :span="6"><InfoField label="楂樺嵄濡婂" :value="archive.archiveForm.highRiskPregnancy ? '鏄�' : '鍚�'" /></el-col>
- </el-row>
- <el-row v-if="archive.subType === 'menopause'" :gutter="20" style="margin-top:10px">
- <el-col :span="8"><InfoField label="鏈堢粡鐘舵��" :value="menstrualLabel" /></el-col>
- <el-col :span="8"><InfoField label="鏈鏈堢粡" :value="archive.archiveForm.lmp" /></el-col>
- </el-row>
- </el-card>
-
- <!-- ===== 瀛曞闅忚锛�3涓〃鍗� ===== -->
- <template v-if="archive.subType === 'pregnancy'">
- <el-card class="info-card" shadow="never" style="margin-top:14px">
- <div slot="header" class="card-header"><span>瀛曞闅忚绠＄悊</span></div>
- <el-tabs v-model="activeTab" type="border-card">
- <!-- 1. 瀛曞闅忚绯荤粺闂 -->
- <el-tab-pane label="瀛曞闅忚绯荤粺闂" name="sysQ">
- <el-form :model="form.pregSysQ" label-width="150px" size="small" :disabled="!editing">
+ <!-- ===== 瀛曞闅忚锛氭。妗堜俊鎭� + 棣栬瘖淇℃伅 + 濡婂鎯呭喌 鍚堝苟鍖哄潡 ===== -->
+ <el-card v-if="archive.subType === 'pregnancy'" class="info-card" shadow="never" style="margin-top:14px">
+ <div class="sub-section">
+ <div class="sub-title">妗ｆ淇℃伅</div>
+ <el-form :model="archive" label-width="110px" size="small" :disabled="!editing">
<el-row :gutter="20">
- <el-col :span="8"><el-form-item label="濉啓鏃ユ湡"><el-date-picker v-model="form.pregSysQ.date" value-format="yyyy-MM-dd" style="width:100%" /></el-form-item></el-col>
- <el-col :span="8"><el-form-item label="瀛曞懆"><el-input-number v-model="form.pregSysQ.gestWeek" :min="1" :max="42" /></el-form-item></el-col>
+ <el-col :span="8"><el-form-item label="韬唤璇佸彿"><el-input v-model="archive.idcardno" class="w-md" /></el-form-item></el-col>
+ <el-col :span="8"><el-form-item label="鍑虹敓鏃ユ湡"><el-date-picker v-model="archive.birthday" value-format="yyyy-MM-dd" class="w-md" /></el-form-item></el-col>
+ <el-col :span="8"><el-form-item label="璇婃柇鏃ユ湡"><el-date-picker v-model="archive.diagnosisDate" value-format="yyyy-MM-dd" class="w-md" /></el-form-item></el-col>
</el-row>
<el-row :gutter="20">
- <el-col :span="8"><el-form-item label="浣撻噸(kg)"><el-input-number v-model="form.pregSysQ.weight" :precision="1" /></el-form-item></el-col>
- <el-col :span="8"><el-form-item label="琛�鍘�"><el-input v-model="form.pregSysQ.bloodPressure" placeholder="鏀剁缉鍘�/鑸掑紶鍘�" /></el-form-item></el-col>
- <el-col :span="8"><el-form-item label="瀹珮(cm)"><el-input-number v-model="form.pregSysQ.fundalHeight" /></el-form-item></el-col>
+ <el-col :span="8"><el-form-item label="涓绘不鍖荤敓"><el-input v-model="archive.attendingDoctor" class="w-sm" /></el-form-item></el-col>
+ <el-col :span="8"><el-form-item label="缁忕鍖荤敓"><el-input v-model="archive.managingDoctor" class="w-sm" /></el-form-item></el-col>
+ <el-col :span="8"><el-form-item label="鐧昏浜哄憳"><el-input v-model="archive.registrant" class="w-sm" /></el-form-item></el-col>
</el-row>
- <el-row :gutter="20">
- <el-col :span="8"><el-form-item label="鑳庡績(娆�/鍒�)"><el-input-number v-model="form.pregSysQ.fetalHeart" /></el-form-item></el-col>
- <el-col :span="8"><el-form-item label="姘磋偪"><el-select v-model="form.pregSysQ.edema" style="width:100%"><el-option label="鏃�" value="鏃�" /><el-option label="+" value="+" /><el-option label="++" value="++" /><el-option label="+++" value="+++" /></el-select></el-form-item></el-col>
- <el-col :span="8"><el-form-item label="灏胯泲鐧�"><el-select v-model="form.pregSysQ.urineProtein" style="width:100%"><el-option label="-" value="-" /><el-option label="卤" value="卤" /><el-option label="+" value="+" /><el-option label="++" value="++" /></el-select></el-form-item></el-col>
- </el-row>
- <el-form-item label="鑷鐥囩姸"><el-input v-model="form.pregSysQ.symptoms" type="textarea" :rows="2" placeholder="澶存檿/鐪艰姳/鑳搁椃/鑵圭棝绛�" /></el-form-item>
- <el-form-item label="澶勭悊鎰忚"><el-input v-model="form.pregSysQ.advice" type="textarea" :rows="2" /></el-form-item>
- <el-form-item label="涓嬫闅忚鏃ユ湡"><el-date-picker v-model="form.pregSysQ.nextVisit" value-format="yyyy-MM-dd" style="width:200px" /></el-form-item>
- <el-form-item label="闅忚鍖荤敓"><el-input v-model="form.pregSysQ.doctor" style="width:200px" /></el-form-item>
</el-form>
- </el-tab-pane>
+ </div>
- <!-- 2. 瀛曞棣栬瘖淇℃伅鐧昏琛� -->
- <el-tab-pane label="涓芥按濡囧辜淇濆仴闄㈠瓡濡囬璇婁俊鎭櫥璁拌〃" name="firstVisit">
- <el-form :model="form.pregFirst" label-width="160px" size="small" :disabled="!editing">
- <el-divider content-position="left">鍩烘湰淇℃伅</el-divider>
+ <div class="sub-section">
+ <div class="sub-title">瀛曞棣栬瘖淇℃伅鐧昏</div>
+ <el-form :model="pregForm.firstVisit" label-width="120px" size="small" :disabled="!editing">
<el-row :gutter="20">
- <el-col :span="8"><el-form-item label="寤烘。鏃ユ湡"><el-date-picker v-model="form.pregFirst.regDate" value-format="yyyy-MM-dd" style="width:100%" /></el-form-item></el-col>
- <el-col :span="8"><el-form-item label="涓堝か濮撳悕"><el-input v-model="form.pregFirst.husbandName" /></el-form-item></el-col>
- <el-col :span="8"><el-form-item label="涓堝か鐢佃瘽"><el-input v-model="form.pregFirst.husbandPhone" /></el-form-item></el-col>
+ <el-col :span="8"><el-form-item label="灏辫瘖鍙�"><el-input v-model="pregForm.firstVisit.visitNo" class="w-sm" /></el-form-item></el-col>
+ <el-col :span="8"><el-form-item label="鏈汉鑱旂郴鏂瑰紡"><el-input v-model="pregForm.firstVisit.selfPhone" class="w-sm" /></el-form-item></el-col>
+ <el-col :span="8"><el-form-item label="鐥呭尯濮撳悕"><el-input v-model="pregForm.firstVisit.wardName" class="w-sm" /></el-form-item></el-col>
</el-row>
<el-row :gutter="20">
- <el-col :span="8"><el-form-item label="鏈鏈堢粡"><el-date-picker v-model="form.pregFirst.lmp" value-format="yyyy-MM-dd" style="width:100%" /></el-form-item></el-col>
- <el-col :span="8"><el-form-item label="棰勪骇鏈�"><el-date-picker v-model="form.pregFirst.edd" value-format="yyyy-MM-dd" style="width:100%" /></el-form-item></el-col>
- <el-col :span="8"><el-form-item label="瀛曟/浜ф"><el-input v-model="form.pregFirst.gp" placeholder="G_P_" /></el-form-item></el-col>
+ <el-col :span="8"><el-form-item label="鑱旂郴浜鸿仈绯绘柟寮�"><el-input v-model="pregForm.firstVisit.contactPhone" class="w-sm" /></el-form-item></el-col>
+ <el-col :span="8"><el-form-item label="韬唤璇佸彿"><el-input v-model="pregForm.firstVisit.idcardno" class="w-md" /></el-form-item></el-col>
+ <el-col :span="8"><el-form-item label="棣栬瘖鍖荤敓"><el-input v-model="pregForm.firstVisit.firstDoctor" class="w-sm" /></el-form-item></el-col>
</el-row>
- <el-divider content-position="left">鏃㈠線鍙�</el-divider>
<el-row :gutter="20">
- <el-col :span="8"><el-form-item label="鍓栧浜у彶"><el-select v-model="form.pregFirst.csHistory" style="width:100%"><el-option label="鏃�" :value="0" /><el-option label="鏈�" :value="1" /></el-select></el-form-item></el-col>
- <el-col :span="8"><el-form-item label="娴佷骇鍙�"><el-select v-model="form.pregFirst.abortionHistory" style="width:100%"><el-option label="鏃�" :value="0" /><el-option label="鏈�" :value="1" /></el-select></el-form-item></el-col>
- <el-col :span="8"><el-form-item label="鐤剧梾鍙�"><el-input v-model="form.pregFirst.diseaseHistory" placeholder="楂樿鍘�/绯栧翱鐥�/鐢茬姸鑵虹瓑" /></el-form-item></el-col>
+ <el-col :span="8"><el-form-item label="璇婃柇鍚嶇О"><el-input v-model="pregForm.firstVisit.diagname" class="w-full" /></el-form-item></el-col>
+ <el-col :span="16"><el-form-item label="灞呬綇鍦板潃"><el-input v-model="pregForm.firstVisit.address" class="w-full" /></el-form-item></el-col>
</el-row>
- <el-divider content-position="left">鏈濡婂鎯呭喌</el-divider>
<el-row :gutter="20">
- <el-col :span="8"><el-form-item label="韬珮(cm)"><el-input-number v-model="form.pregFirst.height" :precision="1" /></el-form-item></el-col>
- <el-col :span="8"><el-form-item label="瀛曞墠浣撻噸(kg)"><el-input-number v-model="form.pregFirst.preWeight" :precision="1" /></el-form-item></el-col>
+ <el-col :span="8"><el-form-item label="鏈鏈堢粡"><el-date-picker v-model="pregForm.firstVisit.lmp" value-format="yyyy-MM-dd" class="w-md" @change="onLmpChange" /></el-form-item></el-col>
</el-row>
- <el-form-item label="楂樺嵄鍥犵礌璇勪及"><el-input v-model="form.pregFirst.riskAssessment" type="textarea" :rows="2" /></el-form-item>
- <el-form-item label="寤哄唽鍖荤敓"><el-input v-model="form.pregFirst.doctor" style="width:200px" /></el-form-item>
</el-form>
- </el-tab-pane>
+ </div>
- <!-- 3. 鏃╁瓡闅忚鐧昏琛� -->
- <el-tab-pane label="涓芥按濡囧辜淇濆仴闄㈡棭瀛曢殢璁跨櫥璁拌〃" name="earlyFollow">
- <el-form :model="form.pregEarly" label-width="150px" size="small" :disabled="!editing">
- <el-row :gutter="20">
- <el-col :span="8"><el-form-item label="闅忚鏃ユ湡"><el-date-picker v-model="form.pregEarly.date" value-format="yyyy-MM-dd" style="width:100%" /></el-form-item></el-col>
- <el-col :span="8"><el-form-item label="瀛曞懆"><el-input-number v-model="form.pregEarly.gestWeek" :min="1" :max="14" /></el-form-item></el-col>
+ <div class="sub-section">
+ <div class="sub-title">濡婂鎯呭喌</div>
+ <el-form label-width="0" size="small" :disabled="!editing">
+ <el-row :gutter="24" class="preg-cascade">
+ <el-col :span="8">
+ <div class="cascade-col">
+ <div class="cascade-label">濡婂鎯呭喌</div>
+ <el-radio-group v-model="pregForm.pregnancy.status" @change="onPregnancyStatusChange">
+ <el-radio v-for="(opt, key) in PREGNANCY_OPTIONS" :key="key" :label="key">{{ opt.label }}</el-radio>
+ </el-radio-group>
+ </div>
+ </el-col>
+ <el-col :span="8">
+ <div class="cascade-col">
+ <div class="cascade-label">鍏蜂綋鎯呭喌</div>
+ <el-checkbox-group v-model="pregForm.pregnancy.details" @change="onDetailsChange">
+ <el-checkbox v-for="d in PREGNANCY_DETAIL_OPTIONS" :key="d" :label="d">{{ d }}</el-checkbox>
+ </el-checkbox-group>
+ </div>
+ </el-col>
+ <el-col :span="8">
+ <div class="cascade-col">
+ <div class="cascade-label">澶勭悊寤鸿</div>
+ <el-checkbox-group v-model="pregForm.pregnancy.hint" :disabled="!pregForm.pregnancy.details.length" @change="onHintChange">
+ <el-checkbox v-for="h in pregnancyHintOptions" :key="h" :label="h">{{ h }}</el-checkbox>
+ </el-checkbox-group>
+ <div v-if="!pregForm.pregnancy.details.length" class="cascade-empty">璇峰厛閫夋嫨鍏蜂綋鎯呭喌</div>
+ </div>
+ </el-col>
</el-row>
- <el-row :gutter="20">
- <el-col :span="8"><el-form-item label="鏃╁瓡鍙嶅簲"><el-select v-model="form.pregEarly.morningSickness" style="width:100%"><el-option label="鏃�" value="鏃�" /><el-option label="杞诲害" value="杞诲害" /><el-option label="涓害" value="涓害" /><el-option label="閲嶅害" value="閲嶅害" /></el-select></el-form-item></el-col>
- <el-col :span="8"><el-form-item label="闃撮亾鍑鸿"><el-select v-model="form.pregEarly.bleeding" style="width:100%"><el-option label="鏃�" value="鏃�" /><el-option label="鏈�" value="鏈�" /></el-select></el-form-item></el-col>
- <el-col :span="8"><el-form-item label="鑵圭棝"><el-select v-model="form.pregEarly.abdominalPain" style="width:100%"><el-option label="鏃�" value="鏃�" /><el-option label="鏈�" value="鏈�" /></el-select></el-form-item></el-col>
- </el-row>
- <el-row :gutter="20">
- <el-col :span="8"><el-form-item label="琛�甯歌"><el-input v-model="form.pregEarly.bloodRoutine" placeholder="Hb/PLT绛�" /></el-form-item></el-col>
- <el-col :span="8"><el-form-item label="灏垮父瑙�"><el-input v-model="form.pregEarly.urineRoutine" /></el-form-item></el-col>
- <el-col :span="8"><el-form-item label="B瓒呮鏌�"><el-input v-model="form.pregEarly.ultrasound" placeholder="CRL/NT绛�" /></el-form-item></el-col>
- </el-row>
- <el-form-item label="鍙堕吀琛ュ厖"><el-select v-model="form.pregEarly.folicAcid" style="width:200px"><el-option label="瑙勫緥鏈嶇敤" value="瑙勫緥鏈嶇敤" /><el-option label="鍋跺皵鏈嶇敤" value="鍋跺皵鏈嶇敤" /><el-option label="鏈湇鐢�" value="鏈湇鐢�" /></el-select></el-form-item>
- <el-form-item label="鎸囧鎰忚"><el-input v-model="form.pregEarly.advice" type="textarea" :rows="2" /></el-form-item>
- <el-form-item label="闅忚鍖荤敓"><el-input v-model="form.pregEarly.doctor" style="width:200px" /></el-form-item>
</el-form>
- </el-tab-pane>
- </el-tabs>
- </el-card>
- </template>
+ </div>
+ </el-card>
- <!-- ===== 鏇村勾鏈熼殢璁匡細6涓〃鍗� ===== -->
- <template v-if="archive.subType === 'menopause'">
- <el-card class="info-card" shadow="never" style="margin-top:14px">
- <div slot="header" class="card-header"><span>鏇村勾鏈熼殢璁跨鐞�</span></div>
- <el-tabs v-model="activeTab" type="border-card">
- <!-- 1. 鏇村勾鏈熼殢璁跨郴缁熼棶棰樿〃 -->
- <el-tab-pane label="鏇村勾鏈熼殢璁跨郴缁熼棶棰樿〃" name="sysQ">
- <el-form :model="form.menoSysQ" label-width="150px" size="small" :disabled="!editing">
- <el-row :gutter="20">
- <el-col :span="8"><el-form-item label="濉啓鏃ユ湡"><el-date-picker v-model="form.menoSysQ.date" value-format="yyyy-MM-dd" style="width:100%" /></el-form-item></el-col>
- <el-col :span="8"><el-form-item label="骞撮緞"><el-input-number v-model="form.menoSysQ.age" /></el-form-item></el-col>
- </el-row>
- <el-row :gutter="20">
- <el-col :span="8"><el-form-item label="鏈堢粡鎯呭喌"><el-input v-model="form.menoSysQ.menstruation" placeholder="鍛ㄦ湡/缁忔湡/缁忛噺" /></el-form-item></el-col>
- <el-col :span="8"><el-form-item label="鏈鏈堢粡"><el-date-picker v-model="form.menoSysQ.lmp" value-format="yyyy-MM-dd" style="width:100%" /></el-form-item></el-col>
- <el-col :span="8"><el-form-item label="缁濈粡骞撮緞"><el-input-number v-model="form.menoSysQ.menopauseAge" /></el-form-item></el-col>
- </el-row>
- <el-row :gutter="20">
- <el-col :span="6"><el-form-item label="娼儹鍑烘睏"><el-select v-model="form.menoSysQ.hotFlash" style="width:100%"><el-option :value="0" label="鏃�" /><el-option :value="1" label="杞�" /><el-option :value="2" label="涓�" /><el-option :value="3" label="閲�" /></el-select></el-form-item></el-col>
- <el-col :span="6"><el-form-item label="澶辩湢"><el-select v-model="form.menoSysQ.insomnia" style="width:100%"><el-option :value="0" label="鏃�" /><el-option :value="1" label="杞�" /><el-option :value="2" label="涓�" /><el-option :value="3" label="閲�" /></el-select></el-form-item></el-col>
- <el-col :span="6"><el-form-item label="鎯呯华娉㈠姩"><el-select v-model="form.menoSysQ.mood" style="width:100%"><el-option :value="0" label="鏃�" /><el-option :value="1" label="杞�" /><el-option :value="2" label="涓�" /><el-option :value="3" label="閲�" /></el-select></el-form-item></el-col>
- <el-col :span="6"><el-form-item label="鐤蹭箯"><el-select v-model="form.menoSysQ.fatigue" style="width:100%"><el-option :value="0" label="鏃�" /><el-option :value="1" label="杞�" /><el-option :value="2" label="涓�" /><el-option :value="3" label="閲�" /></el-select></el-form-item></el-col>
- </el-row>
- <el-row :gutter="20">
- <el-col :span="6"><el-form-item label="鍏宠妭鐥�"><el-select v-model="form.menoSysQ.jointPain" style="width:100%"><el-option :value="0" label="鏃�" /><el-option :value="1" label="杞�" /><el-option :value="2" label="涓�" /><el-option :value="3" label="閲�" /></el-select></el-form-item></el-col>
- <el-col :span="6"><el-form-item label="蹇冩偢"><el-select v-model="form.menoSysQ.palpitation" style="width:100%"><el-option :value="0" label="鏃�" /><el-option :value="1" label="杞�" /><el-option :value="2" label="涓�" /><el-option :value="3" label="閲�" /></el-select></el-form-item></el-col>
- <el-col :span="6"><el-form-item label="闃撮亾骞叉订"><el-select v-model="form.menoSysQ.dryness" style="width:100%"><el-option :value="0" label="鏃�" /><el-option :value="1" label="杞�" /><el-option :value="2" label="涓�" /><el-option :value="3" label="閲�" /></el-select></el-form-item></el-col>
- <el-col :span="6"><el-form-item label="鎬ф鍑忛��"><el-select v-model="form.menoSysQ.libido" style="width:100%"><el-option :value="0" label="鏃�" /><el-option :value="1" label="杞�" /><el-option :value="2" label="涓�" /><el-option :value="3" label="閲�" /></el-select></el-form-item></el-col>
- </el-row>
- <el-form-item label="鍏朵粬鐥囩姸"><el-input v-model="form.menoSysQ.otherSymptoms" type="textarea" :rows="2" /></el-form-item>
- <el-form-item label="澶勭悊鎰忚"><el-input v-model="form.menoSysQ.advice" type="textarea" :rows="2" /></el-form-item>
- <el-form-item label="鍖荤敓"><el-input v-model="form.menoSysQ.doctor" style="width:200px" /></el-form-item>
- </el-form>
- </el-tab-pane>
+ <!-- 鏄惁寤哄唽锛堝瓡濡囬殢璁匡級 -->
+ <el-card v-if="archive.subType === 'pregnancy'" class="info-card" shadow="never" style="margin-top:14px">
+ <div slot="header" class="card-header"><span>鏄惁寤哄唽</span></div>
+ <el-form :model="pregForm.registration" label-width="120px" size="small" :disabled="!editing">
+ <el-row :gutter="20">
+ <el-col :span="8"><el-form-item label="鏄惁寤哄唽">
+ <el-radio-group v-model="pregForm.registration.isRegistered">
+ <el-radio label="鏄�">鏄�</el-radio><el-radio label="鍚�">鍚�</el-radio>
+ </el-radio-group>
+ </el-form-item></el-col>
+ <el-col :span="8"><el-form-item label="棰勪骇鏈�"><el-date-picker v-model="pregForm.registration.edd" value-format="yyyy-MM-dd" class="w-md" /></el-form-item></el-col>
+ <el-col :span="8"><el-form-item label="璁板綍鑰�"><el-input v-model="pregForm.registration.recorder" class="w-sm" /></el-form-item></el-col>
+ </el-row>
+ <el-form-item v-if="pregForm.registration.isRegistered === '鍚�'" label="鏈缓鍐屽師鍥�">
+ <el-checkbox-group v-model="pregForm.registration.unregisteredReasons">
+ <el-checkbox v-for="r in UNREGISTERED_REASONS" :key="r" :label="r">{{ r }}</el-checkbox>
+ </el-checkbox-group>
+ <el-input
+ v-if="pregForm.registration.unregisteredReasons.includes('鍏朵粬鐗规畩鍥犵礌')"
+ v-model="pregForm.registration.unregisteredReasonOther"
+ type="textarea"
+ :rows="2"
+ class="w-lg"
+ style="margin-top:8px"
+ placeholder="璇峰～鍐欏叾浠栫壒娈婂洜绱�"
+ />
+ </el-form-item>
+ </el-form>
+ </el-card>
- <!-- 2. MHT棣栬瘖鐥呭巻琛� -->
- <el-tab-pane label="MHT棣栬瘖鐥呭巻琛�" name="mhtFirst">
- <el-form :model="form.mhtFirst" label-width="160px" size="small" :disabled="!editing">
- <el-row :gutter="20">
- <el-col :span="8"><el-form-item label="灏辫瘖鏃ユ湡"><el-date-picker v-model="form.mhtFirst.date" value-format="yyyy-MM-dd" style="width:100%" /></el-form-item></el-col>
- <el-col :span="8"><el-form-item label="涓昏瘔"><el-input v-model="form.mhtFirst.chiefComplaint" /></el-form-item></el-col>
- <el-col :span="8"><el-form-item label="缁濈粡骞撮檺"><el-input-number v-model="form.mhtFirst.menopauseYears" :precision="1" /></el-form-item></el-col>
- </el-row>
- <el-row :gutter="20">
- <el-col :span="8"><el-form-item label="韬珮(cm)"><el-input-number v-model="form.mhtFirst.height" :precision="1" /></el-form-item></el-col>
- <el-col :span="8"><el-form-item label="浣撻噸(kg)"><el-input-number v-model="form.mhtFirst.weight" :precision="1" /></el-form-item></el-col>
- <el-col :span="8"><el-form-item label="BMI"><el-input-number v-model="form.mhtFirst.bmi" :precision="1" disabled /></el-form-item></el-col>
- </el-row>
- <el-row :gutter="20">
- <el-col :span="8"><el-form-item label="琛�鍘�"><el-input v-model="form.mhtFirst.bloodPressure" /></el-form-item></el-col>
- <el-col :span="8"><el-form-item label="琛�绯�"><el-input-number v-model="form.mhtFirst.glucose" :precision="1" /></el-form-item></el-col>
- <el-col :span="8"><el-form-item label="琛�鑴�"><el-input v-model="form.mhtFirst.lipid" placeholder="TC/TG/LDL/HDL" /></el-form-item></el-col>
- </el-row>
- <el-form-item label="鏃㈠線鍙�"><el-input v-model="form.mhtFirst.pastHistory" type="textarea" :rows="2" placeholder="楂樿鍘�/绯栧翱鐥�/琛�鏍�/涔宠吅鐧�/瀛愬鑲岀槫绛�" /></el-form-item>
- <el-form-item label="濡囩妫�鏌�"><el-input v-model="form.mhtFirst.gynExam" type="textarea" :rows="2" /></el-form-item>
- <el-form-item label="涔宠吅妫�鏌�"><el-input v-model="form.mhtFirst.breastExam" type="textarea" :rows="2" /></el-form-item>
- <el-form-item label="杈呭姪妫�鏌�"><el-input v-model="form.mhtFirst.auxExam" type="textarea" :rows="2" placeholder="B瓒�/楠ㄥ瘑搴�/婵�绱犳按骞崇瓑" /></el-form-item>
- <el-form-item label="MHT鏂规"><el-input v-model="form.mhtFirst.mhtPlan" type="textarea" :rows="2" placeholder="鑽墿鍚嶇О/鍓傞噺/鐢ㄦ硶/鐤楃▼" /></el-form-item>
- <el-form-item label="鍖荤敓"><el-input v-model="form.mhtFirst.doctor" style="width:200px" /></el-form-item>
- </el-form>
- </el-tab-pane>
+ <!-- ===== 鍥寸粷缁忔湡MHI锛氭。妗堜俊鎭紙鍚殢璁垮懆鏈熸鏁帮級 ===== -->
+ <el-card v-if="archive.subType === 'menopause'" class="info-card" shadow="never" style="margin-top:14px">
+ <div slot="header" class="card-header">
+ <span>妗ｆ淇℃伅</span>
+ <span class="header-sub">{{ archive.createTime ? archive.createTime.substring(0,10) : '-' }} 寤烘。</span>
+ </div>
+ <el-form :model="archive" label-width="110px" size="small" :disabled="!editing">
+ <el-row :gutter="20">
+ <el-col :span="8"><el-form-item label="韬唤璇佸彿"><el-input v-model="archive.idcardno" class="w-md" /></el-form-item></el-col>
+ <el-col :span="8"><el-form-item label="鍑虹敓鏃ユ湡"><el-date-picker v-model="archive.birthday" value-format="yyyy-MM-dd" class="w-md" /></el-form-item></el-col>
+ <el-col :span="8"><el-form-item label="璇婃柇鏃ユ湡"><el-date-picker v-model="archive.diagnosisDate" value-format="yyyy-MM-dd" class="w-md" /></el-form-item></el-col>
+ </el-row>
+ <el-row :gutter="20">
+ <el-col :span="8"><el-form-item label="涓绘不鍖荤敓"><el-input v-model="archive.attendingDoctor" class="w-sm" /></el-form-item></el-col>
+ <el-col :span="8"><el-form-item label="缁忕鍖荤敓"><el-input v-model="archive.managingDoctor" class="w-sm" /></el-form-item></el-col>
+ <el-col :span="8"><el-form-item label="鐧昏浜哄憳"><el-input v-model="archive.registrant" class="w-sm" /></el-form-item></el-col>
+ </el-row>
+ <el-row :gutter="20">
+ <el-col :span="8"><el-form-item label="闅忚鍛ㄦ湡(娆℃暟)"><el-input v-model="archive.followupCycles" class="w-xs" /></el-form-item></el-col>
+ </el-row>
+ </el-form>
+ </el-card>
- <!-- 3. MHT澶嶈瘖鐥呭巻琛� -->
- <el-tab-pane label="MHT澶嶈瘖鐥呭巻琛�" name="mhtFollow">
- <el-form :model="form.mhtFollow" label-width="160px" size="small" :disabled="!editing">
- <el-row :gutter="20">
- <el-col :span="8"><el-form-item label="澶嶈瘖鏃ユ湡"><el-date-picker v-model="form.mhtFollow.date" value-format="yyyy-MM-dd" style="width:100%" /></el-form-item></el-col>
- <el-col :span="8"><el-form-item label="鐢ㄨ嵂渚濅粠鎬�"><el-select v-model="form.mhtFollow.compliance" style="width:100%"><el-option label="鑹ソ" value="鑹ソ" /><el-option label="涓�鑸�" value="涓�鑸�" /><el-option label="宸�" value="宸�" /></el-select></el-form-item></el-col>
- </el-row>
- <el-row :gutter="20">
- <el-col :span="8"><el-form-item label="鐥囩姸鏀瑰杽"><el-select v-model="form.mhtFollow.symptomImprove" style="width:100%"><el-option label="鏄庢樉" value="鏄庢樉" /><el-option label="閮ㄥ垎" value="閮ㄥ垎" /><el-option label="鏃犲彉鍖�" value="鏃犲彉鍖�" /></el-select></el-form-item></el-col>
- <el-col :span="8"><el-form-item label="涓嶈壇鍙嶅簲"><el-input v-model="form.mhtFollow.sideEffect" placeholder="濡備钩鎴胯儉鐥�/闃撮亾鍑鸿绛�" /></el-form-item></el-col>
- <el-col :span="8"><el-form-item label="闃撮亾鍑鸿"><el-select v-model="form.mhtFollow.bleeding" style="width:100%"><el-option label="鏃�" value="鏃�" /><el-option label="鐐规淮" value="鐐规淮" /><el-option label="灏戦噺" value="灏戦噺" /><el-option label="涓噺" value="涓噺" /></el-select></el-form-item></el-col>
- </el-row>
- <el-row :gutter="20">
- <el-col :span="8"><el-form-item label="浣撻噸(kg)"><el-input-number v-model="form.mhtFollow.weight" :precision="1" /></el-form-item></el-col>
- <el-col :span="8"><el-form-item label="琛�鍘�"><el-input v-model="form.mhtFollow.bloodPressure" /></el-form-item></el-col>
- </el-row>
- <el-form-item label="澶嶆煡缁撴灉"><el-input v-model="form.mhtFollow.reExamResult" type="textarea" :rows="2" placeholder="B瓒�/涔宠吅/婵�绱犵瓑妫�鏌ョ粨鏋�" /></el-form-item>
- <el-form-item label="鏂规璋冩暣"><el-input v-model="form.mhtFollow.planAdjust" type="textarea" :rows="2" /></el-form-item>
- <el-form-item label="涓嬫澶嶈瘖"><el-date-picker v-model="form.mhtFollow.nextVisit" value-format="yyyy-MM-dd" style="width:200px" /></el-form-item>
- <el-form-item label="鍖荤敓"><el-input v-model="form.mhtFollow.doctor" style="width:200px" /></el-form-item>
- </el-form>
- </el-tab-pane>
+ <!-- 闅忚鍛ㄦ湡锛堟棤璁烘槸鍚﹀缓绔嬫棭瀛曢殢璁胯〃鍧囨樉绀猴級 -->
+ <template v-if="archive.subType === 'pregnancy'">
+ <el-card class="info-card" shadow="never" style="margin-top:14px">
+ <div slot="header" class="card-header"><span>闅忚鍛ㄦ湡</span></div>
+ <EditableTable
+ :data.sync="pregForm.followupCycle"
+ :editing="editing"
+ :columns="followupColumns"
+ auto-seq="seq"
+ />
+ </el-card>
+ </template>
- <!-- 4. 鏀硅壇Kupperman璇勫垎鏍囧噯琛� -->
- <el-tab-pane label="鏀硅壇Kupperman璇勫垎鏍囧噯琛�" name="kupperman">
- <el-form :model="form.kupperman" label-width="160px" size="small" :disabled="!editing">
- <el-row :gutter="20">
- <el-col :span="8"><el-form-item label="璇勪及鏃ユ湡"><el-date-picker v-model="form.kupperman.date" value-format="yyyy-MM-dd" style="width:100%" /></el-form-item></el-col>
- </el-row>
- <KuppermanScoreTable v-model="form.kupperman" :editing="editing" />
- </el-form>
- </el-tab-pane>
+ <!-- ===== 鍥寸粷缁忔湡MHI锛�6 涓噺琛� tab ===== -->
+ <template v-if="archive.subType === 'menopause'">
+ <el-card class="info-card" shadow="never" style="margin-top:14px">
+ <div slot="header" class="card-header"><span>鍥寸粷缁忔湡MHI绠＄悊</span></div>
+ <el-tabs v-model="activeTab" type="border-card">
+ <el-tab-pane label="鏇村勾鏈熼殢璁跨郴缁熼棶棰樿〃" name="sysQ">
+ <el-form :model="form.menoSysQ" label-width="150px" size="small" :disabled="!editing">
+ <el-row :gutter="20">
+ <el-col :span="8"><el-form-item label="濉啓鏃ユ湡"><el-date-picker v-model="form.menoSysQ.date" value-format="yyyy-MM-dd" class="w-md" /></el-form-item></el-col>
+ <el-col :span="8"><el-form-item label="骞撮緞"><el-input-number v-model="form.menoSysQ.age" /></el-form-item></el-col>
+ </el-row>
+ <el-row :gutter="20">
+ <el-col :span="8"><el-form-item label="鏈堢粡鎯呭喌"><el-input v-model="form.menoSysQ.menstruation" placeholder="鍛ㄦ湡/缁忔湡/缁忛噺" class="w-md" /></el-form-item></el-col>
+ <el-col :span="8"><el-form-item label="鏈鏈堢粡"><el-date-picker v-model="form.menoSysQ.lmp" value-format="yyyy-MM-dd" class="w-md" /></el-form-item></el-col>
+ <el-col :span="8"><el-form-item label="缁濈粡骞撮緞"><el-input-number v-model="form.menoSysQ.menopauseAge" /></el-form-item></el-col>
+ </el-row>
+ <el-row :gutter="20">
+ <el-col :span="6"><el-form-item label="娼儹鍑烘睏"><el-select v-model="form.menoSysQ.hotFlash" style="width:100%"><el-option :value="0" label="鏃�" /><el-option :value="1" label="杞�" /><el-option :value="2" label="涓�" /><el-option :value="3" label="閲�" /></el-select></el-form-item></el-col>
+ <el-col :span="6"><el-form-item label="澶辩湢"><el-select v-model="form.menoSysQ.insomnia" style="width:100%"><el-option :value="0" label="鏃�" /><el-option :value="1" label="杞�" /><el-option :value="2" label="涓�" /><el-option :value="3" label="閲�" /></el-select></el-form-item></el-col>
+ <el-col :span="6"><el-form-item label="鎯呯华娉㈠姩"><el-select v-model="form.menoSysQ.mood" style="width:100%"><el-option :value="0" label="鏃�" /><el-option :value="1" label="杞�" /><el-option :value="2" label="涓�" /><el-option :value="3" label="閲�" /></el-select></el-form-item></el-col>
+ <el-col :span="6"><el-form-item label="鐤蹭箯"><el-select v-model="form.menoSysQ.fatigue" style="width:100%"><el-option :value="0" label="鏃�" /><el-option :value="1" label="杞�" /><el-option :value="2" label="涓�" /><el-option :value="3" label="閲�" /></el-select></el-form-item></el-col>
+ </el-row>
+ <el-row :gutter="20">
+ <el-col :span="6"><el-form-item label="鍏宠妭鐥�"><el-select v-model="form.menoSysQ.jointPain" style="width:100%"><el-option :value="0" label="鏃�" /><el-option :value="1" label="杞�" /><el-option :value="2" label="涓�" /><el-option :value="3" label="閲�" /></el-select></el-form-item></el-col>
+ <el-col :span="6"><el-form-item label="蹇冩偢"><el-select v-model="form.menoSysQ.palpitation" style="width:100%"><el-option :value="0" label="鏃�" /><el-option :value="1" label="杞�" /><el-option :value="2" label="涓�" /><el-option :value="3" label="閲�" /></el-select></el-form-item></el-col>
+ <el-col :span="6"><el-form-item label="闃撮亾骞叉订"><el-select v-model="form.menoSysQ.dryness" style="width:100%"><el-option :value="0" label="鏃�" /><el-option :value="1" label="杞�" /><el-option :value="2" label="涓�" /><el-option :value="3" label="閲�" /></el-select></el-form-item></el-col>
+ <el-col :span="6"><el-form-item label="鎬ф鍑忛��"><el-select v-model="form.menoSysQ.libido" style="width:100%"><el-option :value="0" label="鏃�" /><el-option :value="1" label="杞�" /><el-option :value="2" label="涓�" /><el-option :value="3" label="閲�" /></el-select></el-form-item></el-col>
+ </el-row>
+ <el-form-item label="鍏朵粬鐥囩姸"><el-input v-model="form.menoSysQ.otherSymptoms" type="textarea" :rows="2" /></el-form-item>
+ <el-form-item label="澶勭悊鎰忚"><el-input v-model="form.menoSysQ.advice" type="textarea" :rows="2" /></el-form-item>
+ <el-form-item label="鍖荤敓"><el-input v-model="form.menoSysQ.doctor" class="w-sm" /></el-form-item>
+ </el-form>
+ </el-tab-pane>
- <!-- 5. 鏇村勾鏈熻瘎鍒嗛噺琛�(MRS) -->
- <el-tab-pane label="鏇村勾鏈熻瘎鍒嗛噺琛紙MRS锛�" name="mrs">
- <el-form :model="form.mrs" label-width="160px" size="small" :disabled="!editing">
- <el-row :gutter="20">
- <el-col :span="8"><el-form-item label="璇勪及鏃ユ湡"><el-date-picker v-model="form.mrs.date" value-format="yyyy-MM-dd" style="width:100%" /></el-form-item></el-col>
- </el-row>
- <MRSScoreTable v-model="form.mrs" :editing="editing" />
- </el-form>
- </el-tab-pane>
+ <el-tab-pane label="MHT棣栬瘖鐥呭巻琛�" name="mhtFirst">
+ <el-form :model="form.mhtFirst" label-width="160px" size="small" :disabled="!editing">
+ <el-row :gutter="20">
+ <el-col :span="8"><el-form-item label="灏辫瘖鏃ユ湡"><el-date-picker v-model="form.mhtFirst.date" value-format="yyyy-MM-dd" class="w-md" /></el-form-item></el-col>
+ <el-col :span="8"><el-form-item label="涓昏瘔"><el-input v-model="form.mhtFirst.chiefComplaint" class="w-sm" /></el-form-item></el-col>
+ <el-col :span="8"><el-form-item label="缁濈粡骞撮檺"><el-input-number v-model="form.mhtFirst.menopauseYears" :precision="1" /></el-form-item></el-col>
+ </el-row>
+ <el-row :gutter="20">
+ <el-col :span="8"><el-form-item label="韬珮(cm)"><el-input-number v-model="form.mhtFirst.height" :precision="1" /></el-form-item></el-col>
+ <el-col :span="8"><el-form-item label="浣撻噸(kg)"><el-input-number v-model="form.mhtFirst.weight" :precision="1" /></el-form-item></el-col>
+ <el-col :span="8"><el-form-item label="BMI"><el-input-number v-model="form.mhtFirst.bmi" :precision="1" disabled /></el-form-item></el-col>
+ </el-row>
+ <el-row :gutter="20">
+ <el-col :span="8"><el-form-item label="琛�鍘�"><el-input v-model="form.mhtFirst.bloodPressure" class="w-xs" /></el-form-item></el-col>
+ <el-col :span="8"><el-form-item label="琛�绯�"><el-input-number v-model="form.mhtFirst.glucose" :precision="1" /></el-form-item></el-col>
+ <el-col :span="8"><el-form-item label="琛�鑴�"><el-input v-model="form.mhtFirst.lipid" placeholder="TC/TG/LDL/HDL" class="w-md" /></el-form-item></el-col>
+ </el-row>
+ <el-form-item label="鏃㈠線鍙�"><el-input v-model="form.mhtFirst.pastHistory" type="textarea" :rows="2" placeholder="楂樿鍘�/绯栧翱鐥�/琛�鏍�/涔宠吅鐧�/瀛愬鑲岀槫绛�" /></el-form-item>
+ <el-form-item label="濡囩妫�鏌�"><el-input v-model="form.mhtFirst.gynExam" type="textarea" :rows="2" /></el-form-item>
+ <el-form-item label="涔宠吅妫�鏌�"><el-input v-model="form.mhtFirst.breastExam" type="textarea" :rows="2" /></el-form-item>
+ <el-form-item label="杈呭姪妫�鏌�"><el-input v-model="form.mhtFirst.auxExam" type="textarea" :rows="2" placeholder="B瓒�/楠ㄥ瘑搴�/婵�绱犳按骞崇瓑" /></el-form-item>
+ <el-form-item label="MHT鏂规"><el-input v-model="form.mhtFirst.mhtPlan" type="textarea" :rows="2" placeholder="鑽墿鍚嶇О/鍓傞噺/鐢ㄦ硶/鐤楃▼" /></el-form-item>
+ <el-form-item label="鍖荤敓"><el-input v-model="form.mhtFirst.doctor" class="w-sm" /></el-form-item>
+ </el-form>
+ </el-tab-pane>
- <!-- 6. 鍖瑰吂鍫＄潯鐪犺川閲忚瘎鍒嗛噺琛�(PSQI) -->
- <el-tab-pane label="鍖瑰吂鍫＄潯鐪犺川閲忚瘎鍒嗛噺琛紙PSQI锛�" name="psqi">
- <el-form :model="form.psqi" label-width="160px" size="small" :disabled="!editing">
- <el-row :gutter="20">
- <el-col :span="8"><el-form-item label="璇勪及鏃ユ湡"><el-date-picker v-model="form.psqi.date" value-format="yyyy-MM-dd" style="width:100%" /></el-form-item></el-col>
- </el-row>
- <PSQIScoreTable v-model="form.psqi" :editing="editing" />
+ <el-tab-pane label="MHT澶嶈瘖鐥呭巻琛�" name="mhtFollow">
+ <el-form :model="form.mhtFollow" label-width="160px" size="small" :disabled="!editing">
+ <el-row :gutter="20">
+ <el-col :span="8"><el-form-item label="澶嶈瘖鏃ユ湡"><el-date-picker v-model="form.mhtFollow.date" value-format="yyyy-MM-dd" class="w-md" /></el-form-item></el-col>
+ <el-col :span="8"><el-form-item label="鐢ㄨ嵂渚濅粠鎬�"><el-select v-model="form.mhtFollow.compliance" style="width:100%"><el-option label="鑹ソ" value="鑹ソ" /><el-option label="涓�鑸�" value="涓�鑸�" /><el-option label="宸�" value="宸�" /></el-select></el-form-item></el-col>
+ </el-row>
+ <el-row :gutter="20">
+ <el-col :span="8"><el-form-item label="鐥囩姸鏀瑰杽"><el-select v-model="form.mhtFollow.symptomImprove" style="width:100%"><el-option label="鏄庢樉" value="鏄庢樉" /><el-option label="閮ㄥ垎" value="閮ㄥ垎" /><el-option label="鏃犲彉鍖�" value="鏃犲彉鍖�" /></el-select></el-form-item></el-col>
+ <el-col :span="8"><el-form-item label="涓嶈壇鍙嶅簲"><el-input v-model="form.mhtFollow.sideEffect" placeholder="濡備钩鎴胯儉鐥�/闃撮亾鍑鸿绛�" class="w-md" /></el-form-item></el-col>
+ <el-col :span="8"><el-form-item label="闃撮亾鍑鸿"><el-select v-model="form.mhtFollow.bleeding" style="width:100%"><el-option label="鏃�" value="鏃�" /><el-option label="鐐规淮" value="鐐规淮" /><el-option label="灏戦噺" value="灏戦噺" /><el-option label="涓噺" value="涓噺" /></el-select></el-form-item></el-col>
+ </el-row>
+ <el-row :gutter="20">
+ <el-col :span="8"><el-form-item label="浣撻噸(kg)"><el-input-number v-model="form.mhtFollow.weight" :precision="1" /></el-form-item></el-col>
+ <el-col :span="8"><el-form-item label="琛�鍘�"><el-input v-model="form.mhtFollow.bloodPressure" class="w-xs" /></el-form-item></el-col>
+ </el-row>
+ <el-form-item label="澶嶆煡缁撴灉"><el-input v-model="form.mhtFollow.reExamResult" type="textarea" :rows="2" placeholder="B瓒�/涔宠吅/婵�绱犵瓑妫�鏌ョ粨鏋�" /></el-form-item>
+ <el-form-item label="鏂规璋冩暣"><el-input v-model="form.mhtFollow.planAdjust" type="textarea" :rows="2" /></el-form-item>
+ <el-form-item label="涓嬫澶嶈瘖"><el-date-picker v-model="form.mhtFollow.nextVisit" value-format="yyyy-MM-dd" class="w-md" /></el-form-item>
+ <el-form-item label="鍖荤敓"><el-input v-model="form.mhtFollow.doctor" class="w-sm" /></el-form-item>
+ </el-form>
+ </el-tab-pane>
+
+ <el-tab-pane label="鏀硅壇Kupperman璇勫垎鏍囧噯琛�" name="kupperman">
+ <KuppermanScoreTable v-model="form.kupperman" :patient="patientInfo" :editing="editing" />
+ </el-tab-pane>
+
+ <el-tab-pane label="鏇村勾鏈熻瘎鍒嗛噺琛紙MRS锛�" name="mrs">
+ <MRSScoreTable v-model="form.mrs" :patient="patientInfo" :editing="editing" />
+ </el-tab-pane>
+
+ <el-tab-pane label="鍖瑰吂鍫＄潯鐪犺川閲忚瘎鍒嗛噺琛紙PSQI锛�" name="psqi">
+ <PSQIScoreTable v-model="form.psqi" :patient="patientInfo" :editing="editing" />
+ </el-tab-pane>
+ </el-tabs>
+ </el-card>
+ </template>
+ </el-tab-pane>
+
+ <!-- ===== 鏃╁瓡闅忚琛紙鐙珛 tab锛岄�変腑銆岀户缁濞犲苟鍦ㄤ骇绉戝缓妗ｃ�嶅苟纭鍚庢樉绀猴級 ===== -->
+ <el-tab-pane v-if="archive.subType === 'pregnancy' && showFollowUp" label="鏃╁瓡闅忚琛�" name="followup">
+ <el-card class="info-card" shadow="never" style="margin-top:14px">
+ <div slot="header" class="card-header"><span>鏃╁瓡闅忚琛�</span></div>
+ <el-form :model="pregForm.earlyFollow" label-width="140px" size="small" :disabled="!editing">
+ <el-row :gutter="20">
+ <el-col :span="8"><el-form-item label="濮撳悕"><el-input v-model="pregForm.earlyFollow.name" class="w-sm" /></el-form-item></el-col>
+ <el-col :span="8"><el-form-item label="骞撮緞"><el-input v-model="pregForm.earlyFollow.age" class="w-xs" /></el-form-item></el-col>
+ <el-col :span="8"><el-form-item label="灏辫瘖鍙�"><el-input v-model="pregForm.earlyFollow.visitNo" class="w-sm" /></el-form-item></el-col>
+ </el-row>
+ <el-row :gutter="20">
+ <el-col :span="8"><el-form-item label="鑱旂郴鏂瑰紡(寰俊)"><el-input v-model="pregForm.earlyFollow.wechat" class="w-sm" /></el-form-item></el-col>
+ <el-col :span="8"><el-form-item label="鎴风睄"><el-input v-model="pregForm.earlyFollow.household" class="w-sm" /></el-form-item></el-col>
+ <el-col :span="8"><el-form-item label="瀛曚骇鍙�"><el-input v-model="pregForm.earlyFollow.gravidaPara" placeholder="G_P_" class="w-xs" /></el-form-item></el-col>
+ </el-row>
+ <el-row :gutter="20">
+ <el-col :span="8"><el-form-item label="濠氬Щ鐘跺喌">
+ <el-select v-model="pregForm.earlyFollow.maritalStatus" class="w-sm">
+ <el-option label="鏈" value="鏈" /><el-option label="宸插" value="宸插" /><el-option label="涓嶈" value="涓嶈" />
+ </el-select>
+ </el-form-item></el-col>
+ <el-col :span="8"><el-form-item label="寤鸿〃鏃ユ湡"><el-date-picker v-model="pregForm.earlyFollow.buildDate" value-format="yyyy-MM-dd" class="w-md" /></el-form-item></el-col>
+ <el-col :span="8"><el-form-item label="棰勪骇鏈�"><el-date-picker v-model="pregForm.earlyFollow.edd" value-format="yyyy-MM-dd" class="w-md" /></el-form-item></el-col>
+ </el-row>
+ <el-form-item label="璁″垝娴佷骇涓昏鍘熷洜(鍙閫�)">
+ <el-checkbox-group v-model="pregForm.earlyFollow.abortionReasons">
+ <el-checkbox label="宸叉湁澶氬" /><el-checkbox label="缁忔祹鍥犵礌" /><el-checkbox label="鑽墿鏆撮湶" />
+ <el-checkbox label="鏈揪缁撳骞撮緞" /><el-checkbox label="韬綋鍥犵礌" /><el-checkbox label="瀹跺涵鏀寔涓嶈冻" />
+ <el-checkbox label="鑷韩涓嶆効鐢熻偛" /><el-checkbox label="鍏朵粬" />
+ </el-checkbox-group>
+ <el-input v-if="pregForm.earlyFollow.abortionReasons.includes('鍏朵粬')" v-model="pregForm.earlyFollow.otherReason" placeholder="鍏朵粬鍘熷洜" class="w-md" style="margin-top:8px" />
+ </el-form-item>
+ <el-form-item label="缁х画濡婂">
+ <el-radio-group v-model="pregForm.earlyFollow.continuePregnancy">
+ <el-radio label="鏄�">鏄�</el-radio><el-radio label="鍚�">鍚�</el-radio>
+ </el-radio-group>
+ </el-form-item>
+ <el-row :gutter="20">
+ <el-col :span="16"><el-form-item label="鏃╁瓡寤哄唽鍗曚綅"><el-input v-model="pregForm.earlyFollow.registrationUnit" class="w-full" /></el-form-item></el-col>
+ </el-row>
+ </el-form>
+
+ <div class="sub-section">
+ <div class="sub-title">杈呭鍐呭</div>
+ <el-table :data="pregForm.counseling" border size="small">
+ <el-table-column label="杈呭娆℃暟" width="120" align="center">
+ <template slot-scope="scope">{{ ['绗竴娆¤緟瀵�','绗簩娆¤緟瀵�','绗笁娆¤緟瀵�','绗洓娆¤緟瀵�'][scope.$index] }}</template>
+ </el-table-column>
+ <el-table-column label="杈呭鏃ユ湡" width="160" align="center">
+ <template slot-scope="scope">
+ <el-date-picker v-if="editing" v-model="scope.row.date" value-format="yyyy-MM-dd" size="small" style="width:100%" />
+ <span v-else>{{ scope.row.date || '-' }}</span>
+ </template>
+ </el-table-column>
+ <el-table-column label="杈呭鍐呭" align="center">
+ <template slot-scope="scope">
+ <el-input v-if="editing" v-model="scope.row.content" size="small" />
+ <span v-else>{{ scope.row.content || '-' }}</span>
+ </template>
+ </el-table-column>
+ <el-table-column label="杈呭浜哄憳" width="140" align="center">
+ <template slot-scope="scope">
+ <el-input v-if="editing" v-model="scope.row.person" size="small" />
+ <span v-else>{{ scope.row.person || '-' }}</span>
+ </template>
+ </el-table-column>
+ </el-table>
+ </div>
+
+ <div class="sub-section">
+ <div class="sub-title">璇勫垎琛�</div>
+ <el-form :model="pregForm.score" label-width="140px" size="small" :disabled="!editing" inline>
+ <el-form-item label="璇勫垎鎬诲垎"><el-input-number v-model="pregForm.score.total" :controls="false" style="width:140px" /></el-form-item>
+ <el-form-item label="璇勪及缁撴灉"><el-input v-model="pregForm.score.result" class="w-lg" /></el-form-item>
</el-form>
- </el-tab-pane>
- </el-tabs>
- </el-card>
- </template>
+ </div>
+ </el-card>
+ </el-tab-pane>
+
+ <el-tab-pane label="鏈嶅姟璁板綍" name="service">
+ <ServiceRecords :patid="archive.patid" />
+ </el-tab-pane>
+ </el-tabs>
</template>
<div v-else class="empty-wrap">妗ｆ涓嶅瓨鍦ㄦ垨宸插垹闄�</div>
</div>
@@ -257,73 +361,379 @@
<script>
import InfoField from "../childHealth/InfoField.vue";
+import EditableTable from "../components/EditableTable.vue";
+import ServiceRecords from "../components/ServiceRecords.vue";
import KuppermanScoreTable from "./KuppermanScoreTable.vue";
import MRSScoreTable from "./MRSScoreTable.vue";
import PSQIScoreTable from "./PSQIScoreTable.vue";
+import { getArchive, saveArchive, closeArchive, calcAge } from "../apiAdapter";
+
+const PREGNANCY_OPTIONS = {
+ planBirth: { label: "棣栬瘖鎷熺敓鑲�", details: ["鍏堝厗娴佷骇"], hints: ["鍖诲澶勭疆鍚庣户缁濞犲苟鍦ㄤ骇绉戝缓妗�"] },
+ earlyAbnormal: { label: "棣栬瘖鏃╁瓡寮傚父", details: ["鑷劧娴佷骇", "鑳氳儙鍋滆偛"], hints: ["涓哄コ鎬у啀娆″濞犳彁渚涘瀛曟寚瀵�"] },
+ planAbortion: { label: "棣栬瘖鎷熶汉宸ユ祦浜�", details: ["鑽墿娴佷骇", "鎵嬫湳娴佷骇"], hints: ["缁忓挩璇㈡寚瀵煎悗缁х画濡婂骞跺湪浜х寤烘。"] },
+};
+
+// 濡婂鎯呭喌-鍏蜂綋鎯呭喌鍏ㄩ噺閫夐」锛堜笉鍐嶉殢濡婂鎯呭喌鍙樺寲锛�
+const PREGNANCY_DETAIL_OPTIONS = ["鍏堝厗娴佷骇", "鑷劧娴佷骇", "鑳氳儙鍋滆偛", "鑽墿娴佷骇", "鎵嬫湳娴佷骇"];
+
+// 鍏蜂綋鎯呭喌 鈫� 澶勭悊寤鸿 鏄犲皠锛堝鐞嗗缓璁彲閫夐」闅忔墍閫夊叿浣撴儏鍐靛彉鍔級
+const PREGNANCY_DETAIL_HINTS = {
+ "鍏堝厗娴佷骇": ["鍖诲澶勭疆鍚庣户缁濞犲苟鍦ㄤ骇绉戝缓妗�"],
+ "鑷劧娴佷骇": ["涓哄コ鎬у啀娆″濞犳彁渚涘瀛曟寚瀵�"],
+ "鑳氳儙鍋滆偛": ["涓哄コ鎬у啀娆″濞犳彁渚涘瀛曟寚瀵�"],
+ "鑽墿娴佷骇": ["缁忓挩璇㈡寚瀵煎悗缁х画濡婂骞跺湪浜х寤烘。"],
+ "鎵嬫湳娴佷骇": ["缁忓挩璇㈡寚瀵煎悗缁х画濡婂骞跺湪浜х寤烘。"],
+};
+
+// 鏄惁寤哄唽=鍚� 鏃剁殑鏈缓鍐屽師鍥狅紙鍙閫夛紝鏈�鍚庝竴椤光�滃叾浠栫壒娈婂洜绱犫�濆彲琛ュ厖杈撳叆锛�
+const UNREGISTERED_REASONS = [
+ "鎷熺粓姝㈠濞狅紝涓嶅缓鍐�",
+ "濡婂寮傚父锛氳儦鑳庡仠鑲层�佸紓浣嶅濞犮�侀毦鍏嶆祦浜с�佽嚜鐒舵祦浜�",
+ "鍏堝厗娴佷骇锛岀梾鎯呬笉绋冲畾锛屾殏缂撳缓鍐�",
+ "鍚堝苟鍐呭绉戝熀纭�鐤剧梾锛岃瘎浼版殏涓嶅疁缁х画濡婂",
+ "鎮ｈ�呬釜浜哄強瀹跺涵鍥犵礌锛屾殏涓嶅缓鍐�",
+ "妗ｆ涓庡氨璇婃祦杞洜绱狅細宸插湪澶栭櫌寤哄唽鎴栬姹傚洖灞炲湴绠¤緰鍦板缓鍐�",
+ "鍏朵粬鐗规畩鍥犵礌",
+];
export default {
name: "MaternalHealthArchiveDetail",
- components: { InfoField, KuppermanScoreTable, MRSScoreTable, PSQIScoreTable },
+ components: { InfoField, EditableTable, ServiceRecords, KuppermanScoreTable, MRSScoreTable, PSQIScoreTable },
data() {
return {
- loading: false, archive: null, editing: false, activeTab: "sysQ",
+ PREGNANCY_OPTIONS, PREGNANCY_DETAIL_OPTIONS, PREGNANCY_DETAIL_HINTS, UNREGISTERED_REASONS,
+ loading: false, archive: null, editing: true, activeTab: "sysQ", mainTab: "detail",
+ followupColumns: [
+ { prop: "seq", label: "搴忓彿", width: 60 },
+ { prop: "planDate", label: "鎷熼殢璁挎棩鏈�", width: 180, type: "date" },
+ // 鏂板涓�琛屾椂鐘跺喌榛樿銆屾湭瀹屾垚銆嶏紝搴忓彿鐢� EditableTable 鐨� auto-seq 鑷姩濉厖
+ { prop: "status", label: "鐘跺喌", width: 130, type: "select", options: ["宸插畬鎴�", "鏈畬鎴�"], default: "鏈畬鎴�" },
+ { prop: "method", label: "闅忚鏂瑰紡", width: 110 },
+ { prop: "situation", label: "闅忚鎯呭喌", minWidth: 160 },
+ { prop: "followDate", label: "闅忚鏃ユ湡", width: 130, type: "date" },
+ { prop: "staff", label: "闅忚浜哄憳", width: 110 },
+ ],
+ pregForm: {
+ firstVisit: { visitNo: "", selfPhone: "", wardName: "", contactPhone: "", idcardno: "", address: "", diagname: "", firstDoctor: "", lmp: "" },
+ pregnancy: { status: "", details: [], hint: [] },
+ earlyFollow: { name: "", age: "", visitNo: "", wechat: "", household: "", gravidaPara: "", maritalStatus: "", buildDate: "", abortionReasons: [], otherReason: "", continuePregnancy: "", edd: "", registrationUnit: "" },
+ counseling: [
+ { date: "", content: "", person: "" }, { date: "", content: "", person: "" },
+ { date: "", content: "", person: "" }, { date: "", content: "", person: "" },
+ ],
+ score: { total: null, result: "" },
+ registration: { isRegistered: "", unregisteredReasons: [], unregisteredReasonOther: "", edd: "", recorder: "" },
+ followupCycle: [],
+ showFollowUp: false,
+ },
form: {
- pregSysQ: { date:"", gestWeek:null, weight:null, bloodPressure:"", fundalHeight:null, fetalHeart:null, edema:"鏃�", urineProtein:"-", symptoms:"", advice:"", nextVisit:"", doctor:"" },
- pregFirst: { regDate:"", husbandName:"", husbandPhone:"", lmp:"", edd:"", gp:"", csHistory:0, abortionHistory:0, diseaseHistory:"", height:null, preWeight:null, riskAssessment:"", doctor:"" },
- pregEarly: { date:"", gestWeek:null, morningSickness:"鏃�", bleeding:"鏃�", abdominalPain:"鏃�", bloodRoutine:"", urineRoutine:"", ultrasound:"", folicAcid:"瑙勫緥鏈嶇敤", advice:"", doctor:"" },
menoSysQ: { date:"", age:null, menstruation:"", lmp:"", menopauseAge:null, hotFlash:0, insomnia:0, mood:0, fatigue:0, jointPain:0, palpitation:0, dryness:0, libido:0, otherSymptoms:"", advice:"", doctor:"" },
mhtFirst: { date:"", chiefComplaint:"", menopauseYears:null, height:null, weight:null, bmi:null, bloodPressure:"", glucose:null, lipid:"", pastHistory:"", gynExam:"", breastExam:"", auxExam:"", mhtPlan:"", doctor:"" },
mhtFollow: { date:"", compliance:"鑹ソ", symptomImprove:"閮ㄥ垎", sideEffect:"", bleeding:"鏃�", weight:null, bloodPressure:"", reExamResult:"", planAdjust:"", nextVisit:"", doctor:"" },
- kupperman: { date:"", 娼儹鍑烘睏:0,鎰熻寮傚父:0,澶辩湢:0,鎯呯华娉㈠姩:0,鎶戦儊:0,鐪╂檿:0,鐤蹭箯:0,鍏宠妭鐥�:0,澶寸棝:0,蹇冩偢:0,鐨偆铓佽蛋鎰�:0,鎬х敓娲�:0,娉屽翱绯绘劅鏌�:0 },
- mrs: { date:"" },
- psqi: { date:"" },
+ kupperman: { date:"", evaluator:"", kup_0:0,kup_1:0,kup_2:0,kup_3:0,kup_4:0,kup_5:0,kup_6:0,kup_7:0,kup_8:0,kup_9:0,kup_10:0,kup_11:0,kup_12:0 },
+ mrs: { date:"", evaluator:"", mrs_0:0,mrs_1:0,mrs_2:0,mrs_3:0,mrs_4:0,mrs_5:0,mrs_6:0,mrs_7:0,mrs_8:0,mrs_9:0,mrs_10:0 },
+ psqi: { date:"", evaluator:"", q1BedTime:"", q2Latency:0, q3WakeTime:"", q4Hours:null, q5a:0,q5b:0,q5c:0,q5d:0,q5e:0,q5f:0,q5g:0,q5h:0,q5i:0,q5j:0, q6Quality:0, q7Medication:0, q8Sleepy:0, q9Energy:0 },
},
};
},
computed: {
sourceLabel() { const m={standalone:"鐙珛寤烘。",outpatient:"闂ㄨ瘖璁板綍",inpatient:"鍦ㄩ櫌璁板綍"}; return m[this.archive?.sourcePage]||this.archive?.sourcePage||"-"; },
- menstrualLabel() { const m={irregular:"鏈堢粡绱婁贡",amenorrhea_short:"闂粡锛�<12涓湀锛�",menopause:"缁濈粡锛堚墺12涓湀锛�",surgical:"浜哄伐缁濈粡"}; return m[this.archive?.archiveForm?.menstrualStatus]||"-"; },
+ // 閲忚〃绾歌川琛ㄨ〃澶存墍鐢ㄧ殑鎮ｈ�呭熀鏈俊鎭�
+ patientInfo() {
+ const a = this.archive || {};
+ return {
+ name: a.patname || "",
+ // 涓庨」鐩粺涓�绾﹀畾涓�鑷达細sex == 1 涓虹敺锛屽叾浣欎负濂�
+ sex: a.sex === undefined || a.sex === null || a.sex === "" ? "" : a.sex == 1 ? "鐢�" : "濂�",
+ age: a.age || "",
+ dept: a.deptname || "",
+ diagnosis: a.diagname || "",
+ };
+ },
+ pregnancyHintOptions() {
+ // 澶勭悊寤鸿鍙�夐」闅忔墍閫夈�屽叿浣撴儏鍐点�嶅彉鍔�
+ const set = {};
+ (this.pregForm.pregnancy.details || []).forEach((d) => {
+ (PREGNANCY_DETAIL_HINTS[d] || []).forEach((h) => { set[h] = true; });
+ });
+ return Object.keys(set);
+ },
+ showFollowUp() {
+ return !!this.pregForm.showFollowUp;
+ },
+ },
+ watch: {
+ // 韬唤璇佸彿濉畬鏁村悗锛岃嚜鍔ㄦ妸鍑虹敓鏃ユ湡涓庡勾榫勮ˉ涓婏紙鍙ˉ绌哄瓧娈碉級
+ "archive.idcardno"(val) { this.fillBirthdayFromIdcard(val); },
+ "pregForm.firstVisit.idcardno"(val) { this.fillBirthdayFromIdcard(val); },
},
created() {
const id = this.$route.query.id;
- if (id) this.loadArchive(id);
+ const typeKey = this.$route.query.type;
+ // detailId锛氳鎯呰〃涓婚敭銆傚悗绔垪琛ㄦ帴鍙ｆ殏鏈繑鍥烇紝鍏堟寜璺敱鍙傛暟閫忎紶锛屾湭鏉ュ彲鐩存帴鎷间笂
+ if (id) this.loadArchive(id, typeKey, this.$route.query.edit == 1, this.$route.query.detailId);
},
methods: {
- loadArchive(id) {
- this.loading = true;
- const all = JSON.parse(localStorage.getItem("patientArchives") || "[]");
- this.archive = all.find(item => item.id === id) || null;
- if (this.archive) {
- if (this.archive.subType === 'pregnancy') this.activeTab = "sysQ";
- else if (this.archive.subType === 'menopause') this.activeTab = "sysQ";
- if (this.archive.formData) {
- Object.keys(this.form).forEach(k => {
- if (this.archive.formData[k]) Object.assign(this.form[k], this.archive.formData[k]);
- });
- }
+ /**
+ * 浠庤韩浠借瘉鍙疯В鏋愬嚭鐢熸棩鏈� yyyy-MM-dd
+ * 18 浣嶏細绗� 7-14 浣嶆槸 yyyyMMdd锛�15 浣嶈�佽韩浠借瘉锛氱 7-12 浣嶆槸 yyMMdd锛屽墠闈㈣ˉ 19
+ * 鏍煎紡涓嶅鎴栨棩鏈熶笉瀛樺湪锛堝 20260231锛夎繑鍥炵┖
+ */
+ parseIdcardBirth(id) {
+ if (!id) return "";
+ const s = String(id).trim().toUpperCase();
+ let y, m, d;
+ if (/^\d{17}[\dX]$/.test(s)) {
+ y = s.substring(6, 10); m = s.substring(10, 12); d = s.substring(12, 14);
+ } else if (/^\d{15}$/.test(s)) {
+ y = "19" + s.substring(6, 8); m = s.substring(8, 10); d = s.substring(10, 12);
+ } else {
+ return "";
}
- this.loading = false;
+ const pad = (n) => String(n).padStart(2, "0");
+ const dt = new Date(Number(y), Number(m) - 1, Number(d));
+ if (isNaN(dt.getTime())) return "";
+ // 鎷掔粷 2 鏈� 31 鏃ヨ繖绫讳笉瀛樺湪鐨勬棩鏈�
+ if (dt.getFullYear() !== Number(y) || pad(dt.getMonth() + 1) !== m || pad(dt.getDate()) !== d) return "";
+ return y + "-" + m + "-" + d;
+ },
+ /** 韬唤璇佸悎娉曟椂琛ラ綈鍑虹敓鏃ユ湡涓庡勾榫勶紝宸茬粡鏈夊�肩殑瀛楁涓嶅姩 */
+ fillBirthdayFromIdcard(id) {
+ if (!this.archive) return;
+ const birth = this.parseIdcardBirth(id);
+ if (!birth) return;
+ if (!this.archive.birthday) this.archive.birthday = birth;
+ if (!this.archive.age) this.archive.age = calcAge(birth);
+ },
+ loadArchive(id, typeKey, autoEdit, detailId) {
+ this.loading = true;
+ getArchive(typeKey, id, detailId)
+ .then((archive) => {
+ this.archive = archive || null;
+ if (this.archive) {
+ if (this.archive.subType === "pregnancy") {
+ if (this.archive.pregFormData) {
+ const saved = JSON.parse(JSON.stringify(this.archive.pregFormData));
+ this.pregForm = Object.assign({}, this.pregForm, saved);
+ if (!this.pregForm.pregnancy) this.pregForm.pregnancy = { status: "", details: [], hint: [] };
+ if (!this.pregForm.registration) this.pregForm.registration = { isRegistered: "", unregisteredReasons: [], unregisteredReasonOther: "", edd: "", recorder: "" };
+ if (!Array.isArray(this.pregForm.registration.unregisteredReasons)) this.pregForm.registration.unregisteredReasons = [];
+ // 鏈鏈堢粡锛氫粠鐥呭巻/妗ｆ鑷姩鎶撳彇锛屽苟鑷姩璁＄畻棰勪骇鏈�
+ if (!this.pregForm.firstVisit.lmp && this.archive.lmp) {
+ this.pregForm.firstVisit.lmp = this.archive.lmp;
+ if (!this.pregForm.registration.edd) this.pregForm.registration.edd = this.calcEdd(this.archive.lmp);
+ }
+ if (!saved.hasOwnProperty("showFollowUp")) {
+ // 鍏煎鏃ф暟鎹細宸叉湁鏃╁瓡闅忚琛ㄥ唴瀹瑰垯榛樿鏄剧ず
+ const ef = saved.earlyFollow || {};
+ this.pregForm.showFollowUp = !!(ef.name || ef.visitNo || ef.buildDate || ef.edd);
+ }
+ }
+ } else if (this.archive.subType === "menopause") {
+ if (this.archive.formData) {
+ Object.keys(this.form).forEach((k) => {
+ if (this.archive.formData[k]) Object.assign(this.form[k], this.archive.formData[k]);
+ });
+ }
+ }
+ }
+ if (autoEdit) this.editing = true;
+ })
+ .catch(() => { this.archive = null; })
+ .finally(() => { this.loading = false; });
+ },
+ onPregnancyStatusChange() {
+ const opt = PREGNANCY_OPTIONS[this.pregForm.pregnancy.status];
+ if (this.archive) this.archive.pregnancyStatus = opt ? opt.label : "";
+ },
+ onDetailsChange() {
+ // 澶勭悊寤鸿闅忓叿浣撴儏鍐靛彉鍔紝鍓旈櫎宸蹭笉鍐嶉�傜敤鐨勫凡閫夐」
+ const valid = this.pregnancyHintOptions;
+ this.pregForm.pregnancy.hint = (this.pregForm.pregnancy.hint || []).filter((h) => valid.includes(h));
+ },
+ calcEdd(lmp) {
+ if (!lmp) return "";
+ const d = new Date(String(lmp).replace(/-/g, "/"));
+ if (isNaN(d.getTime())) return "";
+ const m = d.getMonth() + 1; // 1-12
+ let y = d.getFullYear();
+ // 鏈鏈堢粡锛氭湀浠�>3 鍑�3锛堣法骞达級锛屸墹3 鍔�9锛涙棩鏈�+7
+ const eddMonth = m > 3 ? m - 3 : m + 9;
+ if (m > 3) y += 1;
+ const edd = new Date(y, eddMonth - 1, d.getDate() + 7);
+ const pad = (n) => String(n).padStart(2, "0");
+ return edd.getFullYear() + "-" + pad(edd.getMonth() + 1) + "-" + pad(edd.getDate());
+ },
+ onLmpChange(val) {
+ this.pregForm.registration.edd = this.calcEdd(val);
+ },
+ hasFollowupHint(hints) {
+ return (hints || []).some((h) => h && h.indexOf("缁х画濡婂骞跺湪浜х寤烘。") > -1);
+ },
+ onHintChange(val) {
+ if (this.hasFollowupHint(val) && !this.pregForm.showFollowUp) {
+ this.$modal.confirm("鏄惁鍒涘缓鏃╁瓡闅忚琛紵").then(() => {
+ this.pregForm.showFollowUp = true;
+ // 鏂板缓闅忚琛ㄦ椂鎶婃。妗堥噷宸叉湁鐨勫熀纭�淇℃伅甯﹁繃鏉ワ紝閬垮厤閲嶅褰曞叆
+ this.fillEarlyFollowDefaults();
+ this.$message.success("宸插垱寤烘棭瀛曢殢璁胯〃");
+ }).catch(() => {});
+ }
+ },
+ /**
+ * 鐢ㄦ。妗堜俊鎭濉棭瀛曢殢璁胯〃鐨勫熀纭�瀛楁
+ * 鍙～绌哄瓧娈碉紝涓嶈鐩栫敤鎴峰凡缁忓～杩囩殑鍐呭
+ */
+ fillEarlyFollowDefaults() {
+ const a = this.archive || {};
+ if (!this.pregForm.earlyFollow) {
+ this.pregForm.earlyFollow = { name: "", age: "", visitNo: "", wechat: "", household: "", gravidaPara: "", maritalStatus: "", buildDate: "", abortionReasons: [], otherReason: "", continuePregnancy: "", edd: "", registrationUnit: "" };
+ }
+ const ef = this.pregForm.earlyFollow;
+ const put = (key, val) => {
+ if (val === undefined || val === null || val === "") return;
+ if (ef[key] === undefined || ef[key] === null || ef[key] === "") ef[key] = val;
+ };
+ put("name", a.patname); // 濮撳悕
+ put("age", a.age); // 骞撮緞锛堢敱鍑虹敓鏃ユ湡鎺ㄧ畻锛�
+ put("visitNo", a.outhospno || a.serialnum); // 灏辫瘖鍙凤紙闂ㄨ瘖鍙� / 娴佹按鍙凤級
+ put("edd", this.pregForm.registration && this.pregForm.registration.edd); // 棰勪骇鏈燂紙妗ｆ閲屽凡鎸夋湯娆℃湀缁忕畻濂斤級
+ put("buildDate", this.todayStr()); // 寤鸿〃鏃ユ湡榛樿浠婂ぉ
+ },
+ /** 浠婂ぉ yyyy-MM-dd */
+ todayStr() {
+ const d = new Date();
+ const pad = (n) => String(n).padStart(2, "0");
+ return d.getFullYear() + "-" + pad(d.getMonth() + 1) + "-" + pad(d.getDate());
},
toggleEdit() {
if (this.editing) {
- this.archive.formData = JSON.parse(JSON.stringify(this.form));
- this.archive.updateTime = new Date().toISOString().replace("T"," ").substring(0,19);
- const all = JSON.parse(localStorage.getItem("patientArchives") || "[]");
- const idx = all.findIndex(item => item.id === this.archive.id);
- if (idx >= 0) all[idx] = JSON.parse(JSON.stringify(this.archive));
- localStorage.setItem("patientArchives", JSON.stringify(all));
- this.$message.success("淇濆瓨鎴愬姛");
+ // 鍏堟妸椤甸潰琛ㄥ崟鍥炲～鍒版。妗堝璞★紝鍐嶆暣浣撴彁浜�
+ if (this.archive.subType === "pregnancy") this.archive.pregFormData = JSON.parse(JSON.stringify(this.pregForm));
+ if (this.archive.subType === "menopause") this.archive.formData = JSON.parse(JSON.stringify(this.form));
+ this.loading = true;
+ saveArchive(this.archive)
+ .then(() => {
+ this.$message.success("淇濆瓨鎴愬姛");
+ this.editing = false;
+ })
+ .catch(() => {})
+ .finally(() => { this.loading = false; });
+ return;
}
- this.editing = !this.editing;
+ this.editing = true;
+ },
+ handleCloseCase() {
+ this.$modal.confirm("纭灏嗚妗ｆ缁撴锛熺粨妗堝悗鍙湪鍒楄〃椤垫煡鐪嬬粨妗堢姸鎬併��").then(() => {
+ this.loading = true;
+ return closeArchive(this.archive)
+ .then(() => {
+ this.archive.closeStatus = 1;
+ this.$message.success("宸茬粨妗�");
+ })
+ .catch(() => {})
+ .finally(() => { this.loading = false; });
+ }).catch(() => {});
},
},
};
</script>
<style lang="scss" scoped>
+$primary: #3f6ef0;
+
+// 杈撳叆妗嗗搴︼紙鎸夊瓧娈甸暱鐭尯鍒嗭級
+.w-xs { width: 90px; }
+.w-sm { width: 150px; }
+.w-md { width: 200px; }
+.w-lg { width: 280px; }
+.w-full { width: 100%; }
+
.action-bar { margin-bottom: 16px; }
.info-card { margin-bottom: 0; }
.card-header { display: flex; justify-content: space-between; align-items: center; font-size: 16px; font-weight: 600; }
.header-sub { font-size: 13px; color: #909399; font-weight: normal; }
+.page-title {
+ margin: 0 0 14px;
+ padding-left: 12px;
+ font-size: 17px;
+ font-weight: 600;
+ color: #303133;
+ border-left: 4px solid $primary;
+}
.empty-wrap { text-align: center; padding: 100px 0; color: #c0c4cc; font-size: 16px; }
+
+// 钃濊壊鍒嗗壊绾� + 灏忔爣棰�
+.sub-section {
+ & + .sub-section {
+ margin-top: 24px;
+ }
+}
+.sub-title {
+ position: relative;
+ padding-left: 12px;
+ margin-bottom: 16px;
+ font-size: 15px;
+ font-weight: 600;
+ color: #303133;
+ line-height: 1.2;
+
+ &::before {
+ content: "";
+ position: absolute;
+ left: 0;
+ top: 1px;
+ bottom: 1px;
+ width: 3px;
+ border-radius: 2px;
+ background: $primary;
+ }
+
+ &::after {
+ content: "";
+ position: absolute;
+ left: 0;
+ right: 0;
+ bottom: -7px;
+ border-bottom: 1px solid #dbe5ff;
+ }
+}
+
+// 濡婂鎯呭喌 涓夌骇鍕鹃��
+.preg-cascade {
+ .cascade-col {
+ padding: 14px 16px;
+ min-height: 120px;
+ border: 1px solid #e6ecfb;
+ border-radius: 8px;
+ background: #fafbff;
+
+ .el-radio-group,
+ .el-checkbox-group {
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+
+ .el-radio,
+ .el-checkbox {
+ margin-right: 0;
+ margin-bottom: 8px;
+ }
+ }
+ }
+
+ .cascade-label {
+ margin-bottom: 10px;
+ font-size: 13px;
+ font-weight: 600;
+ color: $primary;
+ }
+
+ .cascade-empty {
+ padding: 10px 0;
+ font-size: 12px;
+ color: #c0c4cc;
+ }
+}
</style>
--
Gitblit v1.9.3