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

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;

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"

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>

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>

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>

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">

View File

@ -2,8 +2,10 @@
<Panel :title="'就诊队列'" style="height: 100%">
<template #tools>
<el-button type="primary" plain @click="setDate">
{{selectedDateStr}}
<el-icon class="el-icon--right"><CaretBottom /></el-icon>
{{ selectedDateStr }}
<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>
<span>{{ item.type == 2 ? '医保' : '自费' }}</span>
</li>
</el-scrollbar>
</ul>
@ -56,11 +58,12 @@ 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>('')
const selectedDate:any = ref('')
const selectedDateStr:any = ref('')
const selectedDate: any = ref('')
const selectedDateStr: any = ref('')
const emit = defineEmits(['clickItem', 'changeTab'])
const datePickerRef = ref()
const clickTab = (item: any) => {
@ -69,7 +72,7 @@ const clickTab = (item: any) => {
curItem.value = {}
}
const setDate=function (){
const setDate = function () {
if (datePickerRef.value) {
datePickerRef.value.handleOpen()
}
@ -94,31 +97,31 @@ const statusList = ref<any>([
])
const itemId = defineModel()
onMounted(() => {
selectedDate.value=getCurrentDate()
selectedDate.value = getCurrentDate()
initStatusList()
curItem.value = itemId
if(curStatus.value==1){
if (curStatus.value == 1) {
init()
}
})
const loading = ref(true)
const init = async () => {
selectedDateStr.value=setDateTip()
selectedDateStr.value = setDateTip()
clickLi(null)
loading.value = true
try{
let data:any=await post(apiConfig.RegistrationList, {
try {
let data: any = await post(apiConfig.RegistrationList, {
query: {
status: curStatus.value,
beginTime: selectedDate.value,
endTime: getEndOfDay(new Date(selectedDate.value))
}
}, {catch_error:true});
}, {catch_error: true});
list.value=data.list
}
catch (e){
list.value = data.list
} catch (e) {
}finally {
} finally {
loading.value = false
}
initStatusList()
@ -126,20 +129,21 @@ 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
})
}
const clickLi = (item: any,showBox:any = true) => {
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: '取消',
callback: (action: any) => {
if (action == "cancel"){
if (action == "cancel") {
curItem.value = null
return
}
@ -153,14 +157,14 @@ const clickLi = (item: any,showBox:any = true) => {
}
},
})
}else {
} else {
emit('clickItem', curItem.value)
}
}
const changeCurItemOrStatus = (item:any, status:any) => {
clickLi(item,false)
if (curStatus != null){
const changeCurItemOrStatus = (item: any, status: any) => {
clickLi(item, false)
if (curStatus != null) {
curStatus.value = status
}
}
@ -168,28 +172,28 @@ defineExpose({changeCurItemOrStatus})
watch(() => curStatus.value, () => {
init() //
})
const setDateTip=()=>{
const setDateTip = () => {
const seletctedDateObj = new Date(selectedDate.value);
//
if(seletctedDateObj.getFullYear()==new Date().getFullYear() && seletctedDateObj.getMonth()==new Date().getMonth() && seletctedDateObj.getDate()==new Date().getDate()){
if (seletctedDateObj.getFullYear() == new Date().getFullYear() && seletctedDateObj.getMonth() == new Date().getMonth() && seletctedDateObj.getDate() == new Date().getDate()) {
return '今天'
}
if(seletctedDateObj.getFullYear()==new Date().getFullYear() && seletctedDateObj.getMonth()==new Date().getMonth() && seletctedDateObj.getDate()==new Date().getDate()-1){
if (seletctedDateObj.getFullYear() == new Date().getFullYear() && seletctedDateObj.getMonth() == new Date().getMonth() && seletctedDateObj.getDate() == new Date().getDate() - 1) {
return '昨天'
}
//
if(seletctedDateObj.getFullYear()==new Date().getFullYear()){
return `${seletctedDateObj.getMonth()+1}-${seletctedDateObj.getDate()}`
if (seletctedDateObj.getFullYear() == new Date().getFullYear()) {
return `${seletctedDateObj.getMonth() + 1}-${seletctedDateObj.getDate()}`
}
return seletctedDateObj.getFullYear();
}
watch(() => selectedDate.value, (newValue, oldValue) => {
if(newValue==oldValue){
if (newValue == oldValue) {
return;
}
if(newValue==null){
if (newValue == null) {
return;
}
init()
@ -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,7 +309,8 @@ watch(() => selectedDate.value, (newValue, oldValue) => {
}
:deep(.el-input){
:deep(.el-input) {
visibility: hidden;
width: 0;
height: 0;

View File

@ -1,33 +1,37 @@
<template>
<div class="container">
<div class="left">
<MedicalQueue v-model="itemId" @clickItem="clickItem" @changeTab="changeTab" ref="medicalQueueRef"></MedicalQueue>
<MedicalQueue v-model="itemId" @clickItem="clickItem" @changeTab="changeTab" ref="medicalQueueRef"></MedicalQueue>
</div>
<div class="middle">
<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>
<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>
</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"
@edit="edit"></Settlement>
</div>
<div class="bottom">
<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()
@ -61,13 +66,13 @@ const formData = ref<any>({
itemDetail: [],
goodsDetail: [],
})
const initFormData = () => {
const initFormData = () => {
formData.value = {
diagType: 1,
itemDetail: [],
goodsDetail: [],
}
nextTick(()=>{
nextTick(() => {
caseRef.value?.clearDiagnosis()
patientCardRef.value?.clear()
})
@ -100,9 +105,9 @@ const save = () => {
diagnosisMedicalRecord: medicalRecord,
}
post('medical/record/save', {data: data}).then((res:any) => {
post('medical/record/save', {data: data}).then((res: any) => {
ElMessage.success("保存成功")
medicalQueueRef.value?.changeCurItemOrStatus(null,2);
medicalQueueRef.value?.changeCurItemOrStatus(null, 2);
})
@ -113,11 +118,12 @@ 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
if (item.status == 2){
if (item.status == 2) {
initFormData()
}
if (item.status == 3) {
@ -137,10 +143,10 @@ const clickItem = (item: any) => {
})
}
const medicalQueueRef =ref();
const medicalQueueRef = ref();
const cancelReception = () => {
post(apiConfig.RegistrationChangeStatus, {id: registerId.value, status: 1}).then((res: any) => {
medicalQueueRef.value?.changeCurItemOrStatus(res,1);
medicalQueueRef.value?.changeCurItemOrStatus(res, 1);
})
}
const changeTab = (e: any) => {
@ -153,7 +159,7 @@ const changeTab = (e: any) => {
const itemId = ref<any>('')
const edit = () => {
post('registration/changeStatus', {id: registerId.value, status: 2}).then((res: any) => {
medicalQueueRef.value?.changeCurItemOrStatus(res,2);
medicalQueueRef.value?.changeCurItemOrStatus(res, 2);
})
}
const getOrderTotalPrice = () => {
@ -167,34 +173,34 @@ const getOrderTotalPrice = () => {
formData.value.preTotalPrice = totalPrice
formData.value.totalPrice = totalPrice
}
const caseRef= ref<any>("")
const copyForm=(item:any) => {
const caseRef = ref<any>("")
const copyForm = (item: any) => {
formData.value = item.diagnosisMedicalRecord
const diagnosisList =JSON.parse(item.diagnosisMedicalRecord.diagnosisDetail)
const diagnosisList = JSON.parse(item.diagnosisMedicalRecord.diagnosisDetail)
const nList = item.diagnosisMedicalRecord.diagnosisSummary.split(',')
nextTick(()=>{
caseRef.value?.initDiagnosisSearch(diagnosisList,nList)
nextTick(() => {
caseRef.value?.initDiagnosisSearch(diagnosisList, nList)
})
}
const copyItemList=(item:any) => {
const copyItemList = (item: any) => {
itemDetail.value = item.itemDetail
}
const copyGoodsList=(item:any) => {
const copyGoodsList = (item: any) => {
goodsList.value = item.goodsDetail
}
const seeDockerInfo = ref<any>()
const getSeeDockerInfo = (newValue:any) => {
if (!registerId.value)return;
const seeDockerInfo = ref<any>()
const getSeeDockerInfo = (newValue: any) => {
if (!registerId.value) return;
post('medical/record/getSeeDockerInfo', {regisId: newValue}).then((res: any) => {
seeDockerInfo.value = res
formData.value.allergyHistory = res.patientInfo.allergyHistory;
formData.value.beforeMedicalHistory = res.patientInfo.beforeMedicalHistory;
})
}
const isShowFrom= ref<any>(false)
const focus=(e:any)=>{
isShowFrom.value=e
const isShowFrom = ref<any>(false)
const focus = (e: any) => {
isShowFrom.value = e
}
watch(() => registerId.value, (newValue) => {
if (!newValue) {