dev
This commit is contained in:
parent
842b0e7624
commit
984bd4a60c
|
|
@ -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-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: '员工推荐',
|
||||
|
|
@ -246,13 +377,13 @@ const rules = ref<any>({
|
|||
{required: true, message: '手机号不能为空', trigger: 'blur'}
|
||||
],
|
||||
sex: [
|
||||
{ required: true, message: '性别不能为空', trigger: 'change' }
|
||||
{required: true, message: '性别不能为空', trigger: 'blur'}
|
||||
],
|
||||
birthday: [
|
||||
{required: true, message: '请选择生日', trigger: 'change'}
|
||||
],
|
||||
certType: [
|
||||
{ required: true, message: '请选择证件类型', trigger: 'change' }
|
||||
{required: true, message: '请选择证件类型', trigger: 'blur'}
|
||||
],
|
||||
certNo: [
|
||||
{required: true, message: '请输入证件号', trigger: 'blur'}
|
||||
|
|
@ -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>
|
||||
|
|
@ -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">
|
||||
|
|
@ -118,16 +119,18 @@ const clickRow = (row: any) => {
|
|||
})
|
||||
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(",") + ","
|
||||
}
|
||||
|
||||
searchList.value = []
|
||||
popoverRef.value.hide()
|
||||
}
|
||||
|
|
@ -175,6 +178,7 @@ defineExpose({init,clear})
|
|||
: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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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)
|
||||
}
|
||||
})
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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) {
|
||||
|
|
|
|||
Loading…
Reference in New Issue