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

Compare commits

base: clinic-v2:b869d8eab7590ef42a8cfb1b9bba7889732fb950
Branches Tags
clinic-v2:main
..
compare: clinic-v2:521eea2445eaebd2f15293f0bc2c9a93324d730d
Branches Tags
clinic-v2:main

2 Commits
b869d8eab7 ... 521eea2445

Author SHA1 Message Date
ChenQiuYu 521eea2445 Merge branch 'main' of ssh://git.jizhiweb.cn:2222/clinic-v2/web 2025-04-30 17:01:07 +08:00
ChenQiuYu 6c41701881 dev 2025-04-30 17:00:56 +08:00
5 changed files with 163 additions and 141 deletions
Show Stats Expand all files Collapse all files

6
src/components/SearchInput.vue
View File

@ -2,7 +2,7 @@
<template> <template>
<el-input <el-input
ref="inputRef" ref="inputRef"
style="width: 100%;" style="width: 100%;height: 100%"
v-model="keyword" v-model="keyword"
:prefix-icon="Plus" :prefix-icon="Plus"
:placeholder="props.placeholder" :placeholder="props.placeholder"
@ -91,6 +91,7 @@ const emit = defineEmits(['selectedCallBack']);
const clickRow = (row: any) => { const clickRow = (row: any) => {
emit('selectedCallBack', row); emit('selectedCallBack', row);
popoverRef.value.hide(); popoverRef.value.hide();
keyword.value=""
}; };
const beforeShow = () => { const beforeShow = () => {
@ -113,5 +114,8 @@ const beforeShow = () => {
border: none !important; border: none !important;
box-shadow: none !important; box-shadow: none !important;
} }
&:hover{
border: 1px solid #409eff !important;
}
} }
</style> </style>

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

