From 984bd4a60c6ac2ba5efa162caa7dd935ecb8cc16 Mon Sep 17 00:00:00 2001
From: ChenQiuYu <chenqiuyu@jizhiweb.cn>
Date: Tue, 13 May 2025 14:23:17 +0800
Subject: [PATCH] dev

---
 .../member/memberProfile/VipEdit.vue          | 238 ++++++++++++++++--
 .../outpatient/DiagnosisSearchInput.vue       |  23 +-
 src/components/outpatient/MedicalQueue.vue    |   2 +-
 src/components/registration/Edit.vue          |   2 -
 src/views/outpatient/index.vue                |   6 +-
 5 files changed, 231 insertions(+), 40 deletions(-)

diff --git a/src/components/member/memberProfile/VipEdit.vue b/src/components/member/memberProfile/VipEdit.vue
index 1ad8f04..2ecb6dc 100644
--- a/src/components/member/memberProfile/VipEdit.vue
+++ b/src/components/member/memberProfile/VipEdit.vue
@@ -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>
\ No newline at end of file
diff --git a/src/components/outpatient/DiagnosisSearchInput.vue b/src/components/outpatient/DiagnosisSearchInput.vue
index edbe9e7..6b82441 100644
--- a/src/components/outpatient/DiagnosisSearchInput.vue
+++ b/src/components/outpatient/DiagnosisSearchInput.vue
@@ -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;
     }
diff --git a/src/components/outpatient/MedicalQueue.vue b/src/components/outpatient/MedicalQueue.vue
index 5401573..c92b518 100644
--- a/src/components/outpatient/MedicalQueue.vue
+++ b/src/components/outpatient/MedicalQueue.vue
@@ -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)
         }
       })
diff --git a/src/components/registration/Edit.vue b/src/components/registration/Edit.vue
index 561c039..2b89a8d 100644
--- a/src/components/registration/Edit.vue
+++ b/src/components/registration/Edit.vue
@@ -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>
diff --git a/src/views/outpatient/index.vue b/src/views/outpatient/index.vue
index 15686c9..0cd7cf8 100644
--- a/src/views/outpatient/index.vue
+++ b/src/views/outpatient/index.vue
@@ -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) {