This commit is contained in:
ChenQiuYu 2025-05-26 10:46:14 +08:00
parent 1c600f7942
commit f29fbf9c1b
1 changed files with 155 additions and 157 deletions

View File

@ -2,128 +2,126 @@
<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:0 24px;height: 100%;display: flex;flex-direction: column"> <div style="padding:0 24px 24px;height: 100%;display: flex;flex-direction: column">
<el-form <el-scrollbar>
v-loading="loading" <el-form
:model="edit_data" v-loading="loading"
label-width="auto" :model="edit_data"
:rules="rules" label-width="auto"
ref="form" :rules="rules"
style="flex: 1;width: 100%" ref="form"
> style="flex: 1;width: 100%"
<el-descriptions
border
direction="vertical"
:column="4"
style="margin-top: 20px"
> >
<el-descriptions-item label="姓名" width="200"> <el-descriptions
<el-form-item prop="name" style="margin-bottom: 2px"> border
<el-input v-model="edit_data.name" placeholder="请输入姓名" clearable direction="vertical"
:disabled="edit_data.status==1||edit_data.status==3||edit_data.status==0"></el-input> :column="4"
</el-form-item> style="margin-top: 20px"
</el-descriptions-item> >
<el-descriptions-item label="性别" width="200"> <el-descriptions-item label="姓名" width="200">
<el-form-item prop="gender"> <el-form-item prop="name" style="margin-bottom: 2px">
<el-radio-group v-model="edit_data.gender" <el-input v-model="edit_data.name" placeholder="请输入姓名" clearable
: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-input>
<el-radio :value="1"></el-radio>
<el-radio :value="2"></el-radio>
</el-radio-group>
</el-form-item>
</el-descriptions-item>
<el-descriptions-item label="年龄" width="200">
<el-form-item prop="age">
<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-descriptions-item>
<el-descriptions-item label="手机号" width="200">
<el-form-item prop="phone">
<el-input v-model="edit_data.phone" placeholder="手机号"
:disabled="edit_data.status==3||edit_data.status==0"></el-input>
</el-form-item>
</el-descriptions-item>
<el-descriptions-item label="医生">
<el-form-item prop="organizationDoctorId">
<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-descriptions-item>
<el-descriptions-item label="科室">
<el-form-item>
<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-descriptions-item>
<el-descriptions-item label="证件类型">
<el-form-item prop="certType">
<el-select v-model="edit_data.certType" placeholder="证件类型"
:disabled="edit_data.status==1||edit_data.status==3||edit_data.status==0">
<el-option
v-for="item in certTypeList"
:key="item.id"
:label="item.name"
:value="item.id"
></el-option>
</el-select>
</el-form-item>
</el-descriptions-item>
<el-descriptions-item label="证件码">
<el-form-item prop="certNo">
<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>
</el-descriptions-item>
<el-descriptions-item label="初/复诊">
<el-form-item prop="visitType">
<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>
</el-descriptions-item>
<el-descriptions-item label="费用类型">
<el-form-item prop="type">
<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>
</el-descriptions-item>
<el-descriptions-item
:span="2"
label="时间">
<div style=" display: flex;justify-content: space-between">
<el-form-item style="flex: 1;min-width: 0" v-if="!isBtnShow&&dateName!='预约'">
<div style="width: 100%">现在</div>
</el-form-item> </el-form-item>
<el-form-item v-else style="flex: 1;min-width: 0" prop="date"> </el-descriptions-item>
<div style="display: flex"> <el-descriptions-item label="性别" width="200">
<el-form-item prop="gender">
<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-descriptions-item>
<el-descriptions-item label="年龄" width="200">
<el-form-item prop="age">
<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-descriptions-item>
<el-descriptions-item label="手机号" width="200">
<el-form-item prop="phone">
<el-input v-model="edit_data.phone" placeholder="手机号"
:disabled="edit_data.status==3||edit_data.status==0"></el-input>
</el-form-item>
</el-descriptions-item>
<el-descriptions-item label="医生">
<el-form-item prop="organizationDoctorId">
<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-descriptions-item>
<el-descriptions-item label="科室">
<el-form-item>
<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-descriptions-item>
<el-descriptions-item label="证件类型">
<el-form-item prop="certType">
<el-select v-model="edit_data.certType" placeholder="证件类型"
:disabled="edit_data.status==1||edit_data.status==3||edit_data.status==0">
<el-option
v-for="item in certTypeList"
:key="item.id"
:label="item.name"
:value="item.id"
></el-option>
</el-select>
</el-form-item>
</el-descriptions-item>
<el-descriptions-item label="证件码">
<el-form-item prop="certNo">
<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>
</el-descriptions-item>
<el-descriptions-item label="初/复诊">
<el-form-item prop="visitType">
<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>
</el-descriptions-item>
<el-descriptions-item label="费用类型">
<el-form-item prop="type">
<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>
</el-descriptions-item>
<el-descriptions-item
:span="2"
label="时间">
<div style=" display: flex;">
<div style="flex: 1;min-width: 0" v-if="!isBtnShow&&dateName!='预约'">现在</div>
<div v-else style="flex:1;min-width:0;display: flex;align-items: center">
<el-date-picker <el-date-picker
v-model="edit_data.date" v-model="edit_data.date"
type="date" type="date"
@ -143,44 +141,44 @@
style="width: 50%" style="width: 50%"
/> />
</div> </div>
<span v-if="dateName!='预约'" class="small-btn" @click="changeBtn">{{
isBtnShow ? '挂号' : '预约'
}}</span>
</div>
</el-descriptions-item>
<el-descriptions-item
:span="4"
label="备注">
<el-form-item>
<el-input v-model="edit_data.memo" placeholder="备注" :disabled="edit_data.status==0"></el-input>
</el-form-item> </el-form-item>
<span v-if="dateName!='预约'" class="small-btn" @click="changeBtn">{{ </el-descriptions-item>
isBtnShow ? '挂号' : '预约' </el-descriptions>
}}</span> </el-form>
</div> <h5 v-if="!isShowCard" style="margin:24px 0;font-size: 16px">险种列表</h5>
</el-descriptions-item> <el-table
<el-descriptions-item :data="tableData"
:span="4" style="width: 100%;flex: 1"
label="备注"> v-if="!isShowCard"
<el-form-item> highlight-current-row
<el-input v-model="edit_data.memo" placeholder="备注" :disabled="edit_data.status==0"></el-input> ref="multipleTable"
</el-form-item> @current-change="handleCurrentChange"
</el-descriptions-item> >
</el-descriptions> <el-table-column label="险种类型" prop="insutype">
</el-form> <template #default="scope">
<h5 v-if="!isShowCard" style="margin:24px 0;font-size: 16px">险种列表</h5> {{ getKey(insutypes, scope.row.insutype) }}
<el-table </template>
:data="tableData" </el-table-column>
style="width: 100%;flex: 1" <el-table-column label="待遇状态">
v-if="!isShowCard" </el-table-column>
highlight-current-row <el-table-column label="参保日期" prop="psn_insu_date"></el-table-column>
ref="multipleTable" <el-table-column label="剩余余额" prop="balc">
@current-change="handleCurrentChange" <template #default="scope">
> {{ scope.row.balc || 0 }}
<el-table-column label="险种类型" prop="insutype"> </template>
<template #default="scope"> </el-table-column>
{{ getKey(insutypes, scope.row.insutype) }} </el-table>
</template> </el-scrollbar>
</el-table-column>
<el-table-column label="待遇状态">
</el-table-column>
<el-table-column label="参保日期" prop="psn_insu_date"></el-table-column>
<el-table-column label="剩余余额" prop="balc">
<template #default="scope">
{{ scope.row.balc || 0 }}
</template>
</el-table-column>
</el-table>
</div> </div>
</template> </template>
<template #footer> <template #footer>