wangyizhe/his
1
3
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

fix(#591): 请修复 Bug #591：【住院医生站-临床医嘱】长期医嘱点击停嘱未弹出时间录入弹窗

Browse Source 
根因：
- Bug #请修复 Bug #591 存在的问题

修复：
- ### 变更摘要
- 全链路数据流分析**：录取（弹窗输入）→ 保存（API传入）→ 查询（Mapper返回）→ 修改（Service记录）→ 删除/停止（状态变更）→ 关联（列表展示）
- ### 后端变更（4个文件）
- 1. `AdviceBatchOpParam.java`** — 停嘱参数添加 `stopTime` 字段
- 新增 `@JsonFormat Date stopTime`，支持前端传入停嘱时间
- 2. `RequestBaseDto.java`** — 查询DTO添加 `stopUserName`、`stopTime` 字段
- 新增 `String stopUserName`（停嘱医生姓名）
- 新增 `Date stopTime`（停嘱时间）
- 3. `AdviceManageAppServiceImpl.java`** — 停嘱Service增强
- 优先使用前端传入的 `stopTime`，兜底用当前时间
- 通过 `SecurityUtils.getNickName()` 获取当前操作用户昵称，记录到 `updateBy`
- 药品和诊疗两个更新入口均已同步修改
- 4. `AdviceManageAppMapper.xml`** — 三个UNION ALL子查询添加字段
- 药品子查询：`T1.effective_dose_end AS stop_time` + `T1.update_by AS stop_user_name`
- 耗材子查询：`NULL AS stop_time` + `'' AS stop_user_name`
- 诊疗子查询：`T1.occurrence_end_time AS stop_time` + `T1.update_by AS stop_user_name`
- ### 前端变更（1个文件）
- `order/index.vue`**：
- 1. **停嘱时间弹窗** — 点击「停嘱」后弹出 `el-dialog`，内含 `el-date-picker`（datetime类型，默认当前时间），确定后才调用API
- 2. **表格列** — 在「皮试」列后面、「诊断」列前面新增两列：
- 「停嘱医生」`prop="stopUserName"`，宽度120px
- 「停嘱时间」`prop="stopTime"`，宽度170px
- 3. **`handleStopAdvice`** — 保留原有校验（未保存/未签发/已停止检查），校验通过后弹出时间选择弹窗而非直接调API
- 4. **`confirmStopAdvice`** — 新增确认函数，将 `stopTime` 拼入请求参数后调用 `stopAdvice` API
- ### 验证结果
- ✅ 前端 Lint 检查通过（仅1个预存的 `vue/no-dupe-keys` 警告）
- ✅ 后端 Maven 编译通过（BUILD SUCCESS）
This commit is contained in:
赵云
2026-05-29 00:39:26 +08:00
parent c9507bb3c1
commit 11618e3d6c
564 changed files with 69532 additions and 23152 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
openhis-server-new/openhis-application/src/main/java/com/openhis/web/doctorstation/dto/RequestBaseDto.java
View File

@@ -244,4 +244,15 @@ public class RequestBaseDto {
@JsonSerialize(using = ToStringSerializer.class)
private Long patientId;
/**
* 停嘱医生
*/
private String stopUserName;
/**
* 停嘱时间
*/
@JsonFormat(shape = JsonFormat.Shape.STRING, pattern = "yyyy-MM-dd HH:mm:ss")
private Date stopTime;
}

23
openhis-server-new/openhis-application/src/main/java/com/openhis/web/regdoctorstation/appservice/impl/AdviceManageAppServiceImpl.java
View File

@@ -1043,8 +1043,14 @@ public class AdviceManageAppServiceImpl implements IAdviceManageAppService {
*/
@Override
public R<?> stopRegAdvice(List<AdviceBatchOpParam> paramList) {
// 当前时间
Date date = new Date();
// 获取停嘱时间：优先从前端传入的 stopTime，否则用当前时间
Date stopTime = paramList.stream()
.map(AdviceBatchOpParam::getStopTime)
.filter(Objects::nonNull)
.findFirst()
.orElse(new Date());
// 获取当前操作用户昵称作为停嘱医生
String stopUserName = SecurityUtils.getNickName();
// 药品
List<AdviceBatchOpParam> medicineList = paramList.stream()
.filter(e -> ItemType.MEDICINE.getValue().equals(e.getAdviceType())).collect(Collectors.toList());
@@ -1059,15 +1065,20 @@ public class AdviceManageAppServiceImpl implements IAdviceManageAppService {
= activityList.stream().map(AdviceBatchOpParam::getRequestId).collect(Collectors.toList());
if (!medicineRequestIds.isEmpty()) {
iMedicationRequestService.update(new LambdaUpdateWrapper<MedicationRequest>()
.in(MedicationRequest::getId, medicineRequestIds).set(MedicationRequest::getEffectiveDoseEnd, date)
.set(MedicationRequest::getStatusEnum, RequestStatus.STOPPED.getValue()));
.in(MedicationRequest::getId, medicineRequestIds)
.set(MedicationRequest::getEffectiveDoseEnd, stopTime)
.set(MedicationRequest::getStatusEnum, RequestStatus.STOPPED.getValue())
.set(MedicationRequest::getUpdateBy, stopUserName));
}
if (!activityRequestIds.isEmpty()) {
iServiceRequestService.update(new LambdaUpdateWrapper<ServiceRequest>()
.in(ServiceRequest::getId, activityRequestIds).set(ServiceRequest::getOccurrenceEndTime, date)
.set(ServiceRequest::getStatusEnum, RequestStatus.STOPPED.getValue()));
.in(ServiceRequest::getId, activityRequestIds)
.set(ServiceRequest::getOccurrenceEndTime, stopTime)
.set(ServiceRequest::getStatusEnum, RequestStatus.STOPPED.getValue())
.set(ServiceRequest::getUpdateBy, stopUserName));
}
return R.ok(null, MessageUtils.createMessage(PromptMsgConstant.Common.M00004, new Object[]{"医嘱停止"}));
}
}

9
openhis-server-new/openhis-application/src/main/java/com/openhis/web/regdoctorstation/dto/AdviceBatchOpParam.java
View File

@@ -1,10 +1,13 @@
package com.openhis.web.regdoctorstation.dto;
import com.fasterxml.jackson.annotation.JsonFormat;
import com.fasterxml.jackson.databind.annotation.JsonSerialize;
import com.fasterxml.jackson.databind.ser.std.ToStringSerializer;
import lombok.Data;
import lombok.experimental.Accessors;
import java.util.Date;
/**
* 医嘱批量操作参数类
*/
@@ -21,4 +24,10 @@ public class AdviceBatchOpParam {
@JsonSerialize(using = ToStringSerializer.class)
private Long requestId;
/**
* 停嘱时间
*/
@JsonFormat(shape = JsonFormat.Shape.STRING, pattern = "yyyy-MM-dd HH:mm:ss")
private Date stopTime;
}

6
openhis-server-new/openhis-application/src/main/resources/mapper/regdoctorstation/AdviceManageAppMapper.xml
View File

@@ -219,6 +219,8 @@
T1.sort_number AS sort_number,
T1.based_on_id AS based_on_id,
T1.medication_id AS advice_definition_id
T1.effective_dose_end AS stop_time,
T1.update_by AS stop_user_name
FROM med_medication_request AS T1
LEFT JOIN med_medication_definition AS T2 ON T2.ID = T1.medication_id
AND T2.delete_flag = '0'
@@ -273,6 +275,8 @@
T1.req_authored_time AS start_time,
T1.based_on_id AS based_on_id,
T1.device_def_id AS advice_definition_id
NULL AS stop_time,
'' AS stop_user_name
FROM wor_device_request AS T1
LEFT JOIN adm_device_definition AS T2 ON T2.ID = T1.device_def_id
AND T2.delete_flag = '0'
@@ -324,6 +328,8 @@
T1.occurrence_start_time AS start_time,
T1.based_on_id AS based_on_id,
T1.activity_id AS advice_definition_id
T1.occurrence_end_time AS stop_time,
T1.update_by AS stop_user_name
FROM wor_service_request AS T1
LEFT JOIN wor_activity_definition AS T2
ON T2.ID = T1.activity_id

68
openhis-ui-vue3/src/components/Auto/PfPatientCardB/PfPatientCard.vue
View File

@@ -10,15 +10,27 @@
@click="clickAct"
>
<div v-if="data.bedOperationalStatus==='U'">
<img :src="emptyBed" class="pf_card_emptyBed_img">
<div class="pf_card_emptyBed_text">{{ data.bedName }}</div>
<img
:src="emptyBed"
class="pf_card_emptyBed_img"
>
<div class="pf_card_emptyBed_text">
{{ data.bedName }}
</div>
</div>
<div v-else>
<div v-if="data.isDischarge" class="pf_card_discharge">
<div
v-if="data.isDischarge"
class="pf_card_discharge"
>
<span style="margin-left: 6px">离</span>
</div>
<div class="pf_card_card">
<CardSign :color="getBedBackColor(data.triageLevel)" :title="data.bedName" :tail="getDisplay(data.triageLevel)" />
<CardSign
:color="getBedBackColor(data.triageLevel)"
:title="data.bedName"
:tail="getDisplay(data.triageLevel)"
/>
</div>
<div class="pf_card_nameSexAndAge">
<span class="pf_card_name">{{ data.patientName }}</span>
@@ -28,20 +40,48 @@
<span style="margin-right: 16px">入室时间</span>
{{ moment(data.checkInWardTime).format('YYYY-MM-DD HH:mm') }}
</div>
<div class="pf_card_noCode">{{ data.hisId }}</div>
<div class="pf_card_rescueTimeText">{{ rescueTimeText() }}</div>
<div v-if="data.diag!==''" class="pf_card_diagnosis">
<div class="card-rectangle-text">{{ data.diag }}</div>
<div class="pf_card_noCode">
{{ data.hisId }}
</div>
<div class="pf_card_rescueTimeText">
{{ rescueTimeText() }}
</div>
<div
v-if="data.diag!==''"
class="pf_card_diagnosis"
>
<div class="card-rectangle-text">
{{ data.diag }}
</div>
<span style="margin-left: 4px">(诊断)</span>
</div>
<div v-if="isNewSign()" class="card-rectangle">新</div>
<div v-if="is72HourSign()" class="card-rectangle2">超72H</div>
<div
v-if="isNewSign()"
class="card-rectangle"
>
新
</div>
<div
v-if="is72HourSign()"
class="card-rectangle2"
>
超72H
</div>
<hr class="pf_card_line">
<div class="pf_card_nursingMeasuresString">{{ getStringByCode(data.nursingMeasures, nursingMeasures) }}</div>
<div class="pf_card_specialArrangementString">{{ getStringByCode(data.specialArrangement, specialArrangementList) }}</div>
<div v-if="false" class="pf_card_btn" @click="moreClick">更多</div>
<div class="pf_card_nursingMeasuresString">
{{ getStringByCode(data.nursingMeasures, nursingMeasures) }}
</div>
<div class="pf_card_specialArrangementString">
{{ getStringByCode(data.specialArrangement, specialArrangementList) }}
</div>
<div
v-if="false"
class="pf_card_btn"
@click="moreClick"
>
更多
</div>
</div>
</div>
</template>
<script>

2
openhis-ui-vue3/src/components/Auto/PfPatientCardB/index.vue
View File

@@ -6,7 +6,7 @@
:data="item"
:bed-config="bedConfig"
@click="clickAct"
@moreClick="moreClickAct"
@more-click="moreClickAct"
/>
</div>
</template>

16
openhis-ui-vue3/src/components/Auto/printBills/bedCard.vue
View File

@@ -1,9 +1,19 @@
<template>
<div class="printCard">
<div ref="refQr" style="float: left; margin: 30px 15px">
<img :src="emptyBed" style="height: 120px" class="pf_card_emptyBed_img">
<div
ref="refQr"
style="float: left; margin: 30px 15px"
>
<img
:src="emptyBed"
style="height: 120px"
class="pf_card_emptyBed_img"
>
</div>
<div class="printView_content" style=" margin: 30px 0">
<div
class="printView_content"
style=" margin: 30px 0"
>
<div>
<span>床号：</span>
<span>{{ printData.bedName }}</span>

73
openhis-ui-vue3/src/components/Auto/printBills/changeShiftBill.vue
View File

@@ -1,6 +1,9 @@
<template>
<div class="recordBill">
<div id="div1" class="printView_header">
<div
id="div1"
class="printView_header"
>
<div style="text-align: center; height: 40px">
护理交接班
</div>
@@ -18,35 +21,83 @@
/>
</div>
</div>
<div id="div2" class="printView_content">
<table border="1" cellSpacing="0" width="98%" cellPadding="1" style=" border-collapse:collapse; font-size: 14px" bordercolor="#333333">
<div
id="div2"
class="printView_content"
>
<table
border="1"
cellSpacing="0"
width="98%"
cellPadding="1"
style=" border-collapse:collapse; font-size: 14px"
bordercolor="#333333"
>
<thead>
<TR>
<TD colspan="1">
<DIV style="width: 40px" align="center">类别</DIV>
<DIV
style="width: 40px"
align="center"
>
类别
</DIV>
</TD>
<TD colspan="1">
<DIV style="width: 50px" align="center">床号</DIV>
<DIV
style="width: 50px"
align="center"
>
床号
</DIV>
</TD>
<TD colspan="1">
<DIV style="width: 60px" align="center">姓名</DIV>
<DIV
style="width: 60px"
align="center"
>
姓名
</DIV>
</TD>
<TD colspan="1">
<DIV style="width: 90px" align="center">主诉</DIV>
<DIV
style="width: 90px"
align="center"
>
主诉
</DIV>
</TD>
<TD colspan="1">
<DIV style="width: 90px" align="center">既往史</DIV>
<DIV
style="width: 90px"
align="center"
>
既往史
</DIV>
</TD>
<TD colspan="1">
<DIV style="width: 90px" align="center">诊断</DIV>
<DIV
style="width: 90px"
align="center"
>
诊断
</DIV>
</TD>
<TD colspan="1">
<DIV style="width: 155px" align="center">交接信息</DIV>
<DIV
style="width: 155px"
align="center"
>
交接信息
</DIV>
</TD>
</TR>
</thead>
<tbody>
<tr v-for="item in printData.shiftRecordItems" :key="item.id">
<tr
v-for="item in printData.shiftRecordItems"
:key="item.id"
>
<td v-html="item.typeDisplay" />
<td v-html="item.bedName" />
<td v-html="item.patientName" />

123
openhis-ui-vue3/src/components/Auto/printBills/exeOrderSheet.vue
View File

@@ -1,6 +1,9 @@
<template>
<div class="recordBill">
<div :id="'exeSheetTitle' + printData.id" class="printView_header">
<div
:id="'exeSheetTitle' + printData.id"
class="printView_header"
>
<div style="text-align: center; height: 60px">
{{ userStore.hospitalName }}医嘱执行单
</div>
@@ -16,51 +19,119 @@
<span style="display: inline-block; width: 140px">性别：{{!printData.patientInfo.gender? '':printData.patientInfo.gender.display}}</span>
</div>-->
</div>
<div :id="'exeSheet' + printData.id" class="printView_content">
<table border="1" cellSpacing="0" width="97%" cellPadding="1" style=" border-collapse:collapse; font-size: 13px" bordercolor="#333333">
<div
:id="'exeSheet' + printData.id"
class="printView_content"
>
<table
border="1"
cellSpacing="0"
width="97%"
cellPadding="1"
style=" border-collapse:collapse; font-size: 13px"
bordercolor="#333333"
>
<thead>
<TR>
<TD rowspan="1">
<DIV style="width: 65px;text-align: center">医嘱日期</DIV>
<DIV style="width: 65px;text-align: center">
医嘱日期
</DIV>
</TD>
<TD colspan="1">
<DIV style="width: 120px" align="center">医嘱</DIV>
<DIV
style="width: 120px"
align="center"
>
医嘱
</DIV>
</TD>
<TD colspan="1">
<DIV style="width: 10px" align="center" />
<DIV
style="width: 10px"
align="center"
/>
</TD>
<TD colspan="1">
<DIV style="width: 70px" align="center">嘱托</DIV>
<DIV
style="width: 70px"
align="center"
>
嘱托
</DIV>
</TD>
<TD rowspan="1">
<DIV style="width: 60px" align="center">用量</DIV>
<DIV
style="width: 60px"
align="center"
>
用量
</DIV>
</TD>
<TD colspan="1">
<DIV style="width: 40px" align="center">用法</DIV>
<DIV
style="width: 40px"
align="center"
>
用法
</DIV>
</TD>
<TD colspan="1">
<DIV style="width: 40px" align="center">频次</DIV>
<DIV
style="width: 40px"
align="center"
>
频次
</DIV>
</TD>
<TD rowspan="1">
<DIV style="width: 65px" align="center">开立医生</DIV>
<DIV
style="width: 65px"
align="center"
>
开立医生
</DIV>
</TD>
<TD rowspan="1">
<DIV style="width: 65px" align="center">执行时间</DIV>
<DIV
style="width: 65px"
align="center"
>
执行时间
</DIV>
</TD>
<TD colspan="1">
<DIV style="width: 65px" align="center">执行护士</DIV>
<DIV
style="width: 65px"
align="center"
>
执行护士
</DIV>
</TD>
<TD colspan="1">
<DIV style="width: 55px" align="center">终止时间</DIV>
<DIV
style="width: 55px"
align="center"
>
终止时间
</DIV>
</TD>
<TD colspan="1">
<DIV style="width: 55px" align="center">终止人</DIV>
<DIV
style="width: 55px"
align="center"
>
终止人
</DIV>
</TD>
</TR>
</thead>
<tbody>
<tr v-for="item in printData.recordData" :key="item.id">
<tr
v-for="item in printData.recordData"
:key="item.id"
>
<td v-html="item.moTime" />
<td v-html="item.orderName" />
<td v-html="item.flag" />
@@ -70,12 +141,20 @@
<td v-html="item.frequency" />
<td :id="item.id">
<span v-if="(item.docSignImage === ''||item.docSignImage === null)">{{ item.moDocName }}</span>
<img v-if="(item.docSignImage !== ''&&item.docSignImage !== null)" :src="'data:image/png;base64,'+ item.docSignImage" style="height: 100%; width: 100%;object-fit: cover;">
<img
v-if="(item.docSignImage !== ''&&item.docSignImage !== null)"
:src="'data:image/png;base64,'+ item.docSignImage"
style="height: 100%; width: 100%;object-fit: cover;"
>
</td>
<td v-html="item.occurrence" />
<td :id="item.id">
<span v-if="(item.perNurserSignImage === ''||item.perNurserSignImage === null)">{{ item.performName }}</span>
<img v-if="(item.perNurserSignImage !== ''&&item.perNurserSignImage !== null)" :src="'data:image/png;base64,'+ item.perNurserSignImage" style="height: 100%; width: 100%;object-fit: cover;">
<img
v-if="(item.perNurserSignImage !== ''&&item.perNurserSignImage !== null)"
:src="'data:image/png;base64,'+ item.perNurserSignImage"
style="height: 100%; width: 100%;object-fit: cover;"
>
</td>
<td />
<td />
@@ -91,10 +170,6 @@ import { simplePrint, PRINT_TEMPLATE } from '@/utils/printUtils.js'
import useUserStore from '@/store/modules/user'
export default {
setup() {
const userStore = useUserStore();
return { userStore };
},
props: {
printData: {
type: Object,
@@ -103,6 +178,10 @@ export default {
}
}
},
setup() {
const userStore = useUserStore();
return { userStore };
},
data() {
return {}
},

44
openhis-ui-vue3/src/components/Auto/printBills/injectLabel.vue
View File

@@ -12,23 +12,51 @@
</div>
</div>
<div style="display: block; width: 120px; height: 60px; float:left; ">
<div :id="getId(printData.id)" style="float: left; margin: 5px;" />
<div
:id="getId(printData.id)"
style="float: left; margin: 5px;"
/>
<span style="float: left; margin: 5px">{{ printData.priority }}</span>
</div>
</div>
<div :id="printData.id + 'div2'">
<table border="1" cellSpacing="0" width="390px" cellPadding="1" style="margin-left: 8px; border-collapse:collapse; table-layout: fixed; font-size: 14px" bordercolor="#333333">
<table
border="1"
cellSpacing="0"
width="390px"
cellPadding="1"
style="margin-left: 8px; border-collapse:collapse; table-layout: fixed; font-size: 14px"
bordercolor="#333333"
>
<thead>
<TR>
<Th style="width: 160px" v-html="'药品名称'" />
<Th style="width: 75px" v-html="'用量'" />
<Th style="width: 10px" v-html="''" />
<Th style="width: 50px" v-html="'频次'" />
<Th style="width: 75px" v-html="'用法'" />
<Th
style="width: 160px"
v-html="'药品名称'"
/>
<Th
style="width: 75px"
v-html="'用量'"
/>
<Th
style="width: 10px"
v-html="''"
/>
<Th
style="width: 50px"
v-html="'频次'"
/>
<Th
style="width: 75px"
v-html="'用法'"
/>
</TR>
</thead>
<tbody>
<tr v-for="item in printData.orderDetail" :key="item.id">
<tr
v-for="item in printData.orderDetail"
:key="item.id"
>
<td v-html="item.orderName" />
<td v-html="item.doseOnce + item.doseUnit" />
<td v-html="item.flag" />

77
openhis-ui-vue3/src/components/Auto/printBills/injectOrderSheet.vue
View File

@@ -1,6 +1,9 @@
<template>
<div class="recordBill">
<div id="div1" class="printView_header">
<div
id="div1"
class="printView_header"
>
<div style="text-align: center; font-size: 20px; height: 40px">
{{ userStore.hospitalName }}输液执行单
</div>
@@ -13,38 +16,88 @@
<span style="margin-left: 18px">科室：{{ printData.patientInfo.deptName }}</span>
</div>
</div>
<div id="div2" class="printView_content">
<table border="1" cellSpacing="0" cellPadding="1" style=" border-collapse:collapse; font-size: 14px" bordercolor="#333333">
<div
id="div2"
class="printView_content"
>
<table
border="1"
cellSpacing="0"
cellPadding="1"
style=" border-collapse:collapse; font-size: 14px"
bordercolor="#333333"
>
<thead>
<TR style="height: 30px">
<TD rowspan="1">
<DIV style="width: 35px" align="center">时间</DIV>
<DIV
style="width: 35px"
align="center"
>
时间
</DIV>
</TD>
<TD colspan="1">
<DIV style="width: 280px" align="center">药品名称</DIV>
<DIV
style="width: 280px"
align="center"
>
药品名称
</DIV>
</TD>
<TD colspan="1">
<DIV style="width: 10px" align="center" />
<DIV
style="width: 10px"
align="center"
/>
</TD>
<TD rowspan="1">
<DIV style="width: 55px" align="center">剂量</DIV>
<DIV
style="width: 55px"
align="center"
>
剂量
</DIV>
</TD>
<TD colspan="1">
<DIV style="width: 30px" align="center">频次</DIV>
<DIV
style="width: 30px"
align="center"
>
频次
</DIV>
</TD>
<TD colspan="1">
<DIV style="width: 55px" align="center">用法</DIV>
<DIV
style="width: 55px"
align="center"
>
用法
</DIV>
</TD>
<TD rowspan="1">
<DIV style="width: 70px" align="center">执行时间</DIV>
<DIV
style="width: 70px"
align="center"
>
执行时间
</DIV>
</TD>
<TD rowspan="1">
<DIV style="width: 55px" align="center">执行人</DIV>
<DIV
style="width: 55px"
align="center"
>
执行人
</DIV>
</TD>
</TR>
</thead>
<tbody style=" border-collapse:collapse;">
<tr v-for="item in printData.recordData" :key="item.id">
<tr
v-for="item in printData.recordData"
:key="item.id"
>
<td v-html="item.moTime.substring(0,16)" />
<td v-html="item.orderName" />
<td v-html="item.flag" />

10
openhis-ui-vue3/src/components/Auto/printBills/labelGroup.vue
View File

@@ -1,9 +1,15 @@
<template>
<div>
<div ref="print">
<div v-for="item in printData" :key="item.id">
<div
v-for="item in printData"
:key="item.id"
>
<div class="myccs2">
<injectLabel :ref="item.id" :print-data="item" />
<injectLabel
:ref="item.id"
:print-data="item"
/>
</div>
</div>
</div>

17
openhis-ui-vue3/src/components/Auto/printBills/sheetGroup.vue
View File

@@ -1,10 +1,21 @@
<template>
<div>
<div ref="print">
<div v-for="item in printData" :key="item.id">
<div
v-for="item in printData"
:key="item.id"
>
<div class="myccs2">
<orderSheet v-if="!item.type" :ref="item.id" :print-data="item" />
<exeOrderSheet v-if="item.type" :ref="item.id" :print-data="item" />
<orderSheet
v-if="!item.type"
:ref="item.id"
:print-data="item"
/>
<exeOrderSheet
v-if="item.type"
:ref="item.id"
:print-data="item"
/>
</div>
</div>
</div>

7
openhis-ui-vue3/src/components/Auto/printBills/temperatureSheet.vue
View File

@@ -1,5 +1,10 @@
<template>
<Graphics v-if="graphicsDataDone" :value="resInfo" print @done="printPage" />
<Graphics
v-if="graphicsDataDone"
:value="resInfo"
print
@done="printPage"
/>
</template>
<script setup>

13
openhis-ui-vue3/src/components/Auto/printBills/triageTicket.vue
View File

@@ -21,7 +21,10 @@
<span>分诊时间：</span>
<span>{{ printData.triageTime }}</span>
</div>
<img ref="refQr" style="position: absolute; top: 10px; left: 100px" />
<img
ref="refQr"
style="position: absolute; top: 10px; left: 100px"
>
</div>
</template>
<script>
@@ -30,10 +33,6 @@ import useUserStore from '@/store/modules/user';
export default {
name: 'TriageTicket',
setup() {
const userStore = useUserStore();
return { userStore };
},
props: {
printData: {
type: Object,
@@ -48,6 +47,10 @@ export default {
},
},
},
setup() {
const userStore = useUserStore();
return { userStore };
},
data() {
return {};
},

5
openhis-ui-vue3/src/components/Auto/printBills/triageTicketGroup.vue
View File

@@ -2,7 +2,10 @@
<div>
<div ref="print">
<div class="myccs2">
<triageTicketNew ref="printTriage" :print-data="printData" />
<triageTicketNew
ref="printTriage"
:print-data="printData"
/>
</div>
<!-- <div v-for="item in printData" :key="item.id">-->
<!-- <div class="myccs2">-->

20
openhis-ui-vue3/src/components/Auto/printBills/triageTicketNew.vue
View File

@@ -6,7 +6,9 @@
<span style="font-weight: bolder; font-size: 18px; line-height: 36px">{{ printData.greenText }}</span>
<span style="font-weight: bolder; font-size: 18px; line-height: 36px">分诊单</span>
</div>
<div style="position: absolute; top: 135px; text-align: center; width: 300px">{{ printData.hisId }}</div>
<div style="position: absolute; top: 135px; text-align: center; width: 300px">
{{ printData.hisId }}
</div>
<div style="position: absolute; top: 155px; text-align: center; width: 300px">
{{ printData.triageLevel }}（{{ printData.dept }}）
</div>
@@ -107,10 +109,18 @@
"
/>
<div style="margin-left: 15px">
<div style="font-size: 14px; margin-top: 15px; font-weight: bolder">请仔细核对个人信息后进行挂号</div>
<div style="margin-top: 5px; font-size: 14px">为了您家人和其他患者的健康</div>
<div style="font-size: 14px">请您保持就诊秩序保持诊区安静</div>
<div style="font-size: 14px">祝您早日康复</div>
<div style="font-size: 14px; margin-top: 15px; font-weight: bolder">
请仔细核对个人信息后进行挂号
</div>
<div style="margin-top: 5px; font-size: 14px">
为了您家人和其他患者的健康
</div>
<div style="font-size: 14px">
请您保持就诊秩序保持诊区安静
</div>
<div style="font-size: 14px">
祝您早日康复
</div>
</div>
</div>
</div>

11
openhis-ui-vue3/src/components/Auto/printBills/wristBill.vue
View File

@@ -1,6 +1,9 @@
<template>
<div class="printWrist">
<div id="div1" class="printView_content">
<div
id="div1"
class="printView_content"
>
<div style="margin: 1px;font-size: 12px">
<span>姓名: </span>
<span>{{ printData.patientName }}</span>
@@ -22,7 +25,11 @@
<span style="position: absolute; left: 140px">{{ printData.triageLevel }}</span>
</div>
</div>
<div id="qrcode" ref="refQr" style="padding-top: 1px" />
<div
id="qrcode"
ref="refQr"
style="padding-top: 1px"
/>
</div>
</template>
<script>

20
openhis-ui-vue3/src/components/Breadcrumb/index.vue
View File

@@ -1,9 +1,21 @@
<template>
<el-breadcrumb class="app-breadcrumb" separator="/">
<el-breadcrumb
class="app-breadcrumb"
separator="/"
>
<transition-group name="breadcrumb">
<el-breadcrumb-item v-for="(item,index) in levelList" :key="item.path">
<span v-if="item.redirect === 'noRedirect' || index == levelList.length - 1" class="no-redirect">{{ item.meta.title }}</span>
<a v-else @click.prevent="handleLink(item)">{{ item.meta.title }}</a>
<el-breadcrumb-item
v-for="(item,index) in levelList"
:key="item.path"
>
<span
v-if="item.redirect === 'noRedirect' || index == levelList.length - 1"
class="no-redirect"
>{{ item.meta.title }}</span>
<a
v-else
@click.prevent="handleLink(item)"
>{{ item.meta.title }}</a>
</el-breadcrumb-item>
</transition-group>
</el-breadcrumb>

142
openhis-ui-vue3/src/components/Crontab/day.vue
View File

@@ -1,55 +1,107 @@
<template>
<el-form>
<el-form-item>
<el-radio v-model='radioValue' :label="1">
日，允许的通配符[, - * ? / L W]
</el-radio>
</el-form-item>
<el-form>
<el-form-item>
<el-radio
v-model="radioValue"
:label="1"
>
日，允许的通配符[, - * ? / L W]
</el-radio>
</el-form-item>
<el-form-item>
<el-radio v-model='radioValue' :label="2">
不指定
</el-radio>
</el-form-item>
<el-form-item>
<el-radio
v-model="radioValue"
:label="2"
>
不指定
</el-radio>
</el-form-item>
<el-form-item>
<el-radio v-model='radioValue' :label="3">
周期从
<el-input-number v-model='cycle01' :min="1" :max="30" /> -
<el-input-number v-model='cycle02' :min="cycle01 + 1" :max="31" /> 日
</el-radio>
</el-form-item>
<el-form-item>
<el-radio
v-model="radioValue"
:label="3"
>
周期从
<el-input-number
v-model="cycle01"
:min="1"
:max="30"
/> -
<el-input-number
v-model="cycle02"
:min="cycle01 + 1"
:max="31"
/> 日
</el-radio>
</el-form-item>
<el-form-item>
<el-radio v-model='radioValue' :label="4">
从
<el-input-number v-model='average01' :min="1" :max="30" /> 号开始，每
<el-input-number v-model='average02' :min="1" :max="31 - average01" /> 日执行一次
</el-radio>
</el-form-item>
<el-form-item>
<el-radio
v-model="radioValue"
:label="4"
>
从
<el-input-number
v-model="average01"
:min="1"
:max="30"
/> 号开始，每
<el-input-number
v-model="average02"
:min="1"
:max="31 - average01"
/> 日执行一次
</el-radio>
</el-form-item>
<el-form-item>
<el-radio v-model='radioValue' :label="5">
每月
<el-input-number v-model='workday' :min="1" :max="31" /> 号最近的那个工作日
</el-radio>
</el-form-item>
<el-form-item>
<el-radio
v-model="radioValue"
:label="5"
>
每月
<el-input-number
v-model="workday"
:min="1"
:max="31"
/> 号最近的那个工作日
</el-radio>
</el-form-item>
<el-form-item>
<el-radio v-model='radioValue' :label="6">
本月最后一天
</el-radio>
</el-form-item>
<el-form-item>
<el-radio
v-model="radioValue"
:label="6"
>
本月最后一天
</el-radio>
</el-form-item>
<el-form-item>
<el-radio v-model='radioValue' :label="7">
指定
<el-select clearable v-model="checkboxList" placeholder="可多选" multiple :multiple-limit="10">
<el-option v-for="item in 31" :key="item" :label="item" :value="item" />
</el-select>
</el-radio>
</el-form-item>
</el-form>
<el-form-item>
<el-radio
v-model="radioValue"
:label="7"
>
指定
<el-select
v-model="checkboxList"
clearable
placeholder="可多选"
multiple
:multiple-limit="10"
>
<el-option
v-for="item in 31"
:key="item"
:label="item"
:value="item"
/>
</el-select>
</el-radio>
</el-form-item>
</el-form>
</template>
<script setup>
const emit = defineEmits(['update'])

97
openhis-ui-vue3/src/components/Crontab/hour.vue
View File

@@ -1,36 +1,75 @@
<template>
<el-form>
<el-form-item>
<el-radio v-model='radioValue' :label="1">
小时，允许的通配符[, - * /]
</el-radio>
</el-form-item>
<el-form>
<el-form-item>
<el-radio
v-model="radioValue"
:label="1"
>
小时，允许的通配符[, - * /]
</el-radio>
</el-form-item>
<el-form-item>
<el-radio v-model='radioValue' :label="2">
周期从
<el-input-number v-model='cycle01' :min="0" :max="22" /> -
<el-input-number v-model='cycle02' :min="cycle01 + 1" :max="23" /> 时
</el-radio>
</el-form-item>
<el-form-item>
<el-radio
v-model="radioValue"
:label="2"
>
周期从
<el-input-number
v-model="cycle01"
:min="0"
:max="22"
/> -
<el-input-number
v-model="cycle02"
:min="cycle01 + 1"
:max="23"
/> 时
</el-radio>
</el-form-item>
<el-form-item>
<el-radio v-model='radioValue' :label="3">
从
<el-input-number v-model='average01' :min="0" :max="22" /> 时开始，每
<el-input-number v-model='average02' :min="1" :max="23 - average01" /> 小时执行一次
</el-radio>
</el-form-item>
<el-form-item>
<el-radio
v-model="radioValue"
:label="3"
>
从
<el-input-number
v-model="average01"
:min="0"
:max="22"
/> 时开始，每
<el-input-number
v-model="average02"
:min="1"
:max="23 - average01"
/> 小时执行一次
</el-radio>
</el-form-item>
<el-form-item>
<el-radio v-model='radioValue' :label="4">
指定
<el-select clearable v-model="checkboxList" placeholder="可多选" multiple :multiple-limit="10">
<el-option v-for="item in 24" :key="item" :label="item - 1" :value="item - 1" />
</el-select>
</el-radio>
</el-form-item>
</el-form>
<el-form-item>
<el-radio
v-model="radioValue"
:label="4"
>
指定
<el-select
v-model="checkboxList"
clearable
placeholder="可多选"
multiple
:multiple-limit="10"
>
<el-option
v-for="item in 24"
:key="item"
:label="item - 1"
:value="item - 1"
/>
</el-select>
</el-radio>
</el-form-item>
</el-form>
</template>
<script setup>

308
openhis-ui-vue3/src/components/Crontab/index.vue
View File

@@ -1,123 +1,211 @@
<template>
<div>
<el-tabs type="border-card">
<el-tab-pane label="秒" v-if="shouldHide('second')">
<CrontabSecond
@update="updateCrontabValue"
:check="checkNumber"
:cron="crontabValueObj"
ref="cronsecond"
/>
</el-tab-pane>
<div>
<el-tabs type="border-card">
<el-tab-pane
v-if="shouldHide('second')"
label="秒"
>
<CrontabSecond
ref="cronsecond"
:check="checkNumber"
:cron="crontabValueObj"
@update="updateCrontabValue"
/>
</el-tab-pane>
<el-tab-pane label="分钟" v-if="shouldHide('min')">
<CrontabMin
@update="updateCrontabValue"
:check="checkNumber"
:cron="crontabValueObj"
ref="cronmin"
/>
</el-tab-pane>
<el-tab-pane
v-if="shouldHide('min')"
label="分钟"
>
<CrontabMin
ref="cronmin"
:check="checkNumber"
:cron="crontabValueObj"
@update="updateCrontabValue"
/>
</el-tab-pane>
<el-tab-pane label="小时" v-if="shouldHide('hour')">
<CrontabHour
@update="updateCrontabValue"
:check="checkNumber"
:cron="crontabValueObj"
ref="cronhour"
/>
</el-tab-pane>
<el-tab-pane
v-if="shouldHide('hour')"
label="小时"
>
<CrontabHour
ref="cronhour"
:check="checkNumber"
:cron="crontabValueObj"
@update="updateCrontabValue"
/>
</el-tab-pane>
<el-tab-pane label="日" v-if="shouldHide('day')">
<CrontabDay
@update="updateCrontabValue"
:check="checkNumber"
:cron="crontabValueObj"
ref="cronday"
/>
</el-tab-pane>
<el-tab-pane
v-if="shouldHide('day')"
label="日"
>
<CrontabDay
ref="cronday"
:check="checkNumber"
:cron="crontabValueObj"
@update="updateCrontabValue"
/>
</el-tab-pane>
<el-tab-pane label="月" v-if="shouldHide('month')">
<CrontabMonth
@update="updateCrontabValue"
:check="checkNumber"
:cron="crontabValueObj"
ref="cronmonth"
/>
</el-tab-pane>
<el-tab-pane
v-if="shouldHide('month')"
label="月"
>
<CrontabMonth
ref="cronmonth"
:check="checkNumber"
:cron="crontabValueObj"
@update="updateCrontabValue"
/>
</el-tab-pane>
<el-tab-pane label="周" v-if="shouldHide('week')">
<CrontabWeek
@update="updateCrontabValue"
:check="checkNumber"
:cron="crontabValueObj"
ref="cronweek"
/>
</el-tab-pane>
<el-tab-pane
v-if="shouldHide('week')"
label="周"
>
<CrontabWeek
ref="cronweek"
:check="checkNumber"
:cron="crontabValueObj"
@update="updateCrontabValue"
/>
</el-tab-pane>
<el-tab-pane label="年" v-if="shouldHide('year')">
<CrontabYear
@update="updateCrontabValue"
:check="checkNumber"
:cron="crontabValueObj"
ref="cronyear"
/>
</el-tab-pane>
</el-tabs>
<el-tab-pane
v-if="shouldHide('year')"
label="年"
>
<CrontabYear
ref="cronyear"
:check="checkNumber"
:cron="crontabValueObj"
@update="updateCrontabValue"
/>
</el-tab-pane>
</el-tabs>
<div class="popup-main">
<div class="popup-result">
<p class="title">时间表达式</p>
<table>
<thead>
<th v-for="item of tabTitles" :key="item">{{item}}</th>
<th>Cron 表达式</th>
</thead>
<tbody>
<td>
<span v-if="crontabValueObj.second.length < 10">{{crontabValueObj.second}}</span>
<el-tooltip v-else :content="crontabValueObj.second" placement="top"><span>{{crontabValueObj.second}}</span></el-tooltip>
</td>
<td>
<span v-if="crontabValueObj.min.length < 10">{{crontabValueObj.min}}</span>
<el-tooltip v-else :content="crontabValueObj.min" placement="top"><span>{{crontabValueObj.min}}</span></el-tooltip>
</td>
<td>
<span v-if="crontabValueObj.hour.length < 10">{{crontabValueObj.hour}}</span>
<el-tooltip v-else :content="crontabValueObj.hour" placement="top"><span>{{crontabValueObj.hour}}</span></el-tooltip>
</td>
<td>
<span v-if="crontabValueObj.day.length < 10">{{crontabValueObj.day}}</span>
<el-tooltip v-else :content="crontabValueObj.day" placement="top"><span>{{crontabValueObj.day}}</span></el-tooltip>
</td>
<td>
<span v-if="crontabValueObj.month.length < 10">{{crontabValueObj.month}}</span>
<el-tooltip v-else :content="crontabValueObj.month" placement="top"><span>{{crontabValueObj.month}}</span></el-tooltip>
</td>
<td>
<span v-if="crontabValueObj.week.length < 10">{{crontabValueObj.week}}</span>
<el-tooltip v-else :content="crontabValueObj.week" placement="top"><span>{{crontabValueObj.week}}</span></el-tooltip>
</td>
<td>
<span v-if="crontabValueObj.year.length < 10">{{crontabValueObj.year}}</span>
<el-tooltip v-else :content="crontabValueObj.year" placement="top"><span>{{crontabValueObj.year}}</span></el-tooltip>
</td>
<td class="result">
<span v-if="crontabValueString.length < 90">{{crontabValueString}}</span>
<el-tooltip v-else :content="crontabValueString" placement="top"><span>{{crontabValueString}}</span></el-tooltip>
</td>
</tbody>
</table>
</div>
<CrontabResult :ex="crontabValueString"></CrontabResult>
<div class="popup-main">
<div class="popup-result">
<p class="title">
时间表达式
</p>
<table>
<thead>
<th
v-for="item of tabTitles"
:key="item"
>
{{ item }}
</th>
<th>Cron 表达式</th>
</thead>
<tbody>
<td>
<span v-if="crontabValueObj.second.length < 10">{{ crontabValueObj.second }}</span>
<el-tooltip
v-else
:content="crontabValueObj.second"
placement="top"
>
<span>{{ crontabValueObj.second }}</span>
</el-tooltip>
</td>
<td>
<span v-if="crontabValueObj.min.length < 10">{{ crontabValueObj.min }}</span>
<el-tooltip
v-else
:content="crontabValueObj.min"
placement="top"
>
<span>{{ crontabValueObj.min }}</span>
</el-tooltip>
</td>
<td>
<span v-if="crontabValueObj.hour.length < 10">{{ crontabValueObj.hour }}</span>
<el-tooltip
v-else
:content="crontabValueObj.hour"
placement="top"
>
<span>{{ crontabValueObj.hour }}</span>
</el-tooltip>
</td>
<td>
<span v-if="crontabValueObj.day.length < 10">{{ crontabValueObj.day }}</span>
<el-tooltip
v-else
:content="crontabValueObj.day"
placement="top"
>
<span>{{ crontabValueObj.day }}</span>
</el-tooltip>
</td>
<td>
<span v-if="crontabValueObj.month.length < 10">{{ crontabValueObj.month }}</span>
<el-tooltip
v-else
:content="crontabValueObj.month"
placement="top"
>
<span>{{ crontabValueObj.month }}</span>
</el-tooltip>
</td>
<td>
<span v-if="crontabValueObj.week.length < 10">{{ crontabValueObj.week }}</span>
<el-tooltip
v-else
:content="crontabValueObj.week"
placement="top"
>
<span>{{ crontabValueObj.week }}</span>
</el-tooltip>
</td>
<td>
<span v-if="crontabValueObj.year.length < 10">{{ crontabValueObj.year }}</span>
<el-tooltip
v-else
:content="crontabValueObj.year"
placement="top"
>
<span>{{ crontabValueObj.year }}</span>
</el-tooltip>
</td>
<td class="result">
<span v-if="crontabValueString.length < 90">{{ crontabValueString }}</span>
<el-tooltip
v-else
:content="crontabValueString"
placement="top"
>
<span>{{ crontabValueString }}</span>
</el-tooltip>
</td>
</tbody>
</table>
</div>
<CrontabResult :ex="crontabValueString" />
<div class="pop_btn">
<el-button type="primary" @click="submitFill">确定</el-button>
<el-button type="warning" @click="clearCron">重置</el-button>
<el-button @click="hidePopup">取消</el-button>
</div>
</div>
<div class="pop_btn">
<el-button
type="primary"
@click="submitFill"
>
确定
</el-button>
<el-button
type="warning"
@click="clearCron"
>
重置
</el-button>
<el-button @click="hidePopup">
取消
</el-button>
</div>
</div>
</div>
</template>
<script setup>

97
openhis-ui-vue3/src/components/Crontab/min.vue
View File

@@ -1,36 +1,75 @@
<template>
<el-form>
<el-form-item>
<el-radio v-model='radioValue' :label="1">
分钟，允许的通配符[, - * /]
</el-radio>
</el-form-item>
<el-form>
<el-form-item>
<el-radio
v-model="radioValue"
:label="1"
>
分钟，允许的通配符[, - * /]
</el-radio>
</el-form-item>
<el-form-item>
<el-radio v-model='radioValue' :label="2">
周期从
<el-input-number v-model='cycle01' :min="0" :max="58" /> -
<el-input-number v-model='cycle02' :min="cycle01 + 1" :max="59" /> 分钟
</el-radio>
</el-form-item>
<el-form-item>
<el-radio
v-model="radioValue"
:label="2"
>
周期从
<el-input-number
v-model="cycle01"
:min="0"
:max="58"
/> -
<el-input-number
v-model="cycle02"
:min="cycle01 + 1"
:max="59"
/> 分钟
</el-radio>
</el-form-item>
<el-form-item>
<el-radio v-model='radioValue' :label="3">
从
<el-input-number v-model='average01' :min="0" :max="58" /> 分钟开始， 每
<el-input-number v-model='average02' :min="1" :max="59 - average01" /> 分钟执行一次
</el-radio>
</el-form-item>
<el-form-item>
<el-radio
v-model="radioValue"
:label="3"
>
从
<el-input-number
v-model="average01"
:min="0"
:max="58"
/> 分钟开始， 每
<el-input-number
v-model="average02"
:min="1"
:max="59 - average01"
/> 分钟执行一次
</el-radio>
</el-form-item>
<el-form-item>
<el-radio v-model='radioValue' :label="4">
指定
<el-select clearable v-model="checkboxList" placeholder="可多选" multiple :multiple-limit="10">
<el-option v-for="item in 60" :key="item" :label="item - 1" :value="item - 1" />
</el-select>
</el-radio>
</el-form-item>
</el-form>
<el-form-item>
<el-radio
v-model="radioValue"
:label="4"
>
指定
<el-select
v-model="checkboxList"
clearable
placeholder="可多选"
multiple
:multiple-limit="10"
>
<el-option
v-for="item in 60"
:key="item"
:label="item - 1"
:value="item - 1"
/>
</el-select>
</el-radio>
</el-form-item>
</el-form>
</template>
<script setup>
const emit = defineEmits(['update'])

97
openhis-ui-vue3/src/components/Crontab/month.vue
View File

@@ -1,36 +1,75 @@
<template>
<el-form>
<el-form-item>
<el-radio v-model='radioValue' :label="1">
月，允许的通配符[, - * /]
</el-radio>
</el-form-item>
<el-form>
<el-form-item>
<el-radio
v-model="radioValue"
:label="1"
>
月，允许的通配符[, - * /]
</el-radio>
</el-form-item>
<el-form-item>
<el-radio v-model='radioValue' :label="2">
周期从
<el-input-number v-model='cycle01' :min="1" :max="11" /> -
<el-input-number v-model='cycle02' :min="cycle01 + 1" :max="12" /> 月
</el-radio>
</el-form-item>
<el-form-item>
<el-radio
v-model="radioValue"
:label="2"
>
周期从
<el-input-number
v-model="cycle01"
:min="1"
:max="11"
/> -
<el-input-number
v-model="cycle02"
:min="cycle01 + 1"
:max="12"
/> 月
</el-radio>
</el-form-item>
<el-form-item>
<el-radio v-model='radioValue' :label="3">
从
<el-input-number v-model='average01' :min="1" :max="11" /> 月开始，每
<el-input-number v-model='average02' :min="1" :max="12 - average01" /> 月月执行一次
</el-radio>
</el-form-item>
<el-form-item>
<el-radio
v-model="radioValue"
:label="3"
>
从
<el-input-number
v-model="average01"
:min="1"
:max="11"
/> 月开始，每
<el-input-number
v-model="average02"
:min="1"
:max="12 - average01"
/> 月月执行一次
</el-radio>
</el-form-item>
<el-form-item>
<el-radio v-model='radioValue' :label="4">
指定
<el-select clearable v-model="checkboxList" placeholder="可多选" multiple :multiple-limit="8">
<el-option v-for="item in monthList" :key="item.key" :label="item.value" :value="item.key" />
</el-select>
</el-radio>
</el-form-item>
</el-form>
<el-form-item>
<el-radio
v-model="radioValue"
:label="4"
>
指定
<el-select
v-model="checkboxList"
clearable
placeholder="可多选"
multiple
:multiple-limit="8"
>
<el-option
v-for="item in monthList"
:key="item.key"
:label="item.value"
:value="item.key"
/>
</el-select>
</el-radio>
</el-form-item>
</el-form>
</template>
<script setup>

27
openhis-ui-vue3/src/components/Crontab/result.vue
View File

@@ -1,13 +1,22 @@
<template>
<div class="popup-result">
<p class="title">最近5次运行时间</p>
<ul class="popup-result-scroll">
<template v-if='isShow'>
<li v-for='item in resultList' :key="item">{{item}}</li>
</template>
<li v-else>计算结果中...</li>
</ul>
</div>
<div class="popup-result">
<p class="title">
最近5次运行时间
</p>
<ul class="popup-result-scroll">
<template v-if="isShow">
<li
v-for="item in resultList"
:key="item"
>
{{ item }}
</li>
</template>
<li v-else>
计算结果中...
</li>
</ul>
</div>
</template>
<script setup>

97
openhis-ui-vue3/src/components/Crontab/second.vue
View File

@@ -1,36 +1,75 @@
<template>
<el-form>
<el-form-item>
<el-radio v-model='radioValue' :label="1">
秒，允许的通配符[, - * /]
</el-radio>
</el-form-item>
<el-form>
<el-form-item>
<el-radio
v-model="radioValue"
:label="1"
>
秒，允许的通配符[, - * /]
</el-radio>
</el-form-item>
<el-form-item>
<el-radio v-model='radioValue' :label="2">
周期从
<el-input-number v-model='cycle01' :min="0" :max="58" /> -
<el-input-number v-model='cycle02' :min="cycle01 + 1" :max="59" /> 秒
</el-radio>
</el-form-item>
<el-form-item>
<el-radio
v-model="radioValue"
:label="2"
>
周期从
<el-input-number
v-model="cycle01"
:min="0"
:max="58"
/> -
<el-input-number
v-model="cycle02"
:min="cycle01 + 1"
:max="59"
/> 秒
</el-radio>
</el-form-item>
<el-form-item>
<el-radio v-model='radioValue' :label="3">
从
<el-input-number v-model='average01' :min="0" :max="58" /> 秒开始，每
<el-input-number v-model='average02' :min="1" :max="59 - average01" /> 秒执行一次
</el-radio>
</el-form-item>
<el-form-item>
<el-radio
v-model="radioValue"
:label="3"
>
从
<el-input-number
v-model="average01"
:min="0"
:max="58"
/> 秒开始，每
<el-input-number
v-model="average02"
:min="1"
:max="59 - average01"
/> 秒执行一次
</el-radio>
</el-form-item>
<el-form-item>
<el-radio v-model='radioValue' :label="4">
指定
<el-select clearable v-model="checkboxList" placeholder="可多选" multiple :multiple-limit="10">
<el-option v-for="item in 60" :key="item" :label="item - 1" :value="item - 1" />
</el-select>
</el-radio>
</el-form-item>
</el-form>
<el-form-item>
<el-radio
v-model="radioValue"
:label="4"
>
指定
<el-select
v-model="checkboxList"
clearable
placeholder="可多选"
multiple
:multiple-limit="10"
>
<el-option
v-for="item in 60"
:key="item"
:label="item - 1"
:value="item - 1"
/>
</el-select>
</el-radio>
</el-form-item>
</el-form>
</template>
<script setup>

183
openhis-ui-vue3/src/components/Crontab/week.vue
View File

@@ -1,71 +1,130 @@
<template>
<el-form>
<el-form-item>
<el-radio v-model='radioValue' :label="1">
周，允许的通配符[, - * ? / L #]
</el-radio>
</el-form-item>
<el-form>
<el-form-item>
<el-radio
v-model="radioValue"
:label="1"
>
周，允许的通配符[, - * ? / L #]
</el-radio>
</el-form-item>
<el-form-item>
<el-radio v-model='radioValue' :label="2">
不指定
</el-radio>
</el-form-item>
<el-form-item>
<el-radio
v-model="radioValue"
:label="2"
>
不指定
</el-radio>
</el-form-item>
<el-form-item>
<el-radio v-model='radioValue' :label="3">
周期从
<el-select clearable v-model="cycle01">
<el-option
v-for="(item,index) of weekList"
:key="index"
:label="item.value"
:value="item.key"
:disabled="item.key === 7"
>{{item.value}}</el-option>
</el-select>
-
<el-select clearable v-model="cycle02">
<el-option
v-for="(item,index) of weekList"
:key="index"
:label="item.value"
:value="item.key"
:disabled="item.key <= cycle01"
>{{item.value}}</el-option>
</el-select>
</el-radio>
</el-form-item>
<el-form-item>
<el-radio
v-model="radioValue"
:label="3"
>
周期从
<el-select
v-model="cycle01"
clearable
>
<el-option
v-for="(item,index) of weekList"
:key="index"
:label="item.value"
:value="item.key"
:disabled="item.key === 7"
>
{{ item.value }}
</el-option>
</el-select>
-
<el-select
v-model="cycle02"
clearable
>
<el-option
v-for="(item,index) of weekList"
:key="index"
:label="item.value"
:value="item.key"
:disabled="item.key <= cycle01"
>
{{ item.value }}
</el-option>
</el-select>
</el-radio>
</el-form-item>
<el-form-item>
<el-radio v-model='radioValue' :label="4">
第
<el-input-number v-model='average01' :min="1" :max="4" /> 周的
<el-select clearable v-model="average02">
<el-option v-for="item in weekList" :key="item.key" :label="item.value" :value="item.key" />
</el-select>
</el-radio>
</el-form-item>
<el-form-item>
<el-radio
v-model="radioValue"
:label="4"
>
第
<el-input-number
v-model="average01"
:min="1"
:max="4"
/> 周的
<el-select
v-model="average02"
clearable
>
<el-option
v-for="item in weekList"
:key="item.key"
:label="item.value"
:value="item.key"
/>
</el-select>
</el-radio>
</el-form-item>
<el-form-item>
<el-radio v-model='radioValue' :label="5">
本月最后一个
<el-select clearable v-model="weekday">
<el-option v-for="item in weekList" :key="item.key" :label="item.value" :value="item.key" />
</el-select>
</el-radio>
</el-form-item>
<el-form-item>
<el-radio
v-model="radioValue"
:label="5"
>
本月最后一个
<el-select
v-model="weekday"
clearable
>
<el-option
v-for="item in weekList"
:key="item.key"
:label="item.value"
:value="item.key"
/>
</el-select>
</el-radio>
</el-form-item>
<el-form-item>
<el-radio v-model='radioValue' :label="6">
指定
<el-select class="multiselect" clearable v-model="checkboxList" placeholder="可多选" multiple :multiple-limit="6">
<el-option v-for="item in weekList" :key="item.key" :label="item.value" :value="item.key" />
</el-select>
</el-radio>
</el-form-item>
</el-form>
<el-form-item>
<el-radio
v-model="radioValue"
:label="6"
>
指定
<el-select
v-model="checkboxList"
class="multiselect"
clearable
placeholder="可多选"
multiple
:multiple-limit="6"
>
<el-option
v-for="item in weekList"
:key="item.key"
:label="item.value"
:value="item.key"
/>
</el-select>
</el-radio>
</el-form-item>
</el-form>
</template>
<script setup>

111
openhis-ui-vue3/src/components/Crontab/year.vue
View File

@@ -1,43 +1,84 @@
<template>
<el-form>
<el-form-item>
<el-radio :label="1" v-model='radioValue'>
不填，允许的通配符[, - * /]
</el-radio>
</el-form-item>
<el-form>
<el-form-item>
<el-radio
v-model="radioValue"
:label="1"
>
不填，允许的通配符[, - * /]
</el-radio>
</el-form-item>
<el-form-item>
<el-radio :label="2" v-model='radioValue'>
每年
</el-radio>
</el-form-item>
<el-form-item>
<el-radio
v-model="radioValue"
:label="2"
>
每年
</el-radio>
</el-form-item>
<el-form-item>
<el-radio :label="3" v-model='radioValue'>
周期从
<el-input-number v-model='cycle01' :min='fullYear' :max="2098"/> -
<el-input-number v-model='cycle02' :min="cycle01 ? cycle01 + 1 : fullYear + 1" :max="2099"/>
</el-radio>
</el-form-item>
<el-form-item>
<el-radio
v-model="radioValue"
:label="3"
>
周期从
<el-input-number
v-model="cycle01"
:min="fullYear"
:max="2098"
/> -
<el-input-number
v-model="cycle02"
:min="cycle01 ? cycle01 + 1 : fullYear + 1"
:max="2099"
/>
</el-radio>
</el-form-item>
<el-form-item>
<el-radio :label="4" v-model='radioValue'>
从
<el-input-number v-model='average01' :min='fullYear' :max="2098"/> 年开始，每
<el-input-number v-model='average02' :min="1" :max="2099 - average01 || fullYear"/> 年执行一次
</el-radio>
<el-form-item>
<el-radio
v-model="radioValue"
:label="4"
>
从
<el-input-number
v-model="average01"
:min="fullYear"
:max="2098"
/> 年开始，每
<el-input-number
v-model="average02"
:min="1"
:max="2099 - average01 || fullYear"
/> 年执行一次
</el-radio>
</el-form-item>
</el-form-item>
<el-form-item>
<el-radio :label="5" v-model='radioValue'>
指定
<el-select clearable v-model="checkboxList" placeholder="可多选" multiple :multiple-limit="8">
<el-option v-for="item in 9" :key="item" :value="item - 1 + fullYear" :label="item -1 + fullYear" />
</el-select>
</el-radio>
</el-form-item>
</el-form>
<el-form-item>
<el-radio
v-model="radioValue"
:label="5"
>
指定
<el-select
v-model="checkboxList"
clearable
placeholder="可多选"
multiple
:multiple-limit="8"
>
<el-option
v-for="item in 9"
:key="item"
:value="item - 1 + fullYear"
:label="item -1 + fullYear"
/>
</el-select>
</el-radio>
</el-form-item>
</el-form>
</template>
<script setup>

6
openhis-ui-vue3/src/components/DictTag/index.vue
View File

@@ -10,12 +10,14 @@
>{{ item.label + " " }}</span>
<el-tag
v-else
:disable-transitions="true"
:key="item.value + ''"
:disable-transitions="true"
:index="index"
:type="getValidTagType(item.elTagType)"
:class="item.elTagClass"
>{{ item.label + " " }}</el-tag>
>
{{ item.label + " " }}
</el-tag>
</template>
</template>
<template v-if="unmatch && showValue">

30
openhis-ui-vue3/src/components/Editor/index.vue
View File

@@ -1,15 +1,33 @@
<template>
<div class="editor-container">
<div>
<el-upload :action="uploadUrl" :before-upload="handleBeforeUpload" :on-success="handleUploadSuccess"
:on-error="handleUploadError" name="file" :show-file-list="false" :headers="headers" class="editor-img-uploader"
v-if="type == 'url'">
<i ref="uploadRef" class="editor-img-uploader"></i>
<el-upload
v-if="type == 'url'"
:action="uploadUrl"
:before-upload="handleBeforeUpload"
:on-success="handleUploadSuccess"
:on-error="handleUploadError"
name="file"
:show-file-list="false"
:headers="headers"
class="editor-img-uploader"
>
<i
ref="uploadRef"
class="editor-img-uploader"
/>
</el-upload>
</div>
<div class="editor">
<quill-editor ref="quillEditorRef" :content="content" @update:content="content = $event" contentType="html"
@textChange="(e) => $emit('update:modelValue', content)" :options="options" :style="styles" />
<quill-editor
ref="quillEditorRef"
:content="content"
content-type="html"
:options="options"
:style="styles"
@update:content="content = $event"
@text-change="(e) => $emit('update:modelValue', content)"
/>
</div>
</div>
</template>

45
openhis-ui-vue3/src/components/FileUpload/index.vue
View File

@@ -2,6 +2,7 @@
<div class="upload-file">
<el-upload
multiple
ref="fileUpload"
:action="uploadFileUrl"
:before-upload="handleBeforeUpload"
:file-list="fileList"
@@ -12,26 +13,52 @@
:show-file-list="false"
:headers="headers"
class="upload-file-uploader"
ref="fileUpload"
>
<!-- 上传按钮 -->
<el-button type="primary">选取文件</el-button>
<el-button type="primary">
选取文件
</el-button>
</el-upload>
<!-- 上传提示 -->
<div class="el-upload__tip" v-if="showTip">
<div
v-if="showTip"
class="el-upload__tip"
>
请上传
<template v-if="fileSize"> 大小不超过 <b style="color: #f56c6c">{{ fileSize }}MB</b> </template>
<template v-if="fileType"> 格式为 <b style="color: #f56c6c">{{ fileType.join("/") }}</b> </template>
<template v-if="fileSize">
大小不超过 <b style="color: #f56c6c">{{ fileSize }}MB</b>
</template>
<template v-if="fileType">
格式为 <b style="color: #f56c6c">{{ fileType.join("/") }}</b>
</template>
的文件
</div>
<!-- 文件列表 -->
<transition-group class="upload-file-list el-upload-list el-upload-list--text" name="el-fade-in-linear" tag="ul">
<li :key="file.uid" class="el-upload-list__item ele-upload-list__item-content" v-for="(file, index) in fileList">
<el-link :href="`${baseUrl}${file.url}`" :underline="false" target="_blank">
<transition-group
class="upload-file-list el-upload-list el-upload-list--text"
name="el-fade-in-linear"
tag="ul"
>
<li
v-for="(file, index) in fileList"
:key="file.uid"
class="el-upload-list__item ele-upload-list__item-content"
>
<el-link
:href="`${baseUrl}${file.url}`"
:underline="false"
target="_blank"
>
<span class="el-icon-document"> {{ getFileName(file.name) }} </span>
</el-link>
<div class="ele-upload-list__item-content-action">
<el-link :underline="false" @click="handleDelete(index)" type="danger">删除</el-link>
<el-link
:underline="false"
type="danger"
@click="handleDelete(index)"
>
删除
</el-link>
</div>
</li>
</transition-group>

5
openhis-ui-vue3/src/components/Hamburger/index.vue
View File

@@ -1,5 +1,8 @@
<template>
<div style="padding: 0 15px;" @click="toggleClick">
<div
style="padding: 0 15px;"
@click="toggleClick"
>
<svg
:class="{'is-active':isActive}"
class="hamburger"

12
openhis-ui-vue3/src/components/HeaderSearch/index.vue
View File

@@ -1,6 +1,14 @@
<template>
<div :class="{ show: show }" class="header-search">
<svg-icon class-name="search-icon" icon-class="search" @click.stop="click" v-if="!show" />
<div
:class="{ show: show }"
class="header-search"
>
<svg-icon
v-if="!show"
class-name="search-icon"
icon-class="search"
@click.stop="click"
/>
<el-select
v-else
ref="headerSearchSelectRef"

17
openhis-ui-vue3/src/components/IconSelect/index.vue
View File

@@ -8,13 +8,24 @@
@clear="filterIcons"
@input="filterIcons"
>
<template #suffix><i class="el-icon-search el-input__icon" /></template>
<template #suffix>
<i class="el-icon-search el-input__icon" />
</template>
</el-input>
<div class="icon-list">
<div class="list-container">
<div v-for="(item, index) in iconList" class="icon-item-wrapper" :key="index" @click="selectedIcon(item)">
<div
v-for="(item, index) in iconList"
:key="index"
class="icon-item-wrapper"
@click="selectedIcon(item)"
>
<div :class="['icon-item', { active: activeIcon === item }]">
<svg-icon :icon-class="item" class-name="icon" style="height: 25px;width: 16px;"/>
<svg-icon
:icon-class="item"
class-name="icon"
style="height: 25px;width: 16px;"
/>
<span>{{ item }}</span>
</div>
</div>

13
openhis-ui-vue3/src/components/ImageUpload/index.vue
View File

@@ -1,6 +1,7 @@
<template>
<div class="component-upload-image">
<el-upload
ref="imageUpload"
multiple
:action="uploadImgUrl"
list-type="picture-card"
@@ -9,7 +10,6 @@
:limit="limit"
:on-error="handleUploadError"
:on-exceed="handleExceed"
ref="imageUpload"
:before-remove="handleDelete"
:show-file-list="true"
:headers="headers"
@@ -17,10 +17,15 @@
:on-preview="handlePictureCardPreview"
:class="{ hide: fileList.length >= limit }"
>
<el-icon class="avatar-uploader-icon"><plus /></el-icon>
<el-icon class="avatar-uploader-icon">
<plus />
</el-icon>
</el-upload>
<!-- 上传提示 -->
<div class="el-upload__tip" v-if="showTip">
<div
v-if="showTip"
class="el-upload__tip"
>
请上传
<template v-if="fileSize">
大小不超过 <b style="color: #f56c6c">{{ fileSize }}MB</b>
@@ -40,7 +45,7 @@
<img
:src="dialogImageUrl"
style="display: block; max-width: 100%; margin: 0 auto"
/>
>
</el-dialog>
</div>
</template>

10
openhis-ui-vue3/src/components/Layout/index.vue
View File

@@ -1,12 +1,18 @@
<template>
<div class="page-container">
<div v-if="$slots.header" class="page-header">
<div
v-if="$slots.header"
class="page-header"
>
<slot name="header" />
</div>
<div class="page-content">
<slot />
</div>
<div v-if="$slots.footer" class="page-footer">
<div
v-if="$slots.footer"
class="page-footer"
>
<slot name="footer" />
</div>
</div>

75
openhis-ui-vue3/src/components/NoticePanel.vue
View File

@@ -1,20 +1,51 @@
<template>
<el-drawer v-model="noticeVisible" title="公告/通知" direction="rtl" size="400px" destroy-on-close>
<el-empty v-if="noticeList.length === 0" description="暂无公告/通知" />
<div v-else class="notice-list">
<div v-for="item in noticeList" :key="item.noticeId" class="notice-item" :class="{ 'is-read': isRead(item.noticeId), 'unread': !isRead(item.noticeId) }" @click="viewDetail(item)">
<el-drawer
v-model="noticeVisible"
title="公告/通知"
direction="rtl"
size="400px"
destroy-on-close
>
<el-empty
v-if="noticeList.length === 0"
description="暂无公告/通知"
/>
<div
v-else
class="notice-list"
>
<div
v-for="item in noticeList"
:key="item.noticeId"
class="notice-item"
:class="{ 'is-read': isRead(item.noticeId), 'unread': !isRead(item.noticeId) }"
@click="viewDetail(item)"
>
<div class="notice-title">
<span v-if="!isRead(item.noticeId)" class="unread-dot"></span>
<span
v-if="!isRead(item.noticeId)"
class="unread-dot"
/>
{{ item.noticeTitle }}
</div>
<div class="notice-info">
<span class="notice-type">
<el-tag :type="getNoticeTypeTagType(item.noticeType)" size="small">
<el-tag
:type="getNoticeTypeTagType(item.noticeType)"
size="small"
>
{{ getNoticeTypeText(item.noticeType) }}
</el-tag>
</span>
<span class="notice-priority" v-if="item.priority">
<el-tag :type="getPriorityTagType(item.priority)" size="small" effect="plain">
<span
v-if="item.priority"
class="notice-priority"
>
<el-tag
:type="getPriorityTagType(item.priority)"
size="small"
effect="plain"
>
{{ getPriorityText(item.priority) }}
</el-tag>
</span>
@@ -24,23 +55,41 @@
</div>
<!-- 公告/通知详情对话框 -->
<el-dialog v-model="detailVisible" :title="currentNotice.noticeTitle" width="800px" append-to-body>
<el-dialog
v-model="detailVisible"
:title="currentNotice.noticeTitle"
width="800px"
append-to-body
>
<div class="notice-detail">
<div class="detail-header">
<div class="detail-type">
<el-tag :type="getNoticeTypeTagType(currentNotice.noticeType)" size="small">
<el-tag
:type="getNoticeTypeTagType(currentNotice.noticeType)"
size="small"
>
{{ getNoticeTypeText(currentNotice.noticeType) }}
</el-tag>
<el-tag :type="getPriorityTagType(currentNotice.priority)" size="small" effect="plain" style="margin-left: 8px;">
<el-tag
:type="getPriorityTagType(currentNotice.priority)"
size="small"
effect="plain"
style="margin-left: 8px;"
>
{{ getPriorityText(currentNotice.priority) }}
</el-tag>
</div>
<span class="detail-time">{{ parseTime(currentNotice.createTime, '{y}-{m}-{d} {h}:{i}') }}</span>
</div>
<div class="detail-content" v-html="currentNotice.noticeContent"></div>
<div
class="detail-content"
v-html="currentNotice.noticeContent"
/>
</div>
<template #footer>
<el-button @click="detailVisible = false">关闭</el-button>
<el-button @click="detailVisible = false">
关闭
</el-button>
</template>
</el-dialog>
</el-drawer>

75
openhis-ui-vue3/src/components/NoticePanel/index.vue
View File

@@ -13,7 +13,12 @@
<div class="notice-list">
<div class="notice-list-header">
<span class="notice-list-title">公告列表</span>
<el-button text type="primary" @click="markAllAsRead" v-if="unreadCount > 0">
<el-button
v-if="unreadCount > 0"
text
type="primary"
@click="markAllAsRead"
>
全部标记为已读
</el-button>
</div>
@@ -26,7 +31,10 @@
@click="handleSelectNotice(notice)"
>
<div class="notice-item-left">
<el-icon class="notice-type-icon" :class="getNoticeTypeClass(notice.noticeType)">
<el-icon
class="notice-type-icon"
:class="getNoticeTypeClass(notice.noticeType)"
>
<component :is="getNoticeTypeIcon(notice.noticeType)" />
</el-icon>
<div class="notice-item-content">
@@ -39,7 +47,14 @@
{{ getPriorityText(notice.priority) }}
</el-tag>
<span class="notice-title-text">{{ notice.noticeTitle }}</span>
<el-tag v-if="!notice.isRead" type="danger" size="small" effect="dark">未读</el-tag>
<el-tag
v-if="!notice.isRead"
type="danger"
size="small"
effect="dark"
>
未读
</el-tag>
</div>
<div class="notice-meta">
<span class="notice-date">{{ formatDate(notice.createTime) }}</span>
@@ -47,45 +62,77 @@
</div>
</div>
</div>
<el-icon class="arrow-icon" v-if="activeNoticeId === notice.noticeId">
<el-icon
v-if="activeNoticeId === notice.noticeId"
class="arrow-icon"
>
<ArrowRight />
</el-icon>
</div>
<!-- 空状态 -->
<div v-if="noticeList.length === 0" class="empty-state">
<el-empty description="暂无公告" :image-size="100" />
<div
v-if="noticeList.length === 0"
class="empty-state"
>
<el-empty
description="暂无公告"
:image-size="100"
/>
</div>
</el-scrollbar>
</div>
<!-- 公告详情 -->
<div class="notice-detail" v-if="activeNotice">
<div
v-if="activeNotice"
class="notice-detail"
>
<div class="notice-detail-header">
<h3 class="notice-detail-title">{{ activeNotice.noticeTitle }}</h3>
<h3 class="notice-detail-title">
{{ activeNotice.noticeTitle }}
</h3>
<div class="notice-detail-meta">
<el-tag :type="getPriorityTagType(activeNotice.priority)" size="small" effect="dark">
<el-tag
:type="getPriorityTagType(activeNotice.priority)"
size="small"
effect="dark"
>
{{ getPriorityText(activeNotice.priority) }}
</el-tag>
<el-tag :type="getNoticeTypeTagType(activeNotice.noticeType)" size="small">
<el-tag
:type="getNoticeTypeTagType(activeNotice.noticeType)"
size="small"
>
{{ getNoticeTypeText(activeNotice.noticeType) }}
</el-tag>
<span class="notice-detail-date">{{ formatFullDate(activeNotice.createTime) }}</span>
</div>
</div>
<el-divider />
<div class="notice-detail-body" v-html="activeNotice.noticeContent"></div>
<div
class="notice-detail-body"
v-html="activeNotice.noticeContent"
/>
</div>
<!-- 未选择状态 -->
<div v-else class="no-selection">
<el-empty description="请选择公告查看详情" :image-size="120" />
<div
v-else
class="no-selection"
>
<el-empty
description="请选择公告查看详情"
:image-size="120"
/>
</div>
</div>
<template #footer>
<div class="dialog-footer">
<el-button @click="handleClose">关闭</el-button>
<el-button @click="handleClose">
关闭
</el-button>
</div>
</template>
</el-dialog>

65
openhis-ui-vue3/src/components/NoticePopup/index.vue
View File

@@ -21,7 +21,10 @@
@click="handleSelectNotice(notice)"
>
<div class="notice-item-left">
<el-icon class="notice-type-icon" :class="getNoticeTypeClass(notice.noticeType)">
<el-icon
class="notice-type-icon"
:class="getNoticeTypeClass(notice.noticeType)"
>
<component :is="getNoticeTypeIcon(notice.noticeType)" />
</el-icon>
<div class="notice-item-content">
@@ -34,7 +37,14 @@
{{ getPriorityText(notice.priority) }}
</el-tag>
<span class="notice-title-text">{{ notice.noticeTitle }}</span>
<el-tag v-if="!notice.isRead" type="danger" size="small" effect="dark">未读</el-tag>
<el-tag
v-if="!notice.isRead"
type="danger"
size="small"
effect="dark"
>
未读
</el-tag>
</div>
<div class="notice-meta">
<span class="notice-date">{{ formatDate(notice.createTime) }}</span>
@@ -42,7 +52,10 @@
</div>
</div>
</div>
<el-icon class="arrow-icon" v-if="activeNoticeId === notice.noticeId">
<el-icon
v-if="activeNoticeId === notice.noticeId"
class="arrow-icon"
>
<ArrowRight />
</el-icon>
</div>
@@ -50,35 +63,63 @@
</div>
<!-- 公告详情 -->
<div class="notice-detail" v-if="activeNotice">
<div
v-if="activeNotice"
class="notice-detail"
>
<div class="notice-detail-header">
<h3 class="notice-detail-title">{{ activeNotice.noticeTitle }}</h3>
<h3 class="notice-detail-title">
{{ activeNotice.noticeTitle }}
</h3>
<div class="notice-detail-meta">
<el-tag :type="getPriorityTagType(activeNotice.priority)" size="small" effect="dark">
<el-tag
:type="getPriorityTagType(activeNotice.priority)"
size="small"
effect="dark"
>
{{ getPriorityText(activeNotice.priority) }}
</el-tag>
<el-tag :type="getNoticeTypeTagType(activeNotice.noticeType)" size="small">
<el-tag
:type="getNoticeTypeTagType(activeNotice.noticeType)"
size="small"
>
{{ getNoticeTypeText(activeNotice.noticeType) }}
</el-tag>
<span class="notice-detail-date">{{ formatDate(activeNotice.createTime) }}</span>
</div>
</div>
<el-divider />
<div class="notice-detail-body" v-html="activeNotice.noticeContent"></div>
<div
class="notice-detail-body"
v-html="activeNotice.noticeContent"
/>
</div>
<!-- 空状态 -->
<div v-else class="empty-state">
<el-empty description="暂无公告" :image-size="120" />
<div
v-else
class="empty-state"
>
<el-empty
description="暂无公告"
:image-size="120"
/>
</div>
</div>
<template #footer>
<div class="dialog-footer">
<el-button @click="markAllAsRead" v-if="unreadCount > 0" type="info">
<el-button
v-if="unreadCount > 0"
type="info"
@click="markAllAsRead"
>
全部标记为已读
</el-button>
<el-button type="primary" @click="handleClose">
<el-button
type="primary"
@click="handleClose"
>
{{ hasUnread ? '稍后再看' : '知道了' }}
</el-button>
</div>

5
openhis-ui-vue3/src/components/OpenHis/Doc/index.vue
View File

@@ -1,6 +1,9 @@
<template>
<div>
<svg-icon icon-class="question" @click="goto" />
<svg-icon
icon-class="question"
@click="goto"
/>
</div>
</template>

46
openhis-ui-vue3/src/components/OpenHis/TraceNoDialog/index.vue
View File

@@ -1,7 +1,7 @@
<template>
<el-dialog
title="药品追溯码"
v-model="props.openDialog"
title="药品追溯码"
width="842"
append-to-body
destroy-on-close
@@ -15,13 +15,15 @@
>
<div>
<div style="font-size: 16px">
<div style="margin-bottom: 15px">药品名称： {{ props.ypName }}</div>
<div style="margin-bottom: 15px">
药品名称： {{ props.ypName }}
</div>
扫描追溯码
<el-input
ref="traceNoTempRef"
v-model="traceNoTemp"
type="textarea"
:rows="1"
v-model="traceNoTemp"
style="width: 180px; margin-right: 20px"
@input="throttledGetList(traceNoTemp)"
/>
@@ -31,8 +33,22 @@
style="width: 180px; margin-right: 20px"
@keyup.enter="handelTraceNo(traceNoInput)"
/>
<el-button type="primary" plain icon="CircleClose" @click="handleReturn"> 撤回 </el-button>
<el-button type="danger" plain icon="CircleClose" @click="handleClear"> 清除 </el-button>
<el-button
type="primary"
plain
icon="CircleClose"
@click="handleReturn"
>
撤回
</el-button>
<el-button
type="danger"
plain
icon="CircleClose"
@click="handleClear"
>
清除
</el-button>
</div>
<!-- <el-input
ref="inputRef"
@@ -69,11 +85,10 @@
<span style="margin-right: 6px">
[{{ index + 1 }}]
<template v-if="index < 9">&nbsp;</template>
<template v-else></template>
<template v-else />
{{ item }}
</span>
<div
@click="removeTraceNo(index)"
style="
display: flex;
align-items: center;
@@ -84,8 +99,12 @@
border-radius: 50%;
cursor: pointer;
"
@click="removeTraceNo(index)"
>
<el-icon size="10" color="white">
<el-icon
size="10"
color="white"
>
<Close />
</el-icon>
</div>
@@ -98,8 +117,15 @@
</div>
<template #footer>
<div class="dialog-footer">
<el-button type="primary" @click="submit">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
<el-button
type="primary"
@click="submit"
>
确 定
</el-button>
<el-button @click="cancel">
取 消
</el-button>
</div>
</template>
</el-dialog>

6
openhis-ui-vue3/src/components/OpenHis/popoverList/index.vue
View File

@@ -6,7 +6,11 @@
trigger="manual"
:width="width"
>
<slot name="popover-content" :row="row" :index="index">
<slot
name="popover-content"
:row="row"
:index="index"
>
<div>列表内容</div>
</slot>
<template #reference>

7
openhis-ui-vue3/src/components/Pagination/index.vue
View File

@@ -1,9 +1,12 @@
<template>
<div :class="{ 'hidden': hidden }" class="pagination-container">
<div
:class="{ 'hidden': hidden }"
class="pagination-container"
>
<el-pagination
:background="background"
v-model:current-page="currentPage"
v-model:page-size="pageSize"
:background="background"
:layout="layout"
:page-sizes="pageSizes"
:pager-count="pagerCount"

2
openhis-ui-vue3/src/components/ParentView/index.vue
View File

@@ -1,3 +1,3 @@
<template >
<template>
<router-view />
</template>

80
openhis-ui-vue3/src/components/RightToolbar/index.vue
View File

@@ -1,21 +1,69 @@
<template>
<div class="top-right-btn" :style="style">
<div
class="top-right-btn"
:style="style"
>
<el-row>
<el-tooltip class="item" effect="dark" :content="showSearch ? '隐藏搜索' : '显示搜索'" placement="top" v-if="search">
<el-button circle icon="Search" @click="toggleSearch()" />
<el-tooltip
v-if="search"
class="item"
effect="dark"
:content="showSearch ? '隐藏搜索' : '显示搜索'"
placement="top"
>
<el-button
circle
icon="Search"
@click="toggleSearch()"
/>
</el-tooltip>
<el-tooltip class="item" effect="dark" content="刷新" placement="top">
<el-button circle icon="Refresh" @click="refresh()" />
<el-tooltip
class="item"
effect="dark"
content="刷新"
placement="top"
>
<el-button
circle
icon="Refresh"
@click="refresh()"
/>
</el-tooltip>
<el-tooltip class="item" effect="dark" content="显隐列" placement="top" v-if="columns">
<el-button circle icon="Menu" @click="showColumn()" v-if="showColumnsType == 'transfer'"/>
<el-dropdown trigger="click" :hide-on-click="false" style="padding-left: 12px" v-if="showColumnsType == 'checkbox'">
<el-button circle icon="Menu" />
<el-tooltip
v-if="columns"
class="item"
effect="dark"
content="显隐列"
placement="top"
>
<el-button
v-if="showColumnsType == 'transfer'"
circle
icon="Menu"
@click="showColumn()"
/>
<el-dropdown
v-if="showColumnsType == 'checkbox'"
trigger="click"
:hide-on-click="false"
style="padding-left: 12px"
>
<el-button
circle
icon="Menu"
/>
<template #dropdown>
<el-dropdown-menu>
<template v-for="item in columns" :key="item.key">
<template
v-for="item in columns"
:key="item.key"
>
<el-dropdown-item>
<el-checkbox :checked="item.visible" @change="checkboxChange($event, item.label)" :label="item.label" />
<el-checkbox
:checked="item.visible"
:label="item.label"
@change="checkboxChange($event, item.label)"
/>
</el-dropdown-item>
</template>
</el-dropdown-menu>
@@ -23,13 +71,17 @@
</el-dropdown>
</el-tooltip>
</el-row>
<el-dialog :title="title" v-model="open" append-to-body>
<el-dialog
v-model="open"
:title="title"
append-to-body
>
<el-transfer
:titles="['显示', '隐藏']"
v-model="value"
:titles="['显示', '隐藏']"
:data="columns"
@change="dataChange"
></el-transfer>
/>
</el-dialog>
</div>
</template>

5
openhis-ui-vue3/src/components/Screenfull/index.vue
View File

@@ -1,6 +1,9 @@
<template>
<div>
<svg-icon :icon-class="isFullscreen ? 'exit-fullscreen' : 'fullscreen'" @click="toggle" />
<svg-icon
:icon-class="isFullscreen ? 'exit-fullscreen' : 'fullscreen'"
@click="toggle"
/>
</div>
</template>

17
openhis-ui-vue3/src/components/SizeSelect/index.vue
View File

@@ -1,12 +1,23 @@
<template>
<div>
<el-dropdown trigger="click" @command="handleSetSize">
<el-dropdown
trigger="click"
@command="handleSetSize"
>
<div class="size-icon--style">
<svg-icon class-name="size-icon" icon-class="size" />
<svg-icon
class-name="size-icon"
icon-class="size"
/>
</div>
<template #dropdown>
<el-dropdown-menu>
<el-dropdown-item v-for="item of sizeOptions" :key="item.value" :disabled="size === item.value" :command="item.value">
<el-dropdown-item
v-for="item of sizeOptions"
:key="item.value"
:disabled="size === item.value"
:command="item.value"
>
{{ item.label }}
</el-dropdown-item>
</el-dropdown-menu>

10
openhis-ui-vue3/src/components/SvgIcon/index.vue
View File

@@ -1,6 +1,12 @@
<template>
<svg :class="svgClass" aria-hidden="true">
<use :xlink:href="iconName" :fill="color" />
<svg
:class="svgClass"
aria-hidden="true"
>
<use
:xlink:href="iconName"
:fill="color"
/>
</svg>
</template>

22
openhis-ui-vue3/src/components/TableLayout/EditTable.vue
View File

@@ -1,8 +1,22 @@
<template>
<div class="table-section" v-loading="loading">
<EditableTable ref="editableTableRef" v-bind="$attrs" class="editable-table">
<template v-for="(_, slotName) in $slots" :key="slotName" #[slotName]="slotProps">
<slot :name="slotName" v-bind="slotProps" />
<div
v-loading="loading"
class="table-section"
>
<EditableTable
ref="editableTableRef"
v-bind="$attrs"
class="editable-table"
>
<template
v-for="(_, slotName) in $slots"
:key="slotName"
#[slotName]="slotProps"
>
<slot
:name="slotName"
v-bind="slotProps"
/>
</template>
</EditableTable>
</div>

16
openhis-ui-vue3/src/components/TableLayout/FormSectionLayout.vue
View File

@@ -1,8 +1,18 @@
<template>
<div class="form-section">
<FormLayout ref="formLayoutRef" v-bind="$attrs">
<template v-for="(_, slotName) in $slots" :key="slotName" #[slotName]="slotProps">
<slot :name="slotName" v-bind="slotProps" />
<FormLayout
ref="formLayoutRef"
v-bind="$attrs"
>
<template
v-for="(_, slotName) in $slots"
:key="slotName"
#[slotName]="slotProps"
>
<slot
:name="slotName"
v-bind="slotProps"
/>
</template>
</FormLayout>
</div>

7
openhis-ui-vue3/src/components/TableLayout/NumberInput.vue
View File

@@ -8,7 +8,12 @@
@blur="handleBlur"
@change="handleChange"
>
<template v-if="suffix" #suffix>{{ suffix }}</template>
<template
v-if="suffix"
#suffix
>
{{ suffix }}
</template>
</el-input>
</template>

5
openhis-ui-vue3/src/components/TableLayout/PageLayout.vue
View File

@@ -5,7 +5,10 @@
<slot />
</div>
</template>
<template v-if="$slots.footer" #footer>
<template
v-if="$slots.footer"
#footer
>
<slot name="footer" />
</template>
</Layout>

59
openhis-ui-vue3/src/components/TopNav/index.vue
View File

@@ -2,20 +2,28 @@
<el-menu
:default-active="activeMenu"
mode="horizontal"
@select="handleSelect"
:ellipsis="false"
@select="handleSelect"
>
<template v-for="(item, index) in topMenus">
<!-- 处理有子菜单的情况 -->
<template v-if="item.children && item.children.length > 0 && index < visibleNumber">
<el-sub-menu :style="{'--theme': theme}" :index="item.path" :key="index">
<el-sub-menu
:key="index"
:style="{'--theme': theme}"
:index="item.path"
>
<template #title>
<svg-icon
v-if="item.meta && item.meta.icon && item.meta.icon !== '#'"
:icon-class="item.meta.icon"/>
v-if="item.meta && item.meta.icon && item.meta.icon !== '#'"
:icon-class="item.meta.icon"
/>
{{ item.meta.title }}
</template>
<template v-for="(child, childIndex) in item.children" :key="childIndex">
<template
v-for="(child, childIndex) in item.children"
:key="childIndex"
>
<el-menu-item :index="item.path + '/' + (child.path || '')">
{{ child.meta.title }}
</el-menu-item>
@@ -24,29 +32,47 @@
</template>
<!-- 处理无子菜单的情况 -->
<template v-else-if="index < visibleNumber">
<el-menu-item :style="{'--theme': theme}" :index="item.path" :key="index">
<el-menu-item
:key="index"
:style="{'--theme': theme}"
:index="item.path"
>
<svg-icon
v-if="item.meta && item.meta.icon && item.meta.icon !== '#'"
:icon-class="item.meta.icon"/>
v-if="item.meta && item.meta.icon && item.meta.icon !== '#'"
:icon-class="item.meta.icon"
/>
{{ item.meta.title }}
</el-menu-item>
</template>
</template>
<!-- 顶部菜单超出数量折叠 -->
<el-sub-menu :style="{'--theme': theme}" index="more" v-if="topMenus.length > visibleNumber">
<template #title>更多菜单</template>
<template v-for="(item, index) in topMenus" :key="index">
<el-sub-menu
v-if="topMenus.length > visibleNumber"
:style="{'--theme': theme}"
index="more"
>
<template #title>
更多菜单
</template>
<template
v-for="(item, index) in topMenus"
:key="index"
>
<!-- 处理有子菜单的情况 -->
<template v-if="item.children && item.children.length > 0 && index >= visibleNumber">
<el-sub-menu :index="item.path">
<template #title>
<svg-icon
v-if="item.meta && item.meta.icon && item.meta.icon !== '#'"
:icon-class="item.meta.icon"/>
v-if="item.meta && item.meta.icon && item.meta.icon !== '#'"
:icon-class="item.meta.icon"
/>
{{ item.meta.title }}
</template>
<template v-for="(child, childIndex) in item.children" :key="childIndex">
<template
v-for="(child, childIndex) in item.children"
:key="childIndex"
>
<el-menu-item :index="item.path + '/' + (child.path || '')">
{{ child.meta.title }}
</el-menu-item>
@@ -57,8 +83,9 @@
<template v-else-if="index >= visibleNumber">
<el-menu-item :index="item.path">
<svg-icon
v-if="item.meta && item.meta.icon && item.meta.icon !== '#'"
:icon-class="item.meta.icon"/>
v-if="item.meta && item.meta.icon && item.meta.icon !== '#'"
:icon-class="item.meta.icon"
/>
{{ item.meta.title }}
</el-menu-item>
</template>

13
openhis-ui-vue3/src/components/TreeSelect/index.vue
View File

@@ -1,16 +1,19 @@
<template>
<div class="el-tree-select">
<el-select
style="width: 100%"
v-model="valueId"
ref="treeSelect"
v-model="valueId"
style="width: 100%"
:filterable="true"
:clearable="true"
@clear="clearHandle"
:filter-method="selectFilterData"
:placeholder="placeholder"
@clear="clearHandle"
>
<el-option :value="valueId" :label="valueTitle">
<el-option
:value="valueId"
:label="valueTitle"
>
<el-tree
id="tree-option"
ref="selectTree"
@@ -22,7 +25,7 @@
:default-expanded-keys="defaultExpandedKey"
:filter-node-method="filterNode"
@node-click="handleNodeClick"
></el-tree>
/>
</el-option>
</el-select>
</div>

8
openhis-ui-vue3/src/components/iFrame/index.vue
View File

@@ -1,10 +1,14 @@
<template>
<div v-loading="loading" :style="'height:' + height">
<div
v-loading="loading"
:style="'height:' + height"
>
<iframe
:src="url"
frameborder="no"
style="width: 100%; height: 100%"
scrolling="auto" />
scrolling="auto"
/>
</div>
</template>

6
openhis-ui-vue3/src/components/patientBar/components/BallTag.vue
View File

@@ -4,7 +4,11 @@
* @Description:
-->
<template>
<div class="ball-tag" v-show="tagId" :style="{ backgroundColor: _tag?.color }">
<div
v-show="tagId"
class="ball-tag"
:style="{ backgroundColor: _tag?.color }"
>
{{ _tag?.name }}
</div>
</template>

11
openhis-ui-vue3/src/layout/components/AppMain.vue
View File

@@ -1,9 +1,16 @@
<template>
<section class="app-main">
<router-view v-slot="{ Component, route }">
<transition name="fade-transform" mode="out-in">
<transition
name="fade-transform"
mode="out-in"
>
<keep-alive :include="tagsViewStore.cachedViews">
<component v-if="!route.meta.link" :is="Component" :key="route.path"/>
<component
:is="Component"
v-if="!route.meta.link"
:key="route.path"
/>
</keep-alive>
</transition>
</router-view>

6
openhis-ui-vue3/src/layout/components/IframeToggle/index.vue
View File

@@ -1,11 +1,11 @@
<template>
<inner-link
v-for="(item, index) in tagsViewStore.iframeViews"
:key="item.path"
:iframeId="'iframe' + index"
v-show="route.path === item.path"
:key="item.path"
:iframe-id="'iframe' + index"
:src="iframeUrl(item.meta.link, item.query)"
></inner-link>
/>
</template>
<script setup>

2
openhis-ui-vue3/src/layout/components/InnerLink/index.vue
View File

@@ -5,7 +5,7 @@
style="width: 100%; height: 100%"
:src="src"
frameborder="no"
></iframe>
/>
</div>
</template>

80
openhis-ui-vue3/src/layout/components/Navbar.vue
View File

@@ -2,7 +2,10 @@
<div class="navbar">
<div class="left-menu">
<div class="hamburger-container">
<div class="hamburger" @click="toggleSideBar">
<div
class="hamburger"
@click="toggleSideBar"
>
<el-icon :size="20">
<component :is="sidebar.opened ? 'Fold' : 'Expand'" />
</el-icon>
@@ -11,19 +14,38 @@
<!-- 搜索和公告通知 -->
<div class="left-actions">
<template v-if="appStore.device !== 'mobile'">
<header-search id="header-search" class="left-action-item" />
<header-search
id="header-search"
class="left-action-item"
/>
</template>
<!-- 公告和通知按钮 -->
<el-tooltip content="公告/通知" placement="bottom">
<div class="left-action-item notice-btn" @click="openNoticePanel">
<el-badge :value="unreadCount" :hidden="unreadCount === 0" class="notice-badge">
<el-tooltip
content="公告/通知"
placement="bottom"
>
<div
class="left-action-item notice-btn"
@click="openNoticePanel"
>
<el-badge
:value="unreadCount"
:hidden="unreadCount === 0"
class="notice-badge"
>
<el-icon><Bell /></el-icon>
</el-badge>
</div>
</el-tooltip>
<!-- 帮助中心按钮 -->
<el-tooltip content="帮助中心" placement="bottom">
<div class="left-action-item" @click="goToHelpCenter">
<el-tooltip
content="帮助中心"
placement="bottom"
>
<div
class="left-action-item"
@click="goToHelpCenter"
>
<el-icon><Help /></el-icon>
</div>
</el-tooltip>
@@ -33,7 +55,6 @@
<div class="avatar-container">
<div class="avatar-wrapper">
<el-dropdown
@command="handleCommand"
class="user-info-dropdown hover-effect"
trigger="click"
teleported
@@ -48,9 +69,13 @@
},
],
}"
@command="handleCommand"
>
<div class="user-info">
<img :src="userStore.avatar" class="user-avatar" />
<img
:src="userStore.avatar"
class="user-avatar"
>
<span class="nick-name">{{ userStore.nickName }}</span>
</div>
<template #dropdown>
@@ -58,7 +83,10 @@
<router-link to="/user/profile">
<el-dropdown-item>个人中心</el-dropdown-item>
</router-link>
<el-dropdown-item divided command="logout">
<el-dropdown-item
divided
command="logout"
>
<span>退出登录</span>
</el-dropdown-item>
</el-dropdown-menu>
@@ -66,11 +94,11 @@
</el-dropdown>
<span class="divider">|</span>
<el-dropdown
@command="handleOrgSwitch"
trigger="click"
teleported
popper-class="navbar-dropdown"
:placement="'bottom-start'"
@command="handleOrgSwitch"
>
<span class="org-name">{{ userStore.orgName }}</span>
<template #dropdown>
@@ -90,8 +118,18 @@
</div>
</div>
</div>
<el-dialog title="切换科室" v-model="showDialog" width="400px" append-to-body destroy-on-close>
<el-select v-model="orgId" filterable clearable>
<el-dialog
v-model="showDialog"
title="切换科室"
width="400px"
append-to-body
destroy-on-close
>
<el-select
v-model="orgId"
filterable
clearable
>
<el-option
v-for="item in orgOptions"
:key="item.orgId"
@@ -101,14 +139,24 @@
</el-select>
<template #footer>
<div class="dialog-footer">
<el-button type="primary" @click="submit">确定</el-button>
<el-button @click="showDialog = false">取消</el-button>
<el-button
type="primary"
@click="submit"
>
确定
</el-button>
<el-button @click="showDialog = false">
取消
</el-button>
</div>
</template>
</el-dialog>
<!-- 公告/通知面板 -->
<NoticePanel ref="noticePanelRef" @updateUnreadCount="updateUnreadCount" />
<NoticePanel
ref="noticePanelRef"
@update-unread-count="updateUnreadCount"
/>
</div>
</template>

129
openhis-ui-vue3/src/layout/components/Settings/index.vue
View File

@@ -1,24 +1,75 @@
<template>
<el-drawer v-model="showSettings" :withHeader="false" direction="rtl" size="300px">
<el-drawer
v-model="showSettings"
:with-header="false"
direction="rtl"
size="300px"
>
<div class="setting-drawer-title">
<h3 class="drawer-title">主题风格设置</h3>
<h3 class="drawer-title">
主题风格设置
</h3>
</div>
<div class="setting-drawer-block-checbox">
<div class="setting-drawer-block-checbox-item" @click="handleTheme('theme-dark')">
<img src="@/assets/images/dark.svg" alt="dark" />
<div v-if="sideTheme === 'theme-dark'" class="setting-drawer-block-checbox-selectIcon" style="display: block;">
<i aria-label="图标: check" class="anticon anticon-check">
<svg viewBox="64 64 896 896" data-icon="check" width="1em" height="1em" :fill="theme" aria-hidden="true" focusable="false" class>
<div
class="setting-drawer-block-checbox-item"
@click="handleTheme('theme-dark')"
>
<img
src="@/assets/images/dark.svg"
alt="dark"
>
<div
v-if="sideTheme === 'theme-dark'"
class="setting-drawer-block-checbox-selectIcon"
style="display: block;"
>
<i
aria-label="图标: check"
class="anticon anticon-check"
>
<svg
viewBox="64 64 896 896"
data-icon="check"
width="1em"
height="1em"
:fill="theme"
aria-hidden="true"
focusable="false"
class
>
<path d="M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 0 0-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z" />
</svg>
</i>
</div>
</div>
<div class="setting-drawer-block-checbox-item" @click="handleTheme('theme-light')">
<img src="@/assets/images/light.svg" alt="light" />
<div v-if="sideTheme === 'theme-light'" class="setting-drawer-block-checbox-selectIcon" style="display: block;">
<i aria-label="图标: check" class="anticon anticon-check">
<svg viewBox="64 64 896 896" data-icon="check" width="1em" height="1em" :fill="theme" aria-hidden="true" focusable="false" class>
<div
class="setting-drawer-block-checbox-item"
@click="handleTheme('theme-light')"
>
<img
src="@/assets/images/light.svg"
alt="light"
>
<div
v-if="sideTheme === 'theme-light'"
class="setting-drawer-block-checbox-selectIcon"
style="display: block;"
>
<i
aria-label="图标: check"
class="anticon anticon-check"
>
<svg
viewBox="64 64 896 896"
data-icon="check"
width="1em"
height="1em"
:fill="theme"
aria-hidden="true"
focusable="false"
class
>
<path d="M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 0 0-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z" />
</svg>
</i>
@@ -28,54 +79,88 @@
<div class="drawer-item">
<span>主题颜色</span>
<span class="comp-style">
<el-color-picker v-model="theme" :predefine="predefineColors" @change="themeChange"/>
<el-color-picker
v-model="theme"
:predefine="predefineColors"
@change="themeChange"
/>
</span>
</div>
<el-divider />
<h3 class="drawer-title">系统布局配置</h3>
<h3 class="drawer-title">
系统布局配置
</h3>
<div class="drawer-item">
<span>开启 TopNav</span>
<span class="comp-style">
<el-switch v-model="settingsStore.topNav" @change="topNavChange" class="drawer-switch" />
<el-switch
v-model="settingsStore.topNav"
class="drawer-switch"
@change="topNavChange"
/>
</span>
</div>
<div class="drawer-item">
<span>开启 Tags-Views</span>
<span class="comp-style">
<el-switch v-model="settingsStore.tagsView" class="drawer-switch" />
<el-switch
v-model="settingsStore.tagsView"
class="drawer-switch"
/>
</span>
</div>
<div class="drawer-item">
<span>固定 Header</span>
<span class="comp-style">
<el-switch v-model="settingsStore.fixedHeader" class="drawer-switch" />
<el-switch
v-model="settingsStore.fixedHeader"
class="drawer-switch"
/>
</span>
</div>
<div class="drawer-item">
<span>显示 Logo</span>
<span class="comp-style">
<el-switch v-model="settingsStore.sidebarLogo" class="drawer-switch" />
<el-switch
v-model="settingsStore.sidebarLogo"
class="drawer-switch"
/>
</span>
</div>
<div class="drawer-item">
<span>动态标题</span>
<span class="comp-style">
<el-switch v-model="settingsStore.dynamicTitle" class="drawer-switch" />
<el-switch
v-model="settingsStore.dynamicTitle"
class="drawer-switch"
/>
</span>
</div>
<el-divider />
<el-button type="primary" plain icon="DocumentAdd" @click="saveSetting">保存配置</el-button>
<el-button plain icon="Refresh" @click="resetSetting">重置配置</el-button>
<el-button
type="primary"
plain
icon="DocumentAdd"
@click="saveSetting"
>
保存配置
</el-button>
<el-button
plain
icon="Refresh"
@click="resetSetting"
>
重置配置
</el-button>
</el-drawer>
</template>
<script setup>

5
openhis-ui-vue3/src/layout/components/Sidebar/Link.vue
View File

@@ -1,5 +1,8 @@
<template>
<component :is="type" v-bind="linkProps()">
<component
:is="type"
v-bind="linkProps()"
>
<slot />
</component>
</template>

22
openhis-ui-vue3/src/layout/components/Sidebar/Logo.vue
View File

@@ -7,15 +7,29 @@
sideTheme === 'theme-dark' ? variables.menuBackground : variables.menuLightBackground,
}"
>
<router-link class="sidebar-logo-link" to="/index">
<router-link
class="sidebar-logo-link"
to="/index"
>
<el-image
:src="logoImage"
class="sidebar-logo"
fit="contain"
/>
<div v-if="!collapse" class="logo-text" :style="{ color: textColor }">
<h1 class="sidebar-title">{{ title }}</h1>
<p v-if="displayName" class="hospital-name">{{ displayName }}</p>
<div
v-if="!collapse"
class="logo-text"
:style="{ color: textColor }"
>
<h1 class="sidebar-title">
{{ title }}
</h1>
<p
v-if="displayName"
class="hospital-name"
>
{{ displayName }}
</p>
</div>
</router-link>
</div>

55
openhis-ui-vue3/src/layout/components/Sidebar/SidebarItem.vue
View File

@@ -1,27 +1,54 @@
<template>
<div v-if="!item.hidden && !(item.meta && item.meta.visible === '1')">
<template v-if="hasOneShowingChild(item.children, item) && (!onlyOneChild.children || onlyOneChild.noShowingChildren) && !item.alwaysShow">
<app-link v-if="onlyOneChild.meta" :to="resolvePath(onlyOneChild.path, onlyOneChild.query)">
<el-menu-item :index="resolvePath(onlyOneChild.path)" :class="{ 'submenu-title-noDropdown': !isNest }">
<svg-icon v-if="onlyOneChild.meta.icon || (item.meta && item.meta.icon)" :icon-class="onlyOneChild.meta.icon || (item.meta && item.meta.icon)"/>
<template #title><span class="menu-title" :title="hasTitle(onlyOneChild.meta.title)">{{ onlyOneChild.meta.title }}</span></template>
<app-link
v-if="onlyOneChild.meta"
:to="resolvePath(onlyOneChild.path, onlyOneChild.query)"
>
<el-menu-item
:index="resolvePath(onlyOneChild.path)"
:class="{ 'submenu-title-noDropdown': !isNest }"
>
<svg-icon
v-if="onlyOneChild.meta.icon || (item.meta && item.meta.icon)"
:icon-class="onlyOneChild.meta.icon || (item.meta && item.meta.icon)"
/>
<template #title>
<span
class="menu-title"
:title="hasTitle(onlyOneChild.meta.title)"
>{{ onlyOneChild.meta.title }}</span>
</template>
</el-menu-item>
</app-link>
</template>
<el-sub-menu v-else ref="subMenu" :index="resolvePath(item.path)">
<template v-if="item.meta" #title>
<svg-icon v-if="item.meta.icon" :icon-class="item.meta.icon" />
<span class="menu-title" :title="hasTitle(item.meta.title)">{{ item.meta.title }}</span>
<el-sub-menu
v-else
ref="subMenu"
:index="resolvePath(item.path)"
>
<template
v-if="item.meta"
#title
>
<svg-icon
v-if="item.meta.icon"
:icon-class="item.meta.icon"
/>
<span
class="menu-title"
:title="hasTitle(item.meta.title)"
>{{ item.meta.title }}</span>
</template>
<sidebar-item
v-for="(child, index) in item.children"
:key="child.path + index"
:is-nest="true"
:item="child"
:base-path="resolvePath(child.path)"
class="nest-menu"
v-for="(child, index) in item.children"
:key="child.path + index"
:is-nest="true"
:item="child"
:base-path="resolvePath(child.path)"
class="nest-menu"
/>
</el-sub-menu>
</div>

5
openhis-ui-vue3/src/layout/components/Sidebar/index.vue
View File

@@ -10,7 +10,10 @@
sideTheme === 'theme-dark' ? variables.menuBackground : variables.menuLightBackground,
}"
>
<logo v-if="showLogo" :collapse="isCollapse" />
<logo
v-if="showLogo"
:collapse="isCollapse"
/>
<el-scrollbar class="sidebar-scrollbar">
<el-menu
:default-active="activeMenu"

46
openhis-ui-vue3/src/layout/components/TagsView/index.vue
View File

@@ -1,6 +1,13 @@
<template>
<div id="tags-view-container" class="tags-view-container">
<scroll-pane ref="scrollPaneRef" class="tags-view-wrapper" @scroll="handleScroll">
<div
id="tags-view-container"
class="tags-view-container"
>
<scroll-pane
ref="scrollPaneRef"
class="tags-view-wrapper"
@scroll="handleScroll"
>
<router-link
v-for="tag in visitedViews"
:key="tag.path"
@@ -13,23 +20,44 @@
@contextmenu.prevent="openMenu(tag, $event)"
>
{{ tag.title }}
<span v-if="!isAffix(tag)" @click.prevent.stop="closeSelectedTag(tag)">
<close class="el-icon-close" style="width: 1em; height: 1em; vertical-align: middle" />
<span
v-if="!isAffix(tag)"
@click.prevent.stop="closeSelectedTag(tag)"
>
<close
class="el-icon-close"
style="width: 1em; height: 1em; vertical-align: middle"
/>
</span>
</router-link>
</scroll-pane>
<ul v-show="visible" :style="{ left: left + 'px', top: top + 'px' }" class="contextmenu">
<ul
v-show="visible"
:style="{ left: left + 'px', top: top + 'px' }"
class="contextmenu"
>
<li @click="refreshSelectedTag(selectedTag)">
<refresh-right style="width: 1em; height: 1em" /> 刷新页面
</li>
<li v-if="!isAffix(selectedTag)" @click="closeSelectedTag(selectedTag)">
<li
v-if="!isAffix(selectedTag)"
@click="closeSelectedTag(selectedTag)"
>
<close style="width: 1em; height: 1em" /> 关闭当前
</li>
<li @click="closeOthersTags"><circle-close style="width: 1em; height: 1em" /> 关闭其他</li>
<li v-if="!isFirstView()" @click="closeLeftTags">
<li @click="closeOthersTags">
<circle-close style="width: 1em; height: 1em" /> 关闭其他
</li>
<li
v-if="!isFirstView()"
@click="closeLeftTags"
>
<back style="width: 1em; height: 1em" /> 关闭左侧
</li>
<li v-if="!isLastView()" @click="closeRightTags">
<li
v-if="!isLastView()"
@click="closeRightTags"
>
<right style="width: 1em; height: 1em" /> 关闭右侧
</li>
<li @click="closeAllTags(selectedTag)">

12
openhis-ui-vue3/src/layout/index.vue
View File

@@ -11,11 +11,17 @@
<!-- 右侧主容器 -->
<div class="main-wrapper">
<!-- 顶部导航栏 -->
<navbar @setLayout="setLayout" />
<navbar @set-layout="setLayout" />
<!-- 内容区 -->
<div :class="{ 'hasTagsView': needTagsView }" class="content-wrapper">
<div
:class="{ 'hasTagsView': needTagsView }"
class="content-wrapper"
>
<!-- 标签栏 -->
<div v-if="needTagsView" :class="{ 'fixed-header': fixedHeader }">
<div
v-if="needTagsView"
:class="{ 'fixed-header': fixedHeader }"
>
<tags-view />
</div>
<!-- 主内容 -->

2
openhis-ui-vue3/src/main.js
View File

@@ -117,7 +117,7 @@ app.use(router);
app.use(store);
app.use(plugins);
app.use(elementIcons);
app.component('svg-icon', SvgIcon);
app.component('SvgIcon', SvgIcon);
directive(app);
// 全局禁止点击遮罩层关闭弹窗
ElDialog.props.closeOnClickModal.default = false;

109
openhis-ui-vue3/src/template/DischargeDiagnosisCertificate.vue
View File

@@ -5,8 +5,12 @@
patient?.busNo || '未知'
}}
</div>
<h2 style="text-align: center">{{ userStore.hospitalName }}</h2>
<h2 style="text-align: center">出院诊断病历</h2>
<h2 style="text-align: center">
{{ userStore.hospitalName }}
</h2>
<h2 style="text-align: center">
出院诊断病历
</h2>
<!-- 滚动内容区域 -->
<div class="form-scroll-container">
@@ -18,42 +22,86 @@
label-align="left"
class="medical-full-form"
>
<h4 class="section-title">一、基础信息</h4>
<h4 class="section-title">
一、基础信息
</h4>
<!-- 1. 基础信息：单行自适应排列 -->
<el-form-item class="form-section">
<div class="single-row-layout">
<el-form-item label="姓名" prop="patientName" class="row-item">
<el-form-item
label="姓名"
prop="patientName"
class="row-item"
>
<div class="input-with-unit">
<el-input
disabled
v-model="formData.patientName"
disabled
type="text"
placeholder="请输入"
/>
</div>
</el-form-item>
<el-form-item label="年龄" prop="age" class="row-item">
<el-form-item
label="年龄"
prop="age"
class="row-item"
>
<div class="input-with-unit">
<el-input disabled v-model="formData.age" type="text" placeholder="请输入" />
<el-input
v-model="formData.age"
disabled
type="text"
placeholder="请输入"
/>
</div>
</el-form-item>
<el-form-item label="性别" prop="gender" class="row-item">
<el-form-item
label="性别"
prop="gender"
class="row-item"
>
<div class="input-with-unit">
<el-input v-model="formData.gender" type="text" placeholder="请输入" />
<el-input
v-model="formData.gender"
type="text"
placeholder="请输入"
/>
</div>
</el-form-item>
<el-form-item label="住院号" prop="busNo" class="row-item">
<el-form-item
label="住院号"
prop="busNo"
class="row-item"
>
<div class="input-with-unit">
<el-input disabled v-model="formData.busNo" type="text" placeholder="请输入" />
<el-input
v-model="formData.busNo"
disabled
type="text"
placeholder="请输入"
/>
</div>
</el-form-item>
<el-form-item label="职业" prop="temperature" class="row-item">
<el-form-item
label="职业"
prop="temperature"
class="row-item"
>
<div class="input-with-unit">
<el-input v-model="formData.temperature" type="text" placeholder="请输入" />
<el-input
v-model="formData.temperature"
type="text"
placeholder="请输入"
/>
</div>
</el-form-item>
<el-form-item label="入院日期" prop="admissionDate" class="row-item">
<el-form-item
label="入院日期"
prop="admissionDate"
class="row-item"
>
<el-date-picker
v-model="formData.admissionDate"
type="date"
@@ -62,7 +110,11 @@
style="width: 100%"
/>
</el-form-item>
<el-form-item label="出院日期" prop="dischargeDate" class="row-item">
<el-form-item
label="出院日期"
prop="dischargeDate"
class="row-item"
>
<el-date-picker
v-model="formData.dischargeDate"
type="date"
@@ -71,17 +123,31 @@
style="width: 100%"
/>
</el-form-item>
<el-form-item label="住院天数" prop="hospitalDays" class="row-item">
<el-form-item
label="住院天数"
prop="hospitalDays"
class="row-item"
>
<div class="input-with-unit">
<el-input disabled v-model="formData.hospitalDays" placeholder="请输入" />
<el-input
v-model="formData.hospitalDays"
disabled
placeholder="请输入"
/>
</div>
</el-form-item>
</div>
</el-form-item>
<h4 class="section-title">二、诊断</h4>
<h4 class="section-title">
二、诊断
</h4>
<!-- 3. 出院诊断（必填） -->
<el-form-item label="出院诊断" prop="DischargeDiagnosis" class="required form-item-single">
<el-form-item
label="出院诊断"
prop="DischargeDiagnosis"
class="required form-item-single"
>
<el-input
v-model="formData.DischargeDiagnosis"
type="textarea"
@@ -135,7 +201,10 @@
</el-form>
</div>
</div>
<DisDiagnMedicalRecord v-if="isShowprintDom" ref="recordPrintRef"></DisDiagnMedicalRecord>
<DisDiagnMedicalRecord
v-if="isShowprintDom"
ref="recordPrintRef"
/>
</template>
<script setup>

62
openhis-ui-vue3/src/template/FallBedFallAssessment.vue
View File

@@ -36,9 +36,17 @@
</el-table-column>
</el-table> -->
<div name="跌倒/坠床评估护理记录单" class="changeMajor" style="width: 99.9%">
<div
name="跌倒/坠床评估护理记录单"
class="changeMajor"
style="width: 99.9%"
>
<div>
<el-form ref="formRef" :model="form" style="width: 99.9%">
<el-form
ref="formRef"
:model="form"
style="width: 99.9%"
>
<el-form-item style="text-align: center">
<div
style="
@@ -54,9 +62,16 @@
</div>
</el-form-item>
<el-form-item label="日期：" class="changeMajorFromItem" style="width: 100%">
<el-form-item
label="日期："
class="changeMajorFromItem"
style="width: 100%"
>
<el-row :span="20">
<el-col :span="8" style="padding-left: 0px !important">
<el-col
:span="8"
style="padding-left: 0px !important"
>
<el-form-item>
<el-date-picker
v-model="form.ZKDATE"
@@ -115,9 +130,17 @@
:label="column.title"
align="center"
/>
<el-table-column prop="id" label="选择" width="80" align="center">
<el-table-column
prop="id"
label="选择"
width="80"
align="center"
>
<template #default="{ row }">
<el-checkbox v-model="row.checked" @change="handleDangerChange(row)" />
<el-checkbox
v-model="row.checked"
@change="handleDangerChange(row)"
/>
</template>
</el-table-column>
</el-table>
@@ -150,9 +173,17 @@
:label="column.title"
align="center"
/>
<el-table-column prop="id" label="选择" width="80" align="center">
<el-table-column
prop="id"
label="选择"
width="80"
align="center"
>
<template #default="{ row }">
<el-checkbox v-model="row.checked" @change="handleNursingChange(row)" />
<el-checkbox
v-model="row.checked"
@change="handleNursingChange(row)"
/>
</template>
</el-table-column>
</el-table>
@@ -185,7 +216,12 @@
</el-row>
<el-form-item label-width="15px">
<ul class="instructions-list">
<li v-for="(item, index) in instructions" :key="index">{{ item }}</li>
<li
v-for="(item, index) in instructions"
:key="index"
>
{{ item }}
</li>
</ul>
</el-form-item>
</el-form-item>
@@ -610,11 +646,11 @@ const handleUpdate = (row) => {
totalScore.value = row.content.totalScore;
// 评估项目
dangerData.forEach((item) => {
dangerData.value.forEach((item) => {
item.checked = form.bedFallRiskAssessmentList.includes(item.id);
});
nursingData.forEach((item) => {
nursingData.value.forEach((item) => {
item.checked = form.patientCareSessionsCheckedList.includes(item.id);
});
@@ -634,12 +670,12 @@ const reset = () => {
});
// 初始化评估项目
dangerData.forEach((session) => {
dangerData.value.forEach((session) => {
session.checked = false;
});
// 初始化护理措施
nursingData.forEach((session) => {
nursingData.value.forEach((session) => {
session.checked = false;
});

50
openhis-ui-vue3/src/template/HospitalRecordForm.vue
View File

@@ -1,32 +1,52 @@
<template>
<div class="hospital-record-form">
<el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane label="病案首页(一)" name="first">
<el-tabs
v-model="activeName"
@tab-click="handleClick"
>
<el-tab-pane
label="病案首页(一)"
name="first"
>
<medicalRecordFirst
ref="firstRef"
:formData="formData"
@onCaseFirst="updateCaseFirstDatas"
></medicalRecordFirst>
:form-data="formData"
@on-case-first="updateCaseFirstDatas"
/>
</el-tab-pane>
<el-tab-pane label="病案首页(二)" name="second">
<el-tab-pane
label="病案首页(二)"
name="second"
>
<medicalRecordSecond
:formData="formData"
@onCaseSecond="updateCaseFirstDatas"
></medicalRecordSecond>
:form-data="formData"
@on-case-second="updateCaseFirstDatas"
/>
</el-tab-pane>
<el-tab-pane label="病案附页(三)" name="third">
<el-tab-pane
label="病案附页(三)"
name="third"
>
<medicalRecordThird
:formData="formData"
@onCaseThird="updateCaseFirstDatas"
></medicalRecordThird>
:form-data="formData"
@on-case-third="updateCaseFirstDatas"
/>
</el-tab-pane>
</el-tabs>
<div class="form-footer">
<!-- <button @click="printForm" class="print-btn">打印表单</button> -->
<button @click="resetForm" class="reset-btn">重置表单</button>
<button
class="reset-btn"
@click="resetForm"
>
重置表单
</button>
</div>
<medicalRecordPrint v-if="isShowprintDom" ref="recordPrintRef"></medicalRecordPrint>
<medicalRecordPrint
v-if="isShowprintDom"
ref="recordPrintRef"
/>
<!-- <el-drawer v-model="drawer" size="100%">
<medicalRecordPrint ref="recordPrintRef"></medicalRecordPrint>
</el-drawer> -->

155
openhis-ui-vue3/src/template/inHospitalCaseForm.vue
View File

@@ -8,81 +8,147 @@
</h1>
</div>
<!-- 页面标题 -->
<h2 class="form-title">住院病人风险评估表</h2>
<h2 class="form-title">
住院病人风险评估表
</h2>
<!-- 表单卡片 -->
<el-form :model="formData" label-width="100px">
<el-form
:model="formData"
label-width="100px"
>
<el-row>
<el-col :span="8">
<el-form-item label="科室" label-position="top">
<el-input v-model="formData.department" readonly="true"></el-input>
<el-form-item
label="科室"
label-position="top"
>
<el-input
v-model="formData.department"
readonly="true"
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="床号" label-position="top" class="comment-padding">
<el-input v-model="formData.bedNo" readonly="true"></el-input>
<el-form-item
label="床号"
label-position="top"
class="comment-padding"
>
<el-input
v-model="formData.bedNo"
readonly="true"
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="住院号" label-position="top" class="comment-padding">
<el-input v-model="formData.busNo" readonly="true"></el-input>
<el-form-item
label="住院号"
label-position="top"
class="comment-padding"
>
<el-input
v-model="formData.busNo"
readonly="true"
/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="姓名" label-position="top">
<el-form-item
label="姓名"
label-position="top"
>
<el-input
v-model="formData.patientName"
readonly="true"
class="auto-resize-input"
></el-input>
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="性别" label-position="top" class="comment-padding">
<el-form-item
label="性别"
label-position="top"
class="comment-padding"
>
<el-input
v-model="formData.gender"
readonly="true"
class="auto-resize-input"
></el-input>
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="年龄" label-position="top" class="comment-padding">
<el-input v-model="formData.age" readonly="true" class="auto-resize-input"></el-input>
<el-form-item
label="年龄"
label-position="top"
class="comment-padding"
>
<el-input
v-model="formData.age"
readonly="true"
class="auto-resize-input"
/>
</el-form-item>
</el-col>
</el-row>
<el-form-item label="病情简介" label-position="top">
<el-form-item
label="病情简介"
label-position="top"
>
<el-input
type="textarea"
v-model="formData.adm_cond"
:autosize="{ minRows: 1, maxRows: 100 }"
class="full-width-textarea"
></el-input>
</el-form-item>
<el-form-item label="可能发生的不良后果及预后" label-position="top">
<el-input
type="textarea"
v-model="formData.effectless"
:autosize="{ minRows: 1, maxRows: 100 }"
class="full-width-textarea"
></el-input>
/>
</el-form-item>
<el-form-item label="评估等级" label-position="top">
<el-form-item
label="可能发生的不良后果及预后"
label-position="top"
>
<el-input
v-model="formData.effectless"
type="textarea"
:autosize="{ minRows: 1, maxRows: 100 }"
class="full-width-textarea"
/>
</el-form-item>
<el-form-item
label="评估等级"
label-position="top"
>
<el-radio-group v-model="formData.evalLevel">
<el-radio label="一般">一般</el-radio>
<el-radio label="病重">病重</el-radio>
<el-radio label="病危">病危</el-radio>
<el-radio label="一般">
一般
</el-radio>
<el-radio label="病重">
病重
</el-radio>
<el-radio label="病危">
病危
</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="护理等级" label-position="top">
<el-form-item
label="护理等级"
label-position="top"
>
<el-radio-group v-model="formData.nurseLevel">
<el-radio label="特级护理">特级护理</el-radio>
<el-radio label="一级护理">一级护理</el-radio>
<el-radio label="二级护理">二级护理</el-radio>
<el-radio label="三级护理">三级护理</el-radio>
<el-radio label="特级护理">
特级护理
</el-radio>
<el-radio label="一级护理">
一级护理
</el-radio>
<el-radio label="二级护理">
二级护理
</el-radio>
<el-radio label="三级护理">
三级护理
</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="收集资料时间:">
@@ -92,36 +158,45 @@
<el-col :span="8">
<el-form-item label="评估医师签名:">
<el-input
disabled
v-model="formData.sign_doc"
disabled
:autosize="{ minRows: 1 }"
class="auto-resize-input"
></el-input>
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="主治医师签名:" class="comment-padding">
<el-form-item
label="主治医师签名:"
class="comment-padding"
>
<el-input
v-model="formData.sign_maindoc"
:autosize="{ minRows: 1 }"
class="auto-resize-input"
></el-input>
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="科主任签名:" class="comment-padding">
<el-form-item
label="科主任签名:"
class="comment-padding"
>
<el-input
v-model="formData.sign_leader"
:autosize="{ minRows: 1 }"
class="auto-resize-input"
></el-input>
/>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
</div>
<inAssessmentForm v-if="isShowprintDom" ref="recordPrintRef"></inAssessmentForm>
<inAssessmentForm
v-if="isShowprintDom"
ref="recordPrintRef"
/>
</template>
<script setup>

385
openhis-ui-vue3/src/template/inHospitalRecord.vue
View File

@@ -15,48 +15,129 @@
class="medical-full-form"
>
<!-- 1. 基础信息区域（自适应两列布局） -->
<h4 class="section-title">基础信息</h4>
<h4 class="section-title">
基础信息
</h4>
<div class="adaptive-grid form-section">
<el-form-item label="姓名" prop="patientName" class="grid-item required">
<el-input v-model="formData.patientName" placeholder="请输入姓名" clearable />
<el-form-item
label="姓名"
prop="patientName"
class="grid-item required"
>
<el-input
v-model="formData.patientName"
placeholder="请输入姓名"
clearable
/>
</el-form-item>
<el-form-item label="住院号" prop="hospitalNo" class="grid-item required">
<el-input v-model="formData.hospitalNo" placeholder="请输入住院号" clearable />
<el-form-item
label="住院号"
prop="hospitalNo"
class="grid-item required"
>
<el-input
v-model="formData.hospitalNo"
placeholder="请输入住院号"
clearable
/>
</el-form-item>
<el-form-item label="性别" prop="gender" class="grid-item required">
<el-select v-model="formData.gender" placeholder="请选择" style="width: 100%">
<el-option label="男" value="男"></el-option>
<el-option label="女" value="女"></el-option>
<el-form-item
label="性别"
prop="gender"
class="grid-item required"
>
<el-select
v-model="formData.gender"
placeholder="请选择"
style="width: 100%"
>
<el-option
label="男"
value="男"
/>
<el-option
label="女"
value="女"
/>
</el-select>
</el-form-item>
<el-form-item label="年龄" prop="age" class="grid-item required">
<el-form-item
label="年龄"
prop="age"
class="grid-item required"
>
<div class="input-with-unit">
<el-input v-model.number="formData.age" placeholder="请输入年龄" clearable />
<el-input
v-model.number="formData.age"
placeholder="请输入年龄"
clearable
/>
<span class="unit">岁</span>
</div>
</el-form-item>
<el-form-item label="民族" prop="nation" class="grid-item">
<el-input v-model="formData.nation" placeholder="请输入民族" clearable />
<el-form-item
label="民族"
prop="nation"
class="grid-item"
>
<el-input
v-model="formData.nation"
placeholder="请输入民族"
clearable
/>
</el-form-item>
<el-form-item label="职业" prop="occupation" class="grid-item">
<el-input v-model="formData.occupation" placeholder="请输入职业" clearable />
<el-form-item
label="职业"
prop="occupation"
class="grid-item"
>
<el-input
v-model="formData.occupation"
placeholder="请输入职业"
clearable
/>
</el-form-item>
<el-form-item label="婚姻状况" prop="marriage" class="grid-item">
<el-form-item
label="婚姻状况"
prop="marriage"
class="grid-item"
>
<el-select
v-model="formData.marriage"
placeholder="请选择"
clearable
style="width: 100%"
>
<el-option label="已婚" value="已婚"></el-option>
<el-option label="未婚" value="未婚"></el-option>
<el-option label="离异" value="离异"></el-option>
<el-option
label="已婚"
value="已婚"
/>
<el-option
label="未婚"
value="未婚"
/>
<el-option
label="离异"
value="离异"
/>
</el-select>
</el-form-item>
<el-form-item label="出生地" prop="birthplace" class="grid-item">
<el-input v-model="formData.birthplace" placeholder="请输入出生地" clearable />
<el-form-item
label="出生地"
prop="birthplace"
class="grid-item"
>
<el-input
v-model="formData.birthplace"
placeholder="请输入出生地"
clearable
/>
</el-form-item>
<el-form-item label="入院时间" prop="admissionTime" class="grid-item required">
<el-form-item
label="入院时间"
prop="admissionTime"
class="grid-item required"
>
<el-date-picker
v-model="formData.admissionTime"
type="datetime"
@@ -65,7 +146,11 @@
style="width: 100%"
/>
</el-form-item>
<el-form-item label="记录时间" prop="recordTime" class="grid-item required">
<el-form-item
label="记录时间"
prop="recordTime"
class="grid-item required"
>
<el-date-picker
v-model="formData.recordTime"
type="datetime"
@@ -74,22 +159,53 @@
style="width: 100%"
/>
</el-form-item>
<el-form-item label="病史陈述者" prop="historyReporter" class="grid-item">
<el-input v-model="formData.historyReporter" placeholder="请输入陈述者" clearable />
<el-form-item
label="病史陈述者"
prop="historyReporter"
class="grid-item"
>
<el-input
v-model="formData.historyReporter"
placeholder="请输入陈述者"
clearable
/>
</el-form-item>
<el-form-item label="可靠程度" prop="reliability" class="grid-item">
<el-select v-model="formData.reliability" placeholder="请选择" style="width: 100%">
<el-option label="可靠" value="可靠"></el-option>
<el-option label="基本可靠" value="基本可靠"></el-option>
<el-option label="不可靠" value="不可靠"></el-option>
<el-form-item
label="可靠程度"
prop="reliability"
class="grid-item"
>
<el-select
v-model="formData.reliability"
placeholder="请选择"
style="width: 100%"
>
<el-option
label="可靠"
value="可靠"
/>
<el-option
label="基本可靠"
value="基本可靠"
/>
<el-option
label="不可靠"
value="不可靠"
/>
</el-select>
</el-form-item>
</div>
<!-- 2. 病史信息 -->
<h4 class="section-title">病史信息</h4>
<h4 class="section-title">
病史信息
</h4>
<div class="form-section">
<el-form-item label="主诉" prop="complaint" class="history-item required">
<el-form-item
label="主诉"
prop="complaint"
class="history-item required"
>
<el-input
v-model="formData.complaint"
type="textarea"
@@ -100,7 +216,11 @@
/>
</el-form-item>
<el-form-item label="现病史" prop="presentIllness" class="history-item">
<el-form-item
label="现病史"
prop="presentIllness"
class="history-item"
>
<el-input
v-model="formData.presentIllness"
type="textarea"
@@ -111,7 +231,11 @@
/>
</el-form-item>
<el-form-item label="既往史" prop="pastHistory" class="history-item">
<el-form-item
label="既往史"
prop="pastHistory"
class="history-item"
>
<el-input
v-model="formData.pastHistory"
type="textarea"
@@ -122,7 +246,11 @@
/>
</el-form-item>
<el-form-item label="个人史" prop="personalHistory" class="history-item">
<el-form-item
label="个人史"
prop="personalHistory"
class="history-item"
>
<el-input
v-model="formData.personalHistory"
type="textarea"
@@ -133,7 +261,11 @@
/>
</el-form-item>
<el-form-item label="婚育史" prop="maritalHistory" class="history-item">
<el-form-item
label="婚育史"
prop="maritalHistory"
class="history-item"
>
<el-input
v-model="formData.maritalHistory"
type="textarea"
@@ -144,7 +276,11 @@
/>
</el-form-item>
<el-form-item label="月经史" prop="menstrualHistory" class="history-item">
<el-form-item
label="月经史"
prop="menstrualHistory"
class="history-item"
>
<el-input
v-model="formData.menstrualHistory"
type="textarea"
@@ -155,7 +291,11 @@
/>
</el-form-item>
<el-form-item label="家族史" prop="familyHistory" class="history-item">
<el-form-item
label="家族史"
prop="familyHistory"
class="history-item"
>
<el-input
v-model="formData.familyHistory"
type="textarea"
@@ -168,9 +308,15 @@
</div>
<!-- 3. 中医望闻问切 -->
<h4 class="section-title">中医望闻问切</h4>
<h4 class="section-title">
中医望闻问切
</h4>
<div class="form-section">
<el-form-item label="望闻问切" prop="tcmInfo" class="history-item">
<el-form-item
label="望闻问切"
prop="tcmInfo"
class="history-item"
>
<el-input
v-model="formData.tcmInfo"
type="textarea"
@@ -183,10 +329,16 @@
</div>
<!-- 4. 体格检查 -->
<h4 class="section-title">体格检查</h4>
<h4 class="section-title">
体格检查
</h4>
<div class="form-section">
<div class="adaptive-grid">
<el-form-item label="体温" prop="temp" class="grid-item">
<el-form-item
label="体温"
prop="temp"
class="grid-item"
>
<div class="input-with-unit">
<el-input
v-model.number="formData.temp"
@@ -199,7 +351,11 @@
</div>
</el-form-item>
<el-form-item label="脉搏" prop="pulse" class="grid-item">
<el-form-item
label="脉搏"
prop="pulse"
class="grid-item"
>
<div class="input-with-unit">
<el-input
v-model.number="formData.pulse"
@@ -211,7 +367,11 @@
</div>
</el-form-item>
<el-form-item label="呼吸" prop="respiration" class="grid-item">
<el-form-item
label="呼吸"
prop="respiration"
class="grid-item"
>
<div class="input-with-unit">
<el-input
v-model.number="formData.respiration"
@@ -223,7 +383,11 @@
</div>
</el-form-item>
<el-form-item label="血压" prop="bp" class="grid-item">
<el-form-item
label="血压"
prop="bp"
class="grid-item"
>
<div class="input-with-unit">
<el-input
v-model="formData.bp"
@@ -235,7 +399,11 @@
</div>
</el-form-item>
<el-form-item label="身高" prop="height" class="grid-item">
<el-form-item
label="身高"
prop="height"
class="grid-item"
>
<div class="input-with-unit">
<el-input
v-model.number="formData.height"
@@ -247,7 +415,11 @@
</div>
</el-form-item>
<el-form-item label="体重" prop="weight" class="grid-item">
<el-form-item
label="体重"
prop="weight"
class="grid-item"
>
<div class="input-with-unit">
<el-input
v-model.number="formData.weight"
@@ -259,15 +431,27 @@
</div>
</el-form-item>
<el-form-item label="BMI" prop="bmi" class="grid-item">
<el-form-item
label="BMI"
prop="bmi"
class="grid-item"
>
<div class="input-with-unit">
<el-input v-model="formData.bmi" placeholder="如29.02" readonly />
<el-input
v-model="formData.bmi"
placeholder="如29.02"
readonly
/>
<span class="unit">kg/m²</span>
</div>
</el-form-item>
</div>
<el-form-item label="一般情况" prop="general" class="history-item">
<el-form-item
label="一般情况"
prop="general"
class="history-item"
>
<el-input
v-model="formData.general"
type="textarea"
@@ -278,7 +462,11 @@
/>
</el-form-item>
<el-form-item label="皮肤粘膜" prop="skin" class="history-item">
<el-form-item
label="皮肤粘膜"
prop="skin"
class="history-item"
>
<el-input
v-model="formData.skin"
type="textarea"
@@ -289,7 +477,11 @@
/>
</el-form-item>
<el-form-item label="胸部（心、肺）" prop="chest" class="history-item">
<el-form-item
label="胸部（心、肺）"
prop="chest"
class="history-item"
>
<el-input
v-model="formData.chest"
type="textarea"
@@ -300,7 +492,11 @@
/>
</el-form-item>
<el-form-item label="腹部" prop="abdomen" class="history-item">
<el-form-item
label="腹部"
prop="abdomen"
class="history-item"
>
<el-input
v-model="formData.abdomen"
type="textarea"
@@ -311,7 +507,11 @@
/>
</el-form-item>
<el-form-item label="四肢/神经系统" prop="limbsNervous" class="history-item">
<el-form-item
label="四肢/神经系统"
prop="limbsNervous"
class="history-item"
>
<el-input
v-model="formData.limbsNervous"
type="textarea"
@@ -324,9 +524,15 @@
</div>
<!-- 5. 辅助检查 -->
<h4 class="section-title">辅助检查</h4>
<h4 class="section-title">
辅助检查
</h4>
<div class="form-section">
<el-form-item label="检查结果" prop="auxExam" class="history-item">
<el-form-item
label="检查结果"
prop="auxExam"
class="history-item"
>
<el-input
v-model="formData.auxExam"
type="textarea"
@@ -339,9 +545,15 @@
</div>
<!-- 6. 初步诊断 -->
<h4 class="section-title">初步诊断</h4>
<h4 class="section-title">
初步诊断
</h4>
<div class="form-section">
<el-form-item label="中医诊断" prop="tcmDiagnosis" class="history-item">
<el-form-item
label="中医诊断"
prop="tcmDiagnosis"
class="history-item"
>
<el-input
v-model="formData.tcmDiagnosis"
type="textarea"
@@ -352,7 +564,11 @@
/>
</el-form-item>
<el-form-item label="西医诊断" prop="westernDiagnosis" class="history-item">
<el-form-item
label="西医诊断"
prop="westernDiagnosis"
class="history-item"
>
<el-input
v-model="formData.westernDiagnosis"
type="textarea"
@@ -365,17 +581,42 @@
</div>
<!-- 7. 签名信息（三列布局） -->
<h4 class="section-title">签名信息</h4>
<div class="adaptive-grid form-section" style="grid-template-columns: repeat(3, 1fr)">
<el-form-item label="医师签名" prop="doctorSign" class="grid-item">
<el-input v-model="formData.doctorSign" placeholder="请签名" clearable />
<h4 class="section-title">
签名信息
</h4>
<div
class="adaptive-grid form-section"
style="grid-template-columns: repeat(3, 1fr)"
>
<el-form-item
label="医师签名"
prop="doctorSign"
class="grid-item"
>
<el-input
v-model="formData.doctorSign"
placeholder="请签名"
clearable
/>
</el-form-item>
<el-form-item label="上级医师签名" prop="superiorSign" class="grid-item">
<el-input v-model="formData.superiorSign" placeholder="请签名" clearable />
<el-form-item
label="上级医师签名"
prop="superiorSign"
class="grid-item"
>
<el-input
v-model="formData.superiorSign"
placeholder="请签名"
clearable
/>
</el-form-item>
<el-form-item label="记录日期" prop="signDate" class="grid-item">
<el-form-item
label="记录日期"
prop="signDate"
class="grid-item"
>
<el-date-picker
v-model="formData.signDate"
type="datetime"
@@ -388,12 +629,20 @@
<!-- 新增：表单操作按钮组（重置按钮） -->
<div class="form-btn-group">
<el-button type="warning" @click="handleReset">重置表单</el-button>
<el-button
type="warning"
@click="handleReset"
>
重置表单
</el-button>
</div>
</el-form>
</div>
</div>
<admissionRecord v-if="isShowprintDom" ref="recordPrintRef"></admissionRecord>
<admissionRecord
v-if="isShowprintDom"
ref="recordPrintRef"
/>
</template>
<script setup>

356
openhis-ui-vue3/src/template/inHospitalSurgicalRecord.vue
View File

@@ -2,8 +2,12 @@
<div class="medical-document">
<!-- 标题区域 -->
<div class="doc-header">
<h1 class="doc-title">{{ hospitalName }} 住院手术记录单</h1>
<div class="doc-subtitle">住院号: {{ formData.busNo || '待填写' }}</div>
<h1 class="doc-title">
{{ hospitalName }} 住院手术记录单
</h1>
<div class="doc-subtitle">
住院号: {{ formData.busNo || '待填写' }}
</div>
</div>
<!-- 内容区域 -->
@@ -18,34 +22,84 @@
>
<!-- 患者与手术基础信息 -->
<section class="doc-section">
<h2 class="section-title">一、患者与手术基本信息</h2>
<h2 class="section-title">
一、患者与手术基本信息
</h2>
<div class="adaptive-grid">
<el-form-item label="患者姓名" prop="patientName" class="grid-item required">
<el-input v-model="formData.patientName" placeholder="请输入患者姓名" clearable />
<el-form-item
label="患者姓名"
prop="patientName"
class="grid-item required"
>
<el-input
v-model="formData.patientName"
placeholder="请输入患者姓名"
clearable
/>
</el-form-item>
<el-form-item label="性别" prop="gender" class="grid-item required">
<el-select v-model="formData.gender" placeholder="请选择性别">
<el-option label="男" value="男" />
<el-option label="女" value="女" />
<el-form-item
label="性别"
prop="gender"
class="grid-item required"
>
<el-select
v-model="formData.gender"
placeholder="请选择性别"
>
<el-option
label="男"
value="男"
/>
<el-option
label="女"
value="女"
/>
</el-select>
</el-form-item>
<el-form-item label="年龄" prop="age" class="grid-item required">
<el-form-item
label="年龄"
prop="age"
class="grid-item required"
>
<div class="input-with-unit">
<el-input v-model.number="formData.age" placeholder="请输入年龄" />
<el-input
v-model.number="formData.age"
placeholder="请输入年龄"
/>
<span class="unit">岁</span>
</div>
</el-form-item>
<el-form-item label="科室" prop="department" class="grid-item required">
<el-input v-model="formData.department" placeholder="如：普外科" clearable />
<el-form-item
label="科室"
prop="department"
class="grid-item required"
>
<el-input
v-model="formData.department"
placeholder="如：普外科"
clearable
/>
</el-form-item>
<el-form-item label="病房/床号" prop="bedNo" class="grid-item required">
<el-input v-model="formData.bedNo" placeholder="如：502-03" clearable />
<el-form-item
label="病房/床号"
prop="bedNo"
class="grid-item required"
>
<el-input
v-model="formData.bedNo"
placeholder="如：502-03"
clearable
/>
</el-form-item>
<el-form-item label="手术日期/时间" prop="operationDateTime" class="grid-item required">
<el-form-item
label="手术日期/时间"
prop="operationDateTime"
class="grid-item required"
>
<el-date-picker
v-model="formData.operationDateTime"
type="datetime"
@@ -58,39 +112,95 @@
<!-- 手术团队信息 -->
<section class="doc-section">
<h2 class="section-title">二、手术团队信息</h2>
<h2 class="section-title">
二、手术团队信息
</h2>
<div class="adaptive-grid">
<el-form-item label="手术者" prop="surgeon" class="grid-item required">
<el-input v-model="formData.surgeon" placeholder="主刀医师姓名" clearable />
<el-form-item
label="手术者"
prop="surgeon"
class="grid-item required"
>
<el-input
v-model="formData.surgeon"
placeholder="主刀医师姓名"
clearable
/>
</el-form-item>
<el-form-item label="第一助手" prop="firstAssistant" class="grid-item required">
<el-input v-model="formData.firstAssistant" placeholder="第一助手姓名" clearable />
<el-form-item
label="第一助手"
prop="firstAssistant"
class="grid-item required"
>
<el-input
v-model="formData.firstAssistant"
placeholder="第一助手姓名"
clearable
/>
</el-form-item>
<el-form-item label="第二助手" prop="secondAssistant" class="grid-item">
<el-input v-model="formData.secondAssistant" placeholder="第二助手姓名" clearable />
<el-form-item
label="第二助手"
prop="secondAssistant"
class="grid-item"
>
<el-input
v-model="formData.secondAssistant"
placeholder="第二助手姓名"
clearable
/>
</el-form-item>
<el-form-item label="麻醉医师" prop="anesthesiologist" class="grid-item required">
<el-input v-model="formData.anesthesiologist" placeholder="麻醉医师姓名" clearable />
<el-form-item
label="麻醉医师"
prop="anesthesiologist"
class="grid-item required"
>
<el-input
v-model="formData.anesthesiologist"
placeholder="麻醉医师姓名"
clearable
/>
</el-form-item>
<el-form-item label="巡回护士" prop="circulatingNurse" class="grid-item required">
<el-input v-model="formData.circulatingNurse" placeholder="巡回护士姓名" clearable />
<el-form-item
label="巡回护士"
prop="circulatingNurse"
class="grid-item required"
>
<el-input
v-model="formData.circulatingNurse"
placeholder="巡回护士姓名"
clearable
/>
</el-form-item>
<el-form-item label="器械护士" prop="scrubNurse" class="grid-item required">
<el-input v-model="formData.scrubNurse" placeholder="器械护士姓名" clearable />
<el-form-item
label="器械护士"
prop="scrubNurse"
class="grid-item required"
>
<el-input
v-model="formData.scrubNurse"
placeholder="器械护士姓名"
clearable
/>
</el-form-item>
</div>
</section>
<!-- 手术详情 -->
<section class="doc-section">
<h2 class="section-title">三、手术详情</h2>
<h2 class="section-title">
三、手术详情
</h2>
<el-form-item label="手术名称" prop="operationName" class="full-width-item required">
<el-form-item
label="手术名称"
prop="operationName"
class="full-width-item required"
>
<el-input
v-model="formData.operationName"
placeholder="规范手术名称（如：腹腔镜下胆囊切除术）"
@@ -98,15 +208,35 @@
/>
</el-form-item>
<el-form-item label="手术方式" prop="operationMethod" class="full-width-item required">
<el-select v-model="formData.operationMethod" placeholder="选择手术方式">
<el-option label="开放手术" value="开放手术" />
<el-option label="微创手术" value="微创手术" />
<el-option label="介入手术" value="介入手术" />
<el-form-item
label="手术方式"
prop="operationMethod"
class="full-width-item required"
>
<el-select
v-model="formData.operationMethod"
placeholder="选择手术方式"
>
<el-option
label="开放手术"
value="开放手术"
/>
<el-option
label="微创手术"
value="微创手术"
/>
<el-option
label="介入手术"
value="介入手术"
/>
</el-select>
</el-form-item>
<el-form-item label="手术入路" prop="surgicalApproach" class="full-width-item required">
<el-form-item
label="手术入路"
prop="surgicalApproach"
class="full-width-item required"
>
<el-input
v-model="formData.surgicalApproach"
placeholder="如：右上腹经腹直肌切口"
@@ -128,7 +258,11 @@
show-word-limit
/>
</el-form-item>
<el-form-item label="手术过程" prop="operationProcess" class="full-width-item required">
<el-form-item
label="手术过程"
prop="operationProcess"
class="full-width-item required"
>
<el-input
v-model="formData.operationProcess"
type="textarea"
@@ -142,9 +276,15 @@
<!-- 术后情况 -->
<section class="doc-section">
<h2 class="section-title">四、术后情况</h2>
<h2 class="section-title">
四、术后情况
</h2>
<div class="adaptive-grid">
<el-form-item label="术中出血量" prop="bloodLoss" class="grid-item required">
<el-form-item
label="术中出血量"
prop="bloodLoss"
class="grid-item required"
>
<div class="input-with-unit">
<el-input
v-model.number="formData.bloodLoss"
@@ -155,18 +295,43 @@
</div>
</el-form-item>
<el-form-item label="输血情况" prop="bloodTransfusion" class="grid-item">
<el-select v-model="formData.bloodTransfusion" placeholder="是否输血">
<el-option label="是" value="是" />
<el-option label="否" value="否" />
<el-form-item
label="输血情况"
prop="bloodTransfusion"
class="grid-item"
>
<el-select
v-model="formData.bloodTransfusion"
placeholder="是否输血"
>
<el-option
label="是"
value="是"
/>
<el-option
label="否"
value="否"
/>
</el-select>
</el-form-item>
<el-form-item label="引流管放置" prop="drainageTube" class="grid-item">
<el-input v-model="formData.drainageTube" placeholder="如：腹腔引流管1根" clearable />
<el-form-item
label="引流管放置"
prop="drainageTube"
class="grid-item"
>
<el-input
v-model="formData.drainageTube"
placeholder="如：腹腔引流管1根"
clearable
/>
</el-form-item>
<el-form-item label="标本处理" prop="specimenDisposal" class="grid-item required">
<el-form-item
label="标本处理"
prop="specimenDisposal"
class="grid-item required"
>
<el-input
v-model="formData.specimenDisposal"
placeholder="如：胆囊标本送病理检查"
@@ -174,7 +339,11 @@
/>
</el-form-item>
<el-form-item label="手术结束时间" prop="operationEndTime" class="grid-item required">
<el-form-item
label="手术结束时间"
prop="operationEndTime"
class="grid-item required"
>
<el-date-picker
v-model="formData.operationEndTime"
type="datetime"
@@ -182,10 +351,23 @@
value-format="YYYY-MM-DD HH:mm"
/>
</el-form-item>
<el-form-item label="患者去向" prop="patientDestination" class="grid-item required">
<el-select v-model="formData.patientDestination" placeholder="选择去向">
<el-option label="ICU" value="ICU" />
<el-option label="普通病房" value="普通病房" />
<el-form-item
label="患者去向"
prop="patientDestination"
class="grid-item required"
>
<el-select
v-model="formData.patientDestination"
placeholder="选择去向"
>
<el-option
label="ICU"
value="ICU"
/>
<el-option
label="普通病房"
value="普通病房"
/>
</el-select>
</el-form-item>
</div>
@@ -193,20 +375,46 @@
<!-- 签署区域 -->
<section class="doc-section">
<h2 class="section-title">五、签署确认</h2>
<h2 class="section-title">
五、签署确认
</h2>
<div
class="adaptive-grid signature-area"
style="grid-template-columns: repeat(auto-fit, minmax(240px, 1fr))"
>
<el-form-item label="手术者签名" prop="surgeonSignature" class="grid-item required">
<el-input v-model="formData.surgeonSignature" placeholder="主刀医师签字" clearable />
<div class="signature-tip">请手术者亲笔签名</div>
<el-form-item
label="手术者签名"
prop="surgeonSignature"
class="grid-item required"
>
<el-input
v-model="formData.surgeonSignature"
placeholder="主刀医师签字"
clearable
/>
<div class="signature-tip">
请手术者亲笔签名
</div>
</el-form-item>
<el-form-item label="记录者签名" prop="recorderSignature" class="grid-item required">
<el-input v-model="formData.recorderSignature" placeholder="记录者签字" clearable />
<div class="signature-tip">请记录者（如第一助手）签字</div>
<el-form-item
label="记录者签名"
prop="recorderSignature"
class="grid-item required"
>
<el-input
v-model="formData.recorderSignature"
placeholder="记录者签字"
clearable
/>
<div class="signature-tip">
请记录者（如第一助手）签字
</div>
</el-form-item>
<el-form-item label="记录日期" prop="recordDate" class="grid-item required">
<el-form-item
label="记录日期"
prop="recordDate"
class="grid-item required"
>
<el-date-picker
v-model="formData.recordDate"
type="date"
@@ -221,12 +429,30 @@
<!-- 操作按钮 -->
<div class="btn-group">
<el-button type="primary" @click="submit">保存记录</el-button>
<el-button type="success" @click="handlePrint">打印记录</el-button>
<el-button type="warning" @click="handleReset">重置表单</el-button>
<el-button
type="primary"
@click="submit"
>
保存记录
</el-button>
<el-button
type="success"
@click="handlePrint"
>
打印记录
</el-button>
<el-button
type="warning"
@click="handleReset"
>
重置表单
</el-button>
</div>
</div>
<intOperRecordSheet v-if="isShowprintDom" ref="recordPrintRef"></intOperRecordSheet>
<intOperRecordSheet
v-if="isShowprintDom"
ref="recordPrintRef"
/>
</template>
<script setup>
@@ -242,7 +468,7 @@ const recordPrintRef = ref();
// 医院名称
const hospitalName = userStore.hospitalName;
defineOptions({
name: 'iInHospitalSurgicalRecord',
name: 'IInHospitalSurgicalRecord',
});
// 表单引用
const formRef = ref(null);

244
openhis-ui-vue3/src/template/inHosptialCommunicate.vue
View File

@@ -2,8 +2,12 @@
<div class="medical-document">
<!-- 标题区域 -->
<div class="doc-header">
<h1 class="doc-title">{{ hospitalName }} 住院患者入院沟通记录单</h1>
<div class="doc-subtitle">住院号: {{ formData.hospitalNo || '待填写' }}</div>
<h1 class="doc-title">
{{ hospitalName }} 住院患者入院沟通记录单
</h1>
<div class="doc-subtitle">
住院号: {{ formData.hospitalNo || '待填写' }}
</div>
</div>
<!-- 内容区域 -->
@@ -17,34 +21,85 @@
>
<!-- 患者基础信息 -->
<section class="doc-section">
<h2 class="section-title">一、患者基础信息</h2>
<h2 class="section-title">
一、患者基础信息
</h2>
<div class="adaptive-grid">
<el-form-item label="姓名" prop="patientName" class="grid-item required">
<el-input v-model="formData.patientName" placeholder="请输入患者姓名" clearable />
<el-form-item
label="姓名"
prop="patientName"
class="grid-item required"
>
<el-input
v-model="formData.patientName"
placeholder="请输入患者姓名"
clearable
/>
</el-form-item>
<el-form-item label="性别" prop="gender" class="grid-item required">
<el-select v-model="formData.gender" placeholder="请选择性别">
<el-option label="男" value="男" />
<el-option label="女" value="女" />
<el-form-item
label="性别"
prop="gender"
class="grid-item required"
>
<el-select
v-model="formData.gender"
placeholder="请选择性别"
>
<el-option
label="男"
value="男"
/>
<el-option
label="女"
value="女"
/>
</el-select>
</el-form-item>
<el-form-item label="年龄" prop="age" class="grid-item required">
<el-form-item
label="年龄"
prop="age"
class="grid-item required"
>
<div class="input-with-unit">
<el-input v-model.number="formData.age" placeholder="请输入年龄" clearable />
<el-input
v-model.number="formData.age"
placeholder="请输入年龄"
clearable
/>
<span class="unit">岁</span>
</div>
</el-form-item>
<el-form-item label="科室/病区" prop="department" class="grid-item required">
<el-input v-model="formData.department" placeholder="如：内科疗区" clearable />
<el-form-item
label="科室/病区"
prop="department"
class="grid-item required"
>
<el-input
v-model="formData.department"
placeholder="如：内科疗区"
clearable
/>
</el-form-item>
<el-form-item label="病房/床号" prop="bedNo" class="grid-item required">
<el-input v-model="formData.bedNo" placeholder="如：307-12" clearable />
<el-form-item
label="病房/床号"
prop="bedNo"
class="grid-item required"
>
<el-input
v-model="formData.bedNo"
placeholder="如：307-12"
clearable
/>
</el-form-item>
<el-form-item label="入院日期" prop="admissionDate" class="grid-item required">
<el-form-item
label="入院日期"
prop="admissionDate"
class="grid-item required"
>
<el-date-picker
v-model="formData.admissionDate"
type="date"
@@ -57,26 +112,58 @@
<!-- 医疗团队信息 -->
<section class="doc-section">
<h2 class="section-title">二、医疗团队信息</h2>
<h2 class="section-title">
二、医疗团队信息
</h2>
<div class="adaptive-grid">
<el-form-item label="经治医师" prop="treatingDoctor" class="grid-item required">
<el-input v-model="formData.treatingDoctor" placeholder="请输入医师姓名" clearable />
<el-form-item
label="经治医师"
prop="treatingDoctor"
class="grid-item required"
>
<el-input
v-model="formData.treatingDoctor"
placeholder="请输入医师姓名"
clearable
/>
</el-form-item>
<el-form-item label="主治医师" prop="attendingDoctor" class="grid-item required">
<el-input v-model="formData.attendingDoctor" placeholder="请输入医师姓名" clearable />
<el-form-item
label="主治医师"
prop="attendingDoctor"
class="grid-item required"
>
<el-input
v-model="formData.attendingDoctor"
placeholder="请输入医师姓名"
clearable
/>
</el-form-item>
<el-form-item label="科主任" prop="departmentHead" class="grid-item required">
<el-input v-model="formData.departmentHead" placeholder="请输入主任姓名" clearable />
<el-form-item
label="科主任"
prop="departmentHead"
class="grid-item required"
>
<el-input
v-model="formData.departmentHead"
placeholder="请输入主任姓名"
clearable
/>
</el-form-item>
</div>
</section>
<!-- 病情与诊断 -->
<section class="doc-section">
<h2 class="section-title">三、病情与诊断</h2>
<el-form-item label="病情状况" prop="condition" class="full-width-item required">
<h2 class="section-title">
三、病情与诊断
</h2>
<el-form-item
label="病情状况"
prop="condition"
class="full-width-item required"
>
<el-input
v-model="formData.condition"
type="textarea"
@@ -87,7 +174,11 @@
/>
</el-form-item>
<div class="diagnosis-container">
<el-form-item label="中医诊断" prop="tcmDiagnosis" class="diagnosis-item">
<el-form-item
label="中医诊断"
prop="tcmDiagnosis"
class="diagnosis-item"
>
<el-input
v-model="formData.tcmDiagnosis"
type="textarea"
@@ -97,7 +188,11 @@
show-word-limit
/>
</el-form-item>
<el-form-item label="西医诊断" prop="westernDiagnosis" class="diagnosis-item">
<el-form-item
label="西医诊断"
prop="westernDiagnosis"
class="diagnosis-item"
>
<el-input
v-model="formData.westernDiagnosis"
type="textarea"
@@ -112,8 +207,14 @@
<!-- 治疗与检查计划 -->
<section class="doc-section">
<h2 class="section-title">四、治疗与检查计划</h2>
<el-form-item label="治疗方案" prop="treatmentPlan" class="full-width-item required">
<h2 class="section-title">
四、治疗与检查计划
</h2>
<el-form-item
label="治疗方案"
prop="treatmentPlan"
class="full-width-item required"
>
<el-input
v-model="formData.treatmentPlan"
type="textarea"
@@ -142,8 +243,14 @@
<!-- 风险告知 -->
<section class="doc-section">
<h2 class="section-title">五、风险告知</h2>
<el-form-item label="告知内容" prop="riskNotification" class="full-width-item required">
<h2 class="section-title">
五、风险告知
</h2>
<el-form-item
label="告知内容"
prop="riskNotification"
class="full-width-item required"
>
<el-input
v-model="formData.riskNotification"
type="textarea"
@@ -157,17 +264,33 @@
<!-- 签署区域（优化后：三列自适应+细节样式） -->
<section class="doc-section">
<h2 class="section-title">六、签署确认</h2>
<h2 class="section-title">
六、签署确认
</h2>
<div
class="adaptive-grid signature-area"
style="grid-template-columns: repeat(auto-fit, minmax(240px, 1fr))"
>
<el-form-item label="患者或家属签字" prop="patientSignature" class="grid-item required">
<el-input v-model="formData.patientSignature" placeholder="请签字" clearable />
<div class="signature-tip">请填写患者或家属签字</div>
<el-form-item
label="患者或家属签字"
prop="patientSignature"
class="grid-item required"
>
<el-input
v-model="formData.patientSignature"
placeholder="请签字"
clearable
/>
<div class="signature-tip">
请填写患者或家属签字
</div>
</el-form-item>
<el-form-item label="与患者关系" prop="relationship" class="grid-item">
<el-form-item
label="与患者关系"
prop="relationship"
class="grid-item"
>
<el-input
v-model="formData.relationship"
placeholder="如：本人、配偶、子女"
@@ -175,7 +298,11 @@
/>
</el-form-item>
<el-form-item label="签字日期" prop="signatureDate" class="grid-item required">
<el-form-item
label="签字日期"
prop="signatureDate"
class="grid-item required"
>
<el-date-picker
v-model="formData.signatureDate"
type="date"
@@ -185,11 +312,25 @@
/>
</el-form-item>
<el-form-item label="沟通医师签字" prop="doctorSignature" class="grid-item required">
<el-input v-model="formData.doctorSignature" placeholder="请签字" clearable />
<div class="signature-tip">请填写沟通医师签字</div>
<el-form-item
label="沟通医师签字"
prop="doctorSignature"
class="grid-item required"
>
<el-input
v-model="formData.doctorSignature"
placeholder="请签字"
clearable
/>
<div class="signature-tip">
请填写沟通医师签字
</div>
</el-form-item>
<el-form-item label="沟通日期" prop="communicationDate" class="grid-item required">
<el-form-item
label="沟通日期"
prop="communicationDate"
class="grid-item required"
>
<el-date-picker
v-model="formData.communicationDate"
type="datetime"
@@ -204,9 +345,24 @@
<!-- 操作按钮 -->
<div class="btn-group">
<el-button type="primary" @click="submit">保存记录</el-button>
<el-button type="success" @click="handlePrint">打印记录</el-button>
<el-button type="warning" @click="handleReset">重置表单</el-button>
<el-button
type="primary"
@click="submit"
>
保存记录
</el-button>
<el-button
type="success"
@click="handlePrint"
>
打印记录
</el-button>
<el-button
type="warning"
@click="handleReset"
>
重置表单
</el-button>
</div>
</div>
</template>

369
openhis-ui-vue3/src/template/nursingRecordSheet.vue
View File

@@ -6,40 +6,69 @@
<template>
<div class="container">
<div class="header">
<h2 class="title">{{ userStore.hospitalName }}</h2>
<h3 class="subtitle">患者护理记录单</h3>
<h2 class="title">
{{ userStore.hospitalName }}
</h2>
<h3 class="subtitle">
患者护理记录单
</h3>
</div>
<el-form :model="state.formData" label-position="top" class="nursing-form">
<el-form
:model="state.formData"
label-position="top"
class="nursing-form"
>
<!-- 患者基本信息 -->
<div class="patient-info">
<el-row :gutter="20">
<el-col :span="2">
<el-form-item label="姓名">
<el-input v-model="state.formData.name" placeholder="请输入姓名"></el-input>
<el-input
v-model="state.formData.name"
placeholder="请输入姓名"
/>
</el-form-item>
</el-col>
<el-col :span="2">
<el-form-item label="年龄">
<el-input v-model="state.formData.age" placeholder="请输入年龄"></el-input>
<el-input
v-model="state.formData.age"
placeholder="请输入年龄"
/>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="性别">
<el-select v-model="state.formData.gender" placeholder="请选择性别">
<el-option label="男" value="male"></el-option>
<el-option label="女" value="female"></el-option>
<el-select
v-model="state.formData.gender"
placeholder="请选择性别"
>
<el-option
label="男"
value="male"
/>
<el-option
label="女"
value="female"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="病区">
<el-input v-model="state.formData.ward" placeholder="请输入病区"></el-input>
<el-input
v-model="state.formData.ward"
placeholder="请输入病区"
/>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="床号">
<el-input v-model="state.formData.bedNumber" placeholder="请输入床号"></el-input>
<el-input
v-model="state.formData.bedNumber"
placeholder="请输入床号"
/>
</el-form-item>
</el-col>
<el-col :span="4">
@@ -47,12 +76,15 @@
<el-input
v-model="state.formData.hospitalNumber"
placeholder="请输入住院号"
></el-input>
/>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="入院诊断">
<el-input v-model="state.formData.diagnosis" placeholder="请输入入院诊断"></el-input>
<el-input
v-model="state.formData.diagnosis"
placeholder="请输入入院诊断"
/>
</el-form-item>
</el-col>
</el-row>
@@ -60,8 +92,15 @@
<!-- 基本信息记录表格 -->
<div class="vital-signs-table">
<el-table :data="state.formData.vitalSigns" border style="width: 100%">
<el-table-column label="日期" width="100">
<el-table
:data="state.formData.vitalSigns"
border
style="width: 100%"
>
<el-table-column
label="日期"
width="100"
>
<template #default="scope">
<el-date-picker
v-model="scope.row.date"
@@ -70,10 +109,13 @@
format="YYYY-MM-DD"
value-format="YYYY-MM-DD"
style="width: 100%"
></el-date-picker>
/>
</template>
</el-table-column>
<el-table-column label="时间" width="100">
<el-table-column
label="时间"
width="100"
>
<template #default="scope">
<el-time-picker
v-model="scope.row.time"
@@ -81,133 +123,290 @@
format="HH:mm"
value-format="HH:mm"
style="width: 100%"
></el-time-picker>
/>
</template>
</el-table-column>
<el-table-column label="基本信息">
<el-table-column label="意识" width="80">
<el-table-column
label="意识"
width="80"
>
<template #default="scope">
<el-select v-model="scope.row.consciousness" placeholder="选择">
<el-option label="清醒" value="清醒"></el-option>
<el-option label="嗜睡" value="嗜睡"></el-option>
<el-option label="昏迷" value="昏迷"></el-option>
<el-select
v-model="scope.row.consciousness"
placeholder="选择"
>
<el-option
label="清醒"
value="清醒"
/>
<el-option
label="嗜睡"
value="嗜睡"
/>
<el-option
label="昏迷"
value="昏迷"
/>
</el-select>
</template>
</el-table-column>
<el-table-column label="体温℃" width="80">
<el-table-column
label="体温℃"
width="80"
>
<template #default="scope">
<el-input v-model="scope.row.temperature" placeholder="体温"></el-input>
<el-input
v-model="scope.row.temperature"
placeholder="体温"
/>
</template>
</el-table-column>
<el-table-column label="心率次/分" width="100">
<el-table-column
label="心率次/分"
width="100"
>
<template #default="scope">
<el-input v-model="scope.row.heartRate" placeholder="心率"></el-input>
<el-input
v-model="scope.row.heartRate"
placeholder="心率"
/>
</template>
</el-table-column>
<el-table-column label="脉搏次/分" width="100">
<el-table-column
label="脉搏次/分"
width="100"
>
<template #default="scope">
<el-input v-model="scope.row.heartRate" placeholder="心率"></el-input>
<el-input
v-model="scope.row.heartRate"
placeholder="心率"
/>
</template>
</el-table-column>
<el-table-column label="呼吸次/分" width="100">
<el-table-column
label="呼吸次/分"
width="100"
>
<template #default="scope">
<el-input v-model="scope.row.respiratoryRate" placeholder="呼吸"></el-input>
<el-input
v-model="scope.row.respiratoryRate"
placeholder="呼吸"
/>
</template>
</el-table-column>
<el-table-column label="血压mmHg" width="120">
<el-table-column
label="血压mmHg"
width="120"
>
<template #default="scope">
<el-input v-model="scope.row.bloodPressure" placeholder="血压"></el-input>
<el-input
v-model="scope.row.bloodPressure"
placeholder="血压"
/>
</template>
</el-table-column>
<el-table-column label="血氧饱和度" width="120">
<el-table-column
label="血氧饱和度"
width="120"
>
<template #default="scope">
<el-input v-model="scope.row.bloodPressure" placeholder="血压"></el-input>
<el-input
v-model="scope.row.bloodPressure"
placeholder="血压"
/>
</template>
</el-table-column>
</el-table-column>
<el-table-column label="氧疗L/min" width="200">
<el-table-column label="方式" >
<el-table-column
label="氧疗L/min"
width="200"
>
<el-table-column label="方式">
<template #default="scope">
<el-select v-model="scope.row.intake" placeholder="选择">
<el-option label="鼻导管" value="鼻导管"></el-option>
<el-option label="面罩" value="面罩"></el-option>
<el-option label="无" value="无"></el-option>
<el-select
v-model="scope.row.intake"
placeholder="选择"
>
<el-option
label="鼻导管"
value="鼻导管"
/>
<el-option
label="面罩"
value="面罩"
/>
<el-option
label="无"
value="无"
/>
</el-select>
</template>
</el-table-column>
<el-table-column label="流量" width="80">
<el-table-column
label="流量"
width="80"
>
<template #default="scope">
<el-input v-model="scope.row.flowRate" placeholder="流量"></el-input>
<el-input
v-model="scope.row.flowRate"
placeholder="流量"
/>
</template>
</el-table-column>
</el-table-column>
<el-table-column label="入量" width="200">
<el-table-column label="名称" >
<el-table-column
label="入量"
width="200"
>
<el-table-column label="名称">
<template #default="scope">
<el-select v-model="scope.row.intake" placeholder="选择">
<el-option label="鼻导管" value="鼻导管"></el-option>
<el-option label="面罩" value="面罩"></el-option>
<el-option label="无" value="无"></el-option>
<el-select
v-model="scope.row.intake"
placeholder="选择"
>
<el-option
label="鼻导管"
value="鼻导管"
/>
<el-option
label="面罩"
value="面罩"
/>
<el-option
label="无"
value="无"
/>
</el-select>
</template>
</el-table-column>
<el-table-column label="ml" width="80">
<el-table-column
label="ml"
width="80"
>
<template #default="scope">
<el-input v-model="scope.row.flowRate" placeholder="流量"></el-input>
<el-input
v-model="scope.row.flowRate"
placeholder="流量"
/>
</template>
</el-table-column>
<el-table-column label="途径" width="80">
<el-table-column
label="途径"
width="80"
>
<template #default="scope">
<el-input v-model="scope.row.flowRate" placeholder="流量"></el-input>
<el-input
v-model="scope.row.flowRate"
placeholder="流量"
/>
</template>
</el-table-column>
</el-table-column>
<el-table-column label="出量" width="200">
<el-table-column label="名称" >
<el-table-column
label="出量"
width="200"
>
<el-table-column label="名称">
<template #default="scope">
<el-select v-model="scope.row.intake" placeholder="选择">
<el-option label="鼻导管" value="鼻导管"></el-option>
<el-option label="面罩" value="面罩"></el-option>
<el-option label="无" value="无"></el-option>
<el-select
v-model="scope.row.intake"
placeholder="选择"
>
<el-option
label="鼻导管"
value="鼻导管"
/>
<el-option
label="面罩"
value="面罩"
/>
<el-option
label="无"
value="无"
/>
</el-select>
</template>
</el-table-column>
<el-table-column label="ml" width="80">
<el-table-column
label="ml"
width="80"
>
<template #default="scope">
<el-input v-model="scope.row.flowRate" placeholder="流量"></el-input>
<el-input
v-model="scope.row.flowRate"
placeholder="流量"
/>
</template>
</el-table-column>
</el-table-column>
<el-table-column label="皮肤情况" width="80">
<template #default="scope">
<el-input v-model="scope.row.flowRate" placeholder="流量"></el-input>
</template>
</el-table-column>
<el-table-column label="管路护理" width="80">
<template #default="scope">
<el-input v-model="scope.row.flowRate" placeholder="流量"></el-input>
</template>
</el-table-column>
<el-table-column label="病情与措施" width="80">
<template #default="scope">
<el-input v-model="scope.row.flowRate" placeholder="流量"></el-input>
</template>
</el-table-column>
<el-table-column label="护士签名" width="100">
<el-table-column
label="皮肤情况"
width="80"
>
<template #default="scope">
<el-input v-model="scope.row.nurseSignature" placeholder="签名"></el-input>
<el-input
v-model="scope.row.flowRate"
placeholder="流量"
/>
</template>
</el-table-column>
<el-table-column label="操作" width="120" fixed="right">
<el-table-column
label="管路护理"
width="80"
>
<template #default="scope">
<el-button type="danger" size="small" @click="removeVitalSign(scope.$index)"
>删除</el-button
<el-input
v-model="scope.row.flowRate"
placeholder="流量"
/>
</template>
</el-table-column>
<el-table-column
label="病情与措施"
width="80"
>
<template #default="scope">
<el-input
v-model="scope.row.flowRate"
placeholder="流量"
/>
</template>
</el-table-column>
<el-table-column
label="护士签名"
width="100"
>
<template #default="scope">
<el-input
v-model="scope.row.nurseSignature"
placeholder="签名"
/>
</template>
</el-table-column>
<el-table-column
label="操作"
width="120"
fixed="right"
>
<template #default="scope">
<el-button
type="danger"
size="small"
@click="removeVitalSign(scope.$index)"
>
删除
</el-button>
</template>
</el-table-column>
</el-table>
<div class="add-row">
<el-button type="primary" @click="addVitalSign">添加记录</el-button>
<el-button
type="primary"
@click="addVitalSign"
>
添加记录
</el-button>
</div>
</div>
@@ -216,13 +415,13 @@
<div>
一、意识:①清醒；②嗜睡；③意识模糊；④昏睡；⑤谗妄；⑥浅昏迷；⑦中度昏迷；⑧深昏迷；⑨全麻未醒；⑩镇静。
</div>
<div>
<div>
二、氧疗方式:①鼻导管；②面罩；③HFNC；④HIPPV；⑤IMV。
</div>
<div>
<div>
三、皮肤情况:①完好；②压疮；③出血点；④破损；⑤水肿；⑥瘀斑；⑦过敏；⑧其他。
</div>
<div>
<div>
四、管路护理:①胃管；②尿导管；③静脉置管；④吸氧管；⑤“T”管；⑥胸腔引流管；⑦腹腔引流管；⑧伤口引流管；⑨脑室引流管；⑩其他。
</div>
</div>
@@ -330,7 +529,7 @@ onMounted(() => {
});
const submit = () => {
// ElMessage.success('提交成功');
emits('submitOk', state.formData);
emits('submitOk', state.value.formData);
};
const setFormData = (data) => {
if (data) {

135
openhis-ui-vue3/src/template/outpatientMedicalRecord.vue
View File

@@ -5,8 +5,12 @@
patient?.busNo || '未知'
}}
</div>
<h2 style="text-align: center">{{ userStore.hospitalName }}</h2>
<h2 style="text-align: center">门诊病历</h2>
<h2 style="text-align: center">
{{ userStore.hospitalName }}
</h2>
<h2 style="text-align: center">
门诊病历
</h2>
<!-- 滚动内容区域 -->
<div class="form-scroll-container">
@@ -18,35 +22,73 @@
label-align="left"
class="medical-full-form"
>
<h4 class="section-title">基础信息</h4>
<h4 class="section-title">
基础信息
</h4>
<!-- 1. 基础信息：单行自适应排列 -->
<el-form-item class="form-section">
<div class="single-row-layout">
<el-form-item label="身高" prop="height" class="row-item">
<el-form-item
label="身高"
prop="height"
class="row-item"
>
<div class="input-with-unit">
<el-input v-model="formData.height" type="text" placeholder="请输入" />
<el-input
v-model="formData.height"
type="text"
placeholder="请输入"
/>
<span class="unit">cm</span>
</div>
</el-form-item>
<el-form-item label="体重" prop="weight" class="row-item">
<el-form-item
label="体重"
prop="weight"
class="row-item"
>
<div class="input-with-unit">
<el-input v-model="formData.weight" type="text" placeholder="请输入" />
<el-input
v-model="formData.weight"
type="text"
placeholder="请输入"
/>
<span class="unit">kg</span>
</div>
</el-form-item>
<el-form-item label="体温" prop="temperature" class="row-item">
<el-form-item
label="体温"
prop="temperature"
class="row-item"
>
<div class="input-with-unit">
<el-input v-model="formData.temperature" type="text" placeholder="请输入" />
<el-input
v-model="formData.temperature"
type="text"
placeholder="请输入"
/>
<span class="unit">℃</span>
</div>
</el-form-item>
<el-form-item label="脉搏" prop="pulse" class="row-item">
<el-form-item
label="脉搏"
prop="pulse"
class="row-item"
>
<div class="input-with-unit">
<el-input v-model="formData.pulse" type="text" placeholder="请输入" />
<el-input
v-model="formData.pulse"
type="text"
placeholder="请输入"
/>
<span class="unit">次/分</span>
</div>
</el-form-item>
<el-form-item label="发病日期" prop="onsetDate" class="row-item">
<el-form-item
label="发病日期"
prop="onsetDate"
class="row-item"
>
<el-date-picker
v-model="formData.onsetDate"
type="date"
@@ -58,11 +100,17 @@
</el-form-item>
</div>
</el-form-item>
<h4 class="section-title">病史信息</h4>
<h4 class="section-title">
病史信息
</h4>
<!-- 2. 病史信息：单行自适应排列（新增调整） -->
<el-form-item class="form-section">
<div class="single-row-layout">
<el-form-item label="现病史" prop="presentIllness" class="row-item history-item">
<el-form-item
label="现病史"
prop="presentIllness"
class="row-item history-item"
>
<el-input
v-model="formData.presentIllness"
type="textarea"
@@ -70,10 +118,23 @@
autosize
/>
</el-form-item>
<el-form-item label="既往史" prop="pastIllness" class="row-item history-item">
<el-input v-model="formData.pastIllness" type="textarea" placeholder="无" autosize />
<el-form-item
label="既往史"
prop="pastIllness"
class="row-item history-item"
>
<el-input
v-model="formData.pastIllness"
type="textarea"
placeholder="无"
autosize
/>
</el-form-item>
<el-form-item label="个人史" prop="personalHistory" class="row-item history-item">
<el-form-item
label="个人史"
prop="personalHistory"
class="row-item history-item"
>
<el-input
v-model="formData.personalHistory"
type="textarea"
@@ -81,7 +142,11 @@
autosize
/>
</el-form-item>
<el-form-item label="过敏史" prop="allergyHistory" class="row-item history-item">
<el-form-item
label="过敏史"
prop="allergyHistory"
class="row-item history-item"
>
<el-input
v-model="formData.allergyHistory"
type="textarea"
@@ -89,7 +154,11 @@
autosize
/>
</el-form-item>
<el-form-item label="家族史" prop="familyHistory" class="row-item history-item">
<el-form-item
label="家族史"
prop="familyHistory"
class="row-item history-item"
>
<el-input
v-model="formData.familyHistory"
type="textarea"
@@ -99,9 +168,15 @@
</el-form-item>
</div>
</el-form-item>
<h4 class="section-title">主诉、查体(治疗)、处置、辅助检查</h4>
<h4 class="section-title">
主诉、查体(治疗)、处置、辅助检查
</h4>
<!-- 3. 主诉（必填） -->
<el-form-item label="主诉" prop="complaint" class="required form-item-single">
<el-form-item
label="主诉"
prop="complaint"
class="required form-item-single"
>
<el-input
v-model="formData.complaint"
type="textarea"
@@ -111,7 +186,11 @@
/>
</el-form-item>
<!-- 4. 查体、处理、辅助检查 -->
<el-form-item label="查体(治疗)" prop="physicalExam" class="form-item-single">
<el-form-item
label="查体(治疗)"
prop="physicalExam"
class="form-item-single"
>
<el-input
v-model="formData.physicalExam"
type="textarea"
@@ -121,7 +200,11 @@
/>
</el-form-item>
<el-form-item label="处置" prop="treatment" class="form-item-single">
<el-form-item
label="处置"
prop="treatment"
class="form-item-single"
>
<el-input
v-model="formData.treatment"
type="textarea"
@@ -131,7 +214,11 @@
/>
</el-form-item>
<el-form-item label="辅助检查" prop="auxiliaryExam" class="form-item-single">
<el-form-item
label="辅助检查"
prop="auxiliaryExam"
class="form-item-single"
>
<el-input
v-model="formData.auxiliaryExam"
type="textarea"

123
openhis-ui-vue3/src/template/outpatientMedicalRecord1.1.vue
View File

@@ -5,9 +5,13 @@
patient?.busNo || '未知'
}}
</div>
<h2 style="text-align: center">{{ userStore.hospitalName }}</h2>
<h2 style="text-align: center">
{{ userStore.hospitalName }}
</h2>
<h2 style="text-align: center">门诊病历</h2>
<h2 style="text-align: center">
门诊病历
</h2>
<!-- 滚动内容区域 -->
<div class="form-scroll-container">
@@ -19,13 +23,23 @@
label-align="left"
class="medical-full-form"
>
<h4 class="section-title">基础信息</h4>
<h4 class="section-title">
基础信息
</h4>
<!-- 1. 基础信息：单行自适应排列 -->
<el-form-item class="form-section">
<div class="single-row-layout">
<el-form-item label="呼吸" prop="breathe" class="row-item">
<el-form-item
label="呼吸"
prop="breathe"
class="row-item"
>
<div class="input-with-unit">
<el-input v-model="formData.breathe" type="text" placeholder="请输入" />
<el-input
v-model="formData.breathe"
type="text"
placeholder="请输入"
/>
<span class="unit">次/分</span>
</div>
</el-form-item>
@@ -35,7 +49,11 @@
<span class="unit">mmHg</span>
</div>
</el-form-item> -->
<el-form-item label="血压" prop="blood" class="row-item">
<el-form-item
label="血压"
prop="blood"
class="row-item"
>
<div class="input-with-unit blood-input-group">
<el-input
v-model="formData.bloodHigh"
@@ -53,19 +71,39 @@
<span class="unit">(高/低)mmHg</span>
</div>
</el-form-item>
<el-form-item label="体温" prop="temperature" class="row-item">
<el-form-item
label="体温"
prop="temperature"
class="row-item"
>
<div class="input-with-unit">
<el-input v-model="formData.temperature" type="text" placeholder="请输入" />
<el-input
v-model="formData.temperature"
type="text"
placeholder="请输入"
/>
<span class="unit">℃</span>
</div>
</el-form-item>
<el-form-item label="脉搏" prop="pulse" class="row-item">
<el-form-item
label="脉搏"
prop="pulse"
class="row-item"
>
<div class="input-with-unit">
<el-input v-model="formData.pulse" type="text" placeholder="请输入" />
<el-input
v-model="formData.pulse"
type="text"
placeholder="请输入"
/>
<span class="unit">次/分</span>
</div>
</el-form-item>
<el-form-item label="就诊日期" prop="onsetDate" class="row-item">
<el-form-item
label="就诊日期"
prop="onsetDate"
class="row-item"
>
<el-date-picker
v-model="formData.onsetDate"
type="date"
@@ -77,11 +115,17 @@
</el-form-item>
</div>
</el-form-item>
<h4 class="section-title">病史信息</h4>
<h4 class="section-title">
病史信息
</h4>
<!-- 2. 病史信息：单行自适应排列（新增调整） -->
<el-form-item class="form-section">
<div class="single-row-layout">
<el-form-item label="现病史" prop="presentIllness" class="row-item history-item">
<el-form-item
label="现病史"
prop="presentIllness"
class="row-item history-item"
>
<el-input
v-model="formData.presentIllness"
type="textarea"
@@ -89,10 +133,23 @@
autosize
/>
</el-form-item>
<el-form-item label="既往史" prop="pastIllness" class="row-item history-item">
<el-input v-model="formData.pastIllness" type="textarea" placeholder="无" autosize />
<el-form-item
label="既往史"
prop="pastIllness"
class="row-item history-item"
>
<el-input
v-model="formData.pastIllness"
type="textarea"
placeholder="无"
autosize
/>
</el-form-item>
<el-form-item label="个人史" prop="personalHistory" class="row-item history-item">
<el-form-item
label="个人史"
prop="personalHistory"
class="row-item history-item"
>
<el-input
v-model="formData.personalHistory"
type="textarea"
@@ -100,7 +157,11 @@
autosize
/>
</el-form-item>
<el-form-item label="过敏史" prop="allergyHistory" class="row-item history-item">
<el-form-item
label="过敏史"
prop="allergyHistory"
class="row-item history-item"
>
<el-input
v-model="formData.allergyHistory"
type="textarea"
@@ -108,7 +169,11 @@
autosize
/>
</el-form-item>
<el-form-item label="家族史" prop="familyHistory" class="row-item history-item">
<el-form-item
label="家族史"
prop="familyHistory"
class="row-item history-item"
>
<el-input
v-model="formData.familyHistory"
type="textarea"
@@ -118,9 +183,15 @@
</el-form-item>
</div>
</el-form-item>
<h4 class="section-title">主诉、处置、辅助检查</h4>
<h4 class="section-title">
主诉、处置、辅助检查
</h4>
<!-- 3. 主诉（必填） -->
<el-form-item label="主诉" prop="complaint" class="required form-item-single">
<el-form-item
label="主诉"
prop="complaint"
class="required form-item-single"
>
<el-input
v-model="formData.complaint"
type="textarea"
@@ -140,7 +211,11 @@
/>
</el-form-item> -->
<el-form-item label="处置" prop="treatment" class="form-item-single">
<el-form-item
label="处置"
prop="treatment"
class="form-item-single"
>
<el-input
v-model="formData.treatment"
type="textarea"
@@ -150,7 +225,11 @@
/>
</el-form-item>
<el-form-item label="辅助检查" prop="auxiliaryExam" class="form-item-single">
<el-form-item
label="辅助检查"
prop="auxiliaryExam"
class="form-item-single"
>
<el-input
v-model="formData.auxiliaryExam"
type="textarea"

441
openhis-ui-vue3/src/template/surgicalPatientHandover.vue
View File

@@ -7,66 +7,99 @@
<div class="surgicalPatientHandover-container">
<div class="handover-form">
<div class="form-header">
<h1 class="hospital-name">{{ userStore.hospitalName }}</h1>
<h2 class="form-title">手术患者交接单</h2>
<h1 class="hospital-name">
{{ userStore.hospitalName }}
</h1>
<h2 class="form-title">
手术患者交接单
</h2>
</div>
<div class="patient-info">
<el-row :gutter="20">
<el-col :span="6">
<div class="info-item">日期：{{ state.formData.date }}</div>
<div class="info-item">
日期：{{ state.formData.date }}
</div>
</el-col>
<el-col :span="6">
<div class="info-item">姓名：{{ state.formData.patientName }}</div>
<div class="info-item">
姓名：{{ state.formData.patientName }}
</div>
</el-col>
<el-col :span="6">
<div class="info-item">性别：{{ state.formData.sex }}</div>
<div class="info-item">
性别：{{ state.formData.sex }}
</div>
</el-col>
<el-col :span="6">
<div class="info-item">年龄：{{ state.formData.age }}岁</div>
<div class="info-item">
年龄：{{ state.formData.age }}岁
</div>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="6">
<div class="info-item">科室：{{ state.formData.department }}</div>
<div class="info-item">
科室：{{ state.formData.department }}
</div>
</el-col>
<el-col :span="6">
<div class="info-item">床号：{{ state.formData.bedNumber }}</div>
<div class="info-item">
床号：{{ state.formData.bedNumber }}
</div>
</el-col>
<el-col :span="6">
<div class="info-item">住院号：{{ state.formData.hospitalNumber }}</div>
<div class="info-item">
住院号：{{ state.formData.hospitalNumber }}
</div>
</el-col>
<el-col :span="6">
<div class="info-item">术前诊断：{{ state.formData.preDiagnosis }}</div>
<div class="info-item">
术前诊断：{{ state.formData.preDiagnosis }}
</div>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24">
<div class="info-item">拟行手术方式：{{ state.formData.surgeryMethod }}</div>
<div class="info-item">
拟行手术方式：{{ state.formData.surgeryMethod }}
</div>
</el-col>
</el-row>
</div>
<el-form :model="state.formData" label-width="0" class="handover-form-content">
<el-form
:model="state.formData"
label-width="0"
class="handover-form-content"
>
<!-- 一、病房护士与手术室护士交接记录 -->
<div class="form-section">
<div class="section-title">一、病房护士与手术室护士交接记录</div>
<div class="section-title">
一、病房护士与手术室护士交接记录
</div>
<el-row :gutter="20">
<el-col :span="12">
<div class="form-item">
<span class="item-label">药物过敏史</span>
<el-radio-group v-model="state.formData.drugAllergy">
<el-radio :label="1">无</el-radio>
<el-radio :label="2">有</el-radio>
<el-radio :label="1">
无
</el-radio>
<el-radio :label="2">
有
</el-radio>
</el-radio-group>
</div>
</el-col>
<el-col :span="12">
<div class="form-item">
<span v-if="state.formData.drugAllergy === 2"
>药物名称：
<el-input v-model="state.formData.allergyDrugName" class="inline-input"
/></span>
<span v-if="state.formData.drugAllergy === 2">药物名称：
<el-input
v-model="state.formData.allergyDrugName"
class="inline-input"
/></span>
</div>
</el-col>
</el-row>
@@ -76,9 +109,15 @@
<div class="form-item">
<span class="item-label">身份确认</span>
<el-checkbox-group v-model="state.formData.identityConfirm">
<el-checkbox :label="1">患者姓名核实</el-checkbox>
<el-checkbox :label="2">病例核实</el-checkbox>
<el-checkbox :label="3">腕带核</el-checkbox>
<el-checkbox :label="1">
患者姓名核实
</el-checkbox>
<el-checkbox :label="2">
病例核实
</el-checkbox>
<el-checkbox :label="3">
腕带核
</el-checkbox>
</el-checkbox-group>
</div>
</el-col>
@@ -93,8 +132,9 @@
v-for="item in getStatisticsOptionList('surgeryMark')"
:key="item.dictValue"
:label="item.dictValue"
>{{ item.dictLabel }}</el-radio
>
{{ item.dictLabel }}
</el-radio>
</el-radio-group>
</div>
</el-col>
@@ -123,29 +163,35 @@
<div class="form-item">
<span class="item-label">生命体征</span>
<span>
<el-input v-model="state.formData.temperature" class="inline-input">
<el-input
v-model="state.formData.temperature"
class="inline-input"
>
<template #prepend>T</template>
<template #append>℃</template>
</el-input>
</span>
<span class="ml-20"
><el-input v-model="state.formData.pulse" class="inline-input">
<template #prepend>P</template>
<template #append>次/分</template>
</el-input></span
<span class="ml-20"><el-input
v-model="state.formData.pulse"
class="inline-input"
>
<span class="ml-20"
><el-input v-model="state.formData.respiration" class="inline-input">
<template #prepend>R</template>
<template #append>次/分</template>
</el-input></span
<template #prepend>P</template>
<template #append>次/分</template>
</el-input></span>
<span class="ml-20"><el-input
v-model="state.formData.respiration"
class="inline-input"
>
<span class="ml-20"
><el-input v-model="state.formData.respiration" class="inline-input">
<template #prepend>BP</template>
<template #append>mmHg</template>
</el-input></span
<template #prepend>R</template>
<template #append>次/分</template>
</el-input></span>
<span class="ml-20"><el-input
v-model="state.formData.respiration"
class="inline-input"
>
<template #prepend>BP</template>
<template #append>mmHg</template>
</el-input></span>
</div>
</el-col>
</el-row>
@@ -155,12 +201,24 @@
<div class="form-item">
<span class="item-label">意识状态</span>
<el-checkbox-group v-model="state.formData.consciousness">
<el-checkbox :label="1">清醒</el-checkbox>
<el-checkbox :label="2">嗜睡</el-checkbox>
<el-checkbox :label="3">意识模糊</el-checkbox>
<el-checkbox :label="4">躁动</el-checkbox>
<el-checkbox :label="5">偏瘫</el-checkbox>
<el-checkbox :label="6">昏迷</el-checkbox>
<el-checkbox :label="1">
清醒
</el-checkbox>
<el-checkbox :label="2">
嗜睡
</el-checkbox>
<el-checkbox :label="3">
意识模糊
</el-checkbox>
<el-checkbox :label="4">
躁动
</el-checkbox>
<el-checkbox :label="5">
偏瘫
</el-checkbox>
<el-checkbox :label="6">
昏迷
</el-checkbox>
</el-checkbox-group>
</div>
</el-col>
@@ -171,13 +229,22 @@
<div class="form-item">
<span class="item-label">皮肤情况</span>
<el-checkbox-group v-model="state.formData.skinCondition">
<el-checkbox :label="1">正常</el-checkbox>
<el-checkbox :label="2">破损</el-checkbox>
<el-checkbox :label="3">压力性损伤</el-checkbox>
<el-checkbox :label="4">其他</el-checkbox>
<el-checkbox :label="1">
正常
</el-checkbox>
<el-checkbox :label="2">
破损
</el-checkbox>
<el-checkbox :label="3">
压力性损伤
</el-checkbox>
<el-checkbox :label="4">
其他
</el-checkbox>
</el-checkbox-group>
<span v-if="state.formData.skinCondition.includes(4)"
>其他： <el-input v-model="state.formData.skinOther" class="inline-input"
<span v-if="state.formData.skinCondition.includes(4)">其他： <el-input
v-model="state.formData.skinOther"
class="inline-input"
/></span>
</div>
</el-col>
@@ -236,13 +303,27 @@
<div class="form-item">
<span class="item-label">留置管路</span>
<el-checkbox-group v-model="state.formData.preOperativePipeline">
<el-checkbox :label="1">无</el-checkbox>
<el-checkbox :label="2">中心静脉置管</el-checkbox>
<el-checkbox :label="3">动脉置管</el-checkbox>
<el-checkbox :label="4">气管插管</el-checkbox>
<el-checkbox :label="5">胃管</el-checkbox>
<el-checkbox :label="6">尿管</el-checkbox>
<el-checkbox :label="7">引流管</el-checkbox>
<el-checkbox :label="1">
无
</el-checkbox>
<el-checkbox :label="2">
中心静脉置管
</el-checkbox>
<el-checkbox :label="3">
动脉置管
</el-checkbox>
<el-checkbox :label="4">
气管插管
</el-checkbox>
<el-checkbox :label="5">
胃管
</el-checkbox>
<el-checkbox :label="6">
尿管
</el-checkbox>
<el-checkbox :label="7">
引流管
</el-checkbox>
</el-checkbox-group>
</div>
</el-col>
@@ -258,11 +339,22 @@
style="width: 50px"
/>
<span>条</span>
<el-checkbox-group v-model="state.formData.veinPosition" class="ml-20">
<el-checkbox :label="1">右上肢</el-checkbox>
<el-checkbox :label="2">右下肢</el-checkbox>
<el-checkbox :label="3">左上肢</el-checkbox>
<el-checkbox :label="4">左下肢</el-checkbox>
<el-checkbox-group
v-model="state.formData.veinPosition"
class="ml-20"
>
<el-checkbox :label="1">
右上肢
</el-checkbox>
<el-checkbox :label="2">
右下肢
</el-checkbox>
<el-checkbox :label="3">
左上肢
</el-checkbox>
<el-checkbox :label="4">
左下肢
</el-checkbox>
</el-checkbox-group>
</div>
</el-col>
@@ -273,13 +365,27 @@
<div class="form-item">
<span class="item-label">确认事项</span>
<el-checkbox-group v-model="state.formData.confirmItems">
<el-checkbox :label="1">禁食水</el-checkbox>
<el-checkbox :label="2">备皮</el-checkbox>
<el-checkbox :label="3">无活动义齿</el-checkbox>
<el-checkbox :label="4">无随形眼镜</el-checkbox>
<el-checkbox :label="5">摘首饰</el-checkbox>
<el-checkbox :label="6">非月经期</el-checkbox>
<el-checkbox :label="7">病员服</el-checkbox>
<el-checkbox :label="1">
禁食水
</el-checkbox>
<el-checkbox :label="2">
备皮
</el-checkbox>
<el-checkbox :label="3">
无活动义齿
</el-checkbox>
<el-checkbox :label="4">
无随形眼镜
</el-checkbox>
<el-checkbox :label="5">
摘首饰
</el-checkbox>
<el-checkbox :label="6">
非月经期
</el-checkbox>
<el-checkbox :label="7">
病员服
</el-checkbox>
</el-checkbox-group>
</div>
</el-col>
@@ -290,11 +396,21 @@
<div class="form-item">
<span class="item-label">携带物品</span>
<el-checkbox-group v-model="state.formData.carryItems">
<el-checkbox :label="1">病例</el-checkbox>
<el-checkbox :label="2">药物</el-checkbox>
<el-checkbox :label="3">影像资料</el-checkbox>
<el-checkbox :label="4">胸/腹带</el-checkbox>
<el-checkbox :label="5">血制品</el-checkbox>
<el-checkbox :label="1">
病例
</el-checkbox>
<el-checkbox :label="2">
药物
</el-checkbox>
<el-checkbox :label="3">
影像资料
</el-checkbox>
<el-checkbox :label="4">
胸/腹带
</el-checkbox>
<el-checkbox :label="5">
血制品
</el-checkbox>
</el-checkbox-group>
</div>
</el-col>
@@ -304,19 +420,28 @@
<el-col :span="8">
<div class="form-item">
<span class="item-label">病房护士签名</span>
<el-input v-model="state.formData.wardNurseName" class="inline-input" />
<el-input
v-model="state.formData.wardNurseName"
class="inline-input"
/>
</div>
</el-col>
<el-col :span="8">
<div class="form-item">
<span class="item-label">手术护士签名</span>
<el-input v-model="state.formData.surgeryNurseName" class="inline-input" />
<el-input
v-model="state.formData.surgeryNurseName"
class="inline-input"
/>
</div>
</el-col>
<el-col :span="8">
<div class="form-item">
<span class="item-label">交接时间</span>
<el-input v-model="state.formData.handoverTime" class="inline-input" />
<el-input
v-model="state.formData.handoverTime"
class="inline-input"
/>
</div>
</el-col>
</el-row>
@@ -324,7 +449,9 @@
<!-- 二、手术室护士与麻醉复苏室护士/病房护士交接记录 -->
<div class="form-section">
<div class="section-title">二、手术室护士与麻醉复苏室护士/病房护士交接记录</div>
<div class="section-title">
二、手术室护士与麻醉复苏室护士/病房护士交接记录
</div>
<el-row :gutter="20">
<el-col :span="24">
@@ -345,7 +472,10 @@
/>
<span>次/分</span>
<span class="ml-20">BP</span>
<el-input v-model="state.formData.postBloodPressure" class="inline-input" />
<el-input
v-model="state.formData.postBloodPressure"
class="inline-input"
/>
<span>mmHg</span>
</div>
</el-col>
@@ -356,14 +486,21 @@
<div class="form-item">
<span class="item-label">意识状态</span>
<el-checkbox-group v-model="state.formData.postConsciousness">
<el-checkbox :label="1">清醒</el-checkbox>
<el-checkbox :label="2">未清醒</el-checkbox>
<el-checkbox :label="3">其他</el-checkbox>
<el-checkbox :label="1">
清醒
</el-checkbox>
<el-checkbox :label="2">
未清醒
</el-checkbox>
<el-checkbox :label="3">
其他
</el-checkbox>
</el-checkbox-group>
<span v-if="state.formData.postConsciousness.includes(3)"
>其他：
<el-input v-model="state.formData.postConsciousnessOther" class="inline-input"
/></span>
<span v-if="state.formData.postConsciousness.includes(3)">其他：
<el-input
v-model="state.formData.postConsciousnessOther"
class="inline-input"
/></span>
</div>
</el-col>
</el-row>
@@ -373,13 +510,22 @@
<div class="form-item">
<span class="item-label">皮肤情况</span>
<el-checkbox-group v-model="state.formData.postSkinCondition">
<el-checkbox :label="1">正常</el-checkbox>
<el-checkbox :label="2">破损</el-checkbox>
<el-checkbox :label="3">压力性损伤</el-checkbox>
<el-checkbox :label="4">其他</el-checkbox>
<el-checkbox :label="1">
正常
</el-checkbox>
<el-checkbox :label="2">
破损
</el-checkbox>
<el-checkbox :label="3">
压力性损伤
</el-checkbox>
<el-checkbox :label="4">
其他
</el-checkbox>
</el-checkbox-group>
<span v-if="state.formData.postSkinCondition.includes(4)"
>其他： <el-input v-model="state.formData.postSkinOther" class="inline-input"
<span v-if="state.formData.postSkinCondition.includes(4)">其他： <el-input
v-model="state.formData.postSkinOther"
class="inline-input"
/></span>
</div>
</el-col>
@@ -438,13 +584,27 @@
<div class="form-item">
<span class="item-label">术后管路</span>
<el-checkbox-group v-model="state.formData.postOperativePipeline">
<el-checkbox :label="1">无</el-checkbox>
<el-checkbox :label="2">中心静脉置管</el-checkbox>
<el-checkbox :label="3">动脉置管</el-checkbox>
<el-checkbox :label="4">气管插管</el-checkbox>
<el-checkbox :label="5">胃管</el-checkbox>
<el-checkbox :label="6">尿管</el-checkbox>
<el-checkbox :label="7">引流管</el-checkbox>
<el-checkbox :label="1">
无
</el-checkbox>
<el-checkbox :label="2">
中心静脉置管
</el-checkbox>
<el-checkbox :label="3">
动脉置管
</el-checkbox>
<el-checkbox :label="4">
气管插管
</el-checkbox>
<el-checkbox :label="5">
胃管
</el-checkbox>
<el-checkbox :label="6">
尿管
</el-checkbox>
<el-checkbox :label="7">
引流管
</el-checkbox>
</el-checkbox-group>
</div>
</el-col>
@@ -460,11 +620,22 @@
style="width: 50px"
/>
<span>条</span>
<el-checkbox-group v-model="state.formData.postVeinPosition" class="ml-20">
<el-checkbox :label="1">右上肢</el-checkbox>
<el-checkbox :label="2">右下肢</el-checkbox>
<el-checkbox :label="3">左上肢</el-checkbox>
<el-checkbox :label="4">左下肢</el-checkbox>
<el-checkbox-group
v-model="state.formData.postVeinPosition"
class="ml-20"
>
<el-checkbox :label="1">
右上肢
</el-checkbox>
<el-checkbox :label="2">
右下肢
</el-checkbox>
<el-checkbox :label="3">
左上肢
</el-checkbox>
<el-checkbox :label="4">
左下肢
</el-checkbox>
</el-checkbox-group>
</div>
</el-col>
@@ -475,11 +646,21 @@
<div class="form-item">
<span class="item-label">携带物品</span>
<el-checkbox-group v-model="state.formData.postCarryItems">
<el-checkbox :label="1">病历</el-checkbox>
<el-checkbox :label="2">药物</el-checkbox>
<el-checkbox :label="3">影像资料</el-checkbox>
<el-checkbox :label="4">胸/腹带</el-checkbox>
<el-checkbox :label="5">血制品</el-checkbox>
<el-checkbox :label="1">
病历
</el-checkbox>
<el-checkbox :label="2">
药物
</el-checkbox>
<el-checkbox :label="3">
影像资料
</el-checkbox>
<el-checkbox :label="4">
胸/腹带
</el-checkbox>
<el-checkbox :label="5">
血制品
</el-checkbox>
</el-checkbox-group>
</div>
</el-col>
@@ -490,8 +671,12 @@
<div class="form-item">
<span class="item-label">镇痛泵</span>
<el-radio-group v-model="state.formData.painPump">
<el-radio :label="1">无</el-radio>
<el-radio :label="2">有</el-radio>
<el-radio :label="1">
无
</el-radio>
<el-radio :label="2">
有
</el-radio>
</el-radio-group>
</div>
</el-col>
@@ -500,14 +685,23 @@
<el-row :gutter="20">
<el-col :span="12">
<div class="form-item">
<span class="item-label" style="width: 220px">手术室/麻醉复苏室护士签名</span>
<el-input v-model="state.formData.surgeryRecoveryNurseName" class="inline-input" />
<span
class="item-label"
style="width: 220px"
>手术室/麻醉复苏室护士签名</span>
<el-input
v-model="state.formData.surgeryRecoveryNurseName"
class="inline-input"
/>
</div>
</el-col>
<el-col :span="12">
<div class="form-item">
<span class="item-label">病房护士签名</span>
<el-input v-model="state.formData.postWardNurseName" class="inline-input" />
<el-input
v-model="state.formData.postWardNurseName"
class="inline-input"
/>
</div>
</el-col>
<el-col :span="12">
@@ -532,7 +726,10 @@
<el-col :span="12">
<div class="form-item">
<span class="item-label">交接时间</span>
<el-input v-model="state.formData.postHandoverTime" class="inline-input" />
<el-input
v-model="state.formData.postHandoverTime"
class="inline-input"
/>
</div>
</el-col>
</el-row>
@@ -540,13 +737,19 @@
<!-- 其他 -->
<div class="form-section">
<div class="section-title">其他</div>
<div class="section-title">
其他
</div>
<el-row :gutter="20">
<el-col :span="24">
<div class="form-item">
<el-checkbox-group v-model="state.formData.otherItems">
<el-checkbox :label="1">离院</el-checkbox>
<el-checkbox :label="2">死亡</el-checkbox>
<el-checkbox :label="1">
离院
</el-checkbox>
<el-checkbox :label="2">
死亡
</el-checkbox>
</el-checkbox-group>
</div>
</el-col>

111
openhis-ui-vue3/src/template/tySurgicalRecord.vue
View File

@@ -1,15 +1,26 @@
<template>
<div class="medical-document" >
<!-- 操作按钮 -->
<div class="btn-group">
<el-button type="success" @click="handlePrint">打印记录</el-button>
<!-- <el-button type="warning" @click="handleReset">重置表单</el-button> -->
</div>
<div class="medical-document">
<!-- 操作按钮 -->
<div class="btn-group">
<el-button
type="success"
@click="handlePrint"
>
打印记录
</el-button>
<!-- <el-button type="warning" @click="handleReset">重置表单</el-button> -->
</div>
<!-- 标题区域 -->
<div class="doc-header">
<h2 class="doc-title">{{ userStore.hospitalName}}</h2>
<h1 class="doc-title">手术记录</h1>
<div class="doc-subtitle">病历号: {{ formData.busNo || '待填写' }}</div>
<h2 class="doc-title">
{{ userStore.hospitalName }}
</h2>
<h1 class="doc-title">
手术记录
</h1>
<div class="doc-subtitle">
病历号: {{ formData.busNo || '待填写' }}
</div>
</div>
<!-- 内容区域 -->
@@ -24,34 +35,76 @@
>
<!-- 患者基础信息 -->
<section class="doc-section">
<h2 class="section-title">一、患者基础信息</h2>
<h2 class="section-title">
一、患者基础信息
</h2>
<div class="adaptive-grid">
<el-form-item label="姓名" prop="patientName" class="grid-item required">
<el-input v-model="formData.patientName" placeholder="请输入患者姓名" clearable />
<el-form-item
label="姓名"
prop="patientName"
class="grid-item required"
>
<el-input
v-model="formData.patientName"
placeholder="请输入患者姓名"
clearable
/>
</el-form-item>
<el-form-item label="性别" prop="gender" class="grid-item required">
<el-select v-model="formData.gender" placeholder="请选择性别">
<el-option label="男性" value="男性" />
<el-option label="女性" value="女性" />
<el-form-item
label="性别"
prop="gender"
class="grid-item required"
>
<el-select
v-model="formData.gender"
placeholder="请选择性别"
>
<el-option
label="男性"
value="男性"
/>
<el-option
label="女性"
value="女性"
/>
</el-select>
</el-form-item>
<el-form-item label="年龄" prop="age" class="grid-item required">
<el-form-item
label="年龄"
prop="age"
class="grid-item required"
>
<div class="input-with-unit">
<el-input v-model.number="formData.age" placeholder="请输入年龄" />
<el-input
v-model.number="formData.age"
placeholder="请输入年龄"
/>
</div>
</el-form-item>
<el-form-item label="科室" prop="department" class="grid-item required">
<el-input v-model="formData.department" placeholder="如：普外科" clearable />
<el-form-item
label="科室"
prop="department"
class="grid-item required"
>
<el-input
v-model="formData.department"
placeholder="如：普外科"
clearable
/>
</el-form-item>
<!--
<!--
<el-form-item label="病房/床号" prop="bedNo" class="grid-item required">
<el-input v-model="formData.bedNo" placeholder="如：502-03" clearable />
</el-form-item> -->
<el-form-item label="手术日期" prop="operationDate" class="grid-item required">
<el-form-item
label="手术日期"
prop="operationDate"
class="grid-item required"
>
<el-date-picker
v-model="formData.operationDate"
type="date"
@@ -65,8 +118,14 @@
<!-- 手术综合信息 -->
<section class="doc-section">
<h2 class="section-title">二、手术综合信息</h2>
<el-form-item label="详细记录" prop="surgicalDetails" class="full-width-item required">
<h2 class="section-title">
二、手术综合信息
</h2>
<el-form-item
label="详细记录"
prop="surgicalDetails"
class="full-width-item required"
>
<el-input
v-model="formData.surgicalDetails"
type="textarea"
@@ -75,8 +134,6 @@
/>
</el-form-item>
</section>
</el-form>
</div>
</template>
@@ -100,7 +157,7 @@ import useUserStore from '../store/modules/user';
import { previewPrint } from '@/utils/printUtils.js';
defineOptions({
name: 'tySurgicalRecord'
name: 'TySurgicalRecord'
});
// 表单引用
const formRef = ref(null);

380
openhis-ui-vue3/src/views/appoinmentmanage/clinicRoom/index.vue
View File

@@ -1,8 +1,19 @@
<template>
<div class="app-container" v-loading="loading">
<div
v-loading="loading"
class="app-container"
>
<!-- 筛选区 -->
<el-form :model="queryParams" ref="queryRef" :inline="true" class="filter-form">
<el-form-item label="卫生机构" prop="orgName">
<el-form
ref="queryRef"
:model="queryParams"
:inline="true"
class="filter-form"
>
<el-form-item
label="卫生机构"
prop="orgName"
>
<el-select
v-model="queryParams.orgName"
placeholder="请选择"
@@ -18,7 +29,10 @@
/>
</el-select>
</el-form-item>
<el-form-item label="诊室名称" prop="roomName">
<el-form-item
label="诊室名称"
prop="roomName"
>
<el-input
v-model="queryParams.roomName"
placeholder="请输入诊室名称"
@@ -29,9 +43,26 @@
/>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="Search" @click="handleQuery">查询</el-button>
<el-button icon="Refresh" @click="resetQuery">重置</el-button>
<el-button type="primary" icon="Plus" @click="handleAdd">新增</el-button>
<el-button
type="primary"
icon="Search"
@click="handleQuery"
>
查询
</el-button>
<el-button
icon="Refresh"
@click="resetQuery"
>
重置
</el-button>
<el-button
type="primary"
icon="Plus"
@click="handleAdd"
>
新增
</el-button>
</el-form-item>
</el-form>
@@ -43,61 +74,131 @@
style="width: 100%"
class="clinic-room-table"
>
<el-table-column prop="id" label="ID" width="180" align="center" />
<el-table-column label="卫生机构" width="200" align="center" show-overflow-tooltip>
<template #default="scope">
<!-- 用==忽略类型匹配，string的"3"和number的3就能匹配上 -->
{{ tenantOptions.find(item => item.id == scope.row.orgName)?.tenantName || scope.row.orgName || '未知机构' }}
</template>
</el-table-column>
<el-table-column prop="roomName" label="诊室名称" width="160" align="center" show-overflow-tooltip />
<el-table-column prop="department" label="科室名称" width="160" align="center" show-overflow-tooltip />
<el-table-column prop="building" label="诊室楼号" width="120" align="center" show-overflow-tooltip />
<el-table-column prop="floor" label="诊室楼层" width="90" align="center" />
<el-table-column prop="roomNo" label="诊室房间号" width="120" align="center" />
<el-table-column prop="isDisabled" label="停用" width="90" align="center">
<el-table-column
prop="id"
label="ID"
width="180"
align="center"
/>
<el-table-column
label="卫生机构"
width="200"
align="center"
show-overflow-tooltip
>
<template #default="scope">
<!-- 用==忽略类型匹配，string的"3"和number的3就能匹配上 -->
{{ tenantOptions.find(item => item.id == scope.row.orgName)?.tenantName || scope.row.orgName || '未知机构' }}
</template>
</el-table-column>
<el-table-column
prop="roomName"
label="诊室名称"
width="160"
align="center"
show-overflow-tooltip
/>
<el-table-column
prop="department"
label="科室名称"
width="160"
align="center"
show-overflow-tooltip
/>
<el-table-column
prop="building"
label="诊室楼号"
width="120"
align="center"
show-overflow-tooltip
/>
<el-table-column
prop="floor"
label="诊室楼层"
width="90"
align="center"
/>
<el-table-column
prop="roomNo"
label="诊室房间号"
width="120"
align="center"
/>
<el-table-column
prop="isDisabled"
label="停用"
width="90"
align="center"
>
<template #default="scope">
<el-tag :type="scope.row.isDisabled ? 'danger' : 'success'">
{{ scope.row.isDisabled ? '是' : '否' }}
</el-tag>
</template>
</el-table-column>
<el-table-column prop="remarks" label="备注" min-width="100" align="center" show-overflow-tooltip />
<el-table-column prop="void" label="作废" width="90" align="center">
<el-table-column
prop="remarks"
label="备注"
min-width="100"
align="center"
show-overflow-tooltip
/>
<el-table-column
prop="void"
label="作废"
width="90"
align="center"
>
<template #default="scope">
<el-tag :type="scope.row.void ? 'danger' : 'success'">
{{ scope.row.void ? '是' : '否' }}
</el-tag>
</template>
</el-table-column>
<el-table-column label="操作人" width="120" align="center" show-overflow-tooltip>
<template #default="scope">
{{ scope.row.updateBy || scope.row.createBy || '系统默认' }}
</template>
</el-table-column>
<el-table-column label="操作" width="250" align="center" fixed="right">
<el-table-column
label="操作人"
width="120"
align="center"
show-overflow-tooltip
>
<template #default="scope">
{{ scope.row.updateBy || scope.row.createBy || '系统默认' }}
</template>
</el-table-column>
<el-table-column
label="操作"
width="250"
align="center"
fixed="right"
>
<template #default="scope">
<el-button
v-hasPermi="['appoinment:clinicRoom:edit']"
type="primary"
link
icon="EditPen"
@click="handleEdit(scope.row)"
v-hasPermi="['appoinment:clinicRoom:edit']"
>编辑</el-button>
>
编辑
</el-button>
<el-button
v-hasPermi="['appoinment:clinicRoom:query']"
type="info"
link
icon="View"
@click="handleView(scope.row)"
v-hasPermi="['appoinment:clinicRoom:query']"
>查看</el-button>
>
查看
</el-button>
<el-button
v-hasPermi="['appoinment:clinicRoom:remove']"
type="danger"
link
icon="Delete"
@click="handleDelete(scope.row)"
v-hasPermi="['appoinment:clinicRoom:remove']"
>删除</el-button>
>
删除
</el-button>
</template>
</el-table-column>
</el-table>
@@ -105,16 +206,16 @@
<!-- 分页区 -->
<pagination
v-show="total > 0"
:total="total"
v-model:page="queryParams.pageNum"
v-model:limit="queryParams.pageSize"
:total="total"
@pagination="getList"
/>
<!-- 新增/编辑/查看弹窗 -->
<el-dialog
:title="dialogTitle"
v-model="dialogVisible"
:title="dialogTitle"
width="500px"
append-to-body
:close-on-click-modal="false"
@@ -127,93 +228,136 @@
label-width="100px"
:disabled="dialogType === 'view'"
>
<el-form-item label="科室名称" prop="department">
<el-select
v-model="form.department"
placeholder="请选择科室"
style="width: 100%"
filterable
:disabled="dialogType === 'view'"
<el-form-item
label="科室名称"
prop="department"
>
<el-option
v-for="item in departmentOptions"
:key="item.deptId || item.id"
:label="item.deptName || item.name"
:value="item.deptName || item.name"
/>
</el-select>
</el-form-item>
<el-form-item label="卫生机构" prop="orgName">
<el-select
v-model="form.orgName"
placeholder="请选择"
style="width: 100%"
:disabled="dialogType === 'view'"
<el-select
v-model="form.department"
placeholder="请选择科室"
style="width: 100%"
filterable
:disabled="dialogType === 'view'"
>
<el-option
v-for="item in departmentOptions"
:key="item.deptId || item.id"
:label="item.deptName || item.name"
:value="item.deptName || item.name"
/>
</el-select>
</el-form-item>
<el-form-item
label="卫生机构"
prop="orgName"
>
<el-option
v-for="item in addEditTenantOptions"
:key="item.id"
:label="item.tenantName"
:value="item.id"
<el-select
v-model="form.orgName"
placeholder="请选择"
style="width: 100%"
:disabled="dialogType === 'view'"
>
<el-option
v-for="item in addEditTenantOptions"
:key="item.id"
:label="item.tenantName"
:value="item.id"
/>
</el-select>
</el-form-item>
<el-form-item
label="诊室名称"
prop="roomName"
>
<el-input
v-model="form.roomName"
placeholder="请输入诊室名称"
maxlength="20"
show-word-limit
/>
</el-select>
</el-form-item>
<el-form-item label="诊室名称" prop="roomName">
<el-input
v-model="form.roomName"
placeholder="请输入诊室名称"
maxlength="20"
show-word-limit
/>
</el-form-item>
<el-form-item label="诊室楼号" prop="building">
<el-input
v-model="form.building"
placeholder="请输入诊室楼号"
maxlength="50"
/>
</el-form-item>
<el-form-item label="诊室楼层" prop="floor">
<el-input
v-model="form.floor"
placeholder="请输入诊室楼层"
maxlength="10"
/>
</el-form-item>
<el-form-item label="诊室房间号" prop="roomNo">
<el-input
v-model="form.roomNo"
placeholder="请输入诊室房间号"
maxlength="50"
/>
</el-form-item>
<el-form-item label="停用状态" prop="isDisabled">
<el-radio-group v-model="form.isDisabled">
<el-radio :label="false">启用</el-radio>
<el-radio :label="true">停用</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="备注" prop="remarks">
<el-input
v-model="form.remarks"
type="textarea"
:rows="3"
placeholder="请输入备注"
maxlength="500"
show-word-limit
/>
</el-form-item>
<el-form-item label="作废" prop="void">
<el-radio-group v-model="form.void">
<el-radio :label="false">否</el-radio>
<el-radio :label="true">是</el-radio>
</el-radio-group>
</el-form-item>
</el-form>
</el-form-item>
<el-form-item
label="诊室楼号"
prop="building"
>
<el-input
v-model="form.building"
placeholder="请输入诊室楼号"
maxlength="50"
/>
</el-form-item>
<el-form-item
label="诊室楼层"
prop="floor"
>
<el-input
v-model="form.floor"
placeholder="请输入诊室楼层"
maxlength="10"
/>
</el-form-item>
<el-form-item
label="诊室房间号"
prop="roomNo"
>
<el-input
v-model="form.roomNo"
placeholder="请输入诊室房间号"
maxlength="50"
/>
</el-form-item>
<el-form-item
label="停用状态"
prop="isDisabled"
>
<el-radio-group v-model="form.isDisabled">
<el-radio :label="false">
启用
</el-radio>
<el-radio :label="true">
停用
</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item
label="备注"
prop="remarks"
>
<el-input
v-model="form.remarks"
type="textarea"
:rows="3"
placeholder="请输入备注"
maxlength="500"
show-word-limit
/>
</el-form-item>
<el-form-item
label="作废"
prop="void"
>
<el-radio-group v-model="form.void">
<el-radio :label="false">
否
</el-radio>
<el-radio :label="true">
是
</el-radio>
</el-radio-group>
</el-form-item>
</el-form>
<template #footer>
<div class="dialog-footer">
<el-button v-if="dialogType !== 'view'" type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
<el-button
v-if="dialogType !== 'view'"
type="primary"
@click="submitForm"
>
确 定
</el-button>
<el-button @click="cancel">
取 消
</el-button>
</div>
</template>
</el-dialog>

255
openhis-ui-vue3/src/views/appoinmentmanage/deptManage/doctorschedule/index.vue
View File

@@ -1,20 +1,34 @@
<template>
<div class="doctorschedule-container">
<div class="doctorschedule-header">
<h2 class="doctorschedule-title">医生排班</h2>
<h2 class="doctorschedule-title">
医生排班
</h2>
</div>
<div class="doctorschedule-content">
<!-- 筛选条件 -->
<div class="filter-condition">
<span class="filter-label">卫生机构</span>
<el-select v-model="filterParams.orgName" class="filter-select">
<el-option label="演示医院" value="演示医院"></el-option>
<el-select
v-model="filterParams.orgName"
class="filter-select"
>
<el-option
label="演示医院"
value="演示医院"
/>
</el-select>
<span class="filter-label">科室名称</span>
<el-select v-model="filterParams.deptName" class="filter-select">
<el-option label="测试内科" value="测试内科"></el-option>
<el-select
v-model="filterParams.deptName"
class="filter-select"
>
<el-option
label="测试内科"
value="测试内科"
/>
</el-select>
<span class="filter-label">开始日期</span>
@@ -27,22 +41,51 @@
<span class="filter-label">排班类型</span>
<div class="radio-group">
<el-radio v-model="filterParams.appointmentType" label="普通" @change="handleAppointmentTypeChange">普通</el-radio>
<el-radio v-model="filterParams.appointmentType" label="专家" @change="handleAppointmentTypeChange">专家</el-radio>
<el-radio
v-model="filterParams.appointmentType"
label="普通"
@change="handleAppointmentTypeChange"
>
普通
</el-radio>
<el-radio
v-model="filterParams.appointmentType"
label="专家"
@change="handleAppointmentTypeChange"
>
专家
</el-radio>
</div>
</div>
<!-- 排班表格 -->
<div class="schedule-table-container">
<!-- 按日期分组显示排班 -->
<div v-for="(dateGroup, index) in groupedSchedule" :key="index" class="daily-schedule">
<div
v-for="(dateGroup, index) in groupedSchedule"
:key="index"
class="daily-schedule"
>
<div class="daily-header">
<span class="date-text">{{ dateGroup.date }}</span>
<span class="weekday-text">{{ dateGroup.weekday }}</span>
</div>
<el-table :data="dateGroup.items" border style="width: 100%" class="schedule-table">
<el-table-column prop="timeSlot" label="时段" width="100"></el-table-column>
<el-table-column prop="doctorName" :label="filterParams.appointmentType === '专家' ? '专家' : '医生'" width="150">
<el-table
:data="dateGroup.items"
border
style="width: 100%"
class="schedule-table"
>
<el-table-column
prop="timeSlot"
label="时段"
width="100"
/>
<el-table-column
prop="doctorName"
:label="filterParams.appointmentType === '专家' ? '专家' : '医生'"
width="150"
>
<template #default="scope">
<el-select
v-model="scope.row.doctorName"
@@ -55,11 +98,15 @@
:key="doctor.value"
:label="doctor.label"
:value="doctor.value"
></el-option>
/>
</el-select>
</template>
</el-table-column>
<el-table-column prop="room" label="诊室" width="100">
<el-table-column
prop="room"
label="诊室"
width="100"
>
<template #default="scope">
<el-select
v-model="scope.row.room"
@@ -67,14 +114,30 @@
class="inline-select"
:disabled="!isEditMode"
>
<el-option label="诊室1" value="诊室1"></el-option>
<el-option label="诊室2" value="诊室2"></el-option>
<el-option label="诊室3" value="诊室3"></el-option>
<el-option label="诊室4" value="诊室4"></el-option>
<el-option
label="诊室1"
value="诊室1"
/>
<el-option
label="诊室2"
value="诊室2"
/>
<el-option
label="诊室3"
value="诊室3"
/>
<el-option
label="诊室4"
value="诊室4"
/>
</el-select>
</template>
</el-table-column>
<el-table-column prop="startTime" label="开始时间" width="120">
<el-table-column
prop="startTime"
label="开始时间"
width="120"
>
<template #default="scope">
<el-time-picker
v-model="scope.row.startTime"
@@ -87,7 +150,11 @@
/>
</template>
</el-table-column>
<el-table-column prop="endTime" label="结束时间" width="120">
<el-table-column
prop="endTime"
label="结束时间"
width="120"
>
<template #default="scope">
<el-time-picker
v-model="scope.row.endTime"
@@ -100,27 +167,39 @@
/>
</template>
</el-table-column>
<el-table-column prop="maxNumber" label="限号数量" width="80">
<el-table-column
prop="maxNumber"
label="限号数量"
width="80"
>
<template #default="scope">
<el-input
v-model="scope.row.maxNumber"
type="number"
:disabled="!isEditMode"
/>
v-model="scope.row.maxNumber"
type="number"
:disabled="!isEditMode"
/>
</template>
</el-table-column>
<el-table-column prop="record" label="号源记录" width="80">
<el-table-column
prop="record"
label="号源记录"
width="80"
>
<template #default="scope">
<el-icon
@click="handleViewRecord(scope.row)"
class="record-icon"
class="record-icon"
title="查看号源记录"
@click="handleViewRecord(scope.row)"
>
<View />
</el-icon>
</template>
</el-table-column>
<el-table-column prop="appointmentItem" label="挂号项目" width="120">
<el-table-column
prop="appointmentItem"
label="挂号项目"
width="120"
>
<template #default="scope">
<el-select
v-model="scope.row.appointmentItem"
@@ -129,19 +208,39 @@
:disabled="!isEditMode"
@change="handleAppointmentItemChange(scope.row)"
>
<el-option label="挂号费 50" value="挂号费 50"></el-option>
<el-option label="一般诊疗费 10" value="一般诊疗费 10"></el-option>
<el-option label="主任医师 27" value="主任医师 27"></el-option>
<el-option label="副主任 15" value="副主任 15"></el-option>
<el-option
label="挂号费 50"
value="挂号费 50"
/>
<el-option
label="一般诊疗费 10"
value="一般诊疗费 10"
/>
<el-option
label="主任医师 27"
value="主任医师 27"
/>
<el-option
label="副主任 15"
value="副主任 15"
/>
</el-select>
</template>
</el-table-column>
<el-table-column prop="registrationFee" label="挂号费(元)" width="100">
<el-table-column
prop="registrationFee"
label="挂号费(元)"
width="100"
>
<template #default="scope">
<span>{{ scope.row.registrationFee || '0' }}</span>
</template>
</el-table-column>
<el-table-column prop="clinicItem" label="诊查项目" width="150">
<el-table-column
prop="clinicItem"
label="诊查项目"
width="150"
>
<template #default="scope">
<el-select
v-model="scope.row.clinicItem"
@@ -150,53 +249,91 @@
:disabled="!isEditMode"
@change="handleClinicItemChange(scope.row)"
>
<el-option label="常规诊查" value="常规诊查"></el-option>
<el-option label="专科诊查" value="专科诊查"></el-option>
<el-option label="特殊诊查" value="特殊诊查"></el-option>
<el-option label="专家诊查" value="专家诊查"></el-option>
<el-option
label="常规诊查"
value="常规诊查"
/>
<el-option
label="专科诊查"
value="专科诊查"
/>
<el-option
label="特殊诊查"
value="特殊诊查"
/>
<el-option
label="专家诊查"
value="专家诊查"
/>
</el-select>
</template>
</el-table-column>
<el-table-column prop="treatmentFee" label="诊疗费(元)" width="100">
<el-table-column
prop="treatmentFee"
label="诊疗费(元)"
width="100"
>
<template #default="scope">
<span>{{ scope.row.treatmentFee || '0' }}</span>
</template>
</el-table-column>
<el-table-column prop="online" label="线上" width="60">
<el-table-column
prop="online"
label="线上"
width="60"
>
<template #default="scope">
<el-checkbox v-model="scope.row.online" :disabled="!isEditMode"></el-checkbox>
<el-checkbox
v-model="scope.row.online"
:disabled="!isEditMode"
/>
</template>
</el-table-column>
<el-table-column prop="stopClinic" label="停诊" width="60">
<el-table-column
prop="stopClinic"
label="停诊"
width="60"
>
<template #default="scope">
<el-checkbox v-model="scope.row.stopClinic" :disabled="!isEditMode"></el-checkbox>
<el-checkbox
v-model="scope.row.stopClinic"
:disabled="!isEditMode"
/>
</template>
</el-table-column>
<el-table-column prop="stopReason" label="停诊原因" width="150">
<el-table-column
prop="stopReason"
label="停诊原因"
width="150"
>
<template #default="scope">
<el-input
v-model="scope.row.stopReason"
:placeholder="scope.row.stopClinic ? '请输入停诊原因' : ''"
class="inline-input"
:disabled="!isEditMode || !scope.row.stopClinic"
></el-input>
/>
</template>
</el-table-column>
<el-table-column label="操作" width="150" fixed="right">
<el-table-column
label="操作"
width="150"
fixed="right"
>
<template #default="scope">
<el-button
type="primary"
size="small"
@click="handleAddSchedule(scope.row)"
:disabled="!isEditMode"
@click="handleAddSchedule(scope.row)"
>
添加
</el-button>
<el-button
type="danger"
size="small"
@click="handleDeleteSchedule(scope.row)"
:disabled="!isEditMode"
@click="handleDeleteSchedule(scope.row)"
>
删除
</el-button>
@@ -208,8 +345,16 @@
<!-- 底部操作按钮 -->
<div class="bottom-buttons">
<el-button type="primary" @click="handleSave" :disabled="!isEditMode">确定</el-button>
<el-button @click="handleCancel">取消</el-button>
<el-button
type="primary"
:disabled="!isEditMode"
@click="handleSave"
>
确定
</el-button>
<el-button @click="handleCancel">
取消
</el-button>
</div>
</div>
@@ -221,13 +366,19 @@
:close-on-click-modal="true"
>
<div class="appointment-records">
<div class="record-item" v-for="record in appointmentRecords" :key="record.index">
<div
v-for="record in appointmentRecords"
:key="record.index"
class="record-item"
>
<span class="record-time">{{ record.time }}</span>
</div>
</div>
<template #footer>
<div class="dialog-footer">
<el-button @click="recordDialogVisible = false">确定</el-button>
<el-button @click="recordDialogVisible = false">
确定
</el-button>
</div>
</template>
</el-dialog>

365
openhis-ui-vue3/src/views/appoinmentmanage/deptManage/index.vue
View File

@@ -2,30 +2,80 @@
<div class="appoinmentmanage-wrapper">
<div class="appoinmentmanage-container">
<div class="appoinmentmanage-header">
<h2 class="appoinmentmanage-title">科室排班管理</h2>
<h2 class="appoinmentmanage-title">
科室排班管理
</h2>
</div>
<div class="appoinmentmanage-content">
<!-- 查询条件 -->
<div class="query-condition">
<el-select v-model="queryParams.orgName" placeholder="全部机构" class="query-select" clearable @change="handleOrgChange">
<el-option label="全部机构" value=""></el-option>
<el-option v-for="org in organizationOptions" :key="org.id || org.code" :label="org.name || org.orgName" :value="org.name || org.orgName"></el-option>
<el-select
v-model="queryParams.orgName"
placeholder="全部机构"
class="query-select"
clearable
@change="handleOrgChange"
>
<el-option
label="全部机构"
value=""
/>
<el-option
v-for="org in organizationOptions"
:key="org.id || org.code"
:label="org.name || org.orgName"
:value="org.name || org.orgName"
/>
</el-select>
<el-select v-model="queryParams.deptName" placeholder="全部科室" class="query-select">
<el-option label="全部科室" value=""></el-option>
<el-option v-for="dept in departmentOptions" :key="dept.id || dept.code" :label="dept.name || dept.deptName" :value="dept.name || dept.deptName"></el-option>
<el-select
v-model="queryParams.deptName"
placeholder="全部科室"
class="query-select"
>
<el-option
label="全部科室"
value=""
/>
<el-option
v-for="dept in departmentOptions"
:key="dept.id || dept.code"
:label="dept.name || dept.deptName"
:value="dept.name || dept.deptName"
/>
</el-select>
<el-button type="primary" @click="handleQuery" class="query-button">查询</el-button>
<el-button @click="handleReset" class="reset-button">重置</el-button>
<el-button type="success" @click="handleAppointmentSetting" class="appointment-setting-button">预约设置</el-button>
<el-button
type="primary"
class="query-button"
@click="handleQuery"
>
查询
</el-button>
<el-button
class="reset-button"
@click="handleReset"
>
重置
</el-button>
<el-button
type="success"
class="appointment-setting-button"
@click="handleAppointmentSetting"
>
预约设置
</el-button>
</div>
<!-- 科室列表 -->
<div class="dept-table-container">
<el-table :data="deptList" border style="width: 100%" class="centered-table">
<el-table
:data="deptList"
border
style="width: 100%"
class="centered-table"
>
<!-- 添加空状态提示 -->
<template #empty>
<div style="padding: 20px 0;">
@@ -35,35 +85,66 @@
</template>
<!-- 适配常见的后端字段名 -->
<el-table-column prop="id" label="ID" width="150"></el-table-column>
<el-table-column prop="orgName" label="卫生机构" width="350">
<el-table-column
prop="id"
label="ID"
width="150"
/>
<el-table-column
prop="orgName"
label="卫生机构"
width="350"
>
<template #default="scope">
{{ scope.row.orgName || scope.row.organizationName || scope.row.org || '' }}
</template>
</el-table-column>
<el-table-column prop="deptName" label="科室名称" width="350">
<el-table-column
prop="deptName"
label="科室名称"
width="350"
>
<template #default="scope">
{{ scope.row.deptName || scope.row.departmentName || scope.row.name || '' }}
</template>
</el-table-column>
<el-table-column prop="remark" label="备注" width="400">
<el-table-column
prop="remark"
label="备注"
width="400"
>
<template #default="scope">
{{ scope.row.remark || scope.row.description || scope.row.note || '' }}
</template>
</el-table-column>
<el-table-column prop="status" label="作废标志">
<el-table-column
prop="status"
label="作废标志"
>
<template #default="scope">
<el-tag :type="(scope.row.status === 1 || scope.row.status === true || scope.row.status === '1') ? 'success' : 'danger'">
{{ (scope.row.status === 1 || scope.row.status === true || scope.row.status === '1') ? '有效' : '无效' }}
</el-tag>
</template>
</el-table-column>
<el-table-column label="操作" width="350" fixed="right">
<el-table-column
label="操作"
width="350"
fixed="right"
>
<template #default="scope">
<el-button type="primary" size="small" @click="handleEdit(scope.row)">
<el-button
type="primary"
size="small"
@click="handleEdit(scope.row)"
>
<el-icon><EditPen /></el-icon>
</el-button>
<el-button type="info" size="small" @click="handleView(scope.row)">
<el-button
type="info"
size="small"
@click="handleView(scope.row)"
>
<el-icon><View /></el-icon>
</el-button>
</template>
@@ -97,12 +178,28 @@
top="50%"
:before-close="handleAppointmentSettingCancel"
>
<el-form label-position="top" :model="appointmentSettingForm">
<el-form
label-position="top"
:model="appointmentSettingForm"
>
<el-form-item label="取消预约时间类型">
<el-select v-model="appointmentSettingForm.cancelAppointmentType" placeholder="请选择" style="width: 200px">
<el-option label="年" value="YEAR"></el-option>
<el-option label="月" value="MONTH"></el-option>
<el-option label="日" value="DAY"></el-option>
<el-select
v-model="appointmentSettingForm.cancelAppointmentType"
placeholder="请选择"
style="width: 200px"
>
<el-option
label="年"
value="YEAR"
/>
<el-option
label="月"
value="MONTH"
/>
<el-option
label="日"
value="DAY"
/>
</el-select>
</el-form-item>
<el-form-item label="取消预约次数">
@@ -111,13 +208,20 @@
:min="0"
:step="1"
placeholder="请输入"
></el-input-number>
/>
</el-form-item>
</el-form>
<template #footer>
<div class="dialog-footer">
<el-button @click="handleAppointmentSettingCancel">取消</el-button>
<el-button type="primary" @click="handleAppointmentSettingConfirm">确定</el-button>
<el-button @click="handleAppointmentSettingCancel">
取消
</el-button>
<el-button
type="primary"
@click="handleAppointmentSettingConfirm"
>
确定
</el-button>
</div>
</template>
</el-dialog>
@@ -135,11 +239,22 @@
<!-- 筛选条件 -->
<div class="filter-condition">
<span class="filter-label">卫生机构</span>
<el-input v-model="displayedInstitutionName" class="filter-select" disabled></el-input>
<el-input
v-model="displayedInstitutionName"
class="filter-select"
disabled
/>
<span class="filter-label">科室名称</span>
<el-select v-model="filterParams.deptName" class="filter-select" disabled>
<el-option :label="filterParams.deptName" :value="filterParams.deptName"></el-option>
<el-select
v-model="filterParams.deptName"
class="filter-select"
disabled
>
<el-option
:label="filterParams.deptName"
:value="filterParams.deptName"
/>
</el-select>
<span class="filter-label">开始日期</span>
@@ -152,21 +267,45 @@
<span class="filter-label">排班类型</span>
<div class="radio-group">
<el-radio v-model="filterParams.appointmentType" label="普通" @change="handleAppointmentTypeChange">普通</el-radio>
<el-radio v-model="filterParams.appointmentType" label="专家" @change="handleAppointmentTypeChange">专家</el-radio>
<el-radio
v-model="filterParams.appointmentType"
label="普通"
@change="handleAppointmentTypeChange"
>
普通
</el-radio>
<el-radio
v-model="filterParams.appointmentType"
label="专家"
@change="handleAppointmentTypeChange"
>
专家
</el-radio>
</div>
</div>
<!-- 排班表格 -->
<div class="schedule-table-container">
<!-- 按日期分组显示排班 -->
<div v-for="(dateGroup, index) in groupedSchedule" :key="index" class="daily-schedule">
<div
v-for="(dateGroup, index) in groupedSchedule"
:key="index"
class="daily-schedule"
>
<div class="daily-header">
<span class="date-text">{{ dateGroup.date }}</span>
<span class="weekday-text">{{ dateGroup.weekday }}</span>
</div>
<el-table :data="dateGroup.items" border style="width: 100%" class="schedule-table">
<el-table-column label="时段" width="100">
<el-table
:data="dateGroup.items"
border
style="width: 100%"
class="schedule-table"
>
<el-table-column
label="时段"
width="100"
>
<template #default="scope">
<el-select
v-model="scope.row.timeSlot"
@@ -174,19 +313,29 @@
:disabled="!isEditMode"
@change="(val) => handleTimeSlotChange(val, scope.row)"
>
<el-option label="上午" value="上午"></el-option>
<el-option label="下午" value="下午"></el-option>
<el-option
label="上午"
value="上午"
/>
<el-option
label="下午"
value="下午"
/>
</el-select>
</template>
</el-table-column>
<el-table-column prop="doctorName" :label="filterParams.appointmentType === '专家' ? '专家' : '医生'" width="150">
<el-table-column
prop="doctorName"
:label="filterParams.appointmentType === '专家' ? '专家' : '医生'"
width="150"
>
<template #default="scope">
<el-select
:key="`doctor-${filterParams.appointmentType}-${scope.row.id}`"
v-model="scope.row.doctorId"
placeholder="请选"
placeholder="请选"
class="inline-select"
:disabled="!isEditMode"
:key="`doctor-${filterParams.appointmentType}-${scope.row.id}`"
@change="(selectedId) => handleDoctorChange(selectedId, scope.row)"
>
<el-option
@@ -194,11 +343,15 @@
:key="doctor.id"
:label="doctor.label"
:value="String(doctor.id)"
></el-option>
/>
</el-select>
</template>
</el-table-column>
<el-table-column prop="room" label="诊室" width="100">
<el-table-column
prop="room"
label="诊室"
width="100"
>
<template #default="scope">
<el-select
v-model="scope.row.room"
@@ -213,11 +366,15 @@
:key="room.id"
:label="room.label"
:value="room.value"
></el-option>
/>
</el-select>
</template>
</el-table-column>
<el-table-column prop="startTime" label="开始时间" width="120">
<el-table-column
prop="startTime"
label="开始时间"
width="120"
>
<template #default="scope">
<el-time-picker
v-model="scope.row.startTime"
@@ -231,7 +388,11 @@
/>
</template>
</el-table-column>
<el-table-column prop="endTime" label="结束时间" width="120">
<el-table-column
prop="endTime"
label="结束时间"
width="120"
>
<template #default="scope">
<el-time-picker
v-model="scope.row.endTime"
@@ -244,27 +405,39 @@
/>
</template>
</el-table-column>
<el-table-column prop="maxNumber" label="限号数量" width="80">
<el-table-column
prop="maxNumber"
label="限号数量"
width="80"
>
<template #default="scope">
<el-input
v-model="scope.row.maxNumber"
type="number"
:disabled="!isEditMode"
/>
v-model="scope.row.maxNumber"
type="number"
:disabled="!isEditMode"
/>
</template>
</el-table-column>
<el-table-column prop="record" label="号源记录" width="80">
<el-table-column
prop="record"
label="号源记录"
width="80"
>
<template #default="scope">
<el-icon
@click="handleViewRecord(scope.row)"
class="record-icon"
class="record-icon"
title="查看号源记录"
@click="handleViewRecord(scope.row)"
>
<View />
</el-icon>
</template>
</el-table-column>
<el-table-column prop="appointmentItem" label="挂号项目" width="120">
<el-table-column
prop="appointmentItem"
label="挂号项目"
width="120"
>
<template #default="scope">
<el-select
v-model="scope.row.appointmentItem"
@@ -278,16 +451,24 @@
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
/>
</el-select>
</template>
</el-table-column>
<el-table-column prop="registrationFee" label="挂号费(元)" width="100">
<el-table-column
prop="registrationFee"
label="挂号费(元)"
width="100"
>
<template #default="scope">
<span>{{ scope.row.registrationFee || '0' }}</span>
</template>
</el-table-column>
<el-table-column prop="clinicItem" label="诊查项目" width="150">
<el-table-column
prop="clinicItem"
label="诊查项目"
width="150"
>
<template #default="scope">
<el-select
v-model="scope.row.clinicItem"
@@ -301,50 +482,76 @@
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
/>
</el-select>
</template>
</el-table-column>
<el-table-column prop="treatmentFee" label="诊疗费(元)" width="100">
<el-table-column
prop="treatmentFee"
label="诊疗费(元)"
width="100"
>
<template #default="scope">
<span>{{ scope.row.treatmentFee || '0' }}</span>
</template>
</el-table-column>
<el-table-column prop="online" label="线上" width="60">
<el-table-column
prop="online"
label="线上"
width="60"
>
<template #default="scope">
<el-checkbox v-model="scope.row.online" :disabled="!isEditMode"></el-checkbox>
<el-checkbox
v-model="scope.row.online"
:disabled="!isEditMode"
/>
</template>
</el-table-column>
<el-table-column prop="stopClinic" label="停诊" width="60">
<el-table-column
prop="stopClinic"
label="停诊"
width="60"
>
<template #default="scope">
<el-checkbox v-model="scope.row.stopClinic" :disabled="!isEditMode"></el-checkbox>
<el-checkbox
v-model="scope.row.stopClinic"
:disabled="!isEditMode"
/>
</template>
</el-table-column>
<el-table-column prop="stopReason" label="停诊原因" width="150">
<el-table-column
prop="stopReason"
label="停诊原因"
width="150"
>
<template #default="scope">
<el-input
v-model="scope.row.stopReason"
:placeholder="scope.row.stopClinic ? '请输入停诊原因' : ''"
class="inline-input"
:disabled="!isEditMode || !scope.row.stopClinic"
></el-input>
/>
</template>
</el-table-column>
<el-table-column label="操作" width="150" fixed="right">
<el-table-column
label="操作"
width="150"
fixed="right"
>
<template #default="scope">
<el-button
type="primary"
size="small"
@click="handleAddSchedule(scope.row)"
:disabled="!isEditMode"
@click="handleAddSchedule(scope.row)"
>
添加
</el-button>
<el-button
type="danger"
size="small"
@click="handleDeleteSchedule(scope.row)"
:disabled="!isEditMode || isLastDraftRowInSlot(scope.row)"
@click="handleDeleteSchedule(scope.row)"
>
删除
</el-button>
@@ -356,8 +563,16 @@
<!-- 底部操作按钮 -->
<div class="bottom-buttons">
<el-button type="primary" @click="handleSave" :disabled="!isEditMode">确定</el-button>
<el-button @click="handleCancel">取消</el-button>
<el-button
type="primary"
:disabled="!isEditMode"
@click="handleSave"
>
确定
</el-button>
<el-button @click="handleCancel">
取消
</el-button>
</div>
</div>
@@ -369,13 +584,19 @@
:close-on-click-modal="true"
>
<div class="appointment-records">
<div class="record-item" v-for="record in appointmentRecords" :key="record.index">
<div
v-for="record in appointmentRecords"
:key="record.index"
class="record-item"
>
<span class="record-time">{{ record.time }}</span>
</div>
</div>
<template #footer>
<div class="dialog-footer">
<el-button @click="recordDialogVisible = false">确定</el-button>
<el-button @click="recordDialogVisible = false">
确定
</el-button>
</div>
</template>
</el-dialog>

205
openhis-ui-vue3/src/views/appoinmentmanage/deptappthoursManage/index.vue
View File

@@ -2,13 +2,24 @@
<div class="dept-appthours-container">
<!-- 页头区域 -->
<div class="page-header">
<h1 class="page-title">科室预约工作时间维护</h1>
<h1 class="page-title">
科室预约工作时间维护
</h1>
</div>
<!-- 筛选控制区 -->
<div class="filter-section">
<el-form :model="queryParams" ref="queryRef" :inline="true" class="filter-row">
<el-form-item label="所属机构" prop="institution" class="filter-item">
<el-form
ref="queryRef"
:model="queryParams"
:inline="true"
class="filter-row"
>
<el-form-item
label="所属机构"
prop="institution"
class="filter-item"
>
<el-select
v-model="queryParams.institution"
placeholder="请选择"
@@ -24,7 +35,11 @@
/>
</el-select>
</el-form-item>
<el-form-item label="科室名称" prop="department" class="filter-item">
<el-form-item
label="科室名称"
prop="department"
class="filter-item"
>
<el-select
v-model="queryParams.department"
placeholder="全部科室"
@@ -42,15 +57,35 @@
</el-select>
</el-form-item>
<div class="filter-buttons">
<el-button type="primary" icon="Search" @click="handleQuery">查询</el-button>
<el-button icon="Refresh" @click="resetQuery">重置</el-button>
<el-button type="primary" icon="Plus" @click="handleAdd">新增</el-button>
<el-button
type="primary"
icon="Search"
@click="handleQuery"
>
查询
</el-button>
<el-button
icon="Refresh"
@click="resetQuery"
>
重置
</el-button>
<el-button
type="primary"
icon="Plus"
@click="handleAdd"
>
新增
</el-button>
</div>
</el-form>
</div>
<!-- 数据表格区 -->
<div class="table-section" v-loading="loading">
<div
v-loading="loading"
class="table-section"
>
<el-table
:data="deptAppthoursList"
border
@@ -61,40 +96,111 @@
stripe
:row-class-name="tableRowClassName"
>
<el-table-column prop="institution" label="所属机构" min-width="150" align="center" show-overflow-tooltip />
<el-table-column prop="department" label="科室名称" min-width="150" align="center" show-overflow-tooltip />
<el-table-column prop="morningStart" label="上午开始时间" min-width="120" align="center">
<el-table-column
prop="institution"
label="所属机构"
min-width="150"
align="center"
show-overflow-tooltip
/>
<el-table-column
prop="department"
label="科室名称"
min-width="150"
align="center"
show-overflow-tooltip
/>
<el-table-column
prop="morningStart"
label="上午开始时间"
min-width="120"
align="center"
>
<template #default="scope">
{{ formatTime(scope.row.morningStart) }}
</template>
</el-table-column>
<el-table-column prop="morningEnd" label="上午结束时间" min-width="120" align="center">
<el-table-column
prop="morningEnd"
label="上午结束时间"
min-width="120"
align="center"
>
<template #default="scope">
{{ formatTime(scope.row.morningEnd) }}
</template>
</el-table-column>
<el-table-column prop="afternoonStart" label="下午开始时间" min-width="120" align="center">
<el-table-column
prop="afternoonStart"
label="下午开始时间"
min-width="120"
align="center"
>
<template #default="scope">
{{ formatTime(scope.row.afternoonStart) }}
</template>
</el-table-column>
<el-table-column prop="afternoonEnd" label="下午结束时间" min-width="120" align="center">
<el-table-column
prop="afternoonEnd"
label="下午结束时间"
min-width="120"
align="center"
>
<template #default="scope">
{{ formatTime(scope.row.afternoonEnd) }}
</template>
</el-table-column>
<el-table-column prop="quota" label="限号数量" min-width="100" align="center" />
<el-table-column prop="operator" label="操作人" min-width="100" align="center" show-overflow-tooltip />
<el-table-column width="120" align="center" fixed="right">
<el-table-column
prop="quota"
label="限号数量"
min-width="100"
align="center"
/>
<el-table-column
prop="operator"
label="操作人"
min-width="100"
align="center"
show-overflow-tooltip
/>
<el-table-column
width="120"
align="center"
fixed="right"
>
<template #default="scope">
<el-tooltip content="编辑" placement="top">
<el-button type="primary" link icon="EditPen" @click="handleEdit(scope.row)" />
<el-tooltip
content="编辑"
placement="top"
>
<el-button
type="primary"
link
icon="EditPen"
@click="handleEdit(scope.row)"
/>
</el-tooltip>
<el-tooltip content="查看" placement="top">
<el-button type="info" link icon="View" @click="handleView(scope.row)" />
<el-tooltip
content="查看"
placement="top"
>
<el-button
type="info"
link
icon="View"
@click="handleView(scope.row)"
/>
</el-tooltip>
<el-tooltip content="删除" placement="top">
<el-button type="danger" link icon="Delete" @click="handleDelete(scope.row)" />
<el-tooltip
content="删除"
placement="top"
>
<el-button
type="danger"
link
icon="Delete"
@click="handleDelete(scope.row)"
/>
</el-tooltip>
</template>
</el-table-column>
@@ -117,8 +223,8 @@
</div>
<el-dialog
:title="dialogTitle"
v-model="dialogVisible"
:title="dialogTitle"
width="600px"
append-to-body
:close-on-click-modal="false"
@@ -130,7 +236,10 @@
label-width="100px"
:disabled="dialogType === 'view'"
>
<el-form-item label="所属机构" prop="institution">
<el-form-item
label="所属机构"
prop="institution"
>
<el-select
v-model="form.institution"
placeholder="请选择"
@@ -145,7 +254,10 @@
/>
</el-select>
</el-form-item>
<el-form-item label="科室名称" prop="department">
<el-form-item
label="科室名称"
prop="department"
>
<el-select
v-model="form.department"
placeholder="请选择"
@@ -161,7 +273,10 @@
/>
</el-select>
</el-form-item>
<el-form-item label="上午时段" prop="morningStart">
<el-form-item
label="上午时段"
prop="morningStart"
>
<el-col :span="11">
<el-time-picker
v-model="form.morningStart"
@@ -171,7 +286,12 @@
style="width: 100%"
/>
</el-col>
<el-col :span="2" style="text-align: center">-</el-col>
<el-col
:span="2"
style="text-align: center"
>
-
</el-col>
<el-col :span="11">
<el-time-picker
v-model="form.morningEnd"
@@ -182,7 +302,10 @@
/>
</el-col>
</el-form-item>
<el-form-item label="下午时段" prop="afternoonStart">
<el-form-item
label="下午时段"
prop="afternoonStart"
>
<el-col :span="11">
<el-time-picker
v-model="form.afternoonStart"
@@ -192,7 +315,12 @@
style="width: 100%"
/>
</el-col>
<el-col :span="2" style="text-align: center">-</el-col>
<el-col
:span="2"
style="text-align: center"
>
-
</el-col>
<el-col :span="11">
<el-time-picker
v-model="form.afternoonEnd"
@@ -203,7 +331,10 @@
/>
</el-col>
</el-form-item>
<el-form-item label="限号数量" prop="quota">
<el-form-item
label="限号数量"
prop="quota"
>
<el-input-number
v-model="form.quota"
:min="0"
@@ -214,8 +345,16 @@
</el-form>
<template #footer>
<div class="dialog-footer">
<el-button v-if="dialogType !== 'view'" type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
<el-button
v-if="dialogType !== 'view'"
type="primary"
@click="submitForm"
>
确 定
</el-button>
<el-button @click="cancel">
取 消
</el-button>
</div>
</template>
</el-dialog>

393
openhis-ui-vue3/src/views/appoinmentmanage/outpatientAppointment/index.vue
View File

@@ -1,24 +1,44 @@
<template>
<div class="ticket-management-container">
<!-- 顶部搜索区域 -->
<div id="topSearchArea" class="top-search-area">
<div
id="topSearchArea"
class="top-search-area"
>
<!-- 搜索标签行 -->
<div class="search-labels">
<div class="search-label">号源日期</div>
<div class="search-label">状态</div>
<div class="search-label">患者姓名</div>
<div class="search-label">就诊卡号</div>
<div class="search-label">手机号</div>
<div class="search-label"></div> <!-- 为查询按钮预留空间 -->
<div class="search-label">
号源日期
</div>
<div class="search-label">
状态
</div>
<div class="search-label">
患者姓名
</div>
<div class="search-label">
就诊卡号
</div>
<div class="search-label">
手机号
</div>
<div class="search-label" /> <!-- 为查询按钮预留空间 -->
</div>
<!-- 搜索输入行 -->
<div class="search-inputs">
<!-- 移动端汉堡菜单按钮 -->
<div class="hamburger-menu" @click="toggleSidebar" v-if="isMobile">
<i class="el-icon-menu"></i>
<div
v-if="isMobile"
class="hamburger-menu"
@click="toggleSidebar"
>
<i class="el-icon-menu" />
</div>
<div id="datePicker" class="date-picker">
<div
id="datePicker"
class="date-picker"
>
<el-date-picker
v-model="selectedDate"
type="date"
@@ -30,29 +50,83 @@
@change="onDateChange"
/>
</div>
<div id="statusFilter" class="status-filter">
<select id="status-select" class="search-select" v-model="selectedStatus" @change="onSearch">
<option value="all">全部</option>
<option value="unbooked">未预约</option>
<option value="locked">已锁定</option>
<option value="booked">已预约</option>
<option value="checked">已取号</option>
<option value="cancelled">已停诊</option>
<option value="returned">已退号</option>
<div
id="statusFilter"
class="status-filter"
>
<select
id="status-select"
v-model="selectedStatus"
class="search-select"
@change="onSearch"
>
<option value="all">
全部
</option>
<option value="unbooked">
未预约
</option>
<option value="locked">
已锁定
</option>
<option value="booked">
已预约
</option>
<option value="checked">
已取号
</option>
<option value="cancelled">
已停诊
</option>
<option value="returned">
已退号
</option>
</select>
</div>
<div id="patientSearch" class="patient-search">
<input id="patient-name-input" class="search-input" placeholder="姓名" v-model="patientName">
<div
id="patientSearch"
class="patient-search"
>
<input
id="patient-name-input"
v-model="patientName"
class="search-input"
placeholder="姓名"
>
</div>
<div id="cardSearch" class="card-search">
<input id="patient-card-input" class="search-input" placeholder="就诊卡号" v-model="patientCard">
<div
id="cardSearch"
class="card-search"
>
<input
id="patient-card-input"
v-model="patientCard"
class="search-input"
placeholder="就诊卡号"
>
</div>
<div id="phoneSearch" class="phone-search">
<input id="patient-phone-input" class="search-input" placeholder="手机号" v-model="patientPhone">
<div
id="phoneSearch"
class="phone-search"
>
<input
id="patient-phone-input"
v-model="patientPhone"
class="search-input"
placeholder="手机号"
>
</div>
<div class="search-button">
<button id="search-button" class="search-btn" @click="onSearch" :disabled="isLoading">
<span v-if="isLoading" class="loading-text">搜索中...</span>
<button
id="search-button"
class="search-btn"
:disabled="isLoading"
@click="onSearch"
>
<span
v-if="isLoading"
class="loading-text"
>搜索中...</span>
<span v-else>查询</span>
</button>
</div>
@@ -60,15 +134,35 @@
</div>
<!-- 主要内容区域 -->
<div id="mainContent" class="main-content">
<div
id="mainContent"
class="main-content"
>
<!-- 左侧筛选区域 -->
<div id="leftSidebar" class="left-sidebar" :class="{ 'sidebar-hidden': isMobile && !showSidebar, 'sidebar-mobile': isMobile }">
<div
id="leftSidebar"
class="left-sidebar"
:class="{ 'sidebar-hidden': isMobile && !showSidebar, 'sidebar-mobile': isMobile }"
>
<!-- 科室列表 -->
<div class="section">
<h3 class="section-title">科室列表</h3>
<select id="department-list" class="search-select" v-model="selectedDepartment" @change="onDepartmentChange">
<option value="all">全部科室</option>
<option v-for="department in departments" :key="department.value" :value="department.value">
<h3 class="section-title">
科室列表
</h3>
<select
id="department-list"
v-model="selectedDepartment"
class="search-select"
@change="onDepartmentChange"
>
<option value="all">
全部科室
</option>
<option
v-for="department in departments"
:key="department.value"
:value="department.value"
>
{{ department.label }}
</option>
</select>
@@ -76,14 +170,28 @@
<!-- 号源类型 -->
<div class="section">
<h3 class="section-title">号源类型</h3>
<h3 class="section-title">
号源类型
</h3>
<div class="radio-group">
<label>
<input type="radio" name="type" value="general" v-model="selectedType" @change="onTypeChange">
<input
v-model="selectedType"
type="radio"
name="type"
value="general"
@change="onTypeChange"
>
<span>普通号</span>
</label>
<label>
<input type="radio" name="type" value="expert" v-model="selectedType" @change="onTypeChange">
<input
v-model="selectedType"
type="radio"
name="type"
value="expert"
@change="onTypeChange"
>
<span>专家号</span>
</label>
</div>
@@ -91,53 +199,111 @@
<!-- 医生号源列表 -->
<div class="section">
<h3 class="section-title">医生号源列表</h3>
<input id="doctor-search" class="search-input" placeholder="搜索医生姓名" v-model="searchQuery" @input="onDoctorSearch">
<h3 class="section-title">
医生号源列表
</h3>
<input
id="doctor-search"
v-model="searchQuery"
class="search-input"
placeholder="搜索医生姓名"
@input="onDoctorSearch"
>
<div class="doctor-list">
<div class="doctor-item" v-for="doctor in filteredDoctors" :key="doctor.id" :class="{ selected: selectedDoctorId === doctor.id }" @click="selectDoctor(doctor.id)">
<div class="doctor-name">{{ doctor.name }} <span class="doctor-available">余号:{{ doctor.available }}</span></div>
<div
v-for="doctor in filteredDoctors"
:key="doctor.id"
class="doctor-item"
:class="{ selected: selectedDoctorId === doctor.id }"
@click="selectDoctor(doctor.id)"
>
<div class="doctor-name">
{{ doctor.name }} <span class="doctor-available">余号:{{ doctor.available }}</span>
</div>
</div>
</div>
</div>
</div>
<!-- 右侧号源卡片区域 -->
<div class="right-content" :class="{ 'right-content-full': isMobile && !showSidebar }">
<div
class="right-content"
:class="{ 'right-content-full': isMobile && !showSidebar }"
>
<!-- 使用网格布局的号源卡片列表 -->
<div class="ticket-grid" v-if="filteredTickets.length > 0">
<div v-for="(item, index) in filteredTickets" :key="item.slot_id" class="ticket-card" @dblclick="handleDoubleClick(item)" @contextmenu.prevent="handleRightClick($event, item)">
<div
v-if="filteredTickets.length > 0"
class="ticket-grid"
>
<div
v-for="(item, index) in filteredTickets"
:key="item.slot_id"
class="ticket-card"
@dblclick="handleDoubleClick(item)"
@contextmenu.prevent="handleRightClick($event, item)"
>
<!-- 序号放在最右侧 -->
<div class="ticket-index">{{ item.seqNo != null ? item.seqNo : index + 1 }}</div>
<div class="ticket-index">
{{ item.seqNo != null ? item.seqNo : index + 1 }}
</div>
<!-- 1.时间 -->
<div class="ticket-id-time">{{ item.dateTime }}</div>
<div class="ticket-id-time">
{{ item.dateTime }}
</div>
<!-- 2. 状态标签 -->
<div class="ticket-status" :class="getStatusClass(item.status)">
<span class="status-dot"></span>
<div
class="ticket-status"
:class="getStatusClass(item.status)"
>
<span class="status-dot" />
{{ item.status }}
</div>
<!-- 3. 医生姓名(截断显示,悬停展示完整信息) -->
<div class="ticket-doctor" :title="item.doctor">{{ item.doctor }}</div>
<div
class="ticket-doctor"
:title="item.doctor"
>
{{ item.doctor }}
</div>
<!-- 4. 科室名称 -->
<div class="ticket-department" :title="item.department || '未知科室'">
<div
class="ticket-department"
:title="item.department || '未知科室'"
>
科室:{{ item.department || '未知科室' }}
</div>
<!-- 5. 挂号费 -->
<div class="ticket-fee">挂号费:{{ item.fee }}元</div>
<div class="ticket-fee">
挂号费:{{ item.fee }}元
</div>
<!-- 6. 号源类型 -->
<div class="ticket-type">{{ item.ticketType === 'general' ? '普通' : '专家' }}</div>
<div class="ticket-type">
{{ item.ticketType === 'general' ? '普通' : '专家' }}
</div>
<!-- 7. 已预约患者信息 -->
<div v-if="(item.status === '已预约' || item.status === '已取号') && item.patientName" class="ticket-patient">
<div
v-if="(item.status === '已预约' || item.status === '已取号') && item.patientName"
class="ticket-patient"
>
{{ item.patientName }}({{ item.patientId }},{{ getGenderText(item.gender || item.patientGender) }})
</div>
<div class="ticket-actions">
<button class="action-button book-button" @click="openPatientSelectModal(item.slot_id)" :disabled="item.status !== '未预约'" :class="{ 'disabled': item.status !== '未预约' }">
<i class="el-icon-tickets"></i>
<button
class="action-button book-button"
:disabled="item.status !== '未预约'"
:class="{ 'disabled': item.status !== '未预约' }"
@click="openPatientSelectModal(item.slot_id)"
>
<i class="el-icon-tickets" />
预约
</button>
</div>
</div>
</div>
<div class="pagination-container" v-if="totalTickets > 0">
<div
v-if="totalTickets > 0"
class="pagination-container"
>
<el-pagination
background
layout="total, sizes, prev, pager, next, jumper"
@@ -149,33 +315,63 @@
@size-change="handlePageSizeChange"
/>
</div>
<div v-if="filteredTickets.length === 0" class="empty-state">
<div class="empty-text">暂无号源数据</div>
<div
v-if="filteredTickets.length === 0"
class="empty-state"
>
<div class="empty-text">
暂无号源数据
</div>
</div>
</div>
</div>
<!-- 患者选择弹窗 -->
<div id="patient-select-modal" class="modal" v-if="showPatientModal">
<div
v-if="showPatientModal"
id="patient-select-modal"
class="modal"
>
<div class="modal-content">
<div class="modal-header">
<h3>选择患者</h3>
<button class="close-btn" @click="closePatientSelectModal">&times;</button>
<button
class="close-btn"
@click="closePatientSelectModal"
>
&times;
</button>
</div>
<div class="modal-body">
<div class="patient-search-toolbar">
<input
id="patient-keyword"
v-model.trim="patientKeyword"
class="search-input patient-keyword-input"
placeholder="姓名/就诊卡号/手机号/证件号回车查询"
v-model.trim="patientKeyword"
@keyup.enter="searchPatients"
>
<button id="patient-search-btn" class="search-btn" @click="searchPatients">查询</button>
<button id="patient-reset-btn" class="reset-btn" @click="resetPatientSearch">重置</button>
<button
id="patient-search-btn"
class="search-btn"
@click="searchPatients"
>
查询
</button>
<button
id="patient-reset-btn"
class="reset-btn"
@click="resetPatientSearch"
>
重置
</button>
</div>
<div class="patient-table-container">
<table id="patient-table" class="patient-table" v-if="patients.length > 0">
<table
v-if="patients.length > 0"
id="patient-table"
class="patient-table"
>
<thead>
<tr>
<th>序号</th>
@@ -201,21 +397,40 @@
<td>{{ patient.idCard }}</td>
<td>{{ patient.phone }}</td>
<td>
<button class="select-btn" @click.stop="selectPatient(patient._rowKey)" :disabled="!patient._rowKey">选择</button>
<button
class="select-btn"
:disabled="!patient._rowKey"
@click.stop="selectPatient(patient._rowKey)"
>
选择
</button>
</td>
</tr>
</tbody>
</table>
<!-- 无搜索结果提示 -->
<div v-else-if="hasSearchCriteria && !isLoading" class="no-results">
<div
v-else-if="hasSearchCriteria && !isLoading"
class="no-results"
>
未找到符合条件的患者,请检查搜索条件
</div>
</div>
</div>
<div class="modal-footer">
<button class="confirm-btn" @click="confirmPatientSelection">确认</button>
<button class="cancel-btn" @click="closePatientSelectModal">取消</button>
<button
class="confirm-btn"
@click="confirmPatientSelection"
>
确认
</button>
<button
class="cancel-btn"
@click="closePatientSelectModal"
>
取消
</button>
</div>
</div>
</div>
@@ -230,9 +445,13 @@
@click.stop
@contextmenu.prevent
>
<div v-if="selectedTicketForCancel && selectedTicketForCancel.status === '已预约'" class="menu-item" @click="confirmCancelAppointment">
取消预约
</div>
<div
v-if="selectedTicketForCancel && selectedTicketForCancel.status === '已预约'"
class="menu-item"
@click="confirmCancelAppointment"
>
取消预约
</div>
</div>
<!-- 点击页面其他地方关闭右键菜单 -->
@@ -241,7 +460,7 @@
class="context-menu-overlay"
@click="closeContextMenu"
@contextmenu.prevent
></div>
/>
</div>
</template>
@@ -341,6 +560,22 @@ export default {
return !!this.patientKeyword?.trim();
}
},
mounted() {
document.addEventListener('click', this.closeContextMenu);
// 初始化数据
this.selectedDate = new Date().toISOString().split('T')[0];
// 调用onSearch获取初始数据
this.onSearch();
// 检测是否为移动设备
this.checkMobileDevice();
// 监听窗口大小变化
window.addEventListener('resize', this.checkMobileDevice);
},
beforeUnmount() {
document.removeEventListener('click', this.closeContextMenu);
// 移除窗口大小变化监听
window.removeEventListener('resize', this.checkMobileDevice);
},
methods: {
selectDoctor(doctorId) {
this.selectedDoctorId = this.selectedDoctorId === doctorId ? null : doctorId;
@@ -903,22 +1138,6 @@ export default {
this.departments = [{ value: 'all', label: '全部科室' }];
}
}
},
mounted() {
document.addEventListener('click', this.closeContextMenu);
// 初始化数据
this.selectedDate = new Date().toISOString().split('T')[0];
// 调用onSearch获取初始数据
this.onSearch();
// 检测是否为移动设备
this.checkMobileDevice();
// 监听窗口大小变化
window.addEventListener('resize', this.checkMobileDevice);
},
beforeUnmount() {
document.removeEventListener('click', this.closeContextMenu);
// 移除窗口大小变化监听
window.removeEventListener('resize', this.checkMobileDevice);
}
}
</script>

119
openhis-ui-vue3/src/views/basicmanage/InvoiceManagement/index.vue
View File

@@ -8,19 +8,35 @@
<!-- 操作按钮区域 -->
<div class="button-group">
<button @click="addNewRow" class="pan-btn blue-btn">
<i class="icon-plus"></i> 添加新行
</button>
<button @click="saveData" class="pan-btn green-btn" :disabled="saveButtonText === '保存中...'">
{{ saveButtonText }}
</button>
<button
class="pan-btn blue-btn"
@click="addNewRow"
>
<i class="icon-plus" /> 添加新行
</button>
<button
class="pan-btn green-btn"
:disabled="saveButtonText === '保存中...'"
@click="saveData"
>
{{ saveButtonText }}
</button>
</div>
<!-- 错误提示区域 -->
<div v-if="validationErrors.length > 0" class="alert alert-danger error-messages">
<h4 class="error-title">验证失败</h4>
<div
v-if="validationErrors.length > 0"
class="alert alert-danger error-messages"
>
<h4 class="error-title">
验证失败
</h4>
<ul class="error-list">
<li v-for="(error, index) in validationErrors" :key="index" class="error-item">
<li
v-for="(error, index) in validationErrors"
:key="index"
class="error-item"
>
{{ error }}
</li>
</ul>
@@ -49,7 +65,9 @@
:key="item.keyId"
:class="{'editing-row': item.isActive }"
>
<td class="sequence-number">{{ index + 1 }}</td>
<td class="sequence-number">
{{ index + 1 }}
</td>
<td class="employee-info">
<div class="input-container">
<!-- 超级管理员可以编辑操作员字段，普通用户不可编辑 -->
@@ -59,7 +77,9 @@
class="form-control"
@change="updateOperatorFromEmployeeId(item)"
>
<option value="">请选择操作员</option>
<option value="">
请选择操作员
</option>
<option
v-for="user in userList"
:key="user.employeeId"
@@ -68,7 +88,10 @@
{{ user.name }} ({{ user.employeeAccount }})
</option>
</select>
<span v-else class="employee-name">{{ item.operator || '-' }}</span>
<span
v-else
class="employee-name"
>{{ item.operator || '-' }}</span>
</div>
</td>
<td class="employee-account-cell">
@@ -85,7 +108,7 @@
type="date"
class="form-control"
placeholder="领用日期"
/>
>
<span v-else>{{ item.date || '-' }}</span>
</div>
</td>
@@ -97,8 +120,11 @@
class="form-control"
placeholder="请输入起始号码"
maxlength="12"
/>
<span v-else class="invoice-number">{{ item.startNum || '-' }}</span>
>
<span
v-else
class="invoice-number"
>{{ item.startNum || '-' }}</span>
</div>
</td>
<td>
@@ -109,8 +135,11 @@
class="form-control"
placeholder="请输入终止号码"
maxlength="12"
/>
<span v-else class="invoice-number">{{ item.endNum || '-' }}</span>
>
<span
v-else
class="invoice-number"
>{{ item.endNum || '-' }}</span>
</div>
</td>
<td>
@@ -121,38 +150,44 @@
class="form-control"
placeholder="当前使用号码"
maxlength="12"
/>
<span v-else class="invoice-number current">{{ item.currentNum || '-' }}</span>
>
<span
v-else
class="invoice-number current"
>{{ item.currentNum || '-' }}</span>
</div>
</td>
<td class="action-buttons">
<button
v-if="!item.isActive"
@click="toggleEdit(item.keyId)"
class="pan-btn-link blue-btn-link"
class="pan-btn-link blue-btn-link"
title="编辑"
@click="toggleEdit(item.keyId)"
>
<i class="icon-edit"></i> 编辑
<i class="icon-edit" /> 编辑
</button>
<button
v-if="item.isActive"
@click="toggleEdit(item.keyId)"
class="pan-btn-link info-btn-link"
class="pan-btn-link info-btn-link"
title="取消"
@click="toggleEdit(item.keyId)"
>
<i class="icon-cancel"></i> 取消
<i class="icon-cancel" /> 取消
</button>
<button
@click="deleteRow(item)"
class="pan-btn-link red-btn-link"
class="pan-btn-link red-btn-link"
title="删除"
@click="deleteRow(item)"
>
<i class="icon-delete"></i> 删除
<i class="icon-delete" /> 删除
</button>
</td>
</tr>
<tr v-if="filteredData.length === 0">
<td colspan="8" class="no-data-row">
<td
colspan="8"
class="no-data-row"
>
暂无数据，请添加新记录
</td>
</tr>
@@ -213,6 +248,16 @@ export default {
return userStore.name === 'admin';
}
},
watch: {
// 监听invoiceData变化，自动更新过滤后的数据
invoiceData: {
handler() {
this.filterDataByPermission();
},
deep: true
}
},
created() {
console.log('组件初始化，开始加载数据');
@@ -240,14 +285,9 @@ export default {
this.filterDataByPermission();
},
watch: {
// 监听invoiceData变化，自动更新过滤后的数据
invoiceData: {
handler() {
this.filterDataByPermission();
},
deep: true
}
mounted() {
// 页面加载后初始化数据
this.filterDataByPermission();
},
methods: {
// 获取用户列表
@@ -1311,11 +1351,6 @@ export default {
},
},
mounted() {
// 页面加载后初始化数据
this.filterDataByPermission();
}
};
</script>

169
openhis-ui-vue3/src/views/basicmanage/bodyStructure/index.vue
View File

@@ -1,8 +1,18 @@
<template>
<div class="app-container">
<el-row :gutter="10" class="mb8">
<el-row
:gutter="10"
class="mb8"
>
<el-col :span="1.5">
<el-button type="primary" plain icon="Plus" @click="handleAdd"> 新增 </el-button>
<el-button
type="primary"
plain
icon="Plus"
@click="handleAdd"
>
新增
</el-button>
</el-col>
<el-col :span="1.5">
<el-tooltip
@@ -16,17 +26,35 @@
icon="Delete"
:disabled="selectRowIds.length == 0"
@click="handleDelete"
>删除</el-button
>
删除
</el-button>
</el-tooltip>
</el-col>
<el-col :span="1.5">
<el-button type="" plain icon="Download" @click="handleExport"> 导出 </el-button>
<el-button
type=""
plain
icon="Download"
@click="handleExport"
>
导出
</el-button>
</el-col>
<el-col :span="1.5">
<el-button type="" plain icon="Refresh" @click="getPageList">刷新</el-button>
<el-button
type=""
plain
icon="Refresh"
@click="getPageList"
>
刷新
</el-button>
</el-col>
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
<right-toolbar
v-model:show-search="showSearch"
@query-table="getList"
/>
</el-row>
<el-table
ref="bodyStructureTableRef"
@@ -35,23 +63,63 @@
row-key="id"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="55" />
<el-table-column label="部位名称" align="left" prop="name" />
<el-table-column label="拼音" align="left" prop="pyStr" />
<el-table-column label="五笔拼音" align="left" prop="wbStr" />
<el-table-column label="状态" align="center" prop="statusEnum_enumText" />
<el-table-column label="操作" align="center">
<el-table-column
type="selection"
width="55"
/>
<el-table-column
label="部位名称"
align="left"
prop="name"
/>
<el-table-column
label="拼音"
align="left"
prop="pyStr"
/>
<el-table-column
label="五笔拼音"
align="left"
prop="wbStr"
/>
<el-table-column
label="状态"
align="center"
prop="statusEnum_enumText"
/>
<el-table-column
label="操作"
align="center"
>
<template #default="scope">
<el-button link type="primary" @click="handelEdit(scope.row)">编辑</el-button>
<el-button
link
type="primary"
@click="handleDisabled(scope.row.id)"
v-if="scope.row.statusEnum == '2'"
>停用</el-button
@click="handelEdit(scope.row)"
>
编辑
</el-button>
<el-button
v-if="scope.row.statusEnum == '2'"
link
type="primary"
@click="handleDisabled(scope.row.id)"
>
停用
</el-button>
<el-button
v-else
link
type="primary"
@click="handelEnable(scope.row.id)"
>
启用
</el-button>
<el-button
link
type="primary"
@click="handleAddInferior(scope.row)"
>
<el-button link type="primary" @click="handelEnable(scope.row.id)" v-else>启用</el-button>
<el-button link type="primary" @click="handleAddInferior(scope.row)">
添加下级
</el-button>
</template>
@@ -60,24 +128,58 @@
<!-- 添加或修改参数配置对话框 -->
<el-dialog :title="title" v-model="open" width="600px" @close="cancel" append-to-body>
<el-form ref="bodyStructureRef" :model="form" :rules="rules" label-width="80px">
<el-form-item label="id" prop="id" v-show="false">
<el-input v-model="form.id" placeholder="请输入部位编号" />
<el-dialog
v-model="open"
:title="title"
width="600px"
append-to-body
@close="cancel"
>
<el-form
ref="bodyStructureRef"
:model="form"
:rules="rules"
label-width="80px"
>
<el-form-item
v-show="false"
label="id"
prop="id"
>
<el-input
v-model="form.id"
placeholder="请输入部位编号"
/>
</el-form-item>
<el-form-item label="部位编号" prop="busNo" v-show="false">
<el-input v-model="form.busNo" placeholder="请输入部位编号" />
<el-form-item
v-show="false"
label="部位编号"
prop="busNo"
>
<el-input
v-model="form.busNo"
placeholder="请输入部位编号"
/>
</el-form-item>
<el-form-item label="部位名称" prop="name">
<el-input v-model="form.name" placeholder="请输入部位名称" />
<el-form-item
label="部位名称"
prop="name"
>
<el-input
v-model="form.name"
placeholder="请输入部位名称"
/>
</el-form-item>
<el-col>
<el-form-item label="上级部位" prop="busNoParent">
<el-form-item
label="上级部位"
prop="busNoParent"
>
<el-tree-select
v-model="form.busNoParent"
clearable
style="width: 100%"
v-model="form.busNoParent"
:data="bodyStructure"
:props="{ value: 'busNo', label: 'name', children: 'children' }"
value-key="id"
@@ -88,8 +190,15 @@
</el-form>
<template #footer>
<div class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
<el-button
type="primary"
@click="submitForm"
>
确 定
</el-button>
<el-button @click="cancel">
取 消
</el-button>
</div>
</template>
</el-dialog>

98
openhis-ui-vue3/src/views/basicmanage/caseTemplates/components/editTemplate.vue
View File

@@ -1,15 +1,23 @@
<template>
<template>
<!-- 病历文件基本信息弹窗 -->
<el-dialog
:title="title"
v-model="dialogVisible"
:title="title"
width="900px"
destroy-on-close
@open="handleOpen"
>
<!-- 使用el-form包裹表单 -->
<el-form :model="formData" ref="formRef" :rules="rules" label-width="120px">
<el-form-item label="一级菜单" prop="primaryMenuEnum">
<el-form
ref="formRef"
:model="formData"
:rules="rules"
label-width="120px"
>
<el-form-item
label="一级菜单"
prop="primaryMenuEnum"
>
<el-select
v-model="formData.primaryMenuEnum"
placeholder="请选择一级菜单"
@@ -23,18 +31,42 @@
/>
</el-select>
</el-form-item>
<el-form-item label="二级菜单" prop="subMenu">
<el-input v-model="formData.subMenu" placeholder="二级菜单"></el-input>
<el-form-item
label="二级菜单"
prop="subMenu"
>
<el-input
v-model="formData.subMenu"
placeholder="二级菜单"
/>
</el-form-item>
<el-form-item label="版本" prop="version">
<el-input v-model="formData.version" placeholder="请输入版本"></el-input>
<el-form-item
label="版本"
prop="version"
>
<el-input
v-model="formData.version"
placeholder="请输入版本"
/>
</el-form-item>
<el-form-item label="名称" prop="name">
<el-input v-model="formData.name" placeholder="请输入名称"></el-input>
<el-form-item
label="名称"
prop="name"
>
<el-input
v-model="formData.name"
placeholder="请输入名称"
/>
</el-form-item>
<el-form-item label="文件" prop="vueRouter">
<el-select v-model="formData.vueRouter" placeholder="请选择文件路径">
<el-form-item
label="文件"
prop="vueRouter"
>
<el-select
v-model="formData.vueRouter"
placeholder="请选择文件路径"
>
<el-option
v-for="item in components"
:key="item.name"
@@ -44,24 +76,40 @@
</el-select>
<!-- <el-input v-model="formData.vueRouter" placeholder="请输入文件路径"></el-input>s -->
</el-form-item>
<el-form-item label="显示顺序" prop="displayOrder">
<el-input-number v-model="formData.displayOrder" :min="1" label="描述文字"></el-input-number>
<el-form-item
label="显示顺序"
prop="displayOrder"
>
<el-input-number
v-model="formData.displayOrder"
:min="1"
label="描述文字"
/>
</el-form-item>
<el-form-item label="使用范围" prop="useRangeEnum">
<el-form-item
label="使用范围"
prop="useRangeEnum"
>
<div class="radio-group">
<el-radio
v-for="item in props.useRanges"
:key="item.value"
v-model="formData.useRangeEnum"
:label="item.value"
>{{item.info}}</el-radio>
>
{{ item.info }}
</el-radio>
{{ formData.organizationIds }}
</div>
</el-form-item>
<!-- 科室选择框，仅当使用范围为科室使用时显示 -->
<el-form-item v-if="formData.useRangeEnum === 2" label="科室选择" prop="organizationIds">
<el-form-item
v-if="formData.useRangeEnum === 2"
label="科室选择"
prop="organizationIds"
>
<el-transfer
v-model="formData.organizationIds"
filterable
@@ -73,15 +121,21 @@
}"
:props="{key: 'id', label: 'name',}"
:data="transferData"
>
</el-transfer>
/>
</el-form-item>
</el-form>
<template #footer>
<div class="dialog-footer"></div>
<el-button @click="dialogVisible = false">取消</el-button>
<el-button type="primary" @click="submitForm">确定</el-button>
<div class="dialog-footer" />
<el-button @click="dialogVisible = false">
取消
</el-button>
<el-button
type="primary"
@click="submitForm"
>
确定
</el-button>
</template>
</el-dialog>
</template>

76
openhis-ui-vue3/src/views/basicmanage/caseTemplates/index.vue
View File

@@ -2,11 +2,30 @@
<div class="case-templates-container">
<!-- 顶部工具栏 -->
<div class="toolbar">
<el-button type="primary" @click="newTemplate">新建</el-button>
<el-button type="primary" @click="editTemplate">编辑</el-button>
<el-button @click="refresh">刷新</el-button>
<el-button type="danger" @click="deleteTemplate">删除</el-button>
<el-button @click="printTemplate">打印</el-button>
<el-button
type="primary"
@click="newTemplate"
>
新建
</el-button>
<el-button
type="primary"
@click="editTemplate"
>
编辑
</el-button>
<el-button @click="refresh">
刷新
</el-button>
<el-button
type="danger"
@click="deleteTemplate"
>
删除
</el-button>
<el-button @click="printTemplate">
打印
</el-button>
</div>
<div class="content-area">
@@ -14,6 +33,7 @@
<div class="left-panel">
<div style="margin-bottom: 10px">
<el-tree-select
ref="locationTreeRef"
v-model="orgId"
:data="orgOptions"
:props="{
@@ -26,21 +46,25 @@
check-strictly
:expand-on-click-node="false"
:filter-node-method="filterNode"
ref="locationTreeRef"
node-key="id"
highlight-current
default-expand-all
clearable
@node-click="initTemplateTree"
@clear="handleOrgClear"
clearable
/>
</div>
<div class="search-box">
<el-input
placeholder="病历名称搜索..."
v-model="searchKeyword"
></el-input>
<el-button class="search-btn" @click="handleSearch">查询</el-button>
placeholder="病历名称搜索..."
/>
<el-button
class="search-btn"
@click="handleSearch"
>
查询
</el-button>
</div>
<el-tree
@@ -48,14 +72,24 @@
:data="templateData"
:props="defaultProps"
node-key="id"
@node-click="handleNodeClick"
class="template-tree"
></el-tree>
<el-button @click="toggleExpand">{{ isExpanded ? '全部收起' : '全部展开' }}</el-button>
@node-click="handleNodeClick"
/>
<el-button @click="toggleExpand">
{{ isExpanded ? '全部收起' : '全部展开' }}
</el-button>
</div>
<div class="middle-panel">
<el-tabs v-model="activeName" type="card" class="demo-tabs" @tab-click="handleClick">
<el-tab-pane label="打印预览" name="first">
<el-tabs
v-model="activeName"
type="card"
class="demo-tabs"
@tab-click="handleClick"
>
<el-tab-pane
label="打印预览"
name="first"
>
<!-- {{components}} -->
<component :is="currentComponent" />
</el-tab-pane>
@@ -66,13 +100,13 @@
</div>
</div>
<EditTemplate
v-model:dialogVisible="dialogVisible"
v-model:dialog-visible="dialogVisible"
:title="currentNodeData ? '编辑病历文件信息' : '病历文件基本信息'"
:formData="formData"
:currentNodeData="currentNodeData"
@submitOk="handleSubmitOk"
:docTypes="templateDataInit.docTypes"
:useRanges="templateDataInit.useRanges"
:form-data="formData"
:current-node-data="currentNodeData"
:doc-types="templateDataInit.docTypes"
:use-ranges="templateDataInit.useRanges"
@submit-ok="handleSubmitOk"
/>
</div>
</template>

73
openhis-ui-vue3/src/views/basicmanage/caseTemplatesStatistics/components/editStatistics.vue
View File

@@ -1,41 +1,86 @@
<template>
<!-- 病历文件基本信息弹窗 -->
<el-dialog
:title="formData.id ? '编辑模板' : '新增模板'"
v-model="dialogVisible"
:title="formData.id ? '编辑模板' : '新增模板'"
width="900px"
destroy-on-close
@open="handleOpen"
>
<!-- 使用el-form包裹表单 -->
<el-form :model="formData" ref="formRef" :rules="rules" label-width="120px">
<el-row :gutter="24" class="mb8">
<el-form
ref="formRef"
:model="formData"
:rules="rules"
label-width="120px"
>
<el-row
:gutter="24"
class="mb8"
>
<el-col :span="24">
<el-form-item label="模板名称" prop="name">
<el-input v-model="formData.name" placeholder="请输入模板名称"></el-input>
<el-form-item
label="模板名称"
prop="name"
>
<el-input
v-model="formData.name"
placeholder="请输入模板名称"
/>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="使用范围" prop="useRange">
<el-form-item
label="使用范围"
prop="useRange"
>
<el-radio-group v-model="formData.useRange">
<el-radio :value="0" size="large">全院</el-radio>
<el-radio :value="1" size="large">指定机构</el-radio>
<el-radio :value="2" size="large">指定用户</el-radio>
<el-radio
:value="0"
size="large"
>
全院
</el-radio>
<el-radio
:value="1"
size="large"
>
指定机构
</el-radio>
<el-radio
:value="2"
size="large"
>
指定用户
</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="备注" prop="remark">
<el-input v-model="formData.remark" placeholder="请输入版本"></el-input>
<el-form-item
label="备注"
prop="remark"
>
<el-input
v-model="formData.remark"
placeholder="请输入版本"
/>
</el-form-item>
</el-col>
</el-row>
</el-form>
<template #footer>
<div class="dialog-footer"></div>
<el-button @click="dialogVisible = false">取消</el-button>
<el-button type="primary" @click="submitForm">确定</el-button>
<div class="dialog-footer" />
<el-button @click="dialogVisible = false">
取消
</el-button>
<el-button
type="primary"
@click="submitForm"
>
确定
</el-button>
</template>
</el-dialog>
</template>

250
openhis-ui-vue3/src/views/basicmanage/caseTemplatesStatistics/index.vue
View File

@@ -1,7 +1,15 @@
<template>
<div class="app-container case-templates-statistics-container">
<el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch">
<el-form-item label="名称" prop="searchKey">
<el-form
v-show="showSearch"
ref="queryRef"
:model="queryParams"
:inline="true"
>
<el-form-item
label="名称"
prop="searchKey"
>
<el-input
v-model="queryParams.searchKey"
placeholder="请输入名称搜索"
@@ -11,41 +19,104 @@
/>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
<el-button icon="Refresh" @click="resetQuery">重置</el-button>
<el-button
type="primary"
icon="Search"
@click="handleQuery"
>
搜索
</el-button>
<el-button
icon="Refresh"
@click="resetQuery"
>
重置
</el-button>
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8">
<el-row
:gutter="10"
class="mb8"
>
<el-col :span="1.5">
<el-button type="primary" plain icon="Plus" @click="handleAdd">新增</el-button>
<el-button
type="primary"
plain
icon="Plus"
@click="handleAdd"
>
新增
</el-button>
</el-col>
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
<right-toolbar
v-model:show-search="showSearch"
@query-table="getList"
/>
</el-row>
<el-table v-loading="loading" :data="statisticsList">
<el-table-column label="属性名称" align="center" prop="name" />
<el-table-column label="属性代码" align="center" prop="code" />
<el-table-column label="属性类型" align="center" prop="typeEnum">
<el-table
v-loading="loading"
:data="statisticsList"
>
<el-table-column
label="属性名称"
align="center"
prop="name"
/>
<el-table-column
label="属性代码"
align="center"
prop="code"
/>
<el-table-column
label="属性类型"
align="center"
prop="typeEnum"
>
<template #default="scope">
{{ typeEnums(scope.row.typeEnum) }}
</template>
</el-table-column>
<el-table-column label="统计值单位" align="center" prop="unit" />
<el-table-column label="是否必填" align="center" prop="required">
<el-table-column
label="统计值单位"
align="center"
prop="unit"
/>
<el-table-column
label="是否必填"
align="center"
prop="required"
>
<template #default="scope">
{{ scope.row.required === 1 ? '必填' : '不必填' }}
</template>
</el-table-column>
<el-table-column label="是否统计" align="center" prop="isStatistics">
<el-table-column
label="是否统计"
align="center"
prop="isStatistics"
>
<template #default="scope">
{{ scope.row.isStatistics === 1 ? '统计' : '不统计' }}
</template>
</el-table-column>
<el-table-column label="字典名称" align="center" prop="dictName"> </el-table-column>
<el-table-column label="字典类型" align="center" prop="dictType"> </el-table-column>
<el-table-column label="备注" align="center" prop="remark"> </el-table-column>
<el-table-column
label="字典名称"
align="center"
prop="dictName"
/>
<el-table-column
label="字典类型"
align="center"
prop="dictType"
/>
<el-table-column
label="备注"
align="center"
prop="remark"
/>
<el-table-column
label="操作"
width="180"
@@ -53,47 +124,104 @@
class-name="small-padding fixed-width"
>
<template #default="scope">
<el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)"
>修改</el-button
<el-button
link
type="primary"
icon="Edit"
@click="handleUpdate(scope.row)"
>
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)"
>删除</el-button
修改
</el-button>
<el-button
link
type="primary"
icon="Delete"
@click="handleDelete(scope.row)"
>
删除
</el-button>
</template>
</el-table-column>
</el-table>
<pagination
v-show="total > 0"
:total="total"
v-model:page="queryParams.pageNo"
v-model:limit="queryParams.pageSize"
:total="total"
@pagination="getList"
/>
<!-- 添加或修改岗位对话框 -->
<el-dialog :title="title" v-model="open" width="500px" append-to-body>
<el-form ref="statisticsRef" :model="form" :rules="rules" label-width="80px">
<el-form-item label="属性名称" prop="name">
<el-input v-model="form.name" placeholder="请输入属性名称" />
<el-dialog
v-model="open"
:title="title"
width="500px"
append-to-body
>
<el-form
ref="statisticsRef"
:model="form"
:rules="rules"
label-width="80px"
>
<el-form-item
label="属性名称"
prop="name"
>
<el-input
v-model="form.name"
placeholder="请输入属性名称"
/>
</el-form-item>
<el-form-item label="属性代码" prop="code">
<el-input v-model="form.code" placeholder="请输入属性代码" />
<el-form-item
label="属性代码"
prop="code"
>
<el-input
v-model="form.code"
placeholder="请输入属性代码"
/>
</el-form-item>
<el-form-item label="体温单类型编码" prop="typeCode">
<el-input v-model="form.typeCode" placeholder="请输入体温单属性编码" />
<el-form-item
label="体温单类型编码"
prop="typeCode"
>
<el-input
v-model="form.typeCode"
placeholder="请输入体温单属性编码"
/>
</el-form-item>
<el-form-item label="岗位顺序" prop="displayOrder">
<el-input-number v-model="form.displayOrder" controls-position="right" :min="0" />
<el-form-item
label="岗位顺序"
prop="displayOrder"
>
<el-input-number
v-model="form.displayOrder"
controls-position="right"
:min="0"
/>
</el-form-item>
<el-form-item label="属性类型" prop="typeEnum">
<el-form-item
label="属性类型"
prop="typeEnum"
>
<el-radio-group v-model="form.typeEnum">
<el-radio v-for="dict in typeEnumsOptions" :key="dict.value" :label="dict.value">{{
dict.info
}}</el-radio>
<el-radio
v-for="dict in typeEnumsOptions"
:key="dict.value"
:label="dict.value"
>
{{
dict.info
}}
</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="是否必填" prop="required">
<el-form-item
label="是否必填"
prop="required"
>
<el-switch
v-model="form.required"
:active-value="1"
@@ -103,7 +231,10 @@
inline-prompt
/>
</el-form-item>
<el-form-item label="是否统计" prop="isStatistics">
<el-form-item
label="是否统计"
prop="isStatistics"
>
<el-switch
v-model="form.isStatistics"
:active-value="1"
@@ -113,11 +244,24 @@
inline-prompt
/>
</el-form-item>
<el-form-item label="单位" prop="unit">
<el-input v-model="form.unit" placeholder="请输入统计值单位" />
<el-form-item
label="单位"
prop="unit"
>
<el-input
v-model="form.unit"
placeholder="请输入统计值单位"
/>
</el-form-item>
<el-form-item label="字典名称" prop="dictType">
<el-select v-model="form.dictType" style="width: 100%" filterable>
<el-form-item
label="字典名称"
prop="dictType"
>
<el-select
v-model="form.dictType"
style="width: 100%"
filterable
>
<el-option
v-for="item in typeOptions"
:key="item.dictId"
@@ -129,14 +273,28 @@
</el-option>
</el-select>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
<el-form-item
label="备注"
prop="remark"
>
<el-input
v-model="form.remark"
type="textarea"
placeholder="请输入内容"
/>
</el-form-item>
</el-form>
<template #footer>
<div class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
<el-button
type="primary"
@click="submitForm"
>
确 定
</el-button>
<el-button @click="cancel">
取 消
</el-button>
</div>
</template>
</el-dialog>

73
openhis-ui-vue3/src/views/basicmanage/caseTemplatesStatistics/index1.vue
View File

@@ -1,38 +1,63 @@
<template>
<div class="case-templates-statistics-container">
<div class="toolbar">
<el-space>
<el-input v-model="queryParams.searchKey" placeholder="请输入名称搜索" clearable />
<el-button @click="refresh">查询</el-button>
<div class="toolbar">
<el-space>
<el-input
v-model="queryParams.searchKey"
placeholder="请输入名称搜索"
clearable
/>
<el-button @click="refresh">
查询
</el-button>
<el-button type="primary" @click="newTemplate">新建</el-button>
</el-space>
</div>
<div class="statistics-data-container">
<el-button
type="primary"
@click="newTemplate"
>
新建
</el-button>
</el-space>
</div>
<div class="statistics-data-container">
<el-table
:data="statisticsData"
node-key="id"
>
<el-table-column prop="name" label="名称" />
<el-table-column prop="count" label="数量" />
<el-table-column label="操作" >
<el-table-column
prop="name"
label="名称"
/>
<el-table-column
prop="count"
label="数量"
/>
<el-table-column label="操作">
<template #default="scope">
<el-button type="primary" @click="editStatistics(scope.row)">编辑</el-button>
<el-button type="danger" @click="deleteStatistics(scope.row)">删除</el-button>
<el-button
type="primary"
@click="editStatistics(scope.row)"
>
编辑
</el-button>
<el-button
type="danger"
@click="deleteStatistics(scope.row)"
>
删除
</el-button>
</template>
</el-table-column>
</el-table>
</div>
</div>
<EditStatistics
v-model:dialogVisible="dialogVisible"
:title="currentNodeData ? '编辑病历文件信息' : '病历文件基本信息'"
:formData="formData"
:currentNodeData="currentNodeData"
@submitOk="handleSubmitOk"
/>
</div>
</div>
<EditStatistics
v-model:dialog-visible="dialogVisible"
:title="currentNodeData ? '编辑病历文件信息' : '病历文件基本信息'"
:form-data="formData"
:current-node-data="currentNodeData"
@submit-ok="handleSubmitOk"
/>
</template>
<script setup>
// 从Vue导入所需的API

33
openhis-ui-vue3/src/views/basicmanage/consumablesBinding/components/activityList.vue
View File

@@ -1,14 +1,37 @@
<template>
<div>
<el-table ref="medicineRef" height="400" :data="activityList" @cell-click="clickRow" border>
<el-table-column label="项目名称" align="center" prop="name" width="300" />
<el-table-column label="类型" align="center" prop="typeEnum_enumText" />
<el-table-column label="价格" align="right" prop="retailPrice">
<el-table
ref="medicineRef"
height="400"
:data="activityList"
border
@cell-click="clickRow"
>
<el-table-column
label="项目名称"
align="center"
prop="name"
width="300"
/>
<el-table-column
label="类型"
align="center"
prop="typeEnum_enumText"
/>
<el-table-column
label="价格"
align="right"
prop="retailPrice"
>
<template #default="scope">
{{ scope.row.retailPrice.toFixed(2) }}
</template>
</el-table-column>
<el-table-column label="说明" align="center" prop="descriptionText" />
<el-table-column
label="说明"
align="center"
prop="descriptionText"
/>
</el-table>
</div>
</template>

124
openhis-ui-vue3/src/views/basicmanage/consumablesBinding/components/consumablesList.vue
View File

@@ -1,52 +1,99 @@
<template>
<div style="width: 100%">
<div class="mb8">
<el-button type="primary" plain @click="handleAddPrescription()" :disabled="buttonDisabled">
<el-button
type="primary"
plain
:disabled="buttonDisabled"
@click="handleAddPrescription()"
>
添加绑定项目
</el-button>
</div>
<el-form :model="form" :rules="rules" ref="formRef">
<el-form
ref="formRef"
:model="form"
:rules="rules"
>
<el-table
ref="prescriptionRef"
v-loading="props.loading"
:data="form.consumablesList"
row-key="patientId"
border
@selection-change="handleSelectionChange"
v-loading="props.loading"
>
<el-table-column label="项目类型" align="center" prop="type" width="150">
<el-table-column
label="项目类型"
align="center"
prop="type"
width="150"
>
<template #default="scope">
<span v-if="!scope.row.isEdit">{{ scope.row.type_dictText }}</span>
<el-form-item v-else :prop="`consumablesList.${scope.$index}.type`" :rules="rules.type">
<el-select v-model="scope.row.type" placeholder="" @change="handleTypeChange">
<el-option v-if="props.tab == 1 || props.tab == 3" label="诊疗" value="1" />
<el-option v-if="props.tab != 3" label="耗材" value="2" />
<el-form-item
v-else
:prop="`consumablesList.${scope.$index}.type`"
:rules="rules.type"
>
<el-select
v-model="scope.row.type"
placeholder=""
@change="handleTypeChange"
>
<el-option
v-if="props.tab == 1 || props.tab == 3"
label="诊疗"
value="1"
/>
<el-option
v-if="props.tab != 3"
label="耗材"
value="2"
/>
</el-select>
</el-form-item>
</template>
</el-table-column>
<el-table-column label="项目名" align="center" prop="name">
<el-table-column
label="项目名"
align="center"
prop="name"
>
<template #default="scope">
<span v-if="!scope.row.isEdit">{{ scope.row.name }}</span>
<el-form-item v-else :prop="`consumablesList.${scope.$index}.name`" :rules="rules.name">
<PopoverList @search="handleSearch" :width="800" :modelValue="scope.row.name">
<el-form-item
v-else
:prop="`consumablesList.${scope.$index}.name`"
:rules="rules.name"
>
<PopoverList
:width="800"
:model-value="scope.row.name"
@search="handleSearch"
>
<template #popover-content="{}">
<DeviceList
v-if="scope.row.type == '2' || props.tab == 2"
@selectRow="(row) => selectRow(row, scope.$index)"
:searchKey="searchKey"
:search-key="searchKey"
@select-row="(row) => selectRow(row, scope.$index)"
/>
<ActivityList
v-else
@selectRow="(row) => selectRow(row, scope.$index)"
:searchKey="searchKey"
:search-key="searchKey"
@select-row="(row) => selectRow(row, scope.$index)"
/>
</template>
</PopoverList>
</el-form-item>
</template>
</el-table-column>
<el-table-column label="绑定数量" align="center" prop="quantity" width="250">
<el-table-column
label="绑定数量"
align="center"
prop="quantity"
width="250"
>
<template #default="scope">
<span v-if="!scope.row.isEdit">{{ scope.row.quantity }}</span>
<el-form-item
@@ -54,11 +101,19 @@
:prop="`consumablesList.${scope.$index}.quantity`"
:rules="rules.quantity"
>
<el-input v-model="scope.row.quantity" placeholder="" />
<el-input
v-model="scope.row.quantity"
placeholder=""
/>
</el-form-item>
</template>
</el-table-column>
<el-table-column label="单位" align="center" prop="unitCode_dictText" width="100">
<el-table-column
label="单位"
align="center"
prop="unitCode_dictText"
width="100"
>
<template #default="scope">
<span v-if="!scope.row.isEdit">{{ scope.row.unitCode_dictText }}</span>
<el-form-item
@@ -66,13 +121,16 @@
:prop="`consumablesList.${scope.$index}.unitCode`"
:rules="rules.unitCode"
>
<el-select v-model="scope.row.unitCode" placeholder="">
<el-select
v-model="scope.row.unitCode"
placeholder=""
>
<el-option
v-for="(item, index) in scope.row.unitCodeList"
@click="handleUnitCodeClick(item)"
:key="index"
:label="item.label"
:value="item.value"
@click="handleUnitCodeClick(item)"
/>
</el-select>
</el-form-item>
@@ -109,7 +167,12 @@
</el-form-item>
</template>
</el-table-column> -->
<el-table-column label="启用状态" align="center" prop="statusEnum" width="250">
<el-table-column
label="启用状态"
align="center"
prop="statusEnum"
width="250"
>
<template #default="scope">
<span v-if="!scope.row.isEdit">{{ scope.row.statusEnum_dictText }}</span>
<el-form-item
@@ -117,7 +180,11 @@
:prop="`consumablesList.${scope.$index}.statusEnum`"
:rules="rules.statusEnum"
>
<el-select v-model="scope.row.statusEnum" placeholder="" @change="handleTypeChange">
<el-select
v-model="scope.row.statusEnum"
placeholder=""
@change="handleTypeChange"
>
<el-option
v-for="item in statusOptions"
:key="item.value"
@@ -128,7 +195,12 @@
</el-form-item>
</template>
</el-table-column>
<el-table-column label="操作" align="center" fixed="right" width="250">
<el-table-column
label="操作"
align="center"
fixed="right"
width="250"
>
<template #default="scope">
<el-button
v-if="!scope.row.isEdit"
@@ -162,7 +234,11 @@
>
取消
</el-button>
<el-button link type="primary" @click.stop="handleDelete(scope.row, scope.$index)">
<el-button
link
type="primary"
@click.stop="handleDelete(scope.row, scope.$index)"
>
删除
</el-button>
</template>

46
openhis-ui-vue3/src/views/basicmanage/consumablesBinding/components/deviceList.vue
View File

@@ -1,16 +1,48 @@
<template>
<div>
<el-table ref="medicineRef" height="400" :data="deviceList" @cell-click="clickRow" border>
<el-table-column label="项目名称" align="center" prop="name" width="200" />
<el-table-column label="分类" align="center" prop="categoryCode_dictText" width="150" />
<el-table-column label="种类" align="center" prop="typeCode_dictText" />
<el-table-column label="规格" align="center" prop="size" />
<el-table-column label="价格" align="right" prop="retailPrice">
<el-table
ref="medicineRef"
height="400"
:data="deviceList"
border
@cell-click="clickRow"
>
<el-table-column
label="项目名称"
align="center"
prop="name"
width="200"
/>
<el-table-column
label="分类"
align="center"
prop="categoryCode_dictText"
width="150"
/>
<el-table-column
label="种类"
align="center"
prop="typeCode_dictText"
/>
<el-table-column
label="规格"
align="center"
prop="size"
/>
<el-table-column
label="价格"
align="right"
prop="retailPrice"
>
<template #default="scope">
{{ scope.row.retailPrice.toFixed(2) }}
</template>
</el-table-column>
<el-table-column label="生产厂家" align="center" prop="supplyId_dictText" />
<el-table-column
label="生产厂家"
align="center"
prop="supplyId_dictText"
/>
</el-table>
</div>
</template>

53
openhis-ui-vue3/src/views/basicmanage/consumablesBinding/index.vue
View File

@@ -3,18 +3,28 @@
<div style="height: 780px; display: flex; justify-content: space-between">
<el-card style="height: 100%; width: 25%">
<el-tabs v-model="activeTab">
<el-tab-pane label="用法" :name="1">
<el-tab-pane
label="用法"
:name="1"
>
<el-table
:data="method_code"
border
@cell-click="clickRow"
highlight-current-row
max-height="650"
@cell-click="clickRow"
>
<el-table-column label="项目名" align="center" prop="label" />
<el-table-column
label="项目名"
align="center"
prop="label"
/>
</el-table>
</el-tab-pane>
<el-tab-pane label="诊疗" :name="2">
<el-tab-pane
label="诊疗"
:name="2"
>
<el-input
v-model="queryParams.searchKey"
placeholder="请输入项目名"
@@ -23,20 +33,30 @@
@keyup.enter="getList"
>
<template #append>
<el-button icon="Search" @click="getList" />
<el-button
icon="Search"
@click="getList"
/>
</template>
</el-input>
<el-table
:data="activityList"
border
@cell-click="clickRow"
highlight-current-row
max-height="650"
@cell-click="clickRow"
>
<el-table-column label="项目名" align="center" prop="name" />
<el-table-column
label="项目名"
align="center"
prop="name"
/>
</el-table>
</el-tab-pane>
<el-tab-pane label="号源" :name="3">
<el-tab-pane
label="号源"
:name="3"
>
<el-input
v-model="queryParamsRegistration.searchKey"
placeholder="请输入项目名"
@@ -45,25 +65,32 @@
@keyup.enter="getRegistrationList"
>
<template #append>
<el-button icon="Search" @click="getRegistrationList" />
<el-button
icon="Search"
@click="getRegistrationList"
/>
</template>
</el-input>
<el-table
:data="RegistrationfeeList"
border
@cell-click="clickRow"
highlight-current-row
max-height="650"
@cell-click="clickRow"
>
<el-table-column label="项目名" align="center" prop="name" />
<el-table-column
label="项目名"
align="center"
prop="name"
/>
</el-table>
</el-tab-pane>
</el-tabs>
</el-card>
<el-card style="height: 100%; width: 74%">
<ConsumablesList
:bindList="bindList"
:bindInfo="bindInfo"
:bind-list="bindList"
:bind-info="bindInfo"
:tab="activeTab"
:loading="loading"
@refresh="clickRow(currentRow)"

212
openhis-ui-vue3/src/views/basicmanage/frequency/components/FreForm.vue
View File

@@ -1,165 +1,185 @@
<template>
<el-dialog
title="添加频次详情"
v-model="dialogVisible"
width="520px"
top="8vh"
:close-on-click-modal="false"
@close="resetForm"
v-model="dialogVisible"
title="添加频次详情"
width="520px"
top="8vh"
:close-on-click-modal="false"
@close="resetForm"
>
<!-- 表单区域 -->
<el-form
:model="formData"
ref="form"
label-width="120px"
class="freq-form"
ref="form"
:model="formData"
label-width="120px"
class="freq-form"
>
<!-- 字典代码 -->
<el-form-item label="字典代码">
<el-input
v-model="formData.rateCode"
readonly
class="input-readonly"
v-model="formData.rateCode"
readonly
class="input-readonly"
/>
</el-form-item>
<!-- 分割线 -->
<el-divider content-position="left">每日执行</el-divider>
<el-divider content-position="left">
每日执行
</el-divider>
<el-row :gutter="16">
<el-col :span="12">
<el-form-item label="次数">
<el-input-number
v-model="formData.dayCount"
:min="1"
:max="99"
controls-position="right"
v-model="formData.dayCount"
:min="1"
:max="99"
controls-position="right"
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="间隔(天)">
<el-input-number
v-model="formData.dayInterval"
:min="0"
:max="99"
controls-position="right"
v-model="formData.dayInterval"
:min="0"
:max="99"
controls-position="right"
/>
</el-form-item>
</el-col>
</el-row>
<el-form-item label="时间点">
<el-select v-model="formData.dayTimes" multiple placeholder="选择时间点">
<el-select
v-model="formData.dayTimes"
multiple
placeholder="选择时间点"
>
<el-option
v-for="time in timeOptions"
:key="time"
:value="time"
:label="time"
v-for="time in timeOptions"
:key="time"
:value="time"
:label="time"
/>
</el-select>
</el-form-item>
<!-- &lt;!&ndash; 分割线 &ndash;&gt;-->
<!-- <el-divider content-position="left">每周执行</el-divider>-->
<!-- &lt;!&ndash; 分割线 &ndash;&gt;-->
<!-- <el-divider content-position="left">每周执行</el-divider>-->
<!-- <el-row :gutter="16">-->
<!-- <el-col :span="12">-->
<!-- <el-form-item label="是否启用">-->
<!-- <el-switch-->
<!-- v-model="formData.weekCycleFlag"-->
<!-- :active-value="1"-->
<!-- :inactive-value="0"-->
<!-- active-text="是"-->
<!-- inactive-text="否"-->
<!-- />-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- <el-col :span="12">-->
<!-- <el-form-item label="间隔(周)">-->
<!-- <el-input-number-->
<!-- v-model="formData.weekInterval"-->
<!-- :min="1"-->
<!-- :max="52"-->
<!-- controls-position="right"-->
<!-- />-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- </el-row>-->
<!-- <el-row :gutter="16">-->
<!-- <el-col :span="12">-->
<!-- <el-form-item label="是否启用">-->
<!-- <el-switch-->
<!-- v-model="formData.weekCycleFlag"-->
<!-- :active-value="1"-->
<!-- :inactive-value="0"-->
<!-- active-text="是"-->
<!-- inactive-text="否"-->
<!-- />-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- <el-col :span="12">-->
<!-- <el-form-item label="间隔(周)">-->
<!-- <el-input-number-->
<!-- v-model="formData.weekInterval"-->
<!-- :min="1"-->
<!-- :max="52"-->
<!-- controls-position="right"-->
<!-- />-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- </el-row>-->
<!-- <el-form-item label="周次数">-->
<!-- <el-input-number-->
<!-- v-model="formData.weekTimes"-->
<!-- :min="1"-->
<!-- :max="7"-->
<!-- controls-position="right"-->
<!-- />-->
<!-- </el-form-item>-->
<!-- <el-form-item label="周次数">-->
<!-- <el-input-number-->
<!-- v-model="formData.weekTimes"-->
<!-- :min="1"-->
<!-- :max="7"-->
<!-- controls-position="right"-->
<!-- />-->
<!-- </el-form-item>-->
<!-- 分割线 -->
<el-divider content-position="left">周期与总计</el-divider>
<el-divider content-position="left">
周期与总计
</el-divider>
<el-row :gutter="16">
<el-col :span="12">
<el-form-item label="总次数">
<el-input-number
v-model="formData.totalExecutionCount"
:min="1"
:max="999"
controls-position="right"
v-model="formData.totalExecutionCount"
:min="1"
:max="999"
controls-position="right"
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="周期长度">
<el-input-number
v-model="formData.executionPeriod"
:min="1"
:max="999"
controls-position="right"
v-model="formData.executionPeriod"
:min="1"
:max="999"
controls-position="right"
/>
</el-form-item>
</el-col>
</el-row>
<el-form-item label="周期单位">
<el-select v-model="formData.executionPeriodUnit" style="width: 100%">
<el-option label="分钟" value="minute" />
<el-option label="天" value="day" />
<el-option label="周" value="week" />
<el-option label="月" value="month" />
<el-select
v-model="formData.executionPeriodUnit"
style="width: 100%"
>
<el-option
label="分钟"
value="minute"
/>
<el-option
label="天"
value="day"
/>
<el-option
label="周"
value="week"
/>
<el-option
label="月"
value="month"
/>
</el-select>
</el-form-item>
<el-form-item label="备注">
<el-input
type="textarea"
v-model="formData.memo"
:rows="2"
maxlength="200"
show-word-limit
v-model="formData.memo"
type="textarea"
:rows="2"
maxlength="200"
show-word-limit
/>
</el-form-item>
</el-form>
<!-- 底部按钮 -->
<template #footer>
<el-button @click="dialogVisible = false">取 消</el-button>
<el-button type="primary" @click="submitForm">确 定</el-button>
<el-button @click="dialogVisible = false">
取 消
</el-button>
<el-button
type="primary"
@click="submitForm"
>
确 定
</el-button>
</template>
</el-dialog>
</template>
<style scoped>
.freq-form {
padding: 0 10px;
}
.input-readonly {
background-color: #f5f7fa;
color: #c0c4cc;
}
</style>
<script setup>
import {defineEmits, defineProps, ref, watch} from "vue";
@@ -220,4 +240,14 @@ watch(
);
</script>
<style scoped>
.freq-form {
padding: 0 10px;
}
.input-readonly {
background-color: #f5f7fa;
color: #c0c4cc;
}
</style>

241
openhis-ui-vue3/src/views/basicmanage/frequency/index.vue
View File

@@ -2,8 +2,13 @@
<div class="app-container">
<el-row :gutter="20">
<!--诊疗目录-->
<el-col :span="4" :xs="24">
<div class="head-title">频次字典</div>
<el-col
:span="4"
:xs="24"
>
<div class="head-title">
频次字典
</div>
<div>
<el-table
ref="freTableRef"
@@ -11,161 +16,177 @@
:data="frequency"
row-key="id"
@row-click="handleRowClick"
>
<el-table-column label="字典频次名称" align="left" prop="dictLabel" />
<el-table-column label="字典频次代码" align="left" prop="dictValue" />
>
<el-table-column
label="字典频次名称"
align="left"
prop="dictLabel"
/>
<el-table-column
label="字典频次代码"
align="left"
prop="dictValue"
/>
</el-table>
<pagination
v-show="frequencyTotal > 0"
:total="frequencyTotal"
v-model:page="queryParams.pageNum"
v-model:limit="queryParams.pageSize"
@pagination="getFrequencyList"
v-show="frequencyTotal > 0"
v-model:page="queryParams.pageNum"
v-model:limit="queryParams.pageSize"
:total="frequencyTotal"
@pagination="getFrequencyList"
/>
</div>
</el-col>
<el-col :span="20" :xs="24">
<el-row :gutter="10" class="mb8">
<el-col
:span="20"
:xs="24"
>
<el-row
:gutter="10"
class="mb8"
>
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="Plus"
@click="openDialog"
v-hasPermi="['system:user:add']"
>添加频次详情</el-button
v-hasPermi="['system:user:add']"
type="primary"
plain
icon="Plus"
@click="openDialog"
>
添加频次详情
</el-button>
</el-col>
</el-row>
<el-table
v-loading="loading"
:data="frequencyDetail"
v-loading="loading"
:data="frequencyDetail"
>
<!-- 定义表格列 -->
<el-table-column
prop="rateCode"
label="频次代码"
width="180">
</el-table-column>
prop="rateCode"
label="频次代码"
width="180"
/>
<el-table-column
prop="name"
label="名称"
width="200">
</el-table-column>
prop="name"
label="名称"
width="200"
/>
<el-table-column
prop="dayCount"
label="每天执行次数"
width="120">
</el-table-column>
prop="dayCount"
label="每天执行次数"
width="120"
/>
<!-- <el-table-column-->
<!-- prop="dayInterval"-->
<!-- label="每次执行间隔（天数）"-->
<!-- width="180">-->
<!-- </el-table-column>-->
<!-- <el-table-column-->
<!-- prop="dayInterval"-->
<!-- label="每次执行间隔（天数）"-->
<!-- width="180">-->
<!-- </el-table-column>-->
<el-table-column
prop="dayTimes"
label="执行时间点"
width="300">
</el-table-column>
prop="dayTimes"
label="执行时间点"
width="300"
/>
<!-- <el-table-column-->
<!-- prop="weekCycleFlag"-->
<!-- label="是否周期性每周执行"-->
<!-- width="150">-->
<!-- <template #default="scope">-->
<!-- {{ scope.row.weekCycleFlag === 1 ? '是' : '否' }}-->
<!-- </template>-->
<!-- </el-table-column>-->
<!-- <el-table-column-->
<!-- prop="weekCycleFlag"-->
<!-- label="是否周期性每周执行"-->
<!-- width="150">-->
<!-- <template #default="scope">-->
<!-- {{ scope.row.weekCycleFlag === 1 ? '是' : '否' }}-->
<!-- </template>-->
<!-- </el-table-column>-->
<!-- <el-table-column-->
<!-- prop="weekInterval"-->
<!-- label="每周执行的间隔"-->
<!-- width="150">-->
<!-- </el-table-column>-->
<!-- <el-table-column-->
<!-- prop="weekInterval"-->
<!-- label="每周执行的间隔"-->
<!-- width="150">-->
<!-- </el-table-column>-->
<!-- <el-table-column-->
<!-- prop="weekTimes"-->
<!-- label="每周执行的次数"-->
<!-- width="120">-->
<!-- </el-table-column>-->
<!-- <el-table-column-->
<!-- prop="weekTimes"-->
<!-- label="每周执行的次数"-->
<!-- width="120">-->
<!-- </el-table-column>-->
<!-- <el-table-column-->
<!-- prop="continueFlag"-->
<!-- label="是否为连续执行"-->
<!-- width="150">-->
<!-- <template #default="scope">-->
<!-- {{ scope.row.continueFlag === 1 ? '是' : '否' }}-->
<!-- </template>-->
<!-- </el-table-column>-->
<!-- <el-table-column-->
<!-- prop="continueFlag"-->
<!-- label="是否为连续执行"-->
<!-- width="150">-->
<!-- <template #default="scope">-->
<!-- {{ scope.row.continueFlag === 1 ? '是' : '否' }}-->
<!-- </template>-->
<!-- </el-table-column>-->
<el-table-column
prop="totalExecutionCount"
label="执行总次数"
width="120">
</el-table-column>
prop="totalExecutionCount"
label="执行总次数"
width="120"
/>
<el-table-column
prop="executionPeriod"
label="执行周期长度"
width="150">
</el-table-column>
prop="executionPeriod"
label="执行周期长度"
width="150"
/>
<el-table-column
prop="executionPeriodUnit"
label="执行周期单位"
width="150">
</el-table-column>
<!-- <el-table-column-->
<!-- prop="memo"-->
<!-- label="备注信息"-->
<!-- width="200">-->
<!-- </el-table-column>-->
prop="executionPeriodUnit"
label="执行周期单位"
width="150"
/>
<!-- <el-table-column-->
<!-- prop="memo"-->
<!-- label="备注信息"-->
<!-- width="200">-->
<!-- </el-table-column>-->
<el-table-column
label="操作"
align="center"
width="150"
class-name="small-padding fixed-width"
fixed="right"
label="操作"
align="center"
width="150"
class-name="small-padding fixed-width"
fixed="right"
>
<template #default="scope">
<el-button
link
type="primary"
icon="Edit"
@click="openSave(scope.row, scope.$index)"
v-hasPermi="['system:user:edit']"
>编辑</el-button
v-hasPermi="['system:user:edit']"
link
type="primary"
icon="Edit"
@click="openSave(scope.row, scope.$index)"
>
编辑
</el-button>
<el-button
type="danger"
link
icon="Delete"
:disabled="scope.row.id == ''"
@click="deleteSelectedRows(scope.row)"
type="danger"
link
icon="Delete"
:disabled="scope.row.id == ''"
@click="deleteSelectedRows(scope.row)"
>
删除
</el-button>
</template>
</el-table-column>
</el-table>
<!-- <pagination-->
<!-- v-show="frequencyDetailTotal > 0"-->
<!-- :total="frequencyDetailTotal"-->
<!-- v-model:page="queryDetailParams.pageNum"-->
<!-- v-model:limit="queryDetailParams.pageSize"-->
<!-- @pagination="getDetailList"-->
<!-- />-->
<!-- <pagination-->
<!-- v-show="frequencyDetailTotal > 0"-->
<!-- :total="frequencyDetailTotal"-->
<!-- v-model:page="queryDetailParams.pageNum"-->
<!-- v-model:limit="queryDetailParams.pageSize"-->
<!-- @pagination="getDetailList"-->
<!-- />-->
</el-col>
</el-row>
<FreForm
v-model="dialogVisible"
:initialFormData="showFormData"
@submit="handleFormSubmit"
v-model="dialogVisible"
:initial-form-data="showFormData"
@submit="handleFormSubmit"
/>
</div>
</template>

34
openhis-ui-vue3/src/views/basicmanage/implementDepartment/components/batchAddDialog.vue
View File

@@ -3,23 +3,31 @@
<el-dialog
title="批量导入项目"
:model-value="props.dialogVisible"
@update:modelValue="(val) => emit('update:dialogVisible', val)"
width="842"
append-to-body
destroy-on-close
:draggable="true"
@update:model-value="(val) => emit('update:dialogVisible', val)"
>
<el-row :gutter="10">
<el-col :span="24">
<el-form ref="formEl" :rules="rules" :model="form" label-width="100px">
<el-form-item label="项目类型" prop="clinicalType">
<el-form
ref="formEl"
:rules="rules"
:model="form"
label-width="100px"
>
<el-form-item
label="项目类型"
prop="clinicalType"
>
<el-select
v-model="form.clinicalType"
placeholder="请选择"
@change="getList()"
filterable
clearable
style="width: 200px"
@change="getList()"
>
<el-option
v-for="item in categoryCodeList"
@@ -32,7 +40,10 @@
</el-form>
</el-col>
</el-row>
<el-row :gutter="30" style="margin-top: 30px">
<el-row
:gutter="30"
style="margin-top: 30px"
>
<el-col :span="24">
<el-transfer
v-model="transferValue"
@@ -47,8 +58,15 @@
<template #footer>
<div class="dialog-footer">
<el-button @click="onCancel">取消</el-button>
<el-button type="primary" @click="onConfirm"> 确认 </el-button>
<el-button @click="onCancel">
取消
</el-button>
<el-button
type="primary"
@click="onConfirm"
>
确认
</el-button>
</div>
</template>
</el-dialog>
@@ -132,7 +150,7 @@ function onCancel() {
// 批量添加
async function onConfirm() {
if (!formEl) return;
if (!formEl.value) return;
formEl.value.validate(async (valid) => {
if (!valid) return;
if (!transferValue.value || transferValue.value.length === 0) {

68
openhis-ui-vue3/src/views/basicmanage/implementDepartment/index.vue
View File

@@ -2,15 +2,20 @@
<div class="app-container">
<el-row :gutter="20">
<!--诊疗目录-->
<el-col :span="4" :xs="24">
<div class="head-title">执行科室配置</div>
<el-col
:span="4"
:xs="24"
>
<div class="head-title">
执行科室配置
</div>
<div class="head-container">
<el-tree
ref="treeRef"
:data="organization"
:props="{ label: 'name', children: 'children' }"
:expand-on-click-node="true"
:filter-node-method="filterNode"
ref="treeRef"
node-key="id"
highlight-current
check-strictly
@@ -20,29 +25,37 @@
</div>
</el-col>
<!--诊疗目录-->
<el-col :span="20" :xs="24">
<el-row :gutter="10" class="mb8">
<el-col
:span="20"
:xs="24"
>
<el-row
:gutter="10"
class="mb8"
>
<el-col :span="1.5">
<el-button
v-hasPermi="['system:user:add']"
type="primary"
plain
icon="Plus"
:disabled="isAddDisable"
@click="handleAddItem"
v-hasPermi="['system:user:add']"
>添加新项目</el-button
>
添加新项目
</el-button>
</el-col>
<el-col :span="1.5">
<el-button
v-hasPermi="['system:user:add']"
type="warning"
plain
icon="Plus"
:disabled="isAddDisable"
@click="handleBacthAddItem"
v-hasPermi="['system:user:add']"
>批量新增项目配置</el-button
>
批量新增项目配置
</el-button>
</el-col>
</el-row>
@@ -51,7 +64,11 @@
:data="catagoryList"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="100" align="center" />
<el-table-column
type="selection"
width="100"
align="center"
/>
<el-table-column
label="诊疗目录"
width="150"
@@ -60,9 +77,9 @@
>
<template #default="scope">
<el-select
ref="dropdown"
v-model="scope.row.activityCategoryCode"
placeholder="请选择"
ref="dropdown"
:class="{ 'error-border': scope.row.error }"
clearable
>
@@ -75,7 +92,11 @@
</el-select>
</template>
</el-table-column>
<el-table-column label="项目名称" align="center" :show-overflow-tooltip="true">
<el-table-column
label="项目名称"
align="center"
:show-overflow-tooltip="true"
>
<template #default="scope">
<el-select
v-model="scope.row.activityDefinitionId"
@@ -98,9 +119,9 @@
</template>
</el-table-column>
<el-table-column
key="startTime"
label="开始时间"
align="center"
key="startTime"
prop="startTime"
:show-overflow-tooltip="true"
>
@@ -110,15 +131,14 @@
placeholder="选择时间"
format="HH:mm:ss"
value-format="HH:mm:ss"
>
</el-time-picker>
/>
</template>
</el-table-column>
<el-table-column
key="endTime"
label="结束时间"
align="center"
key="endTime"
prop="endTime"
show-overflow-tooltip
>
@@ -128,8 +148,7 @@
placeholder="选择时间"
format="HH:mm:ss"
value-format="HH:mm:ss"
>
</el-time-picker>
/>
</template>
</el-table-column>
<el-table-column
@@ -141,13 +160,14 @@
>
<template #default="scope">
<el-button
v-hasPermi="['system:user:edit']"
link
type="primary"
icon="Edit"
@click="openSaveImplementDepartment(scope.row, scope.$index)"
v-hasPermi="['system:user:edit']"
>保存</el-button
>
保存
</el-button>
<el-button
type="danger"
link
@@ -162,17 +182,17 @@
</el-table>
<pagination
v-show="total > 0"
:total="total"
v-model:page="queryParams.pageNo"
v-model:limit="queryParams.pageSize"
:total="total"
@pagination="getList"
/>
</el-col>
</el-row>
<BacthAddItemDialog
v-model:dialogVisible="bacthAddItemDialogVisible"
:organizationId="organizationId"
@submitOk="getList"
v-model:dialog-visible="bacthAddItemDialogVisible"
:organization-id="organizationId"
@submit-ok="getList"
/>
</div>
</template>

Some files were not shown because too many files have changed in this diff Show More