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 { html, body {
height: 100%; 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; font-size: 16px;
color: base.$text-primary; color: base.$text-primary;
background-color: base.$background-color-base; background-color: base.$background-color-base;

2
src/components/SearchInput.vue
View File

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

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

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

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

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

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

@ -8,16 +8,15 @@
<el-option label="中医模板" :value="1"/> <el-option label="中医模板" :value="1"/>
<el-option label="口腔模板" :value="2"/> <el-option label="口腔模板" :value="2"/>
</el-select> </el-select>
</div> </div>
</div> </div>
</template> </template>
<div class="container"> <div class="container">
<el-form :model="formDate" label-width="auto" ref="formRef"> <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"/> <PopoverInput :disabled="props.disabled" v-model="formDate.mainAppeal" :list="mainAppealList" @focus="focus"/>
</el-form-item> </el-form-item>
<el-form-item label="诊断"> <el-form-item label="诊断:">
<DiagnosisSearchInput <DiagnosisSearchInput
ref="diagnosisSearchRef" ref="diagnosisSearchRef"
:disabled="props.disabled" :disabled="props.disabled"
@ -26,34 +25,35 @@
@selectedCallBack="diagnosisSelect" @selectedCallBack="diagnosisSelect"
:show-header="false" :show-header="false"
@focus="focus" @focus="focus"
style="height: 100%"
/> />
</el-form-item> </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"/> <PopoverInput :disabled="props.disabled" v-model="formDate.nowMedicalHistory" :list="nowMedicalHistoryList"/>
</el-form-item> </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"/> <PopoverInput :disabled="props.disabled" v-model="formDate.beforeMedicalHistory" :list="beforeMedicalHistoryList"/>
</el-form-item> </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"/> <PopoverInput :disabled="props.disabled" v-model="formDate.allergyHistory" :list="allergyHistoryList"/>
</el-form-item> </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"/> <PhysiqueExamInuput :disabled="props.disabled" v-model="formDate.exam" :list="physiqueExamList"/>
</el-form-item> </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"/> <PopoverInput :disabled="props.disabled" v-model="formDate.chinaAdjunctCheck" :list="chinaAdjunctCheckList"/>
</el-form-item> </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-input v-model="formDate.chinaDeal" :disabled="props.disabled"></el-input>
</el-form-item> </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-input :disabled="props.disabled" v-model="formDate.mouthCheck"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="辅助检查" v-if="(modelType==2 || modelType ==0)&&!props.isShowFrom"> <el-form-item label="辅助检查:" v-if="(modelType==2 || modelType ==0)&&!props.isShowFrom">
<el-input :disabled="props.disabled" v-model="formDate.adjunctCheck"></el-input> <el-input style="height: 100%;width: 100%" :disabled="props.disabled" v-model="formDate.adjunctCheck"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="处置" v-if="(modelType==0 || modelType ==2)&&!props.isShowFrom"> <el-form-item label="处置:" v-if="(modelType==0 || modelType ==2)&&!props.isShowFrom">
<el-input :disabled="props.disabled" v-model="formDate.deal"></el-input> <el-input style="height: 100%;width: 100%" :disabled="props.disabled" v-model="formDate.deal"></el-input>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
@ -127,17 +127,30 @@ defineExpose({initDiagnosisSearch,clearDiagnosis})
<style scoped lang="scss"> <style scoped lang="scss">
.content { .content {
display: flex; display: flex;
.model-selector { .model-selector {
width: 100px; width: 100px;
} }
} }
.container { .container {
margin: 24px; margin:0 24px;
} }
:deep(.el-form-item){ :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> </style>

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

@ -1,9 +1,8 @@
<template> <template>
<el-popover placement="bottom-start" :visible="isVisible" :width="props.width" ref="popoverRef" <el-popover placement="bottom-start" :visible="isVisible" :width="props.width" ref="popoverRef"
@before-enter="beforeShow" @hide="afterShow"> @before-enter="beforeShow" @hide="afterShow">
<template #reference> <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> placeholder="诊断选择" ref="inputRef" @focus="focus" @blur="handleBlur"></el-input>
</template> </template>
<div class="container"> <div class="container">

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

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

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

@ -7,27 +7,31 @@
<el-scrollbar> <el-scrollbar>
<div class="case"> <div class="case">
<CaseDetail v-if="patientRegistration.status==3" v-model="formData"></CaseDetail> <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>
<div class="service-items"> <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>
<div class="pharmaceutical-consumables"> <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> </div>
</el-scrollbar> </el-scrollbar>
<div class="bottom"> <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> @edit="edit"></Settlement>
</div> </div>
</div> </div>
<div class="right"> <div class="right">
<div class="top"> <div class="top">
<PatientCard ref="patientCardRef"></PatientCard> <PatientCard ref="patientCardRef"></PatientCard>
</div> </div>
<div class="bottom"> <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> </div>
</div> </div>
@ -51,6 +55,7 @@ import {apiConfig} from "@/assets/config/apiConfig.ts";
import PatientCard from "@/components/charge/PatientCard.vue"; import PatientCard from "@/components/charge/PatientCard.vue";
import ServiceDetail from "@/components/common/service/ServiceDetail.vue"; import ServiceDetail from "@/components/common/service/ServiceDetail.vue";
import GoodsDetail from "@/components/common/goods/GoodsDetail.vue"; import GoodsDetail from "@/components/common/goods/GoodsDetail.vue";
const curRegister = ref() const curRegister = ref()
const registerId = ref() const registerId = ref()
const patientId = ref() const patientId = ref()
@ -113,6 +118,7 @@ const patientCardRef = ref()
const patientRegistration = ref<any>({}) const patientRegistration = ref<any>({})
const clickItem = (item: any) => { const clickItem = (item: any) => {
curRegister.value = item curRegister.value = item
if(!item)return
registerId.value = item.id registerId.value = item.id
itemId.value = item.id itemId.value = item.id
patientId.value = item.patientInfoId patientId.value = item.patientInfoId