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

dev

This commit is contained in:
ChenQiuYu 2025-05-07 14:15:17 +08:00
parent 5c0c2e73bd
commit 1d472c090f
3 changed files with 160 additions and 88 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

139
src/components/member/memberProfile/VipEdit.vue
View File

@ -10,6 +10,25 @@
:rules="rules"
ref="ruleFormRef"
>
<el-row>
<el-col :span="12">
<el-form-item label="会员等级">
<el-select
v-model="ruleForm.levelId"
placeholder="等级"
size="default"
style="width: 100%"
>
<el-option
v-for="item in levelList"
:key="item.id"
:label="item.name"
:value="item.id"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="姓名" prop="name">
@ -19,8 +38,8 @@
<el-col :span="12">
<el-form-item label="性别" prop="sex">
<el-radio-group v-model="ruleForm.sex">
<el-radio value="男">男</el-radio>
<el-radio value="女">女</el-radio>
<el-radio :value="1">男</el-radio>
<el-radio :value="2">女</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
@ -28,7 +47,7 @@
<el-row>
<el-col :span="12">
<el-form-item label="年龄" prop="age">
<el-input v-model="ruleForm.age"></el-input>
<el-input v-model.number="ruleForm.age"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
@ -39,25 +58,25 @@
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="证件类型" prop="">
<el-form-item label="证件类型" prop="certType">
<el-select
v-model="ruleForm.certType"
placeholder="证件类型选择"
placeholder="证件类型"
size="default"
style="width: 100%"
>
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
v-for="item in cardTypeList"
:key="item.id"
:label="item.name"
:value="item.id"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="证件号码" prop="certNo">
<el-input v-model="ruleForm.certNo"></el-input>
<el-form-item label="证件号" prop="certNo">
<el-input v-model="ruleForm.certNo" placeholder="证件号"></el-input>
</el-form-item>
</el-col>
</el-row>
@ -69,14 +88,26 @@
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="民族" prop="nation">
<el-input v-model="ruleForm.nation"></el-input>
<el-form-item label="民族">
<el-select
v-model="ruleForm.nation"
placeholder="民族选择"
size="default"
style="width: 100%"
>
<el-option
v-for="item in antysList"
:key="item.id"
:label="item.name"
:value="item.id"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="来源" prop="source">
<el-form-item label="来源">
<el-select
v-model="ruleForm.source"
placeholder="来源选择"
@ -93,19 +124,19 @@
</el-form-item>
</el-col>
</el-row>
<el-form-item label="地区" prop="area">
<el-form-item label="地区">
<SelectArea v-model="ruleForm.area" style="width: 100%"></SelectArea>
</el-form-item>
<el-form-item label="详细地址" prop="address">
<el-form-item label="详细地址">
<el-input v-model="ruleForm.address"></el-input>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-form-item label="备注">
<el-input v-model="ruleForm.remark"></el-input>
</el-form-item>
<el-form-item label="既往史" prop="pastHistory">
<el-input v-model="ruleForm.pastHistory"></el-input>
<el-form-item label="既往史">
<el-input v-model="ruleForm.beforeMedicalHistory"></el-input>
</el-form-item>
<el-form-item label="过敏史" prop="allergyHistory">
<el-form-item label="过敏史">
<el-input v-model="ruleForm.allergyHistory"></el-input>
</el-form-item>
</el-form>
@ -128,7 +159,9 @@ import {ElForm, ElFormItem, ElSelect, ElOption, ElRow, ElCol, ElRadioGroup, type
import SelectArea from "@/components/SelectArea.vue";
import {post} from "@/utils/request.ts";
import Mask from "@/components/common/Mask.vue";
import CloseBtn from "@/components/CloseBtn.vue";
import psnCertTypes from "@/assets/config/directory/psnCertTypes.json"
import antys from '@/assets/config/directory/antys.json'
const ruleFormRef = ref<FormInstance>()
const id = ref<any>(null)
@ -142,27 +175,12 @@ const close = () => {
}
// form表单数据
interface RuleForm {
exp: string
phone: string
name: string
sex: string
age: string
birthday: string
certNo: string
source: string
nation: string
area: string
address: string
remark: string
}
let ruleForm = ref<any>({
exp: 0,
phone: '',
name: '',
sex: '',
age: '',
age: null,
birthday: '',
certNo: '',
source: '',
@ -170,8 +188,13 @@ let ruleForm = ref<any>({
area: '',
address: '',
remark: '',
beforeMedicalHistory: '',
allergyHistory: '',
certType: '',
levelId: ''
})
const options = ref<any>([])
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: '员工推荐',
@ -197,15 +220,14 @@ const options1 = [
const submitForm = async () => {
let formEl = ruleFormRef.value
if (!formEl) return
await formEl.validate((valid: any, fields: any) => {
await formEl.validate((valid: any) => {
if (valid) {
console.log(ruleForm.value)
if (ruleForm.value.id) {
post("vip/vip/update", {vipInfo: ruleForm.value}).then((res: any) => {
post("vip/vip/update", {vipInfo: ruleForm.value}).then(() => {
close()
})
} else {
post("vip/vip/create", {vipInfo: ruleForm.value}).then((res: any) => {
post("vip/vip/create", {vipInfo: ruleForm.value}).then(() => {
close()
})
}
@ -214,26 +236,30 @@ const submitForm = async () => {
})
}
const levelName = ref('')
const rules = {
exp: [
{required: true, message: '请选择患者等级', trigger: 'change'},
const rules = ref<any>({
name: [
{ required: true, message: '姓名不能为空', trigger: 'blur' }
],
phone: [
{required: true, message: '请输入手机号码', trigger: 'blur'},
],
name: [
{required: true, message: '请输入姓名', trigger: 'blur'},
{ required: true, message: '手机号不能为空', trigger: 'blur' }
],
sex: [
{required: true, message: '请选择性别', trigger: 'change'},
],
age: [
{required: true, message: '请输入年龄', trigger: 'blur'},
{ required: true, message: '性别不能为空', trigger: 'change' }
],
birthday: [
{required: true, message: '请选择生日', trigger: 'change'},
{ required: true, message: '请选择生日', trigger: 'change' }
],
}
certType: [
{ required: true, message: '请选择证件类型', trigger: 'change' }
],
certNo: [
{ required: true, message: '请输入证件号', trigger: 'blur' }
],
age: [
{ required: true, message: '年龄不能为空', trigger: 'blur'},
{ type: 'number', message: '年龄必须为数字', trigger: 'blur' }
],
})
const init = (_id: any) => {
id.value = _id
levelName.value = ''
@ -254,9 +280,10 @@ const init = (_id: any) => {
}
const levelList = ref<any>([])
const getLevelConfig = () => {
post("vip/vipLevel/list").then((res: any) => {
options.value = res
levelList.value = res
})
}
onMounted(() => {

3
src/components/outpatient/MedicalHistory.vue
View File

@ -8,7 +8,7 @@
<div class="list-item-content">
<span class="disease-name">{{ item.diagnosisMedicalRecord.diagnosisSummary }}</span>
<span class="doctor">{{ item.registrationInfoVo.doctorName }}</span>
<span class="time">{{ item.createTime }}</span>
<span class="time">{{ formatListTime(item.createTime) }}</span>
</div>
</template>
<div>
@ -25,6 +25,7 @@ import Panel from '@/components/common/Panel.vue';
import DiseaseDetails from './DiseaseDetails.vue';
import {post} from "@/utils/request.ts";
import {ref} from "vue";
import {formatListTime} from "../../utils/dateUtils.ts";
const list = ref<any>([])
const init = (patientId: any) => {
post("medical/record/listByPatient",{patientId:patientId}).then((res: any) => {

66
src/views/member/index.vue
View File

@ -1,7 +1,8 @@
<template>
<div class="container-wrapper">
<div class="left">
<Panel title="患者列表" style="height: 100%">
<Panel title="患者列表">
<div class="panel-content" style="height: 100%;display: flex;flex-direction: column">
<div class="search">
<div class="input">
<el-input v-model="input3" style="width:100%;height: 100%" placeholder="搜索患者"
@ -17,17 +18,18 @@
</div>
<div class="total">共{{ totalCount || 0 }}条</div>
<ul class="content">
<el-scrollbar style="padding: 0 24px;height: 100%">
<el-scrollbar style="padding: 24px 24px;height: 100%">
<li v-for="(item,i) in list" :key="item.id" :class="index==i?'active':''" @click="btn(item,i)">
<img class="image"
:src="'/static/images/member/' + (item.sex === 1 ? 'man' : 'women') + '.png'"
alt=""/>
<div class="name">{{ item.name || '-' }}</div>
<span class="level">{{ item.levelName || "-" }}</span>
<span class="time">{{ formatListTime(item.createDatetime) }}</span>
<span class="time">{{ formatListTime(item.lastVisitTime) }}</span>
</li>
</el-scrollbar>
</ul>
</div>
</Panel>
</div>
<div class="right">
@ -35,14 +37,15 @@
<div class="detail">
<div class="detail-top">
<div class="detail-top-left">
<img class="image" src="/static/images/member/head.png" alt="">
<img class="image"
:src="listItem.sex==1?'/static/images/member/man.png':listItem.sex==2?'/static/images/member/women.png':'-'"
alt="">
<div class="detail-top-left-text">
<div class="detail-top-left-text-name">
<span style="margin-right: 16px">{{ listItem.name || '-' }}</span>
<el-tag type="success">{{ listItem.levelName || '-' }}</el-tag>
</div>
<div class="detail-top-left-text-phone">
<span>{{ listItem.sex || '-' }}</span>
<span class="age">{{ listItem.age ? listItem.age + '岁' : '-' }}</span>
<span>{{ listItem.phone || '-' }}</span>
</div>
@ -62,13 +65,19 @@
:column="3"
border
>
<el-descriptions-item label="出生日期">{{ listItem.birthday || "-" }}</el-descriptions-item>
<el-descriptions-item label="民族">{{ listItem.nation || "-" }}</el-descriptions-item>
<el-descriptions-item label="创建日期">{{ listItem.createDatetime || "-" }}</el-descriptions-item>
<el-descriptions-item label="身份证号码">{{ listItem.certNo || "-" }}</el-descriptions-item>
<el-descriptions-item label="积分"><span>{{ listItem.integralBalance || '-' }}</span>
<el-descriptions-item label="生日">{{ listItem.birthday || "-" }}</el-descriptions-item>
<el-descriptions-item label="民族">
{{ antysList.find((item: any) => item.id == listItem.nation)?.name || "-" }}
</el-descriptions-item>
<el-descriptions-item label="家庭地址">{{ listItem.address || "-" }}</el-descriptions-item>
<el-descriptions-item label="就诊时间">{{
formatListTime(listItem.lastVisitTime) || "-"
}}
</el-descriptions-item>
<el-descriptions-item label="证件类型"/>
<el-descriptions-item label="证件号码">{{ listItem.certNo || "-" }}</el-descriptions-item>
<el-descriptions-item label="积分"><span>{{ listItem.integralBalance }}</span>
</el-descriptions-item>
<el-descriptions-item label="地址">{{ listItem.area}}/{{ listItem.address || "-" }}</el-descriptions-item>
<el-descriptions-item label="备注">{{ listItem.remark || "-" }}</el-descriptions-item>
</el-descriptions>
</div>
@ -156,6 +165,8 @@ import VipEdit from "@/components/member/memberProfile/VipEdit.vue";
import VipLevelEdit from "@/components/member/memberProfile/VipLevelEdit.vue";
import Panel from "@/components/common/Panel.vue";
import {formatListTime} from "@/utils/dateUtils.ts";
import antys from "@/assets/config/directory/antys.json"
import area from "@/assets/config/area.json"
const isGrant = ref(false)
@ -236,6 +247,7 @@ const closeExchange = () => {
const btn = (item: any, i: number) => {
index.value = i
listItem.value = item
listItem.value.area = findAreaName(listItem.value.area)
getChargeList(listItem.value.id)
}
//点击发放
@ -315,6 +327,32 @@ const openLevelEdit = (vip: any) => {
levelEditRef.value?.init(vip);
});
}
const antysList = ref<any>(Object.entries(antys).map(([id, name]) => ({id, name})))
// 定义地区类型
interface Area {
name: string;
code: string;
city?: Area[];
area?: Area[];
}
// 通过编码查找地区名称
const findAreaName = (code: string, areas: Area[]): string => {
for (const area of areas) {
if (area.code === code) {
return area.name;
}
if (area.city) {
const result = findAreaName(code, area.city);
if (result) return result;
}
if (area.area) {
const result = findAreaName(code, area.area);
if (result) return result;
}
}
return '-';
};
</script>
<style scoped lang="scss">
@use "@/assets/scss/base.scss";
@ -333,6 +371,7 @@ const openLevelEdit = (vip: any) => {
height: 100%;
width: 430px;
margin-right: 24px;
.search {
height: 56px;
display: flex;
@ -376,6 +415,7 @@ const openLevelEdit = (vip: any) => {
min-height: 0;
border-radius: 8px;
border: 1px solid #EAEAEC;
li {
display: flex;
align-items: center;
@ -384,10 +424,12 @@ const openLevelEdit = (vip: any) => {
padding: 0 24px;
color: #000000;
cursor: pointer;
&:first-child {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
&:last-child {
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
@ -449,6 +491,7 @@ const openLevelEdit = (vip: any) => {
flex: 1;
display: flex;
flex-direction: column;
min-width: 0;
.right-top {
height: 304px;
@ -512,6 +555,7 @@ const openLevelEdit = (vip: any) => {
font-style: normal;
margin-left: 24px;
cursor: pointer;
&:hover {
color: #FFFFFF;
background: #4D6DE4;