clinic-v2
/
web
6
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

dev

This commit is contained in:
ChenQiuYu 2025-05-09 16:50:36 +08:00
parent 503b33ba3b
commit 31700fcfaa
8 changed files with 131 additions and 129 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/assets/scss/main.scss
View File

@ -15,7 +15,7 @@ ul, li {
html, body {
height: 100%;
font-family: Source Han Sans,PingFangSC, PingFang SC, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
font-family: PingFangSC, PingFang SC, sans-serif;
font-size: 16px;
color: base.$text-primary;
background-color: base.$background-color-base;

2
src/components/SearchInput.vue
View File

@ -8,7 +8,7 @@
v-model="keyword"
:prefix-icon="Plus"
:placeholder="props.placeholder"
style="width: 100%"
style="width: 100%;height: 100%"
clearable
@input="changeInput"
class="no-border-input"

9
src/components/common/goods/GoodsDetail.vue
View File

@ -82,15 +82,16 @@
<div class="bottom">
<div class="search">
<SearchInput
style="height: 100%"
:request-api="goodsSearchApi"
:show-config="goodsShowConfig"
:placeholder="'请输入药名或者拼音码'"
@selectedCallBack="goodsSelect"
v-if="status"
:disabled="!props.status"
@focus="focus"
></SearchInput>
</div>
<span>合计：￥{{ getTotalPrice() }}</span>
<span v-if="status">合计：￥{{ getTotalPrice() }}</span>
</div>
</panel>
</template>
@ -210,9 +211,11 @@ const colosInfo = () => {
text-align: right;
border-top: 1px solid #EAEAEC;
display: flex;
height: 58px;
align-items: center;
.search {
flex: 1;
height: 100%;
}
}
</style>

8
src/components/common/service/ServiceDetail.vue
View File

@ -54,13 +54,14 @@
<div class="bottom">
<div class="search">
<SearchInput
style="height: 100%"
@focus="focus"
:placeholder="'请输入药服务项目或拼音码'"
:request-api="serviceSearchApi"
:show-config="serviceShowConfig"
@selectedCallBack="serviceSelect" v-if="status"></SearchInput>
@selectedCallBack="serviceSelect" :disabled="!props.status"></SearchInput>
</div>
<span>合计：￥{{ getTotalPrice() || 0 }}</span>
<span v-if="status">合计：￥{{ getTotalPrice() || 0 }}</span>
</div>
</Panel>
</template>
@ -159,9 +160,12 @@ const hide = () => {
text-align: right;
border-top: 1px solid #EAEAEC;
display: flex;
height: 58px;
align-items: center;
.search {
flex: 1;
height: 100%;
}
}
</style>

49
src/components/outpatient/Case.vue
View File

@ -8,16 +8,15 @@
<el-option label="中医模板" :value="1"/>
<el-option label="口腔模板" :value="2"/>
</el-select>
</div>
</div>
</template>
<div class="container">
<el-form :model="formDate" label-width="auto" ref="formRef">
<el-form-item label="主诉">
<el-form-item label="主诉:">
<PopoverInput :disabled="props.disabled" v-model="formDate.mainAppeal" :list="mainAppealList" @focus="focus"/>
</el-form-item>
<el-form-item label="诊断">
<el-form-item label="诊断:">
<DiagnosisSearchInput
ref="diagnosisSearchRef"
:disabled="props.disabled"
@ -26,34 +25,35 @@
@selectedCallBack="diagnosisSelect"
:show-header="false"
@focus="focus"
style="height: 100%"
/>
</el-form-item>
<el-form-item label="现病史" v-if="!props.isShowFrom">
<el-form-item label="现病史:" v-if="!props.isShowFrom">
<PopoverInput :disabled="props.disabled" v-model="formDate.nowMedicalHistory" :list="nowMedicalHistoryList"/>
</el-form-item>
<el-form-item label="既往史" v-if="!props.isShowFrom">
<el-form-item label="既往史:" v-if="!props.isShowFrom">
<PopoverInput :disabled="props.disabled" v-model="formDate.beforeMedicalHistory" :list="beforeMedicalHistoryList"/>
</el-form-item>
<el-form-item label="过敏史" v-if="!props.isShowFrom">
<el-form-item label="过敏史:" v-if="!props.isShowFrom">
<PopoverInput :disabled="props.disabled" v-model="formDate.allergyHistory" :list="allergyHistoryList"/>
</el-form-item>
<el-form-item label="体格检查" v-if="!props.isShowFrom">
<el-form-item label="体格检查:" v-if="!props.isShowFrom">
<PhysiqueExamInuput :disabled="props.disabled" v-model="formDate.exam" :list="physiqueExamList"/>
</el-form-item>
<el-form-item label="望闻问切" v-if="modelType==1&&!props.isShowFrom">
<el-form-item label="望闻问切:" v-if="modelType==1&&!props.isShowFrom">
<PopoverInput :disabled="props.disabled" v-model="formDate.chinaAdjunctCheck" :list="chinaAdjunctCheckList"/>
</el-form-item>
<el-form-item label="治法" v-if="modelType==1&&!props.isShowFrom">
<el-form-item label="治法:" v-if="modelType==1&&!props.isShowFrom">
<el-input v-model="formDate.chinaDeal" :disabled="props.disabled"></el-input>
</el-form-item>
<el-form-item label="口腔检查" v-if="modelType==2&&!props.isShowFrom">
<el-form-item label="口腔检查:" v-if="modelType==2&&!props.isShowFrom">
<el-input :disabled="props.disabled" v-model="formDate.mouthCheck"></el-input>
</el-form-item>
<el-form-item label="辅助检查" v-if="(modelType==2 || modelType ==0)&&!props.isShowFrom">
<el-input :disabled="props.disabled" v-model="formDate.adjunctCheck"></el-input>
<el-form-item label="辅助检查:" v-if="(modelType==2 || modelType ==0)&&!props.isShowFrom">
<el-input style="height: 100%;width: 100%" :disabled="props.disabled" v-model="formDate.adjunctCheck"></el-input>
</el-form-item>
<el-form-item label="处置" v-if="(modelType==0 || modelType ==2)&&!props.isShowFrom">
<el-input :disabled="props.disabled" v-model="formDate.deal"></el-input>
<el-form-item label="处置:" v-if="(modelType==0 || modelType ==2)&&!props.isShowFrom">
<el-input style="height: 100%;width: 100%" :disabled="props.disabled" v-model="formDate.deal"></el-input>
</el-form-item>
</el-form>
</div>
@ -127,17 +127,30 @@ defineExpose({initDiagnosisSearch,clearDiagnosis})
<style scoped lang="scss">
.content {
display: flex;
.model-selector {
width: 100px;
}
}
.container {
margin: 24px;
margin:0 24px;
}
:deep(.el-form-item){
margin-bottom: 2px;
margin-bottom: 0;
}
:deep(.el-form-item__label){
height: 42px;
line-height: 42px;
}
:deep(.el-input__wrapper){
border-radius: 0;
height: 42px;
background: #FFFFFF;
&:nth-child(2n){
border-top: none;
border-bottom: none;
}
}
</style>

3
src/components/outpatient/DiagnosisSearchInput.vue
View File

@ -1,9 +1,8 @@
<template>
<el-popover placement="bottom-start" :visible="isVisible" :width="props.width" ref="popoverRef"
@before-enter="beforeShow" @hide="afterShow">
<template #reference>
<el-input v-model="keyword" style="width: 100%" @input="changeInput" :disabled="disabled" @click="changeInput"
<el-input v-model="keyword" style="width: 100%;height: 100%" @input="changeInput" :disabled="disabled" @click="changeInput"
placeholder="诊断选择" ref="inputRef" @focus="focus" @blur="handleBlur"></el-input>
</template>
<div class="container">

63
src/components/outpatient/MedicalQueue.vue
View File

@ -3,7 +3,9 @@
<template #tools>
<el-button type="primary" plain @click="setDate">
{{ selectedDateStr }}
<el-icon class="el-icon--right"><CaretBottom /></el-icon>
<el-icon class="el-icon--right">
<CaretBottom/>
</el-icon>
</el-button>
<el-date-picker
v-model="selectedDate"
@ -15,7 +17,6 @@
/>
</template>
<div class="panel-content" style="display: flex;flex-direction: column;height: 100%">
<div class="tabs">
<span v-for="(item,index) in statusList" :class="curStatus == item.status ? 'tabs-item' : ''"
@click="clickTab(item)">{{ item.label }}&nbsp;{{ item.num }}</span>
@ -34,12 +35,13 @@
alt="头像"/>
<img v-if="item.gender==2" class="avatar" src="/static/images/outpatient/women.png"
alt="头像"/>
{{ item.name }}
</span>
<span>{{ item.name }}</span>
<span>{{ item.age || 0 }}岁</span>
<span class="item_time">
{{ formatListTime(item.createDatetime) || '-' }}
</span>
<span>{{ item.type == 2 ? '医保' : '自费' }}</span>
</li>
</el-scrollbar>
</ul>
@ -56,6 +58,7 @@ import {formatListTime, getToday, getThisMonth, getCurrentDate, getEndOfDay} fro
import {apiConfig} from "@/assets/config/apiConfig.ts";
import {ElMessageBox} from "element-plus";
import {CaretBottom} from '@element-plus/icons-vue'
const curStatus = ref(1)
const search = ref('')
const curItem = ref<any>('')
@ -104,6 +107,7 @@ onMounted(() => {
const loading = ref(true)
const init = async () => {
selectedDateStr.value = setDateTip()
clickLi(null)
loading.value = true
try {
let data: any = await post(apiConfig.RegistrationList, {
@ -115,8 +119,7 @@ const init = async () => {
}, {catch_error: true});
list.value = data.list
}
catch (e){
} catch (e) {
} finally {
loading.value = false
@ -126,7 +129,8 @@ const init = async () => {
const initStatusList = () => {
post('statistics/getTipCount', {
beginTime: selectedDate.value,
endTime: getEndOfDay(new Date(selectedDate.value))}).then((res: any) => {
endTime: getEndOfDay(new Date(selectedDate.value))
}).then((res: any) => {
statusList.value[0].num = res.waitDiagnosisCount
statusList.value[1].num = res.diagnosingCount
statusList.value[2].num = res.completeDiaCount
@ -134,7 +138,7 @@ const initStatusList = () => {
}
const clickLi = (item: any, showBox: any = true) => {
curItem.value = item
if (item.status == 1 && showBox) {
if (item!=null&&item.status == 1 && showBox) {
ElMessageBox.confirm(`您将要接诊${item.name}`, "提示", {
confirmButtonText: '确定',
cancelButtonText: '取消',
@ -219,23 +223,20 @@ watch(() => selectedDate.value, (newValue, oldValue) => {
.search {
position: relative;
height: 82px;
line-height: 82px;
padding: 0 18px;
margin: 16px 0;
padding: 0 16px;
.search-icon {
position: absolute;
left: 33px;
left: 32px;
top: 50%;
transform: translateY(-50%);
width: 20px; // 调整图标大小
height: 20px; // 调整图标大小
width: 16px; // 调整图标大小
height: 16px; // 调整图标大小
z-index: 1;
}
.search-input {
width: 100%;
height: 50px;
height: 42px;
background: #FFFFFF;
border-radius: 6px;
border: 1px solid #EAEAEC;
@ -254,50 +255,26 @@ watch(() => selectedDate.value, (newValue, oldValue) => {
display: flex;
min-height: 0;
flex-direction: column;
.list-title {
height: 48px;
background: #F5FAFF;
padding: 0 27px;
display: flex;
align-items: center;
font-weight: 500;
font-size: 14px;
color: rgba(34, 42, 57, 0.8);
font-style: normal;
span {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
}
}
ul {
flex: 1;
min-height: 0;
.list-item {
height: 48px;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 18px;
padding: 0 26px 0 28px;
font-weight: 400;
font-size: 14px;
color: rgba(34, 42, 57, 0.7);
font-style: normal;
cursor: pointer;
span {
display: flex;
align-items: center;
.avatar {
margin-left: 15px;
width: 26px;
height: 26px;
margin-right: 15px;
}
}
@ -316,7 +293,6 @@ watch(() => selectedDate.value, (newValue, oldValue) => {
overflow: hidden; // 隐藏溢出的文本
text-overflow: ellipsis; // 显示省略号
text-align: center;
margin-right: 24px;
}
}
@ -333,6 +309,7 @@ watch(() => selectedDate.value, (newValue, oldValue) => {
}
:deep(.el-input) {
visibility: hidden;
width: 0;

18
src/views/outpatient/index.vue
View File

@ -7,27 +7,31 @@
<el-scrollbar>
<div class="case">
<CaseDetail v-if="patientRegistration.status==3" v-model="formData"></CaseDetail>
<Case ref="caseRef" v-else v-model="formData" :disabled="curRegister?.status !=2" :isShowFrom="isShowFrom" @focus="focus"></Case>
<Case ref="caseRef" v-else v-model="formData" :disabled="curRegister?.status !=2" :isShowFrom="isShowFrom"
@focus="focus"></Case>
</div>
<div class="service-items">
<ServiceDetail v-model="formData.itemDetail" @focus="focus" @totalPriceChange="getOrderTotalPrice" :status="curRegister?.status ==2"></ServiceDetail>
<ServiceDetail v-model="formData.itemDetail" @focus="focus" @totalPriceChange="getOrderTotalPrice"
:status="curRegister?.status ==2"></ServiceDetail>
</div>
<div class="pharmaceutical-consumables">
<GoodsDetail v-model="formData.goodsDetail" @focus="focus" @totalPriceChange="getOrderTotalPrice" :status="curRegister?.status ==2"></GoodsDetail>
<GoodsDetail v-model="formData.goodsDetail" @focus="focus" @totalPriceChange="getOrderTotalPrice"
:status="curRegister?.status ==2"></GoodsDetail>
</div>
</el-scrollbar>
<div class="bottom">
<Settlement v-model="formData.totalPrice" @cancelReception="cancelReception" @save="save" :status="curRegister?.status ==2"
<Settlement v-model="formData.totalPrice" @cancelReception="cancelReception" @save="save"
:status="curRegister?.status ==2"
@edit="edit"></Settlement>
</div>
</div>
<div class="right">
<div class="top">
<PatientCard ref="patientCardRef"></PatientCard>
</div>
<div class="bottom">
<MedicalHistory ref="medicalHistoryRef" @copy="copyForm" @copyItem="copyItemList" @copyGoods="copyGoodsList" ></MedicalHistory>
<MedicalHistory ref="medicalHistoryRef" @copy="copyForm" @copyItem="copyItemList"
@copyGoods="copyGoodsList"></MedicalHistory>
</div>
</div>
</div>
@ -51,6 +55,7 @@ import {apiConfig} from "@/assets/config/apiConfig.ts";
import PatientCard from "@/components/charge/PatientCard.vue";
import ServiceDetail from "@/components/common/service/ServiceDetail.vue";
import GoodsDetail from "@/components/common/goods/GoodsDetail.vue";
const curRegister = ref()
const registerId = ref()
const patientId = ref()
@ -113,6 +118,7 @@ const patientCardRef = ref()
const patientRegistration = ref<any>({})
const clickItem = (item: any) => {
curRegister.value = item
if(!item)return
registerId.value = item.id
itemId.value = item.id
patientId.value = item.patientInfoId