This commit is contained in:
ChenQiuYu 2025-05-13 14:23:17 +08:00
parent 842b0e7624
commit 984bd4a60c
5 changed files with 231 additions and 40 deletions

View File

@ -3,7 +3,7 @@
:show-footer="true">
<template #default>
<el-scrollbar>
<div class="content">
<div class="content" v-loading="loading">
<el-form
:model="ruleForm"
label-width="auto"
@ -12,9 +12,9 @@
>
<el-row>
<el-col :span="12">
<el-form-item label="会员等级">
<el-form-item label="等级">
<el-select
v-model="ruleForm.levelId"
v-model="ruleForm.exp"
placeholder="等级"
size="default"
style="width: 100%"
@ -23,7 +23,7 @@
v-for="item in levelList"
:key="item.id"
:label="item.name"
:value="item.levelId"
:value="item.startExp"
/>
</el-select>
</el-form-item>
@ -140,41 +140,173 @@
<el-input v-model="ruleForm.allergyHistory"></el-input>
</el-form-item>
</el-form>
<h5 v-if="!isShowCard" style="margin:24px 0;font-size: 16px">险种列表</h5>
<el-table
:data="tableData"
style="width: 100%;"
v-if="!isShowCard"
height="160"
>
<el-table-column label="险种类型" prop="insutype">
<template #default="scope">
{{ getKey(insutypes, scope.row.insutype) }}
</template>
</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>
</el-scrollbar>
</template>
<template #footer>
<div class="bottom">
<el-button @click="close">取消</el-button>
<el-button type="primary" @click="submitForm">
保存
</el-button>
<el-dropdown v-if="isShowCard" placement="top-start" @show="showCardBtn" @hide="hide"
:disabled="ruleForm.status==0">
<div class="left" style="outline: none;">
<span class="btnCard" type="primary">
<img class="image" src="/static/images/registration/card.png" alt=""
srcset="">{{ ruleForm.status == 0 ? '不能读卡' : '进行读卡' }}
<img class="image1" :src="'/static/images/registration/'+(showBtn?2:1)+'.png'" alt="" srcset="">
</span>
</div>
<template #dropdown>
<CardDefault ref="cardDefaultRef" v-model="socialCard" @socialCardUpdate="socialCardUpdate"
@close="deleteCard" @changeLoading="changeLoading"/>
</template>
</el-dropdown>
<div class="closeBtn" v-else @click="deleteCard" style="outline: none;">
<img class="image" src="/static/images/registration/card.png" alt="" srcset="">
退出医保
</div>
<div class="bottom-right">
<el-button @click="close">取消</el-button>
<el-button type="primary" @click="submitForm">
保存
</el-button>
</div>
</div>
</template>
</Mask>
</template>
<script setup lang="ts">
import {onMounted, ref} from "vue"
import {ElForm, ElFormItem, ElSelect, ElOption, ElRow, ElCol, ElRadioGroup, type FormInstance} from "element-plus";
import {nextTick, onMounted, ref} from "vue"
import {
ElForm,
ElFormItem,
ElSelect,
ElOption,
ElRow,
ElCol,
ElRadioGroup,
type FormInstance,
ElMessageBox
} from "element-plus";
import SelectArea from "@/components/SelectArea.vue";
import {post} from "@/utils/request.ts";
import Mask from "@/components/common/Mask.vue";
import psnCertTypes from "@/assets/config/directory/psnCertTypes.json"
import antys from '@/assets/config/directory/antys.json'
import {formatDate} from "@/utils/dateUtils.ts";
import CardDefault from "@/components/registration/CardDefault.vue";
import {getKey} from "@/utils/discrotyUtil.ts";
import insutypes from "@/assets/config/directory/insutypes.json";
const ruleFormRef = ref<FormInstance>()
const id = ref<any>(null)
const show = ref<boolean>(false)
const emit = defineEmits(['close'])
const antysList = ref<any>(Object.entries(antys)
.map(([id, name]) => ({id: Number(id), name}))
.sort((a, b) => a.id - b.id))
const cardTypeList = ref<any>(Object.entries(psnCertTypes)
.map(([id, name]) => ({id: Number(id), name}))
.sort((a, b) => a.id - b.id))
const showBtn = ref(false)
const height = ref<any>(470)
const close = () => {
ruleForm.value = {}
id.value = ''
show.value = false
isShowCard.value = true
nextTick(() => {
cardDefaultRef.value?.close()
height.value = 470
})
emit('close')
}
const showCardBtn = () => {
showBtn.value = true
}
const hide = () => {
showBtn.value = false
}
const isShowCard = ref<any>(true)
const tableData = ref<any>([])
const socialCard: any = ref({
data: null,
payInfo: {},
lastUse: null
})
const socialCardUpdate = (e: any) => {
isShowCard.value = false
if (e) {
console.log(e, '123456')
isShowCard.value = false
ruleForm.value.sex = Number(e.data.baseinfo.gend)
ruleForm.value.name = e.data.baseinfo.psn_name
ruleForm.value.certType = Number(e.data.baseinfo.psn_cert_type)
ruleForm.value.nation = Number(e.data.baseinfo.naty)
ruleForm.value.certNo = e.data.baseinfo.certno
ruleForm.value.age = Math.floor(e.data.baseinfo.age)
tableData.value = e.data.insuinfo
// if (ruleForm.value.certNo) {
// post('vip/vip/list', {
// keyword: ruleForm.value.certNo,
// page: 1,
// pageSize: 50
// }).then((res: any) => {
// ruleForm.value.name = res.list[0].name
// ruleForm.value.sex = res.list[0].sex
// ruleForm.value.phone = res.list[0].phone
// ruleForm.value.certType = Number(res.list[0].certType)
// ruleForm.value.certNo = res.list[0].certNo
// ruleForm.value.memo = res.list[0].remark
// ruleForm.value.visitType = 1
// })
// }
}
// }
loading.value = false
}
const loading = ref(false)
const changeLoading = (e: any) => {
loading.value = e
}
const cardDefaultRef = ref<any>("")
const deleteCard = () => {
ElMessageBox.confirm("退出识别", "提示", {
confirmButtonText: '确定',
cancelButtonText: '取消',
callback: (action: any) => {
if (action == "confirm") {
isShowCard.value = true
ruleForm.value = {}
tableData.value = []
nextTick(() => {
cardDefaultRef.value?.close()
})
}
},
});
}
// form
let ruleForm = ref<any>({
exp: 0,
@ -194,8 +326,7 @@ let ruleForm = ref<any>({
certType: '',
levelId: ''
})
const antysList= ref<any>(Object.entries(antys).map(([id, name]) => ({id, name})))
const cardTypeList = ref<any>(Object.entries(psnCertTypes).map(([id, name]) => ({id, name})))
const options1 = [
{
value: '员工推荐',
@ -223,7 +354,7 @@ const submitForm = async () => {
if (!formEl) return
await formEl.validate((valid: any) => {
if (valid) {
ruleForm.value.birthday=formatDate(ruleForm.value.birthday)
ruleForm.value.birthday = formatDate(ruleForm.value.birthday)
if (ruleForm.value.id) {
post("vip/vip/update", {vipInfo: ruleForm.value}).then(() => {
close()
@ -240,26 +371,26 @@ const submitForm = async () => {
const levelName = ref('')
const rules = ref<any>({
name: [
{ required: true, message: '姓名不能为空', trigger: 'blur' }
{required: true, message: '姓名不能为空', trigger: 'blur'}
],
phone: [
{ required: true, message: '手机号不能为空', trigger: 'blur' }
{required: true, message: '手机号不能为空', trigger: 'blur'}
],
sex: [
{ required: true, message: '性别不能为空', trigger: 'change' }
{required: true, message: '性别不能为空', trigger: 'blur'}
],
birthday: [
{ required: true, message: '请选择生日', trigger: 'change' }
{required: true, message: '请选择生日', trigger: 'change'}
],
certType: [
{ required: true, message: '请选择证件类型', trigger: 'change' }
{required: true, message: '请选择证件类型', trigger: 'blur'}
],
certNo: [
{ required: true, message: '请输入证件号', trigger: 'blur' }
{required: true, message: '请输入证件号', trigger: 'blur'}
],
age: [
{ required: true, message: '年龄不能为空', trigger: 'blur'},
{ type: 'number', message: '年龄必须为数字', trigger: 'blur' }
{required: true, message: '年龄不能为空', trigger: 'blur'},
{type: 'number', message: '年龄必须为数字', trigger: 'blur'}
],
})
const init = (_id: any) => {
@ -273,7 +404,7 @@ const init = (_id: any) => {
post("vip/vip/get", {id: _id}).then((res: any) => {
ruleForm.value = res
ruleForm.value.area = JSON.parse(ruleForm.value.area)
ruleForm.value.levelId=ruleForm.value.levelId==0?null:ruleForm.value.levelId
ruleForm.value.levelId = ruleForm.value.levelId == 0 ? null : ruleForm.value.levelId
if (!res.levelId) return
post("vip/vipLevel/get", {levelId: res.levelId}).then((res: any) => {
levelName.value = res.name
@ -287,7 +418,6 @@ const levelList = ref<any>([])
const getLevelConfig = () => {
post("vip/vipLevel/list").then((res: any) => {
levelList.value = res
console.log('le',levelList.value)
})
}
onMounted(() => {
@ -309,8 +439,66 @@ defineExpose({init})
.bottom {
height: 100%;
display: flex;
justify-content: flex-end;
padding: 20px;
justify-content: space-between;
align-items: center;
padding: 0 24px;
}
.btnCard {
width: 150px;
height: 36px;
background: #FFFFFF;
border-radius: 8px;
border: 1px solid #4D6DE4;
display: flex;
justify-content: center;
align-items: center;
font-weight: 400;
font-size: 15px;
color: #4D6DE4;
font-style: normal;
.image {
width: 20px;
height: 17px;
margin-right: 6px;
}
.image1 {
width: 12px;
height: 6px;
margin-left: 16px;
}
&:hover {
cursor: pointer;
border: 1px solid #4D6DE4;
}
}
.closeBtn {
width: 150px;
height: 36px;
background: #FFFFFF;
border-radius: 8px;
border: 1px solid #4D6DE4;
display: flex;
justify-content: center;
align-items: center;
font-weight: 400;
font-size: 15px;
color: #4D6DE4;
font-style: normal;
.image {
width: 20px;
height: 17px;
margin-right: 6px;
}
&:hover {
cursor: pointer;
border: 1px solid #4D6DE4;
}
}
</style>

View File

@ -2,7 +2,8 @@
<el-popover placement="bottom-start" :visible="isVisible" :width="props.width" ref="popoverRef"
@before-enter="beforeShow" @hide="afterShow" popper-class="type-popper">
<template #reference>
<el-input v-model="keyword" style="width: 100%;height: 100%" @input="changeInput" :disabled="disabled" @click="changeInput"
<el-input v-model="keyword" style="width: 100%;height: 100%" @input="changeInput" :disabled="disabled"
@click="changeInput"
placeholder="诊断选择" ref="inputRef" @focus="focus" @blur="handleBlur"></el-input>
</template>
<div class="container" style="height: 300px">
@ -111,23 +112,25 @@ const changeInput = (inputStr: string) => {
}
const emit = defineEmits(['selectedCallBack', 'focus'])
const clickRow = (row: any) => {
if (selectList.value && selectList.value.length >=3){
if (selectList.value && selectList.value.length >= 3) {
ElMessage({
message: '诊断最多三个',
type: 'info',
})
return
}
if (selectList.value.some((item: any) => item.id === row.id)) {
if (selectList.value.some((item: any) => item.id == row.id)) {
ElMessage({
message: '诊断已存在',
type: 'info',
})
return
} else {
selectList.value.push(row)
nameList.value.push(row.name)
keyword.value = nameList.value.join(",") + ","
}
selectList.value.push(row)
nameList.value.push(row.name)
keyword.value = nameList.value.join(",") + ","
searchList.value = []
popoverRef.value.hide()
}
@ -169,12 +172,13 @@ const clear = () => {
nameList.value = []
keyword.value = ""
}
defineExpose({init,clear})
defineExpose({init, clear})
</script>
<style scoped lang="scss">
:deep(.el-table--small .el-table__cell) {
padding: 0;
}
.table {
th {
background: none !important;
@ -189,6 +193,7 @@ defineExpose({init,clear})
th {
text-align: left;
&:nth-child(1) {
text-align: left;
border-radius: 8px 8px 0 0;
@ -203,6 +208,7 @@ defineExpose({init,clear})
font-size: 14px;
color: #666666;
font-style: normal;
td {
&:nth-child(1) {
@ -215,7 +221,6 @@ defineExpose({init,clear})
}
&:last-child {
border-radius: 0 0 8px 8px;
}

View File

@ -118,7 +118,7 @@ const init = async () => {
list.value = data.list
if (itemId.value != null) {
list.value.forEach((item: any, index: any) => {
if (item.id == itemId.value) {
if (item.id == itemId.value&&curStatus.value == 2) {
clickLi(item, false)
}
})

View File

@ -149,7 +149,6 @@
</div>
</template>
<template #footer>
<div class="bottom">
<el-dropdown v-if="isShowCard" placement="top-start" @show="showCardBtn" @hide="hide"
@ -383,7 +382,6 @@ const getSectionList = () => {
const loading = ref(false)
const changeLoading = (e: any) => {
loading.value = e
console.log(e,'e')
}
defineExpose({init})
</script>

View File

@ -107,14 +107,14 @@ const save = () => {
const totalAmount = ref(0)
const medicalHistoryRef = ref()
const patientCardRef = ref()
const patientRegistration = ref<any>({})
const patientRegistration = ref<any>({})//
const clickItem = (item: any) => {
curRegister.value = item
if (!item) return
curRegister.value = item
registerId.value = item.id
itemId.value = item.id
patientId.value = item.patientInfoId
if (item.status == 2) {
if (item.status == 1) {
initFormData()
}
if (item.status == 3) {