Compare commits
37 Commits
ed431aa2ad
...
bug464-fix
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
4c083cc698 | ||
|
|
6367654ada | ||
|
|
360256e589 | ||
|
|
feb033b857 | ||
|
|
79cce458ee | ||
|
|
1140912f3a | ||
| 250f9ce258 | |||
| 0d6f891b47 | |||
|
|
e68be3be79 | ||
|
|
eab0119c19 | ||
|
|
3ad9ff85d4 | ||
|
|
ab2f580d60 | ||
|
|
665d4ae47a | ||
|
|
d43a06c343 | ||
|
|
a7a33eb5f6 | ||
|
|
444397e868 | ||
|
|
d964155fb8 | ||
|
|
b88e011459 | ||
|
|
492a51d282 | ||
|
|
34774411eb | ||
|
|
0f1b29fcea | ||
|
|
d64ca5b8ee | ||
|
|
faa0b1a61f | ||
|
|
33c76c786c | ||
|
|
1a770ca0ee | ||
|
|
ba9c18b6a4 | ||
|
|
ecc5c75418 | ||
|
|
164ac604fb | ||
|
|
d19ceab70f | ||
|
|
753768a1f0 | ||
|
|
49889e9140 | ||
|
|
3c3428e0b1 | ||
|
|
db05a30795 | ||
|
|
e2feb4850c | ||
|
|
02f2a14178 | ||
|
|
1c87c39473 | ||
|
|
7c28a98d02 |
@@ -86,17 +86,12 @@ public class SysDictTypeServiceImpl implements ISysDictTypeService {
|
|||||||
return dictDataMapper.selectDictDataByTypeWithSearch(dictType, trimmedKey);
|
return dictDataMapper.selectDictDataByTypeWithSearch(dictType, trimmedKey);
|
||||||
}
|
}
|
||||||
|
|
||||||
// 否则使用原有方法(带缓存)
|
// 直接查询数据库,避免缓存中为空数据导致前端下拉框显示"无数据"
|
||||||
List<SysDictData> dictDatas = DictUtils.getDictCache(dictType);
|
List<SysDictData> dictDatas = dictDataMapper.selectDictDataByType(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 null;
|
return dictDatas;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
|||||||
@@ -17,7 +17,6 @@ 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,15 +473,12 @@ function calculateTotalPrice() {
|
|||||||
}
|
}
|
||||||
});
|
});
|
||||||
totalPrice.value = sum.toFixed(2);
|
totalPrice.value = sum.toFixed(2);
|
||||||
// Bug #464: 零售价与诊疗子项合计总价实时同步
|
// Bug #464: 零售价与诊疗子项合计总价实时同步,直接赋值不使用nextTick避免多调用方竞争
|
||||||
const hasValidItem = treatmentItems.value.some(
|
const hasValidItem = treatmentItems.value.some(
|
||||||
(item) => item.adviceDefinitionId && item.adviceDefinitionId !== ''
|
(item) => item.adviceDefinitionId && item.adviceDefinitionId !== ''
|
||||||
);
|
);
|
||||||
if (hasValidItem) {
|
if (hasValidItem) {
|
||||||
// 使用 nextTick 确保总价更新后零售价才更新,避免 Vue 响应式时序问题
|
|
||||||
nextTick(() => {
|
|
||||||
form.value.retailPrice = parseFloat(totalPrice.value) || 0;
|
form.value.retailPrice = parseFloat(totalPrice.value) || 0;
|
||||||
});
|
|
||||||
} else {
|
} else {
|
||||||
form.value.retailPrice = undefined;
|
form.value.retailPrice = undefined;
|
||||||
}
|
}
|
||||||
@@ -763,10 +760,7 @@ 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 = '';
|
||||||
// 使用 nextTick 确保 DOM 更新后再计算总价
|
|
||||||
nextTick(() => {
|
|
||||||
calculateTotalPrice();
|
calculateTotalPrice();
|
||||||
});
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// 清空诊疗子项
|
// 清空诊疗子项
|
||||||
|
|||||||
@@ -56,13 +56,6 @@
|
|||||||
</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>
|
||||||
@@ -1452,26 +1445,6 @@ 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,36 +5,25 @@
|
|||||||
-->
|
-->
|
||||||
<template>
|
<template>
|
||||||
<div class="medicalExaminations-container">
|
<div class="medicalExaminations-container">
|
||||||
<!-- 顶部标题栏 -->
|
<!-- 主体内容 -->
|
||||||
<div class="form-header">
|
<div class="form-body">
|
||||||
<div class="header-left">
|
<!-- 右上角:紧急程度 -->
|
||||||
<el-icon class="header-icon"><Files /></el-icon>
|
<div class="urgency-bar">
|
||||||
<span class="header-title">检查申请单</span>
|
<span class="urgency-bar-label">紧急程度:</span>
|
||||||
</div>
|
<el-radio-group v-model="form.urgencyLevel" @change="handleUrgencyChange" size="small">
|
||||||
<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">
|
<span v-if="form.urgencyLevel === 'emergency'" class="emergency-tip-inline">
|
||||||
<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="section-header">
|
<div class="transfer-wrapper">
|
||||||
<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"
|
||||||
@@ -45,17 +34,10 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- 申请信息 -->
|
|
||||||
<div class="section-card">
|
|
||||||
<div class="section-header">
|
|
||||||
<el-icon><EditPen /></el-icon>
|
|
||||||
<span>申请信息</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<el-form :model="form" :rules="rules" ref="formRef" label-position="top" class="info-form">
|
<el-form :model="form" :rules="rules" ref="formRef" label-position="top" class="info-form">
|
||||||
<!-- 第一行:发往科室 + 期望检查时间 -->
|
<!-- 第一行:发往科室 + 紧急程度 + 期望检查时间 -->
|
||||||
<el-row :gutter="16">
|
<el-row :gutter="16">
|
||||||
<el-col :span="12">
|
<el-col :span="8">
|
||||||
<el-form-item label="发往科室" prop="targetDepartment">
|
<el-form-item label="发往科室" prop="targetDepartment">
|
||||||
<el-tree-select
|
<el-tree-select
|
||||||
clearable
|
clearable
|
||||||
@@ -127,45 +109,11 @@
|
|||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
</el-form>
|
|
||||||
|
|
||||||
<!-- 过敏史卡片 -->
|
<!-- 第五行:检查目的 + 病史摘要 -->
|
||||||
<div class="section-card allergy-card">
|
<el-row :gutter="16">
|
||||||
<div class="section-header">
|
<el-col :span="12">
|
||||||
<el-icon><Warning /></el-icon>
|
<el-form-item label="检查目的" prop="examinationPurpose">
|
||||||
<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
|
|
||||||
v-model="form.allergyHistory"
|
|
||||||
autocomplete="off"
|
|
||||||
type="textarea"
|
|
||||||
:rows="2"
|
|
||||||
:class="{ 'allergy-danger': isSevereAllergy }"
|
|
||||||
placeholder="如:造影剂过敏史等(系统将自动从患者档案带入)"
|
|
||||||
/>
|
|
||||||
<span v-if="isSevereAllergy" class="allergy-severe-tag">
|
|
||||||
<el-icon><WarningFilled /></el-icon>
|
|
||||||
严重过敏
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
<div class="allergy-confirm">
|
|
||||||
<el-checkbox v-model="form.allergyConfirmed" size="small">
|
|
||||||
已通过口头询问确认无过敏史
|
|
||||||
</el-checkbox>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- 检查目的卡片 -->
|
|
||||||
<div class="section-card purpose-card">
|
|
||||||
<div class="section-header">
|
|
||||||
<el-icon><Aim /></el-icon>
|
|
||||||
<span>检查目的</span>
|
|
||||||
<span class="required-mark">必填</span>
|
|
||||||
</div>
|
|
||||||
<el-input
|
<el-input
|
||||||
v-model="form.examinationPurpose"
|
v-model="form.examinationPurpose"
|
||||||
autocomplete="off"
|
autocomplete="off"
|
||||||
@@ -175,35 +123,61 @@
|
|||||||
show-word-limit
|
show-word-limit
|
||||||
placeholder="请输入检查目的,如:明确诊断、术后复查、疗效评估等"
|
placeholder="请输入检查目的,如:明确诊断、术后复查、疗效评估等"
|
||||||
/>
|
/>
|
||||||
</div>
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
<!-- 病史摘要卡片 -->
|
<el-col :span="12">
|
||||||
<div class="section-card history-card">
|
<el-form-item label="病史摘要" prop="medicalHistorySummary">
|
||||||
<div class="section-header">
|
<div class="history-field-wrapper">
|
||||||
<el-icon><DocumentCopy /></el-icon>
|
|
||||||
<span>病史摘要</span>
|
|
||||||
<span class="required-mark">必填</span>
|
|
||||||
<el-button
|
|
||||||
type="primary"
|
|
||||||
plain
|
|
||||||
size="small"
|
|
||||||
class="sync-btn"
|
|
||||||
@click="handleSyncHistory"
|
|
||||||
:loading="syncingHistory"
|
|
||||||
>
|
|
||||||
<el-icon><Refresh /></el-icon>
|
|
||||||
同步现病史/体征
|
|
||||||
</el-button>
|
|
||||||
</div>
|
|
||||||
<el-input
|
<el-input
|
||||||
v-model="form.medicalHistorySummary"
|
v-model="form.medicalHistorySummary"
|
||||||
autocomplete="off"
|
autocomplete="off"
|
||||||
type="textarea"
|
type="textarea"
|
||||||
:rows="3"
|
:rows="2"
|
||||||
placeholder="请简要描述患者病史摘要"
|
placeholder="请简要描述患者病史摘要"
|
||||||
/>
|
/>
|
||||||
|
<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">
|
||||||
|
<el-col :span="24">
|
||||||
|
<el-form-item label="过敏史">
|
||||||
|
<div class="allergy-wrapper">
|
||||||
|
<el-input
|
||||||
|
v-model="form.allergyHistory"
|
||||||
|
autocomplete="off"
|
||||||
|
type="textarea"
|
||||||
|
:rows="1"
|
||||||
|
:class="{ 'allergy-danger': isSevereAllergy }"
|
||||||
|
placeholder="如:造影剂过敏史等(系统将自动从患者档案带入)"
|
||||||
|
/>
|
||||||
|
<div class="allergy-actions">
|
||||||
|
<span v-if="isSevereAllergy" class="allergy-severe-tag-inline">
|
||||||
|
<el-icon><WarningFilled /></el-icon>
|
||||||
|
严重过敏
|
||||||
|
</span>
|
||||||
|
<el-checkbox v-model="form.allergyConfirmed" size="small">
|
||||||
|
已通过口头询问确认无过敏史
|
||||||
|
</el-checkbox>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-form>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- 急诊确认弹窗 -->
|
<!-- 急诊确认弹窗 -->
|
||||||
@@ -228,6 +202,7 @@
|
|||||||
|
|
||||||
<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';
|
||||||
@@ -355,7 +330,7 @@ const form = reactive({
|
|||||||
allergyHistory: '',
|
allergyHistory: '',
|
||||||
examinationPurpose: '',
|
examinationPurpose: '',
|
||||||
medicalHistorySummary: '',
|
medicalHistorySummary: '',
|
||||||
expectedExaminationTime: '',
|
expectedExaminationTime: dayjs(new Date()).format('YYYY-MM-DD HH:mm:ss'),
|
||||||
symptom: '',
|
symptom: '',
|
||||||
sign: '',
|
sign: '',
|
||||||
clinicalDiagnosis: '',
|
clinicalDiagnosis: '',
|
||||||
@@ -622,7 +597,7 @@ const resetForm = () => {
|
|||||||
form.allergyHistory = '';
|
form.allergyHistory = '';
|
||||||
form.examinationPurpose = '';
|
form.examinationPurpose = '';
|
||||||
form.medicalHistorySummary = '';
|
form.medicalHistorySummary = '';
|
||||||
form.expectedExaminationTime = '';
|
form.expectedExaminationTime = dayjs(new Date()).format('YYYY-MM-DD HH:mm:ss');
|
||||||
form.symptom = '';
|
form.symptom = '';
|
||||||
form.sign = '';
|
form.sign = '';
|
||||||
form.clinicalDiagnosis = '';
|
form.clinicalDiagnosis = '';
|
||||||
@@ -705,81 +680,13 @@ $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: 12px;
|
gap: 8px;
|
||||||
padding: 16px;
|
padding: 8px 12px;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
|
|
||||||
&::-webkit-scrollbar {
|
&::-webkit-scrollbar {
|
||||||
@@ -796,47 +703,30 @@ $bg-color: #f5f7fa;
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// 卡片通用样式
|
// 紧急程度栏 - 右上角
|
||||||
.section-card {
|
.urgency-bar {
|
||||||
background: #fff;
|
|
||||||
border-radius: 8px;
|
|
||||||
padding: 16px;
|
|
||||||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
|
|
||||||
border: 1px solid rgba(0, 0, 0, 0.04);
|
|
||||||
|
|
||||||
.section-header {
|
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
justify-content: flex-end;
|
||||||
gap: 8px;
|
gap: 8px;
|
||||||
padding-bottom: 12px;
|
padding: 4px 0;
|
||||||
margin-bottom: 12px;
|
margin-bottom: 4px;
|
||||||
border-bottom: 1px dashed $border-color;
|
|
||||||
font-size: 14px;
|
|
||||||
font-weight: 600;
|
|
||||||
color: $text-primary;
|
|
||||||
|
|
||||||
> i {
|
|
||||||
font-size: 16px;
|
|
||||||
color: $primary-color;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.header-count {
|
.urgency-bar-label {
|
||||||
margin-left: auto;
|
font-size: 13px;
|
||||||
font-size: 12px;
|
|
||||||
font-weight: 400;
|
|
||||||
color: $text-secondary;
|
|
||||||
}
|
|
||||||
|
|
||||||
.required-mark {
|
|
||||||
font-size: 12px;
|
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
color: #fff;
|
color: $text-regular;
|
||||||
background: $danger-color;
|
white-space: nowrap;
|
||||||
padding: 2px 8px;
|
|
||||||
border-radius: 10px;
|
|
||||||
margin-left: 4px;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// 卡片通用样式 - 紧凑
|
||||||
|
.section-card {
|
||||||
|
background: #fff;
|
||||||
|
border-radius: 6px;
|
||||||
|
padding: 8px;
|
||||||
|
border: 1px solid #e4e7ed;
|
||||||
|
margin-bottom: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.transfer-wrapper {
|
.transfer-wrapper {
|
||||||
@@ -850,10 +740,23 @@ $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: 14px;
|
margin-bottom: 6px;
|
||||||
|
|
||||||
.el-form-item__label {
|
.el-form-item__label {
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
@@ -883,54 +786,11 @@ $bg-color: #f5f7fa;
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// 过敏史卡片
|
// 过敏史危险输入样式
|
||||||
.allergy-card {
|
:deep(.el-textarea__inner.allergy-danger) {
|
||||||
.allergy-content {
|
|
||||||
.allergy-input-row {
|
|
||||||
position: relative;
|
|
||||||
|
|
||||||
:deep(.el-textarea) {
|
|
||||||
.el-textarea__inner.allergy-danger {
|
|
||||||
border-color: $danger-color !important;
|
border-color: $danger-color !important;
|
||||||
background-color: #fef0f0;
|
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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// 急诊确认弹窗
|
// 急诊确认弹窗
|
||||||
.emergency-dialog-content {
|
.emergency-dialog-content {
|
||||||
@@ -968,4 +828,64 @@ $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