From 1d472c090fdf28a004d01bf257885407ca63be97 Mon Sep 17 00:00:00 2001
From: ChenQiuYu <chenqiuyu@jizhiweb.cn>
Date: Wed, 7 May 2025 14:15:17 +0800
Subject: [PATCH] dev

---
 .../member/memberProfile/VipEdit.vue          | 139 +++++++++++-------
 src/components/outpatient/MedicalHistory.vue  |   3 +-
 src/views/member/index.vue                    | 106 +++++++++----
 3 files changed, 160 insertions(+), 88 deletions(-)

diff --git a/src/components/member/memberProfile/VipEdit.vue b/src/components/member/memberProfile/VipEdit.vue
index c1a1e6f..6d9b707 100644
--- a/src/components/member/memberProfile/VipEdit.vue
+++ b/src/components/member/memberProfile/VipEdit.vue
@@ -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(() => {
diff --git a/src/components/outpatient/MedicalHistory.vue b/src/components/outpatient/MedicalHistory.vue
index 1e617a7..2cd4b54 100644
--- a/src/components/outpatient/MedicalHistory.vue
+++ b/src/components/outpatient/MedicalHistory.vue
@@ -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) => {
diff --git a/src/views/member/index.vue b/src/views/member/index.vue
index a8677e4..fb98e4b 100644
--- a/src/views/member/index.vue
+++ b/src/views/member/index.vue
@@ -1,33 +1,35 @@
 <template>
   <div class="container-wrapper">
     <div class="left">
-      <Panel title="患者列表" style="height: 100%">
-        <div class="search">
-          <div class="input">
-            <el-input v-model="input3" style="width:100%;height: 100%" placeholder="搜索患者"
-                      @keydown.enter="searchVip">
-              <template #prefix>
-                <el-icon class="el-input__icon">
-                  <Search/>
-                </el-icon>
-              </template>
-            </el-input>
+      <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="搜索患者"
+                        @keydown.enter="searchVip">
+                <template #prefix>
+                  <el-icon class="el-input__icon">
+                    <Search/>
+                  </el-icon>
+                </template>
+              </el-input>
+            </div>
+            <span class="btn" @click="openEdit(null)">患者建档</span>
           </div>
-          <span class="btn" @click="openEdit(null)">患者建档</span>
-        </div>
-        <div class="total">共{{ totalCount || 0 }}条</div>
+          <div class="total">共{{ totalCount || 0 }}条</div>
           <ul class="content">
-            <el-scrollbar style="padding: 0 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>
-            </li>
+            <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.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;