@ -10,7 +10,7 @@
<span class="code">{{ item.itemSocialCode }}</span> <span class="code">{{ item.itemSocialCode }}</span>
<span class="unit"> <span class="unit">
<el-input-number v-model="item.selectedNum" min="1"></el-input-number> <el-input-number v-model="item.selectedNum" min="1"></el-input-number>
<span style="line-height: 30px;margin-left: 10px">{{ item.unit }}</span> <span style="line-height: 30px;margin-left: 10px">{{ item.unit }}</span>
</span> </span>
<span class="delete"> <span class="delete">
<el-button @click="deleteItem(item.id)"> <el-button @click="deleteItem(item.id)">
@ -28,10 +28,13 @@
@selectedCallBack="serviceSelect" @selectedCallBack="serviceSelect"
:placeholder="'请输入项目名称'" :placeholder="'请输入项目名称'"
:disabled="disabled" :disabled="disabled"
style="height: 100%"
> >
</SearchInput> </SearchInput>
</div> </div>
<span style="margin-right: 24px">￥{{ list.reduce((acc, cur) => acc + cur.unitPrice*cur.selectedNum, 0) }}元</span></div> <span style="margin-right: 24px">￥{{
list.reduce((acc, cur) => acc + cur.unitPrice * cur.selectedNum, 0)
}}元</span></div>
</div> </div>
</Panel> </Panel>
</template> </template>
@ -41,14 +44,14 @@ import Panel from "@/components/common/Panel.vue";
import {CircleClose} from '@element-plus/icons-vue' import {CircleClose} from '@element-plus/icons-vue'
import SearchInput from "@/components/SearchInput.vue"; import SearchInput from "@/components/SearchInput.vue";
const props=defineProps({ const props = defineProps({
status: { status: {
type: Number, type: Number,
default: 0 default: 0
} }
}) })
const disabled = computed(() => { const disabled = computed(() => {
if(props.status === 1){ if (props.status === 1) {
return true return true
} }
}) })
@ -127,6 +130,14 @@ const deleteItem = (id: any) => {
text-align: center; text-align: center;
} }
.unit {
height: 100%;
width: 200px;
margin-left: 10px;
border-right: 1px solid #EAEAEC;
line-height: 64px;
}
.delete { .delete {
height: 100%; height: 100%;
width: 50px; width: 50px;

6
src/components/registration/CardDefault.vue
View File

@ -126,7 +126,7 @@ const close = () => {
<style scoped lang="scss"> <style scoped lang="scss">
.btn-wrapper { .btn-wrapper {
width: 200px; width: 150px;
height: 100%; height: 100%;
background: #FFFFFF; background: #FFFFFF;
border-radius: 8px; border-radius: 8px;
@ -134,8 +134,8 @@ const close = () => {
width: 100%; width: 100%;
height: 46px; height: 46px;
border-bottom: 1px solid #EAEAEC; border-bottom: 1px solid #EAEAEC;
font-weight: 500; font-weight: 400;
font-size: 16px; font-size: 15px;
color: #4D6DE4; color: #4D6DE4;
font-style: normal; font-style: normal;
display: flex; display: flex;

267
src/components/registration/Edit.vue
View File

@ -1,124 +1,124 @@
<template> <template>
<Mask :is-show="isShow" width="800" :height="500" title="挂号" @close="close" :show-footer="true"> <Mask :is-show="isShow" width="800" :height="500" title="挂号" @close="close" :show-footer="true">
<template #default> <template #default>
<el-scrollbar> <el-scrollbar>
<div style="padding:0 24px 24px"> <div style="padding:0 24px 24px">
<el-form <el-form
:model="edit_data" :model="edit_data"
label-width="auto" label-width="auto"
:rules="rules" :rules="rules"
ref="form" ref="form"
> >
<el-descriptions <el-descriptions
border border
direction="vertical" direction="vertical"
label-width="100" label-width="100"
:column="4" :column="4"
style="margin-top: 20px" style="margin-top: 20px"
> >
<!-- <el-descriptions-item label="结算方式">--> <!-- <el-descriptions-item label="结算方式">-->
<!-- <el-form-item prop="gender">--> <!-- <el-form-item prop="gender">-->
<!-- <el-radio-group v-model="edit_data.type">--> <!-- <el-radio-group v-model="edit_data.type">-->
<!-- <el-radio value="1">医保</el-radio>--> <!-- <el-radio value="1">医保</el-radio>-->
<!-- <el-radio value="2">自费</el-radio>--> <!-- <el-radio value="2">自费</el-radio>-->
<!-- </el-radio-group>--> <!-- </el-radio-group>-->
<!-- </el-form-item>--> <!-- </el-form-item>-->
<!-- </el-descriptions-item>--> <!-- </el-descriptions-item>-->
<el-descriptions-item label="名称"> <el-descriptions-item label="名称">
<el-form-item prop="name"> <el-form-item prop="name">
<el-input v-model="edit_data.name" placeholder="请输入名称" clearable></el-input> <el-input v-model="edit_data.name" placeholder="请输入名称" clearable></el-input>
</el-form-item> </el-form-item>
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="性别"> <el-descriptions-item label="性别">
<el-form-item prop="gender"> <el-form-item prop="gender">
<el-radio-group v-model="edit_data.gender"> <el-radio-group v-model="edit_data.gender">
<el-radio value="1">男</el-radio> <el-radio value="1">男</el-radio>
<el-radio value="2">女</el-radio> <el-radio value="2">女</el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="年龄"> <el-descriptions-item label="年龄">
<el-form-item prop="age"> <el-form-item prop="age">
<el-input v-model.number="edit_data.age" placeholder="请输入年龄"></el-input> <el-input v-model.number="edit_data.age" placeholder="请输入年龄"></el-input>
</el-form-item> </el-form-item>
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="医生"> <el-descriptions-item label="医生">
<el-form-item prop="organizationDoctorId"> <el-form-item prop="organizationDoctorId">
<el-select <el-select
v-model="edit_data.organizationDoctorId" v-model="edit_data.organizationDoctorId"
placeholder="请选择医生" placeholder="请选择医生"
> >
<el-option <el-option
v-for="item in props.doctorList" v-for="item in props.doctorList"
:key="item.id" :key="item.id"
:label="item.name" :label="item.name"
:value="item.id" :value="item.id"
> >
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="证件类型"> <el-descriptions-item label="证件类型">
<el-form-item prop="certType"> <el-form-item prop="certType">
<el-select v-model="edit_data.certType" placeholder="证件类型"> <el-select v-model="edit_data.certType" placeholder="证件类型">
<el-option <el-option
v-for="item in certTypeList" v-for="item in certTypeList"
:key="item.id" :key="item.id"
:label="item.name" :label="item.name"
:value="item.id" :value="item.id"
></el-option> ></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="证件码"> <el-descriptions-item label="证件码">
<el-form-item prop="certNo"> <el-form-item prop="certNo">
<el-input v-model="edit_data.certNo" placeholder="请输入证件码"></el-input> <el-input v-model="edit_data.certNo" placeholder="请输入证件码"></el-input>
</el-form-item> </el-form-item>
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="手机号"> <el-descriptions-item label="手机号">
<el-form-item prop="phone"> <el-form-item prop="phone">
<el-input v-model="edit_data.phone" placeholder="手机号"></el-input> <el-input v-model="edit_data.phone" placeholder="手机号"></el-input>
</el-form-item> </el-form-item>
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="就诊类型"> <el-descriptions-item label="就诊类型">
<el-form-item prop="visitType"> <el-form-item prop="visitType">
<el-select v-model="edit_data.visitType" placeholder="就诊类型"> <el-select v-model="edit_data.visitType" placeholder="就诊类型">
<el-option label="初诊" :value="0"></el-option> <el-option label="初诊" :value="0"></el-option>
<el-option label="复诊" :value="1"></el-option> <el-option label="复诊" :value="1"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="备注"> <el-descriptions-item label="备注">
<el-input v-model="edit_data.memo" placeholder="备注"></el-input> <el-input v-model="edit_data.memo" placeholder="备注"></el-input>
</el-descriptions-item> </el-descriptions-item>
</el-descriptions> </el-descriptions>
</el-form> </el-form>
<h5 v-if="!isShowCard" style="margin:24px 0;font-size: 16px">险种列表</h5> <h5 v-if="!isShowCard" style="margin:24px 0;font-size: 16px">险种列表</h5>
<el-table <el-table
:data="tableData" :data="tableData"
style="width: 100%" style="width: 100%"
v-if="!isShowCard" v-if="!isShowCard"
> >
<el-table-column label="险种类型" prop="insutype"> <el-table-column label="险种类型" prop="insutype">
<template #default="scope"> <template #default="scope">
{{ getKey(insutypes,scope.row.insutype) }} {{ getKey(insutypes, scope.row.insutype) }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="剩余余额" prop="balc"> <el-table-column label="剩余余额" prop="balc">
<template #default="scope"> <template #default="scope">
￥{{ scope.row.balc || 0 }} ￥{{ scope.row.balc || 0 }}
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
</div> </div>
</el-scrollbar> </el-scrollbar>
</template> </template>
<template #footer> <template #footer>
<div class="bottom"> <div class="bottom">
<el-dropdown v-if="isShowCard" placement="top-start" @show="showCardBtn" @hide="hide"> <el-dropdown v-if="isShowCard" placement="top-start" @show="showCardBtn" @hide="hide">
<div class="left"> <div class="left" style="outline: none;">
<span class="btnCard" type="primary"> <span class="btnCard" type="primary">
<img class="image" src="/public/static/images/registration/card.png" alt="" srcset="">进行读卡 <img class="image" src="/public/static/images/registration/card.png" alt="" srcset="">进行读卡
<img class="image1" :src="'/public/static/images/registration/'+(showBtn?2:1)+'.png'" alt="" srcset=""> <img class="image1" :src="'/public/static/images/registration/'+(showBtn?2:1)+'.png'" alt="" srcset="">
@ -129,7 +129,7 @@
@close="deleteCard"/> @close="deleteCard"/>
</template> </template>
</el-dropdown> </el-dropdown>
<div class="closeBtn" v-else @click="deleteCard"> <div class="closeBtn" v-else @click="deleteCard" style="outline: none;">
<img class="image" src="/public/static/images/registration/card.png" alt="" srcset=""> <img class="image" src="/public/static/images/registration/card.png" alt="" srcset="">
退出医保 退出医保
</div> </div>
@ -182,6 +182,7 @@ const rules = ref<any>({
], ],
age: [ age: [
{required: true, message: '请输入年龄', trigger: 'blur'}, {required: true, message: '请输入年龄', trigger: 'blur'},
{type: 'number', message: '年龄必须为数字值', trigger: 'blur'},
], ],
gender: [ gender: [
{required: true, message: '请选择性别', trigger: 'blur'}, {required: true, message: '请选择性别', trigger: 'blur'},
@ -322,8 +323,8 @@ defineExpose({init})
} }
.btnCard { .btnCard {
width: 200px; width: 150px;
height: 48px; height: 36px;
background: #FFFFFF; background: #FFFFFF;
border-radius: 8px; border-radius: 8px;
border: 1px solid #4D6DE4; border: 1px solid #4D6DE4;
@ -331,20 +332,20 @@ defineExpose({init})
justify-content: center; justify-content: center;
align-items: center; align-items: center;
font-weight: 400; font-weight: 400;
font-size: 20px; font-size: 15px;
color: #4D6DE4; color: #4D6DE4;
font-style: normal; font-style: normal;
.image { .image {
width: 26px; width: 20px;
height: 22px; height: 17px;
margin-right: 10px; margin-right: 6px;
} }
.image1 { .image1 {
width: 16px; width: 12px;
height: 8px; height: 6px;
margin-left: 20px; margin-left: 16px;
} }
&:hover { &:hover {
@ -354,8 +355,8 @@ defineExpose({init})
} }
.closeBtn { .closeBtn {
width: 200px; width: 150px;
height: 48px; height: 36px;
background: #FFFFFF; background: #FFFFFF;
border-radius: 8px; border-radius: 8px;
border: 1px solid #4D6DE4; border: 1px solid #4D6DE4;
@ -363,14 +364,14 @@ defineExpose({init})
justify-content: center; justify-content: center;
align-items: center; align-items: center;
font-weight: 400; font-weight: 400;
font-size: 20px; font-size: 15px;
color: #4D6DE4; color: #4D6DE4;
font-style: normal; font-style: normal;
.image { .image {
width: 26px; width: 20px;
height: 22px; height: 17px;
margin-right: 10px; margin-right: 6px;
} }
&:hover { &:hover {
@ -378,4 +379,10 @@ defineExpose({init})
border: 1px solid #4D6DE4; border: 1px solid #4D6DE4;
} }
} }
:deep(.el-dropdown) {
&:hover {
border: none;
}
}
</style> </style>

4
src/views/registration/index.vue
View File

@ -9,11 +9,11 @@
</div> </div>
<div class="left-bottom"> <div class="left-bottom">
<Panel title="医生列表"> <Panel title="医生列表">
<div class="search"> <div class="search" style="padding: 0 24px">
<el-input v-model="keyword" placeholder="搜索医生" <el-input v-model="keyword" placeholder="搜索医生"
@keydown.enter="initDoctor"></el-input> @keydown.enter="initDoctor"></el-input>
</div> </div>
<div class="content_list"> <div class="content_list" style="padding: 0 24px">
<div class="role_list"> <div class="role_list">
<ul> <ul>
<li v-for="(item, index) in roleList" :key="index" <li v-for="(item, index) in roleList" :key="index"