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

dev

This commit is contained in:
ChenQiuYu 2025-04-30 10:52:02 +08:00
parent f5718af4bc
commit ad0003ad7b
3 changed files with 131 additions and 76 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

145
src/components/charge/ChargeQueue.vue
View File

@ -1,39 +1,52 @@
<template> <template>
<div class="container"> <Panel title="收费队列">
<div class="search"> <template #tools>
<el-input v-model="query.keyword" placeholder="根据姓名搜索"/> <el-button type="primary" size="small">新增患者</el-button>
<el-button type="success" @click="addChargeOrder" size="small">+收费</el-button> </template>
</div> <template #default>
<div class="list"> <div class="container">
<el-scrollbar> <div class="tabs">
<ul> <span v-for="(item,index) in statusList " :key="index" :class="status == item.value ? 'tabs-item' : ''"
<li class="list-item" :class="curItem.id == item.id ? 'active' : ''" v-for="(item, index) in orderList" @click="tab(item)">{{ item.label }}&nbsp;{{ item.num }}
:key="index" @click="clickItem(item)"> </span>
</div>
<div class="search">
<el-input v-model="query.keyword" style="height: 100%;width: 100%" placeholder="根据姓名搜索"/>
<!-- <el-button type="success" @click="addChargeOrder" size="small">+收费</el-button>-->
</div>
<div class="list">
<el-scrollbar>
<ul>
<li class="list-item" :class="curItem.id == item.id ? 'active' : ''" v-for="(item, index) in orderList"
:key="index" @click="clickItem(item)">
<span> <span>
<img v-if="item.patientRegistration.gender=='男'" class="avatar" src="/static/images/outpatient/man.png" <img v-if="item.patientRegistration.gender=='1'" class="avatar"
src="/static/images/outpatient/man.png"
alt="头像"/> alt="头像"/>
<img v-if="item.patientRegistration.gender=='女'" class="avatar" src="/static/images/outpatient/women.png" <img v-if="item.patientRegistration.gender=='2'" class="avatar"
src="/static/images/outpatient/women.png"
alt="头像"/> alt="头像"/>
</span> </span>
<span class="item_name">{{ item.patientInfo.name }}</span> <span class="item_name">{{ item.patientInfo.name }}</span>
<el-tooltip <el-tooltip
class="box-item" class="box-item"
effect="dark" effect="dark"
:content="formatTime(item.patientRegistration.createDatetime)||'-'" :content="formatTime(item.patientRegistration.createDatetime)||'-'"
placement="bottom-start" placement="bottom-start"
> >
<span class="item_time"> <span class="item_time">
{{ formatTime(item.patientRegistration.createDatetime) || '-' }} {{ formatTime(item.patientRegistration.createDatetime) || '-' }}
</span> </span>
</el-tooltip> </el-tooltip>
<span :class="[item.status == 0 ?'status-active':'']">{{item.status == 0 ? '未收' : '已收'}}</span> <span :class="[item.status == 0 ?'status-active':'']">{{ item.status == 0 ? '未收' : '已收' }}</span>
</li> </li>
</ul> </ul>
</el-scrollbar> </el-scrollbar>
</div>
</div>
</div>
</div>
</template>
</Panel>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
@ -41,6 +54,7 @@ import {onMounted, ref} from "vue";
import {post} from "@/utils/request.ts"; import {post} from "@/utils/request.ts";
import Panel from "@/components/common/Panel.vue"; import Panel from "@/components/common/Panel.vue";
import {formatTime} from "@/utils/dateUtils.ts"; import {formatTime} from "@/utils/dateUtils.ts";
const curItem = ref<any>({}); const curItem = ref<any>({});
const emit = defineEmits(['clickItem']) const emit = defineEmits(['clickItem'])
const clickItem = (item: any) => { const clickItem = (item: any) => {
@ -48,7 +62,9 @@ const clickItem = (item: any) => {
emit('clickItem', item); emit('clickItem', item);
} }
const orderList = ref<any>([]); const orderList = ref<any>([
]);
const query = ref({ const query = ref({
pageSize: 20, pageSize: 20,
pageNum: 1, pageNum: 1,
@ -56,11 +72,11 @@ const query = ref({
}) })
const addChargeOrder = () => { const addChargeOrder = () => {
const newOrder = { const newOrder = {
id:-1, id: -1,
patientName :"匿名患者", patientName: "匿名患者",
payType : -1, payType: -1,
} }
if (orderList.value[0]?.id == -1){ if (orderList.value[0]?.id == -1) {
return return
} }
orderList.value.unshift(newOrder) orderList.value.unshift(newOrder)
@ -70,35 +86,53 @@ const clickFirst = () => {
clickItem(orderList.value[0]) clickItem(orderList.value[0])
} }
const getOrderList = () => { const getOrderList = () => {
post("medical/record/getChargeQueue", {query: query.value}).then( post("medical/record/getChargeQueue", {query: query.value,status:status.value}).then(
(res: any) => { (res: any) => {
orderList.value = res.list orderList.value = res.list
clickFirst() clickFirst()
} }
) )
} }
const delDraft = () =>{ const delDraft = () => {
orderList.value.shift(); orderList.value.shift();
clickFirst() clickFirst()
} }
defineExpose({delDraft,getOrderList}) defineExpose({delDraft, getOrderList})
onMounted(()=>{ onMounted(() => {
getOrderList() getOrderList()
}) })
const status = ref(0)
const statusList = ref([
{
label: '待收',
num: 0,
value: 0
},
{
label: '已收',
num: 0,
value: 1
},
])
const tab = (item: any) => {
status.value = item.value
getOrderList()
}
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.container{ .container {
display: flex; display: flex;
flex-direction: column; // 确保子元素垂直排列 flex-direction: column; // 确保子元素垂直排列
width: 100%; width: 320px;
.search{
height: 25px; .search {
padding: 16px;
height: 74px;
width: 100%; width: 100%;
display: flex; display: flex;
margin: 0; margin: 0;
padding: 0;
} }
.list { .list {
display: flex; display: flex;
min-height: 0; min-height: 0;
@ -172,10 +206,12 @@ onMounted(()=>{
} }
.status-active{
.status-active {
font-weight: bold; font-weight: bold;
color: #409EFF; color: #409EFF;
} }
.active { .active {
color: #fff; color: #fff;
background: #4D6DE4; background: #4D6DE4;
@ -187,4 +223,27 @@ onMounted(()=>{
} }
} }
} }
.tabs {
height: 27px;
border-bottom: 1px solid #EAEAEC;
font-weight: 500;
color: #999999;
font-style: normal;
display: flex;
justify-content: space-between;
padding: 0 67px;
span {
width: 66px;
cursor: pointer;
text-align: center;
}
.tabs-item {
border-bottom: 2px solid #4D6DE4;
color: #4D6DE4;
padding-bottom: 10px;
}
}
</style> </style>

26
src/components/settings/ItemSearch.vue
View File

@ -12,21 +12,19 @@
clearable/> clearable/>
<el-button type="primary" @click="searchSocialItem">搜索</el-button> <el-button type="primary" @click="searchSocialItem">搜索</el-button>
</div> </div>
<el-scrollbar style="width: 100%;overflow: hidden"> <div class="search_result" style="width: 100%;padding: 0 12px">
<div class="search_result" style="width: 100%;padding: 0 24px"> <div class="result_table" style="width: 100%;height: 100%;box-sizing: border-box;padding-bottom: 20px">
<div class="result_table" style=""> <el-table v-loading="isloading" :data="searchResult.list"
<el-table v-loading="isloading" :data="searchResult.list" style="width: 100%;height: 100%"
style="width: 100%" highlight-current-row
highlight-current-row @row-click="changeCurRow"
@row-click="changeCurRow" :row-class-name="tableRowClassName">
:row-class-name="tableRowClassName"> <el-table-column prop="name" label="名称" fixed show-overflow-tooltip/>
<el-table-column prop="name" label="名称" fixed show-overflow-tooltip/> <el-table-column prop="code" fixed label="医疗目录编码" show-overflow-tooltip/>
<el-table-column prop="code" fixed label="医疗目录编码" show-overflow-tooltip/> <el-table-column prop="unit" label="计价单位" width="180" show-overflow-tooltip/>
<el-table-column prop="unit" label="计价单位" width="180" show-overflow-tooltip/> </el-table>
</el-table>
</div>
</div> </div>
</el-scrollbar> </div>
</div> </div>
</template> </template>
<template #footer> <template #footer>

36
src/views/charge/index.vue
View File

@ -1,19 +1,17 @@
<template> <template>
<div class="container"> <div class="container">
<div class="left"> <div class="left">
<Panel title="收费队列"> <chargeQueue @clickItem="clickItem" ref="chargeQueueRef"></ChargeQueue>
<chargeQueue @clickItem="clickItem" ref="chargeQueueRef"></ChargeQueue>
</Panel>
</div> </div>
<div class="middle"> <div class="middle">
<Panel title="零售收费"> <Panel title="零售收费">
<template #tools> <template #tools>
<span>{{formData.totalPrice}}</span> <span>{{ formData.totalPrice }}</span>
<div v-if="formData.status == 0 "> <div v-if="formData.status == 0 ">
<el-button type="primary" @click="delDraft()" v-if="formData.id == -1" >删除</el-button> <el-button type="primary" @click="delDraft()" v-if="formData.id == -1">删除</el-button>
<el-button type="primary" @click="saveAndCharge" >收费</el-button> <el-button type="primary" @click="saveAndCharge">收费</el-button>
<el-button type="primary" >追溯码</el-button> <el-button type="primary">追溯码</el-button>
<el-button type="primary" >挂单</el-button> <el-button type="primary">挂单</el-button>
</div> </div>
</template> </template>
@ -59,11 +57,11 @@
</Panel> </Panel>
<Panel title="服务项目"> <Panel title="服务项目">
<ServiceDetail v-model="formData" @totalPriceChange="getOrderTotalPrice"> </ServiceDetail> <ServiceDetail v-model="formData" @totalPriceChange="getOrderTotalPrice"></ServiceDetail>
</Panel> </Panel>
<Panel title="药品耗材"> <Panel title="药品耗材">
<GoodsDetail v-model="formData" @totalPriceChange="getOrderTotalPrice" ></GoodsDetail> <GoodsDetail v-model="formData" @totalPriceChange="getOrderTotalPrice"></GoodsDetail>
</Panel> </Panel>
</div> </div>
<div class="right"> <div class="right">
@ -92,10 +90,10 @@ import GoodsDetail from "@/components/charge/GoodsDetail.vue";
import DiagnosisSearchInput from "@/components/outpatient/DiagnosisSearchInput.vue"; import DiagnosisSearchInput from "@/components/outpatient/DiagnosisSearchInput.vue";
import Settlement from "@/components/charge/Settlement.vue"; import Settlement from "@/components/charge/Settlement.vue";
const socialCard = ref<any>({payInfo:{}}) const socialCard = ref<any>({payInfo: {}})
const formData = ref<any>({ const formData = ref<any>({
patientInfo:{}, patientInfo: {},
diagnosisMedicalRecord:{}, diagnosisMedicalRecord: {},
}) })
const diagnosisKeyword = ref("") const diagnosisKeyword = ref("")
const chargeQueueRef = ref() const chargeQueueRef = ref()
@ -106,9 +104,9 @@ const delDraft = () => {
} }
const settlementRef = ref() const settlementRef = ref()
const saveAndCharge = () => { const saveAndCharge = () => {
post('charge/save', {data:formData.value}).then((res: any) => { post('charge/save', {data: formData.value}).then((res: any) => {
formData.value.code = res formData.value.code = res
nextTick(()=>{ nextTick(() => {
settlementRef.value?.init(res) settlementRef.value?.init(res)
}) })
}) })
@ -137,7 +135,7 @@ const clickItem = (item: any) => {
nextTick(() => { nextTick(() => {
let list = JSON.parse(formData.value.diagnosisMedicalRecord.diagnosisDetail) let list = JSON.parse(formData.value.diagnosisMedicalRecord.diagnosisDetail)
let nList = formData.value.diagnosisMedicalRecord.diagnosisSummary.split(',') let nList = formData.value.diagnosisMedicalRecord.diagnosisSummary.split(',')
diagnosisSearchRef.value?.init(list,nList); diagnosisSearchRef.value?.init(list, nList);
}) })
} }
const dockerList = ref<any[]>([]) const dockerList = ref<any[]>([])
@ -147,19 +145,19 @@ const getDockerList = () => {
}) })
} }
const orderCompleted = () => { const orderCompleted = () => {
nextTick(()=>{ nextTick(() => {
chargeQueueRef.value?.getOrderList() chargeQueueRef.value?.getOrderList()
}) })
} }
const orderCanceled = () => { const orderCanceled = () => {
nextTick(()=>{ nextTick(() => {
chargeQueueRef.value?.getOrderList() chargeQueueRef.value?.getOrderList()
}) })
} }
onMounted(()=>{ onMounted(() => {
getDockerList() getDockerList()
}) })
const getOrderTotalPrice = () => { const getOrderTotalPrice = () => {