dev
This commit is contained in:
parent
f5718af4bc
commit
ad0003ad7b
|
|
@ -1,8 +1,18 @@
|
|||
<template>
|
||||
<Panel title="收费队列">
|
||||
<template #tools>
|
||||
<el-button type="primary" size="small">新增患者</el-button>
|
||||
</template>
|
||||
<template #default>
|
||||
<div class="container">
|
||||
<div class="tabs">
|
||||
<span v-for="(item,index) in statusList " :key="index" :class="status == item.value ? 'tabs-item' : ''"
|
||||
@click="tab(item)">{{ item.label }} {{ item.num }}
|
||||
</span>
|
||||
</div>
|
||||
<div class="search">
|
||||
<el-input v-model="query.keyword" placeholder="根据姓名搜索"/>
|
||||
<el-button type="success" @click="addChargeOrder" size="small">+收费</el-button>
|
||||
<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>
|
||||
|
|
@ -10,9 +20,11 @@
|
|||
<li class="list-item" :class="curItem.id == item.id ? 'active' : ''" v-for="(item, index) in orderList"
|
||||
:key="index" @click="clickItem(item)">
|
||||
<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="头像"/>
|
||||
<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="头像"/>
|
||||
</span>
|
||||
<span class="item_name">{{ item.patientInfo.name }}</span>
|
||||
|
|
@ -33,7 +45,8 @@
|
|||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</template>
|
||||
</Panel>
|
||||
|
||||
</template>
|
||||
<script setup lang="ts">
|
||||
|
|
@ -41,6 +54,7 @@ import {onMounted, ref} from "vue";
|
|||
import {post} from "@/utils/request.ts";
|
||||
import Panel from "@/components/common/Panel.vue";
|
||||
import {formatTime} from "@/utils/dateUtils.ts";
|
||||
|
||||
const curItem = ref<any>({});
|
||||
const emit = defineEmits(['clickItem'])
|
||||
const clickItem = (item: any) => {
|
||||
|
|
@ -48,7 +62,9 @@ const clickItem = (item: any) => {
|
|||
emit('clickItem', item);
|
||||
}
|
||||
|
||||
const orderList = ref<any>([]);
|
||||
const orderList = ref<any>([
|
||||
|
||||
]);
|
||||
const query = ref({
|
||||
pageSize: 20,
|
||||
pageNum: 1,
|
||||
|
|
@ -70,7 +86,7 @@ const clickFirst = () => {
|
|||
clickItem(orderList.value[0])
|
||||
}
|
||||
const getOrderList = () => {
|
||||
post("medical/record/getChargeQueue", {query: query.value}).then(
|
||||
post("medical/record/getChargeQueue", {query: query.value,status:status.value}).then(
|
||||
(res: any) => {
|
||||
orderList.value = res.list
|
||||
clickFirst()
|
||||
|
|
@ -85,20 +101,38 @@ defineExpose({delDraft,getOrderList})
|
|||
onMounted(() => {
|
||||
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>
|
||||
<style scoped lang="scss">
|
||||
.container {
|
||||
display: flex;
|
||||
flex-direction: column; // 确保子元素垂直排列
|
||||
width: 100%;
|
||||
width: 320px;
|
||||
|
||||
.search {
|
||||
height: 25px;
|
||||
padding: 16px;
|
||||
height: 74px;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.list {
|
||||
display: flex;
|
||||
min-height: 0;
|
||||
|
|
@ -172,10 +206,12 @@ onMounted(()=>{
|
|||
|
||||
|
||||
}
|
||||
|
||||
.status-active {
|
||||
font-weight: bold;
|
||||
color: #409EFF;
|
||||
}
|
||||
|
||||
.active {
|
||||
color: #fff;
|
||||
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>
|
||||
|
|
@ -12,11 +12,10 @@
|
|||
clearable/>
|
||||
<el-button type="primary" @click="searchSocialItem">搜索</el-button>
|
||||
</div>
|
||||
<el-scrollbar style="width: 100%;overflow: hidden">
|
||||
<div class="search_result" style="width: 100%;padding: 0 24px">
|
||||
<div class="result_table" style="">
|
||||
<div class="search_result" style="width: 100%;padding: 0 12px">
|
||||
<div class="result_table" style="width: 100%;height: 100%;box-sizing: border-box;padding-bottom: 20px">
|
||||
<el-table v-loading="isloading" :data="searchResult.list"
|
||||
style="width: 100%"
|
||||
style="width: 100%;height: 100%"
|
||||
highlight-current-row
|
||||
@row-click="changeCurRow"
|
||||
:row-class-name="tableRowClassName">
|
||||
|
|
@ -26,7 +25,6 @@
|
|||
</el-table>
|
||||
</div>
|
||||
</div>
|
||||
</el-scrollbar>
|
||||
</div>
|
||||
</template>
|
||||
<template #footer>
|
||||
|
|
|
|||
|
|
@ -1,9 +1,7 @@
|
|||
<template>
|
||||
<div class="container">
|
||||
<div class="left">
|
||||
<Panel title="收费队列">
|
||||
<chargeQueue @clickItem="clickItem" ref="chargeQueueRef"></ChargeQueue>
|
||||
</Panel>
|
||||
</div>
|
||||
<div class="middle">
|
||||
<Panel title="零售收费">
|
||||
|
|
|
|||
Loading…
Reference in New Issue