Compare commits
32 Commits
bug464-fix
...
ed431aa2ad
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
ed431aa2ad | ||
|
|
d4ea9a474a | ||
|
|
525c5f4725 | ||
| 0a2b709224 | |||
|
|
41bdfb13b8 | ||
|
|
4a03088ca0 | ||
|
|
2725c0fa26 | ||
|
|
1e54ba8b1f | ||
|
|
9ff9ce4fd2 | ||
|
|
1983d1fa58 | ||
|
|
d4b50a1ef4 | ||
|
|
5aa6c2985c | ||
|
|
ec1df8af81 | ||
|
|
bc49691e03 | ||
|
|
713892d17a | ||
|
|
5a3ce5df7d | ||
|
|
a26e3573b9 | ||
|
|
0cb616f843 | ||
|
|
e5152e7ea9 | ||
|
|
7448adae3a | ||
|
|
74e0d7f440 | ||
|
|
c7477707da | ||
|
|
9c18442274 | ||
|
|
6fa32c6116 | ||
|
|
d3a04062dd | ||
|
|
7caac9e9a1 | ||
|
|
e43ca4254b | ||
|
|
c954596625 | ||
|
|
3e5db107fb | ||
|
|
26cf16067b | ||
|
|
6648cd2e50 | ||
|
|
f1a5b17a83 |
@@ -85,13 +85,18 @@ public class SysDictTypeServiceImpl implements ISysDictTypeService {
|
|||||||
String trimmedKey = searchKey.trim();
|
String trimmedKey = searchKey.trim();
|
||||||
return dictDataMapper.selectDictDataByTypeWithSearch(dictType, trimmedKey);
|
return dictDataMapper.selectDictDataByTypeWithSearch(dictType, trimmedKey);
|
||||||
}
|
}
|
||||||
|
|
||||||
// 直接查询数据库,避免缓存中为空数据导致前端下拉框显示"无数据"
|
// 否则使用原有方法(带缓存)
|
||||||
List<SysDictData> dictDatas = dictDataMapper.selectDictDataByType(dictType);
|
List<SysDictData> dictDatas = DictUtils.getDictCache(dictType);
|
||||||
|
if (StringUtils.isNotEmpty(dictDatas)) {
|
||||||
|
return dictDatas;
|
||||||
|
}
|
||||||
|
dictDatas = dictDataMapper.selectDictDataByType(dictType);
|
||||||
if (StringUtils.isNotEmpty(dictDatas)) {
|
if (StringUtils.isNotEmpty(dictDatas)) {
|
||||||
DictUtils.setDictCache(dictType, dictDatas);
|
DictUtils.setDictCache(dictType, dictDatas);
|
||||||
|
return dictDatas;
|
||||||
}
|
}
|
||||||
return dictDatas;
|
return null;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
|||||||
@@ -17,6 +17,7 @@ import java.time.LocalDate;
|
|||||||
* @date 2026-01-28
|
* @date 2026-01-28
|
||||||
*/
|
*/
|
||||||
@Data
|
@Data
|
||||||
|
@Accessors(chain = true)
|
||||||
@EqualsAndHashCode(callSuper = true)
|
@EqualsAndHashCode(callSuper = true)
|
||||||
public class OpScheduleDto extends OpSchedule {
|
public class OpScheduleDto extends OpSchedule {
|
||||||
|
|
||||||
|
|||||||
@@ -473,12 +473,15 @@ function calculateTotalPrice() {
|
|||||||
}
|
}
|
||||||
});
|
});
|
||||||
totalPrice.value = sum.toFixed(2);
|
totalPrice.value = sum.toFixed(2);
|
||||||
// Bug #464: 零售价与诊疗子项合计总价实时同步,直接赋值不使用nextTick避免多调用方竞争
|
// Bug #464: 零售价与诊疗子项合计总价实时同步
|
||||||
const hasValidItem = treatmentItems.value.some(
|
const hasValidItem = treatmentItems.value.some(
|
||||||
(item) => item.adviceDefinitionId && item.adviceDefinitionId !== ''
|
(item) => item.adviceDefinitionId && item.adviceDefinitionId !== ''
|
||||||
);
|
);
|
||||||
if (hasValidItem) {
|
if (hasValidItem) {
|
||||||
form.value.retailPrice = parseFloat(totalPrice.value) || 0;
|
// 使用 nextTick 确保总价更新后零售价才更新,避免 Vue 响应式时序问题
|
||||||
|
nextTick(() => {
|
||||||
|
form.value.retailPrice = parseFloat(totalPrice.value) || 0;
|
||||||
|
});
|
||||||
} else {
|
} else {
|
||||||
form.value.retailPrice = undefined;
|
form.value.retailPrice = undefined;
|
||||||
}
|
}
|
||||||
@@ -760,7 +763,10 @@ function selectRow(row, index) {
|
|||||||
treatmentItems.value[index].adviceDefinitionId = row.id;
|
treatmentItems.value[index].adviceDefinitionId = row.id;
|
||||||
treatmentItems.value[index].retailPrice = row.retailPrice || 0;
|
treatmentItems.value[index].retailPrice = row.retailPrice || 0;
|
||||||
medicineSearchKey.value = '';
|
medicineSearchKey.value = '';
|
||||||
calculateTotalPrice();
|
// 使用 nextTick 确保 DOM 更新后再计算总价
|
||||||
|
nextTick(() => {
|
||||||
|
calculateTotalPrice();
|
||||||
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
// 清空诊疗子项
|
// 清空诊疗子项
|
||||||
|
|||||||
@@ -56,6 +56,13 @@
|
|||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column label="申请单号" prop="applyNo" min-width="160" align="center" header-align="center" />
|
<el-table-column label="申请单号" prop="applyNo" min-width="160" align="center" header-align="center" />
|
||||||
|
<el-table-column label="单据状态" prop="applyStatus" width="100" align="center" header-align="center">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-tag :type="getStatusType(scope.row.applyStatus)" size="small">
|
||||||
|
{{ getStatusLabel(scope.row.applyStatus, scope.row) }}
|
||||||
|
</el-tag>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
<el-table-column label="检验项目" prop="itemName" min-width="170px" align="center" header-align="center">
|
<el-table-column label="检验项目" prop="itemName" min-width="170px" align="center" header-align="center">
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<span>{{ scope.row.itemName }}</span>
|
<span>{{ scope.row.itemName }}</span>
|
||||||
@@ -1445,6 +1452,26 @@ const formatAmount = (amount) => {
|
|||||||
return num.toFixed(2)
|
return num.toFixed(2)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// 单据状态标签文字
|
||||||
|
const getStatusLabel = (applyStatus, row) => {
|
||||||
|
// applyStatus: 0=待开立, 1=已开立(已签发)
|
||||||
|
// 结合收费/执行标记推导更丰富的状态
|
||||||
|
if (applyStatus === 1) {
|
||||||
|
// 已收费后根据执行标记判断
|
||||||
|
if (row.needExecute === true) {
|
||||||
|
return '已执行'
|
||||||
|
}
|
||||||
|
return '已开立'
|
||||||
|
}
|
||||||
|
return '待开立'
|
||||||
|
}
|
||||||
|
|
||||||
|
// 单据状态标签颜色
|
||||||
|
const getStatusType = (applyStatus) => {
|
||||||
|
if (applyStatus === 1) return 'success'
|
||||||
|
return 'info'
|
||||||
|
}
|
||||||
|
|
||||||
// 格式化日期时间为字符串 YYYY-MM-DD HH:mm:ss
|
// 格式化日期时间为字符串 YYYY-MM-DD HH:mm:ss
|
||||||
const formatDateTime = (date) => {
|
const formatDateTime = (date) => {
|
||||||
if (!date) return ''
|
if (!date) return ''
|
||||||
|
|||||||
@@ -5,25 +5,36 @@
|
|||||||
-->
|
-->
|
||||||
<template>
|
<template>
|
||||||
<div class="medicalExaminations-container">
|
<div class="medicalExaminations-container">
|
||||||
<!-- 主体内容 -->
|
<!-- 顶部标题栏 -->
|
||||||
<div class="form-body">
|
<div class="form-header">
|
||||||
<!-- 右上角:紧急程度 -->
|
<div class="header-left">
|
||||||
<div class="urgency-bar">
|
<el-icon class="header-icon"><Files /></el-icon>
|
||||||
<span class="urgency-bar-label">紧急程度:</span>
|
<span class="header-title">检查申请单</span>
|
||||||
<el-radio-group v-model="form.urgencyLevel" @change="handleUrgencyChange" size="small">
|
</div>
|
||||||
|
<div class="header-right">
|
||||||
|
<span class="urgency-label">紧急程度</span>
|
||||||
|
<el-radio-group v-model="form.urgencyLevel" @change="handleUrgencyChange" class="urgency-radio-group">
|
||||||
<el-radio-button label="routine">普通</el-radio-button>
|
<el-radio-button label="routine">普通</el-radio-button>
|
||||||
<el-radio-button label="emergency">急诊</el-radio-button>
|
<el-radio-button label="emergency">急诊</el-radio-button>
|
||||||
</el-radio-group>
|
</el-radio-group>
|
||||||
<transition name="el-fade-in-linear">
|
<transition name="el-fade-in-linear">
|
||||||
<span v-if="form.urgencyLevel === 'emergency'" class="emergency-tip-inline">
|
<span v-if="form.urgencyLevel === 'emergency'" class="emergency-tip">
|
||||||
<el-icon><WarningFilled /></el-icon>
|
<el-icon><WarningFilled /></el-icon>
|
||||||
绿色通道
|
急诊单将进入绿色通道
|
||||||
</span>
|
</span>
|
||||||
</transition>
|
</transition>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 主体内容区 -->
|
||||||
|
<div class="form-body">
|
||||||
<!-- 选择检查项目 -->
|
<!-- 选择检查项目 -->
|
||||||
<div class="section-card">
|
<div class="section-card">
|
||||||
<div class="transfer-wrapper">
|
<div class="section-header">
|
||||||
|
<el-icon><Document /></el-icon>
|
||||||
|
<span>选择检查项目</span>
|
||||||
|
</div>
|
||||||
|
<div v-loading="loading" class="transfer-wrapper">
|
||||||
<el-transfer
|
<el-transfer
|
||||||
v-model="transferValue"
|
v-model="transferValue"
|
||||||
:data="applicationList"
|
:data="applicationList"
|
||||||
@@ -34,150 +45,165 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<el-form :model="form" :rules="rules" ref="formRef" label-position="top" class="info-form">
|
<!-- 申请信息 -->
|
||||||
<!-- 第一行:发往科室 + 紧急程度 + 期望检查时间 -->
|
<div class="section-card">
|
||||||
<el-row :gutter="16">
|
<div class="section-header">
|
||||||
<el-col :span="8">
|
<el-icon><EditPen /></el-icon>
|
||||||
<el-form-item label="发往科室" prop="targetDepartment">
|
<span>申请信息</span>
|
||||||
<el-tree-select
|
</div>
|
||||||
clearable
|
|
||||||
style="width: 100%"
|
|
||||||
v-model="form.targetDepartment"
|
|
||||||
filterable
|
|
||||||
:data="orgOptions"
|
|
||||||
:props="{ value: 'id', label: 'name', children: 'children' }"
|
|
||||||
value-key="id"
|
|
||||||
check-strictly
|
|
||||||
placeholder="请选择执行科室"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item label="期望检查时间">
|
|
||||||
<el-date-picker
|
|
||||||
v-model="form.expectedExaminationTime"
|
|
||||||
type="datetime"
|
|
||||||
placeholder="默认当前时间"
|
|
||||||
style="width: 100%"
|
|
||||||
value-format="YYYY-MM-DD HH:mm:ss"
|
|
||||||
format="YYYY-MM-DD HH:mm"
|
|
||||||
:disabled-date="disabledFutureDate"
|
|
||||||
:default-value="new Date()"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
|
|
||||||
<!-- 第二行:症状 + 体征 -->
|
<el-form :model="form" :rules="rules" ref="formRef" label-position="top" class="info-form">
|
||||||
<el-row :gutter="16">
|
<!-- 第一行:发往科室 + 期望检查时间 -->
|
||||||
<el-col :span="12">
|
<el-row :gutter="16">
|
||||||
<el-form-item label="症状">
|
<el-col :span="12">
|
||||||
<el-input v-model="form.symptom" autocomplete="off" type="textarea" :rows="2" placeholder="请输入患者症状" />
|
<el-form-item label="发往科室" prop="targetDepartment">
|
||||||
</el-form-item>
|
<el-tree-select
|
||||||
</el-col>
|
clearable
|
||||||
<el-col :span="12">
|
style="width: 100%"
|
||||||
<el-form-item label="体征">
|
v-model="form.targetDepartment"
|
||||||
<el-input v-model="form.sign" autocomplete="off" type="textarea" :rows="2" placeholder="请输入患者体征" />
|
filterable
|
||||||
</el-form-item>
|
:data="orgOptions"
|
||||||
</el-col>
|
:props="{ value: 'id', label: 'name', children: 'children' }"
|
||||||
</el-row>
|
value-key="id"
|
||||||
|
check-strictly
|
||||||
|
placeholder="请选择执行科室"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="期望检查时间">
|
||||||
|
<el-date-picker
|
||||||
|
v-model="form.expectedExaminationTime"
|
||||||
|
type="datetime"
|
||||||
|
placeholder="默认当前时间"
|
||||||
|
style="width: 100%"
|
||||||
|
value-format="YYYY-MM-DD HH:mm:ss"
|
||||||
|
format="YYYY-MM-DD HH:mm"
|
||||||
|
:disabled-date="disabledFutureDate"
|
||||||
|
:default-value="new Date()"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
<!-- 第三行:临床诊断 + 其他诊断 -->
|
<!-- 第二行:症状 + 体征 -->
|
||||||
<el-row :gutter="16">
|
<el-row :gutter="16">
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item label="临床诊断">
|
<el-form-item label="症状">
|
||||||
<el-input disabled v-model="form.clinicalDiagnosis" placeholder="自动带入主诊断" />
|
<el-input v-model="form.symptom" autocomplete="off" type="textarea" :rows="2" placeholder="请输入患者症状" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item label="其他诊断">
|
<el-form-item label="体征">
|
||||||
<el-input disabled v-model="form.otherDiagnosis" placeholder="自动带入其他诊断" />
|
<el-input v-model="form.sign" autocomplete="off" type="textarea" :rows="2" placeholder="请输入患者体征" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
|
|
||||||
<!-- 第四行:相关结果 + 注意事项 -->
|
<!-- 第三行:临床诊断 + 其他诊断 -->
|
||||||
<el-row :gutter="16">
|
<el-row :gutter="16">
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item label="相关结果">
|
<el-form-item label="临床诊断">
|
||||||
<el-input v-model="form.relatedResult" autocomplete="off" type="textarea" :rows="2" placeholder="请输入相关检验结果" />
|
<el-input disabled v-model="form.clinicalDiagnosis" placeholder="自动带入主诊断" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item label="注意事项">
|
<el-form-item label="其他诊断">
|
||||||
<el-input v-model="form.attention" autocomplete="off" type="textarea" :rows="2" placeholder="请输入检查注意事项" />
|
<el-input disabled v-model="form.otherDiagnosis" placeholder="自动带入其他诊断" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
|
|
||||||
<!-- 第五行:检查目的 + 病史摘要 -->
|
<!-- 第四行:相关结果 + 注意事项 -->
|
||||||
<el-row :gutter="16">
|
<el-row :gutter="16">
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item label="检查目的" prop="examinationPurpose">
|
<el-form-item label="相关结果">
|
||||||
|
<el-input v-model="form.relatedResult" autocomplete="off" type="textarea" :rows="2" placeholder="请输入相关检验结果" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="注意事项">
|
||||||
|
<el-input v-model="form.attention" autocomplete="off" type="textarea" :rows="2" placeholder="请输入检查注意事项" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-form>
|
||||||
|
|
||||||
|
<!-- 过敏史卡片 -->
|
||||||
|
<div class="section-card allergy-card">
|
||||||
|
<div class="section-header">
|
||||||
|
<el-icon><Warning /></el-icon>
|
||||||
|
<span>过敏史</span>
|
||||||
|
<span v-if="form.allergyHistory" class="header-count">{{ form.allergyHistory.length }}字</span>
|
||||||
|
</div>
|
||||||
|
<div class="allergy-content">
|
||||||
|
<div class="allergy-input-row">
|
||||||
<el-input
|
<el-input
|
||||||
v-model="form.examinationPurpose"
|
v-model="form.allergyHistory"
|
||||||
autocomplete="off"
|
autocomplete="off"
|
||||||
type="textarea"
|
type="textarea"
|
||||||
:rows="2"
|
:rows="2"
|
||||||
maxlength="200"
|
:class="{ 'allergy-danger': isSevereAllergy }"
|
||||||
show-word-limit
|
placeholder="如:造影剂过敏史等(系统将自动从患者档案带入)"
|
||||||
placeholder="请输入检查目的,如:明确诊断、术后复查、疗效评估等"
|
|
||||||
/>
|
/>
|
||||||
</el-form-item>
|
<span v-if="isSevereAllergy" class="allergy-severe-tag">
|
||||||
</el-col>
|
<el-icon><WarningFilled /></el-icon>
|
||||||
<el-col :span="12">
|
严重过敏
|
||||||
<el-form-item label="病史摘要" prop="medicalHistorySummary">
|
</span>
|
||||||
<div class="history-field-wrapper">
|
</div>
|
||||||
<el-input
|
<div class="allergy-confirm">
|
||||||
v-model="form.medicalHistorySummary"
|
<el-checkbox v-model="form.allergyConfirmed" size="small">
|
||||||
autocomplete="off"
|
已通过口头询问确认无过敏史
|
||||||
type="textarea"
|
</el-checkbox>
|
||||||
:rows="2"
|
</div>
|
||||||
placeholder="请简要描述患者病史摘要"
|
</div>
|
||||||
/>
|
</div>
|
||||||
<el-button
|
|
||||||
type="primary"
|
|
||||||
plain
|
|
||||||
size="small"
|
|
||||||
class="history-sync-btn"
|
|
||||||
@click="handleSyncHistory"
|
|
||||||
:loading="syncingHistory"
|
|
||||||
>
|
|
||||||
<el-icon><Refresh /></el-icon>
|
|
||||||
同步
|
|
||||||
</el-button>
|
|
||||||
</div>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
|
|
||||||
<!-- 第六行:过敏史 -->
|
<!-- 检查目的卡片 -->
|
||||||
<el-row :gutter="16">
|
<div class="section-card purpose-card">
|
||||||
<el-col :span="24">
|
<div class="section-header">
|
||||||
<el-form-item label="过敏史">
|
<el-icon><Aim /></el-icon>
|
||||||
<div class="allergy-wrapper">
|
<span>检查目的</span>
|
||||||
<el-input
|
<span class="required-mark">必填</span>
|
||||||
v-model="form.allergyHistory"
|
</div>
|
||||||
autocomplete="off"
|
<el-input
|
||||||
type="textarea"
|
v-model="form.examinationPurpose"
|
||||||
:rows="1"
|
autocomplete="off"
|
||||||
:class="{ 'allergy-danger': isSevereAllergy }"
|
type="textarea"
|
||||||
placeholder="如:造影剂过敏史等(系统将自动从患者档案带入)"
|
:rows="2"
|
||||||
/>
|
maxlength="200"
|
||||||
<div class="allergy-actions">
|
show-word-limit
|
||||||
<span v-if="isSevereAllergy" class="allergy-severe-tag-inline">
|
placeholder="请输入检查目的,如:明确诊断、术后复查、疗效评估等"
|
||||||
<el-icon><WarningFilled /></el-icon>
|
/>
|
||||||
严重过敏
|
</div>
|
||||||
</span>
|
|
||||||
<el-checkbox v-model="form.allergyConfirmed" size="small">
|
<!-- 病史摘要卡片 -->
|
||||||
已通过口头询问确认无过敏史
|
<div class="section-card history-card">
|
||||||
</el-checkbox>
|
<div class="section-header">
|
||||||
</div>
|
<el-icon><DocumentCopy /></el-icon>
|
||||||
</div>
|
<span>病史摘要</span>
|
||||||
</el-form-item>
|
<span class="required-mark">必填</span>
|
||||||
</el-col>
|
<el-button
|
||||||
</el-row>
|
type="primary"
|
||||||
</el-form>
|
plain
|
||||||
|
size="small"
|
||||||
|
class="sync-btn"
|
||||||
|
@click="handleSyncHistory"
|
||||||
|
:loading="syncingHistory"
|
||||||
|
>
|
||||||
|
<el-icon><Refresh /></el-icon>
|
||||||
|
同步现病史/体征
|
||||||
|
</el-button>
|
||||||
|
</div>
|
||||||
|
<el-input
|
||||||
|
v-model="form.medicalHistorySummary"
|
||||||
|
autocomplete="off"
|
||||||
|
type="textarea"
|
||||||
|
:rows="3"
|
||||||
|
placeholder="请简要描述患者病史摘要"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- 急诊确认弹窗 -->
|
<!-- 急诊确认弹窗 -->
|
||||||
@@ -202,7 +228,6 @@
|
|||||||
|
|
||||||
<script setup name="MedicalExaminations">
|
<script setup name="MedicalExaminations">
|
||||||
import {getCurrentInstance, onMounted, reactive, ref, watch, computed, nextTick} from 'vue';
|
import {getCurrentInstance, onMounted, reactive, ref, watch, computed, nextTick} from 'vue';
|
||||||
import dayjs from 'dayjs';
|
|
||||||
import {patientInfo} from '../../../store/patient.js';
|
import {patientInfo} from '../../../store/patient.js';
|
||||||
import {getDepartmentList} from '@/api/public.js';
|
import {getDepartmentList} from '@/api/public.js';
|
||||||
import {getEncounterDiagnosis} from '../../api.js';
|
import {getEncounterDiagnosis} from '../../api.js';
|
||||||
@@ -330,7 +355,7 @@ const form = reactive({
|
|||||||
allergyHistory: '',
|
allergyHistory: '',
|
||||||
examinationPurpose: '',
|
examinationPurpose: '',
|
||||||
medicalHistorySummary: '',
|
medicalHistorySummary: '',
|
||||||
expectedExaminationTime: dayjs(new Date()).format('YYYY-MM-DD HH:mm:ss'),
|
expectedExaminationTime: '',
|
||||||
symptom: '',
|
symptom: '',
|
||||||
sign: '',
|
sign: '',
|
||||||
clinicalDiagnosis: '',
|
clinicalDiagnosis: '',
|
||||||
@@ -597,7 +622,7 @@ const resetForm = () => {
|
|||||||
form.allergyHistory = '';
|
form.allergyHistory = '';
|
||||||
form.examinationPurpose = '';
|
form.examinationPurpose = '';
|
||||||
form.medicalHistorySummary = '';
|
form.medicalHistorySummary = '';
|
||||||
form.expectedExaminationTime = dayjs(new Date()).format('YYYY-MM-DD HH:mm:ss');
|
form.expectedExaminationTime = '';
|
||||||
form.symptom = '';
|
form.symptom = '';
|
||||||
form.sign = '';
|
form.sign = '';
|
||||||
form.clinicalDiagnosis = '';
|
form.clinicalDiagnosis = '';
|
||||||
@@ -680,13 +705,81 @@ $bg-color: #f5f7fa;
|
|||||||
background: $bg-color;
|
background: $bg-color;
|
||||||
font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
|
font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
|
||||||
|
|
||||||
// 主体内容区 - 紧凑布局
|
// 顶部标题栏
|
||||||
|
.form-header {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
padding: 14px 20px;
|
||||||
|
background: linear-gradient(135deg, #fff 0%, #f0f7ff 100%);
|
||||||
|
border-bottom: 1px solid $border-color;
|
||||||
|
|
||||||
|
.header-left {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 10px;
|
||||||
|
|
||||||
|
.header-icon {
|
||||||
|
font-size: 24px;
|
||||||
|
color: $primary-color;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header-title {
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: 600;
|
||||||
|
color: $text-primary;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.header-right {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 12px;
|
||||||
|
|
||||||
|
.urgency-label {
|
||||||
|
font-size: 13px;
|
||||||
|
color: $text-secondary;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
|
||||||
|
.urgency-radio-group {
|
||||||
|
:deep(.el-radio-button__inner) {
|
||||||
|
border-radius: 4px;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
:deep(.el-radio-button:first-child .el-radio-button__inner) {
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
:deep(.el-radio-button:last-child .el-radio-button__inner) {
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.emergency-tip {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 4px;
|
||||||
|
color: $danger-color;
|
||||||
|
font-size: 13px;
|
||||||
|
font-weight: 500;
|
||||||
|
background: #fef0f0;
|
||||||
|
padding: 4px 10px;
|
||||||
|
border-radius: 4px;
|
||||||
|
border: 1px solid #fde2e2;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 主体内容区
|
||||||
.form-body {
|
.form-body {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 8px;
|
gap: 12px;
|
||||||
padding: 8px 12px;
|
padding: 16px;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
|
|
||||||
&::-webkit-scrollbar {
|
&::-webkit-scrollbar {
|
||||||
@@ -703,30 +796,47 @@ $bg-color: #f5f7fa;
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// 紧急程度栏 - 右上角
|
// 卡片通用样式
|
||||||
.urgency-bar {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: flex-end;
|
|
||||||
gap: 8px;
|
|
||||||
padding: 4px 0;
|
|
||||||
margin-bottom: 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.urgency-bar-label {
|
|
||||||
font-size: 13px;
|
|
||||||
font-weight: 500;
|
|
||||||
color: $text-regular;
|
|
||||||
white-space: nowrap;
|
|
||||||
}
|
|
||||||
|
|
||||||
// 卡片通用样式 - 紧凑
|
|
||||||
.section-card {
|
.section-card {
|
||||||
background: #fff;
|
background: #fff;
|
||||||
border-radius: 6px;
|
border-radius: 8px;
|
||||||
padding: 8px;
|
padding: 16px;
|
||||||
border: 1px solid #e4e7ed;
|
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
|
||||||
margin-bottom: 4px;
|
border: 1px solid rgba(0, 0, 0, 0.04);
|
||||||
|
|
||||||
|
.section-header {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 8px;
|
||||||
|
padding-bottom: 12px;
|
||||||
|
margin-bottom: 12px;
|
||||||
|
border-bottom: 1px dashed $border-color;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 600;
|
||||||
|
color: $text-primary;
|
||||||
|
|
||||||
|
> i {
|
||||||
|
font-size: 16px;
|
||||||
|
color: $primary-color;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header-count {
|
||||||
|
margin-left: auto;
|
||||||
|
font-size: 12px;
|
||||||
|
font-weight: 400;
|
||||||
|
color: $text-secondary;
|
||||||
|
}
|
||||||
|
|
||||||
|
.required-mark {
|
||||||
|
font-size: 12px;
|
||||||
|
font-weight: 500;
|
||||||
|
color: #fff;
|
||||||
|
background: $danger-color;
|
||||||
|
padding: 2px 8px;
|
||||||
|
border-radius: 10px;
|
||||||
|
margin-left: 4px;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.transfer-wrapper {
|
.transfer-wrapper {
|
||||||
@@ -740,23 +850,10 @@ $bg-color: #f5f7fa;
|
|||||||
display: flex !important;
|
display: flex !important;
|
||||||
flex-direction: row !important;
|
flex-direction: row !important;
|
||||||
}
|
}
|
||||||
|
// 信息表单
|
||||||
// 穿梭框按钮垂直居中
|
|
||||||
:deep(.el-transfer__buttons) {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
padding: 0 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
:deep(.el-transfer__button) {
|
|
||||||
margin: 4px 0;
|
|
||||||
}
|
|
||||||
// 信息表单 - 紧凑
|
|
||||||
.info-form {
|
.info-form {
|
||||||
:deep(.el-form-item) {
|
:deep(.el-form-item) {
|
||||||
margin-bottom: 6px;
|
margin-bottom: 14px;
|
||||||
|
|
||||||
.el-form-item__label {
|
.el-form-item__label {
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
@@ -786,10 +883,53 @@ $bg-color: #f5f7fa;
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// 过敏史危险输入样式
|
// 过敏史卡片
|
||||||
:deep(.el-textarea__inner.allergy-danger) {
|
.allergy-card {
|
||||||
border-color: $danger-color !important;
|
.allergy-content {
|
||||||
background-color: #fef0f0;
|
.allergy-input-row {
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
:deep(.el-textarea) {
|
||||||
|
.el-textarea__inner.allergy-danger {
|
||||||
|
border-color: $danger-color !important;
|
||||||
|
background-color: #fef0f0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.allergy-severe-tag {
|
||||||
|
position: absolute;
|
||||||
|
right: 12px;
|
||||||
|
top: 8px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 4px;
|
||||||
|
color: $danger-color;
|
||||||
|
font-size: 13px;
|
||||||
|
font-weight: 600;
|
||||||
|
background: #fef0f0;
|
||||||
|
padding: 3px 10px;
|
||||||
|
border-radius: 12px;
|
||||||
|
border: 1px solid #fde2e2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.allergy-confirm {
|
||||||
|
margin-top: 10px;
|
||||||
|
padding-left: 4px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 病史摘要卡片
|
||||||
|
.history-card {
|
||||||
|
.section-header {
|
||||||
|
.sync-btn {
|
||||||
|
margin-left: auto;
|
||||||
|
font-size: 12px;
|
||||||
|
padding: 6px 12px;
|
||||||
|
border-radius: 16px;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// 急诊确认弹窗
|
// 急诊确认弹窗
|
||||||
@@ -828,64 +968,4 @@ $bg-color: #f5f7fa;
|
|||||||
.fade-in-linear-leave-to {
|
.fade-in-linear-leave-to {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 紧急程度行内布局 */
|
|
||||||
.urgency-inline {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: 8px;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.emergency-tip-inline {
|
|
||||||
display: inline-flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: 2px;
|
|
||||||
color: $danger-color;
|
|
||||||
font-size: 11px;
|
|
||||||
font-weight: 500;
|
|
||||||
background: #fef0f0;
|
|
||||||
padding: 2px 6px;
|
|
||||||
border-radius: 3px;
|
|
||||||
white-space: nowrap;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* 过敏史包装 */
|
|
||||||
.allergy-wrapper {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.allergy-actions {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: 12px;
|
|
||||||
margin-top: 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.allergy-severe-tag-inline {
|
|
||||||
display: inline-flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: 2px;
|
|
||||||
color: $danger-color;
|
|
||||||
font-size: 11px;
|
|
||||||
font-weight: 600;
|
|
||||||
background: #fef0f0;
|
|
||||||
padding: 2px 8px;
|
|
||||||
border-radius: 3px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* 病史摘要同步按钮 */
|
|
||||||
.history-field-wrapper {
|
|
||||||
position: relative;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.history-sync-btn {
|
|
||||||
position: absolute;
|
|
||||||
right: 4px;
|
|
||||||
top: -28px;
|
|
||||||
font-size: 11px;
|
|
||||||
padding: 2px 8px;
|
|
||||||
height: 24px;
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user