This commit is contained in:
ChenQiuYu 2025-05-29 14:22:31 +08:00
parent 68bc235cf4
commit 9db16dca6e
1 changed files with 139 additions and 126 deletions

View File

@ -2,102 +2,106 @@
<Mask :is-show="isShow" width="800" :height="height" title="挂号" @close="close" <Mask :is-show="isShow" width="800" :height="height" title="挂号" @close="close"
:show-footer="true"> :show-footer="true">
<template #default> <template #default>
<div style="padding:24px;height: 100%"> <div style="padding:24px">
<el-scrollbar> <el-scrollbar>
<el-form <el-form
v-loading="loading" v-loading="loading"
:model="edit_data" :model="edit_data"
label-width="auto" label-width="auto"
:rules="rules" :rules="rules"
ref="form" ref="form"
style="width:100%;" style="width:100%;"
label-position="top" label-position="top"
> >
<div style="display:flex;width:100%;"> <div style="display:flex;width:100%;">
<div class="left"> <div class="left">
<el-form-item prop="name" label="姓名"> <el-form-item prop="name" label="姓名">
<el-input v-model="edit_data.name" placeholder="请输入姓名" clearable <el-input v-model="edit_data.name" placeholder="请输入姓名" clearable
:disabled="edit_data.status==1||edit_data.status==3||edit_data.status==0"></el-input> :disabled="edit_data.status==1||edit_data.status==3||edit_data.status==0"></el-input>
</el-form-item> </el-form-item>
<el-form-item prop="phone" label="手机号"> <el-form-item prop="phone" label="手机号">
<el-input v-model="edit_data.phone" placeholder="请输入手机号" clearable <el-input v-model="edit_data.phone" placeholder="请输入手机号" clearable
:disabled="edit_data.status==1||edit_data.status==3||edit_data.status==0"></el-input> :disabled="edit_data.status==1||edit_data.status==3||edit_data.status==0"></el-input>
</el-form-item> </el-form-item>
<el-form-item prop="certType" label="证件类型"> <el-form-item prop="certType" label="证件类型">
<el-select v-model="edit_data.certType" placeholder="证件类型" <el-select v-model="edit_data.certType" placeholder="证件类型"
:disabled="edit_data.status==1||edit_data.status==3||edit_data.status==0"> :disabled="edit_data.status==1||edit_data.status==3||edit_data.status==0">
<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-form-item prop="type" label="费用类型">
<el-select v-model="edit_data.type" :disabled="edit_data.status==0||isShowCard">
<el-option label="自费" :value="1"></el-option>
<el-option label="医保" :value="2"></el-option>
</el-select>
</el-form-item>
</div>
<div class="middle">
<el-form-item prop="gender" label="性别">
<el-radio-group v-model="edit_data.gender"
:disabled="edit_data.status==1||edit_data.status==3||edit_data.status==0">
<el-radio :value="1"></el-radio>
<el-radio :value="2"></el-radio>
</el-radio-group>
</el-form-item>
<el-form-item prop="organizationDoctorId" label="医生">
<el-select
v-model="edit_data.organizationDoctorId"
placeholder="请选择医生"
@change="getSectionList"
:disabled="edit_data.status==3||edit_data.status==0"
>
<el-option
v-for="item in doctorList"
:key="item.id"
:label="item.name"
:value="item.id"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item prop="certNo" label="证件码">
<el-input v-model="edit_data.certNo" placeholder="请输入证件码"
:disabled="edit_data.status==1||edit_data.status==3||edit_data.status==0"></el-input>
</el-form-item>
</div>
<div class="right">
<el-form-item prop="age" label="年龄">
<el-input v-model.number="edit_data.age" placeholder="请输入年龄"
:disabled="edit_data.status==1||edit_data.status==3||edit_data.status==0"></el-input>
</el-form-item>
<el-form-item label="科室">
<el-select
v-model="edit_data.organizationSectionId"
placeholder="选择科室"
:disabled="edit_data.status==3||edit_data.status==0"
>
<el-option
v-for="item in sectionList"
:key="item.id"
:label="item.name"
:value="item.id"
/>
</el-select>
</el-form-item>
<el-form-item prop="visitType" label="初/复诊">
<el-select v-model="edit_data.visitType" placeholder="就诊类型" :disabled="edit_data.status==0">
<el-option label="初诊" :value="0"></el-option>
<el-option label="复诊" :value="1"></el-option>
</el-select>
</el-form-item>
</div>
</div> </div>
<div class="middle">
<el-form-item prop="gender" label="性别">
<el-radio-group v-model="edit_data.gender"
:disabled="edit_data.status==1||edit_data.status==3||edit_data.status==0">
<el-radio :value="1"></el-radio>
<el-radio :value="2"></el-radio>
</el-radio-group>
</el-form-item>
<el-form-item prop="organizationDoctorId" label="医生">
<el-select
v-model="edit_data.organizationDoctorId"
placeholder="请选择医生"
@change="getSectionList"
:disabled="edit_data.status==3||edit_data.status==0"
>
<el-option
v-for="item in doctorList"
:key="item.id"
:label="item.name"
:value="item.id"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item prop="certNo" label="证件码">
<el-input v-model="edit_data.certNo" placeholder="请输入证件码"
:disabled="edit_data.status==1||edit_data.status==3||edit_data.status==0"></el-input>
</el-form-item>
</div>
<div class="right">
<el-form-item prop="age" label="年龄">
<el-input v-model.number="edit_data.age" placeholder="请输入年龄"
:disabled="edit_data.status==1||edit_data.status==3||edit_data.status==0"></el-input>
</el-form-item>
<el-form-item label="科室">
<el-select
v-model="edit_data.organizationSectionId"
placeholder="选择科室"
:disabled="edit_data.status==3||edit_data.status==0"
>
<el-option
v-for="item in sectionList"
:key="item.id"
:label="item.name"
:value="item.id"
/>
</el-select>
</el-form-item>
<el-form-item prop="visitType" label="初/复诊">
<el-select v-model="edit_data.visitType" placeholder="就诊类型" :disabled="edit_data.status==0">
<el-option label="初诊" :value="0"></el-option>
<el-option label="复诊" :value="1"></el-option>
</el-select>
</el-form-item>
</div>
</div>
<div style="display:flex;width:100%;">
<div style="flex: 1;min-width: 0">
<el-form-item prop="type" label="费用类型">
<el-select v-model="edit_data.type" :disabled="edit_data.status==0||isShowCard">
<el-option label="自费" :value="1"></el-option>
<el-option label="医保" :value="2"></el-option>
</el-select>
</el-form-item>
</div>
<div class="item-btn">
<el-form-item label="时间"> <el-form-item label="时间">
<div style=" display: flex;width: 100%"> <div style=" display: flex;width: 100%">
<div style="flex: 1;min-width: 0" v-if="!isBtnShow&&dateName!='预约'">现在</div> <div style="flex: 1;min-width: 0" v-if="!isBtnShow&&dateName!='预约'">现在</div>
@ -129,34 +133,36 @@
}}</span> }}</span>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="备注"> </div>
<el-input v-model="edit_data.memo" placeholder="备注" :disabled="edit_data.status==0"></el-input> </div>
</el-form-item> <el-form-item label="备注">
</el-form> <el-input v-model="edit_data.memo" placeholder="备注" :disabled="edit_data.status==0"></el-input>
</el-scrollbar> </el-form-item>
<h5 v-if="!isShowCard" style="margin:24px 0;font-size: 16px">险种列表</h5> </el-form>
<el-table </el-scrollbar>
:data="tableData" <h5 v-if="!isShowCard" style="margin:24px 0;font-size: 16px">险种列表</h5>
style="width: 100%;flex: 1" <el-table
v-if="!isShowCard" :data="tableData"
highlight-current-row style="width: 100%;flex: 1"
ref="multipleTable" v-if="!isShowCard"
@current-change="handleCurrentChange" highlight-current-row
> ref="multipleTable"
<el-table-column label="险种类型" prop="insutype"> @current-change="handleCurrentChange"
<template #default="scope"> >
{{ getKey(insutypes, scope.row.insutype) }} <el-table-column label="险种类型" prop="insutype">
</template> <template #default="scope">
</el-table-column> {{ getKey(insutypes, scope.row.insutype) }}
<el-table-column label="待遇状态"> </template>
</el-table-column> </el-table-column>
<el-table-column label="参保日期" prop="psn_insu_date"></el-table-column> <el-table-column label="待遇状态">
<el-table-column label="剩余余额" prop="balc"> </el-table-column>
<template #default="scope"> <el-table-column label="参保日期" prop="psn_insu_date"></el-table-column>
{{ scope.row.balc || 0 }} <el-table-column label="剩余余额" prop="balc">
</template> <template #default="scope">
</el-table-column> {{ scope.row.balc || 0 }}
</el-table> </template>
</el-table-column>
</el-table>
</div> </div>
</template> </template>
<template #footer> <template #footer>
@ -529,18 +535,25 @@ defineExpose({init})
background: rgba(#4D6DE4, .5); background: rgba(#4D6DE4, .5);
} }
.left{ .left {
flex: 1; flex: 1;
min-width: 0; min-width: 0;
} }
.middle{
.middle {
flex: 1; flex: 1;
min-width: 0; min-width: 0;
margin: 0 24px; margin: 0 24px;
} }
.right{
.right {
flex: 1; flex: 1;
min-width: 0; min-width: 0;
} }
.item-btn{
flex: 2;
min-width: 0;
margin-left: 24px;
}
</style> </style>