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

Merge branch 'main' of ssh://git.jizhiweb.cn:2222/clinic-v2/web

This commit is contained in:
ChenQiuYu 2025-05-07 15:31:31 +08:00
parent aa4c5fe72d 304d8d2cf3
commit a6c6f3fb64
12 changed files with 194 additions and 148 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/PopoverInput.vue
View File

@ -1,6 +1,8 @@
<template> <template>
<el-input v-model="input" style="width:100%;height: 100%" clearable :disabled="disabled" ref="inputRef" @click="showPopo" @focus="focus"></el-input> <el-popover placement="bottom-start" :visible="isVisible" :width="props.width" ref="popoverRef">
<el-popover placement="bottom-start" trigger="click" :width="props.width" :virtual-ref="inputRef" ref="popoverRef"> <template #reference>
<el-input v-model="input" style="width:100%;height: 100%" clearable :disabled="disabled" ref="inputRef" @click="showPopo" @focus="focus" @blur="handlerBlur"></el-input>
</template>
<div class="code-popo" v-if="props.list.length > 0"> <div class="code-popo" v-if="props.list.length > 0">
<div class="code-item" v-for="item in props.list"> <div class="code-item" v-for="item in props.list">
<div class="code-item-header" v-if="item.header"> <div class="code-item-header" v-if="item.header">
@ -15,6 +17,8 @@
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import {ref, unref} from "vue"; import {ref, unref} from "vue";
const isVisible = ref(false)
interface ListItem { interface ListItem {
header?: string; header?: string;
value: string[]; value: string[];
@ -52,8 +56,12 @@ const inputStr = (str: string,item:ListItem) => {
const inputRef = ref(); const inputRef = ref();
const emit=defineEmits(["focus"]) const emit=defineEmits(["focus"])
const focus = () => { const focus = () => {
isVisible.value = true
emit("focus", false) emit("focus", false)
} }
const handlerBlur = () => {
isVisible.value = false
}
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.code-popo { .code-popo {

28
src/components/SearchInput.vue
View File

@ -1,24 +1,23 @@
<template> <template>
<el-popover placement="bottom-start" :visible="isVisible" :width="props.width" ref="popoverRef"
:trigger-keys="[]">
<template #reference>
<el-input <el-input
ref="inputRef" ref="inputRef"
style="width: 100%;height: 100%"
v-model="keyword" v-model="keyword"
:prefix-icon="Plus" :prefix-icon="Plus"
:placeholder="props.placeholder" :placeholder="props.placeholder"
:style="{'width': props.width+'px'}" :style="{ width: props.width + 'px' }"
clearable clearable
@input="changeInput" @input="changeInput"
class="no-border-input" class="no-border-input"
:disabled="disabled" :disabled="disabled"
@focus="focus" @focus="focus"
@blur="handlerBlur"
@click="changeInput" @click="changeInput"
> />
</template>
>
</el-input>
<el-popover placement="bottom-start" trigger="click" :width="props.width" ref="popoverRef" :virtual-ref="inputRef"
:trigger-keys="[]">
<div class="container"> <div class="container">
<el-table <el-table
:data="searchList" style="width: 100%" :data="searchList" style="width: 100%"
@ -35,16 +34,18 @@
</el-table> </el-table>
</div> </div>
</el-popover> </el-popover>
</template> </template>
<script setup lang="ts">import {ref, unref} from "vue"; <script setup lang="ts">
import {ref, unref} from "vue";
import {post} from "@/utils/request.ts"; import {post} from "@/utils/request.ts";
import {Plus} from "@element-plus/icons-vue"; import {Plus} from "@element-plus/icons-vue";
const keyword = ref(""); const keyword = ref("");
const popoverRef = ref(); const popoverRef = ref();
const inputRef = ref(); const inputRef = ref();
const isVisible = ref(false);
interface showConfig { interface showConfig {
prop: string; prop: string;
label: string; label: string;
@ -101,8 +102,13 @@ const beforeShow = () => {
}; };
const focus=()=>{ const focus=()=>{
isVisible.value=true
console.log( "focus输入框")
emit('focus',true) emit('focus',true)
} }
const handlerBlur = () => {
isVisible.value = false
}
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">

43
src/components/charge/GoodsDetail.vue
View File

@ -1,22 +1,24 @@
<template> <template>
<el-table :data="data.goodsDetail" max-height="150" style="width: 100%"> <el-table :data="data.goodsDetail" max-height="150" style="width: 100%">
<el-table-column prop="name" label="名称" show-overflow-tooltip ></el-table-column> <el-table-column prop="name" label="名称" show-overflow-tooltip></el-table-column>
<el-table-column prop="selectedPrice" label="单价" > <el-table-column prop="selectedPrice" label="单价">
<template #default="scope"> <template #default="scope">
￥{{scope.row.selectedPrice}} ￥{{ scope.row.selectedPrice }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="number" label="数量" > <el-table-column prop="number" label="数量">
<template #default="scope"> <template #default="scope">
<div v-if="data.status == 0"> <div v-if="data.status == 0">
<el-input-number v-model="scope.row.selectedNum" min="0" @change="handleNumChange" size="small"></el-input-number> <el-input-number v-model="scope.row.selectedNum" min="0" @change="handleNumChange"
size="small"></el-input-number>
<el-dropdown> <el-dropdown>
<span style="line-height: 30px;margin-left: 10px">{{ scope.row.selectedUnit }}</span> <span style="line-height: 30px;margin-left: 10px">{{ scope.row.selectedUnit }}</span>
<template #dropdown> <template #dropdown>
<el-dropdown-menu v-if="scope.row.trdnFlag == 1"> <el-dropdown-menu v-if="scope.row.trdnFlag == 1">
<el-dropdown-item @click="selectUnit(scope.row,scope.row.packagingUnit)">{{ scope.row.packagingUnit }} <el-dropdown-item @click="selectUnit(scope.row,scope.row.packagingUnit)">{{ scope.row.packagingUnit }}
</el-dropdown-item> </el-dropdown-item>
<el-dropdown-item @click="selectUnit(scope.row,scope.row.minPackagingUnit)">{{ scope.row.minPackagingUnit }} <el-dropdown-item @click="selectUnit(scope.row,scope.row.minPackagingUnit)">
{{ scope.row.minPackagingUnit }}
</el-dropdown-item> </el-dropdown-item>
</el-dropdown-menu> </el-dropdown-menu>
</template> </template>
@ -28,19 +30,22 @@
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="小计" > <el-table-column label="小计">
<template #default="scope"> <template #default="scope">
￥{{ scope.row.selectedNum*scope.row.selectedPrice }} ￥{{ scope.row.selectedNum * scope.row.selectedPrice }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="操作" v-if="data.status == 0" > <el-table-column label="操作" v-if="data.status == 0">
<template #default="scope"> <template #default="scope">
<el-button type="danger" link @click="delGoods(scope.row)">X</el-button> <el-button type="danger" link @click="delGoods(scope.row)">X</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<SearchInput v-if="data.status == 0" :request-api="goodsSearchApi" :show-config="goodsShowConfig" @selectedCallBack="goodsSelect"></SearchInput> <div class="bottom">
<span>合计：￥{{getTotalPrice()}}</span> <SearchInput v-if="data.status == 0" :request-api="goodsSearchApi" :show-config="goodsShowConfig"
@selectedCallBack="goodsSelect"></SearchInput>
<span>合计：￥{{ getTotalPrice() }}</span>
</div>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import SearchInput from "@/components/SearchInput.vue"; import SearchInput from "@/components/SearchInput.vue";
@ -82,26 +87,30 @@ const selectUnit = (item: any, unit: any) => {
item.selectedUnit = unit; item.selectedUnit = unit;
if (unit == item.packagingUnit) { if (unit == item.packagingUnit) {
item.selectedPrice = item.unitPrice item.selectedPrice = item.unitPrice
}else if (unit == item.minPackagingUnit) { } else if (unit == item.minPackagingUnit) {
item.selectedPrice = item.disassemblyPrice item.selectedPrice = item.disassemblyPrice
} }
emit('totalPriceChange') emit('totalPriceChange')
} }
const emit = defineEmits(["totalPriceChange"]) const emit = defineEmits(["totalPriceChange"])
const handleNumChange = ()=>{ const handleNumChange = () => {
emit('totalPriceChange') emit('totalPriceChange')
} }
const getTotalPrice =()=>{ const getTotalPrice = () => {
let totalPrice = 0; let totalPrice = 0;
data.value.goodsDetail?.forEach((item:any)=>{ data.value.goodsDetail?.forEach((item: any) => {
totalPrice += item.selectedNum*item.selectedPrice totalPrice += item.selectedNum * item.selectedPrice
}) })
return totalPrice; return totalPrice;
} }
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
:deep(.el-table__cell){ :deep(.el-table__cell) {
padding: 0 4px; padding: 0 4px;
} }
.bottom {
text-align: right;
}
</style> </style>

2
src/components/charge/PatientCard.vue
View File

@ -136,11 +136,9 @@ import {onMounted, ref} from "vue";
import {post} from "@/utils/request.ts"; import {post} from "@/utils/request.ts";
const seeDockerInfo = ref<any>(); const seeDockerInfo = ref<any>();
const getSeeDockerInfo = (newValue:any) => { const getSeeDockerInfo = (newValue:any) => {
debugger
if (!newValue)return; if (!newValue)return;
post('medical/record/getSeeDockerInfo', {regisId: newValue}).then((res: any) => { post('medical/record/getSeeDockerInfo', {regisId: newValue}).then((res: any) => {
seeDockerInfo.value = res seeDockerInfo.value = res
debugger
}) })
} }
const init =(regisId:any)=>{ const init =(regisId:any)=>{

1
src/components/charge/PersonalPayment.vue
View File

@ -75,7 +75,6 @@ const completeSettlement = ()=>{
insutype: orderInfo.value.insutype, insutype: orderInfo.value.insutype,
changeOrderCode:orderInfo.value.changeOrderCode, changeOrderCode:orderInfo.value.changeOrderCode,
} }
debugger
post("charge/socialRealPay",{...params}).then((res:any)=>{ post("charge/socialRealPay",{...params}).then((res:any)=>{
show.value = false; show.value = false;

6
src/components/charge/ServiceDetail.vue
View File

@ -25,9 +25,12 @@
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<div class="bottom">
<SearchInput v-if="data.status == 0" :request-api="serviceSearchApi" :show-config="serviceShowConfig" <SearchInput v-if="data.status == 0" :request-api="serviceSearchApi" :show-config="serviceShowConfig"
@selectedCallBack="serviceSelect"></SearchInput> @selectedCallBack="serviceSelect"></SearchInput>
<span>合计：￥{{getTotalPrice()}}</span> <span>合计：￥{{getTotalPrice()}}</span>
</div>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import SearchInput from "@/components/SearchInput.vue"; import SearchInput from "@/components/SearchInput.vue";
@ -75,4 +78,7 @@ const getTotalPrice =()=>{
:deep(.el-table__cell){ :deep(.el-table__cell){
padding: 0 4px; padding: 0 4px;
} }
.bottom{
text-align: right;
}
</style> </style>

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

@ -26,8 +26,7 @@
@selectedCallBack="diagnosisSelect" @selectedCallBack="diagnosisSelect"
:show-header="false" :show-header="false"
@focus="focus" @focus="focus"
> />
</DiagnosisSearchInput>
</el-form-item> </el-form-item>
<el-form-item label="现病史" v-if="!props.isShowFrom"> <el-form-item label="现病史" v-if="!props.isShowFrom">
<PopoverInput :disabled="disabled" v-model="formDate.nowMedicalHistory" :list="nowMedicalHistoryList"/> <PopoverInput :disabled="disabled" v-model="formDate.nowMedicalHistory" :list="nowMedicalHistoryList"/>

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

@ -1,9 +1,11 @@
<template> <template>
<el-input v-model="keyword" style="width:100%;height: 100%" @input="changeInput" :disabled="disabled" @click="changeInput"
placeholder="诊断选择" ref="inputRef" @focus="focus"></el-input>
<el-popover placement="bottom-start" trigger="click" :width="props.width" ref="popoverRef" @before-enter="beforeShow" :virtual-ref="inputRef" @hide ="afterShow">
<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:props.width+'px',height: 100+'%'}" @input="changeInput" :disabled="disabled" @click="changeInput"
placeholder="诊断选择" ref="inputRef" @focus="focus" @blur="handleBlur"></el-input>
</template>
<div class="container"> <div class="container">
<el-table :data="searchList" style="width: 100%" @row-click="clickRow" :show-header="props.showHeader" size="small" <el-table :data="searchList" style="width: 100%" @row-click="clickRow" :show-header="props.showHeader" size="small"
max-height="250px"> max-height="250px">
@ -112,10 +114,14 @@ const init = (list: any, nList: any) => {
nameList.value = nList; nameList.value = nList;
keyword.value = nameList.value.join(",") + "," keyword.value = nameList.value.join(",") + ","
} }
const isVisible = ref(false);
const focus = ()=>{ const focus = ()=>{
isVisible.value=true
emit("focus",false) emit("focus",false)
} }
const handleBlur =()=> {
isVisible.value=false
}
defineExpose({init}) defineExpose({init})
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">

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

@ -18,9 +18,9 @@
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 class="item_name">{{ item.name }}</span>
<span>{{ item.gender }}</span>
<span class="item_time"> <span class="item_time">
{{ formatListTime(item.createDatetime) || '-' }} {{ formatListTime(item.createDatetime) || '-' }}
</span> </span>
@ -31,7 +31,7 @@
</Panel> </Panel>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import {onMounted, ref, watch} from "vue"; import {nextTick, onMounted, ref, watch} from "vue";
import Panel from "@/components/common/Panel.vue"; import Panel from "@/components/common/Panel.vue";
import {post} from "@/utils/request.ts"; import {post} from "@/utils/request.ts";
import {formatListTime} from "@/utils/dateUtils.ts"; import {formatListTime} from "@/utils/dateUtils.ts";
@ -48,6 +48,7 @@ const search = ref('')
const curItem = ref<any>('') const curItem = ref<any>('')
const emit = defineEmits(['getId', 'changeDetail', 'getStatus']) const emit = defineEmits(['getId', 'changeDetail', 'getStatus'])
const tab = (item: any) => { const tab = (item: any) => {
nextTick(()=>{
emit('getStatus', item.value) emit('getStatus', item.value)
init() init()
if (item.value == 3) { if (item.value == 3) {
@ -55,6 +56,7 @@ const tab = (item: any) => {
} else { } else {
emit('changeDetail', false) emit('changeDetail', false)
} }
})
} }
const list = ref<any>([]) const list = ref<any>([])

128
src/components/outpatient/PharmaceuticalConsumables.vue
View File

@ -1,72 +1,72 @@
<template> <template>
<Panel :title="'药品耗材'"> <Panel :title="'药品耗材'">
<div class="content"> <div class="content">
<div class="list"> <!-- <div class="list">-->
<ul> <!-- <ul>-->
<li class="item" v-for="(item, index) in list" :key="index"> <!-- <li class="item" v-for="(item, index) in list" :key="index">-->
<div class="index">{{ index + 1 }}</div> <!-- <div class="index">{{ index + 1 }}</div>-->
<div class="name"> <!-- <div class="name">-->
<el-popover <!-- <el-popover-->
placement="top-start" <!-- placement="top-start"-->
trigger="hover" <!-- trigger="hover"-->
width="500" <!-- width="500"-->
@show="getHilistInfo(item)" <!-- @show="getHilistInfo(item)"-->
@hide="colosInfo" <!-- @hide="colosInfo"-->
> <!-- >-->
<template #reference> <!-- <template #reference>-->
{{ item.name }} <!-- {{ item.name }}-->
</template> <!-- </template>-->
<div class="detail"> <!-- <div class="detail">-->
<div style="display: flex;justify-content: space-between"> <!-- <div style="display: flex;justify-content: space-between">-->
<div style="font-size: 18px;font-weight: 500;color: #000">{{ hilistInfo.name }}[{{ hilistInfo.json?.category||'-' }}]</div> <!-- <div style="font-size: 18px;font-weight: 500;color: #000">{{ hilistInfo.name }}[{{ hilistInfo.json?.category||'-' }}]</div>-->
<div>￥{{ item.selectedPrice }}/{{ item.selectedUnit }}</div> <!-- <div>￥{{ item.selectedPrice }}/{{ item.selectedUnit }}</div>-->
</div> <!-- </div>-->
<div style="display: flex;justify-content: space-between"> <!-- <div style="display: flex;justify-content: space-between">-->
<div>规格:{{hilistInfo.json?.dosage_specifications||'-'}}</div> <!-- <div>规格:{{hilistInfo.json?.dosage_specifications||'-'}}</div>-->
<div>生产厂商:{{hilistInfo.json?.producer||'-'}}</div> <!-- <div>生产厂商:{{hilistInfo.json?.producer||'-'}}</div>-->
<div>限价:{{hilistInfo.json?.stock||'0'}}</div> <!-- <div>限价:{{hilistInfo.json?.stock||'0'}}</div>-->
</div> <!-- </div>-->
<div style="display: flex;justify-content: space-between"> <!-- <div style="display: flex;justify-content: space-between">-->
<div>批准文号:{{hilistInfo.json?.approval_number||'-'}}</div> <!-- <div>批准文号:{{hilistInfo.json?.approval_number||'-'}}</div>-->
<div>本位码:{{hilistInfo.json?.standard_code ||'-'}}</div> <!-- <div>本位码:{{hilistInfo.json?.standard_code ||'-'}}</div>-->
</div> <!-- </div>-->
<div style="display: flex;justify-content: space-between"> <!-- <div style="display: flex;justify-content: space-between">-->
<div>限价:{{ hilistInfo.hilistPricUplmtAmt ? hilistInfo.hilistPricUplmtAmt : '无' }}</div> <!-- <div>限价:{{ hilistInfo.hilistPricUplmtAmt ? hilistInfo.hilistPricUplmtAmt : '无' }}</div>-->
<div>限价类型:{{ hilistInfo.hilistLmtpricType ? hilistInfo.hilistLmtpricType : '无' }}</div> <!-- <div>限价类型:{{ hilistInfo.hilistLmtpricType ? hilistInfo.hilistLmtpricType : '无' }}</div>-->
</div> <!-- </div>-->
</div> <!-- </div>-->
</el-popover> <!-- </el-popover>-->
</div> <!-- </div>-->
<div class="price">￥{{ item.selectedPrice || '0' }}</div> <!-- <div class="price">￥{{ item.selectedPrice || '0' }}</div>-->
<div class="unit"> <!-- <div class="unit">-->
<div class="unit-content"> <!-- <div class="unit-content">-->
<el-input-number v-model="item.selectedNum" min="1" size="small"></el-input-number> <!-- <el-input-number v-model="item.selectedNum" min="1" size="small"></el-input-number>-->
<el-dropdown> <!-- <el-dropdown>-->
<span style="line-height: 30px;margin-left: 10px">{{ item.selectedUnit }}</span> <!-- <span style="line-height: 30px;margin-left: 10px">{{ item.selectedUnit }}</span>-->
<template #dropdown> <!-- <template #dropdown>-->
<el-dropdown-menu v-if="item.trdnFlag == 1"> <!-- <el-dropdown-menu v-if="item.trdnFlag == 1">-->
<el-dropdown-item @click="selectUnit(item,item.packagingUnit)">{{ item.packagingUnit }} <!-- <el-dropdown-item @click="selectUnit(item,item.packagingUnit)">{{ item.packagingUnit }}-->
</el-dropdown-item> <!-- </el-dropdown-item>-->
<el-dropdown-item @click="selectUnit(item,item.minPackagingUnit)">{{ item.minPackagingUnit }} <!-- <el-dropdown-item @click="selectUnit(item,item.minPackagingUnit)">{{ item.minPackagingUnit }}-->
</el-dropdown-item> <!-- </el-dropdown-item>-->
</el-dropdown-menu> <!-- </el-dropdown-menu>-->
</template> <!-- </template>-->
</el-dropdown> <!-- </el-dropdown>-->
</div> <!-- </div>-->
</div> <!-- </div>-->
<div class="sub-price">￥{{ item.unitPrice * item.selectedNum }}</div> <!-- <div class="sub-price">￥{{ item.unitPrice * item.selectedNum }}</div>-->
<div class="delete"> <!-- <div class="delete">-->
<div @click="deleteItem(item.id)" class="delete-btn"> <!-- <div @click="deleteItem(item.id)" class="delete-btn">-->
<el-icon> <!-- <el-icon>-->
<Close/> <!-- <Close/>-->
</el-icon> <!-- </el-icon>-->
</div> <!-- </div>-->
</div> <!-- </div>-->
</li> <!-- </li>-->
</ul> <!-- </ul>-->
</div> <!-- </div>-->
<div class="search"> <div class="search">
<div class="search-input"> <div class="search-input">
<SearchInput <SearchInput

1
src/components/outpatient/ServiceItems.vue
View File

@ -51,7 +51,6 @@
@selectedCallBack="serviceSelect" @selectedCallBack="serviceSelect"
:placeholder="'请输入项目名称'" :placeholder="'请输入项目名称'"
:disabled="disabled" :disabled="disabled"
style="height: 100%"
@focus="focus" @focus="focus"
> >
</SearchInput> </SearchInput>

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

@ -7,21 +7,15 @@
<el-scrollbar> <el-scrollbar>
<div> <div>
<Panel title="医疗诊断"> <Panel title="医疗诊断">
<template #tools>
<el-cascader
v-model="formData.doctorId"
:options="sectionDoctorOption"
:props="props"
@change="handleChange"
clearable
/>
</template>
<template #default> <template #default>
<div style="height:64px;padding:0 24px 24px"> <div class="diagnosis-content">
<div class="diagnosis">
诊断：
<DiagnosisSearchInput <DiagnosisSearchInput
v-model="diagnosisKeyword" v-model="diagnosisKeyword"
:request-api="diagnosisSearchApi" :request-api="diagnosisSearchApi"
:show-config="diagnosisShowConfig" :show-config="diagnosisShowConfig"
:width="600"
@selectedCallBack="diagnosisSelect" @selectedCallBack="diagnosisSelect"
ref="diagnosisSearchRef" ref="diagnosisSearchRef"
:show-header="false" :show-header="false"
@ -30,6 +24,20 @@
> >
</DiagnosisSearchInput> </DiagnosisSearchInput>
</div> </div>
<div class="doctor">
医生：
<el-cascader
v-model="formData.doctorId"
:options="sectionDoctorOption"
:props="props"
@change="handleChange"
clearable
size="large"
/>
</div>
</div>
</template> </template>
</Panel> </Panel>
</div> </div>
@ -235,6 +243,12 @@ const generateOptions = () => {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
overflow: hidden; overflow: hidden;
.diagnosis-content{
height:64px;
padding:0 24px 24px;
display: flex;
justify-content: left;
}
.case { .case {
background: #FFFFFF; background: #FFFFFF;