dev

src/assets/config/directory/chrgitmLv.json

@@ -0,0 +1,5 @@
+{
+  "01": "甲",
+  "02": "乙",
+  "03": "丙"
+}

src/components/SearchInput.vue

@@ -11,6 +11,8 @@
       class="no-border-input"
       :disabled="disabled"
       @focus="focus"
+      @click="changeInput"
+  >
 
   >
   </el-input>

src/components/outpatient/MedicalInformation.vue

@@ -1,27 +1,35 @@
 <template>
   <Panel :title="'就诊信息'">
-    <div style="padding: 0 24px">
+    <div v-if="!patientRegistration?.patientInfo" style="display: flex;align-items: center;justify-content: center;height: 120px">请选择患者......</div>
-      <div class="avatar">
+    <div v-else style="padding: 0 24px">
-        <img class="avatar-image" src="/static/images/outpatient/profile-picture.png" alt="头像"/>
+      <div  class="avatar">
+        <img class="avatar-image"
+             :src="patientRegistration?.patientInfo?.sex == 1 ?'/static/images/outpatient/man.png':patientRegistration?.patientInfo?.sex == 2 ?'/static/images/outpatient/women.png':'-'"
+             alt=""/>
         <div class="avatar-info-wrapper">
           <div class="avatar-info">
-            <span class="avatar-info-name">{{ patientRegistration?.patientInfo?.name }}</span>
+            <span class="avatar-info-name">{{ patientRegistration?.patientInfo?.name  }}</span>
-            <span class="avatar-info-sex" style="margin: 0 16px">{{ patientRegistration?.patientInfo?.sex == 1 ? '男' : '女'}}</span>
+            <span class="avatar-info-age">{{ patientRegistration?.patientInfo?.age}}</span>
-            <span class="avatar-info-age">{{ patientRegistration?.patientInfo?.age }}</span>
           </div>
           <div class="avatar-info-phone-num">
             <span class="avatar-info-phone">{{ patientRegistration?.patientInfo?.phone }}</span>
-            <span class="avatar-info-num">就诊次数：<i class="caret-num">{{ patientRegistration?.seeDoctorCount || 0 }}次</i></span>
+            <span class="avatar-info-num">就诊次数：<i class="caret-num">{{
+                patientRegistration?.seeDoctorCount || 0
+              }}次</i></span>
           </div>
         </div>
       </div>
       <div class="detail">
-        <div>挂号医生:&nbsp;<span class="detail-doctor">{{patientRegistration?.dockerName}}-{{patientRegistration?.sectionName}}</span></div>
+        <div>挂号医生:&nbsp;<span
+            class="detail-doctor">{{ patientRegistration?.dockerName }}-{{ patientRegistration?.sectionName }}</span>
+        </div>
         <div class="detail-middle">
           <div>费用类别:&nbsp;<span class="detail-doctor">医保</span></div>
-          <div>医保卡剩余金额:&nbsp;<span class="detail-balance">{{patientRegistration?.socialBalance}}元</span></div>
+          <div>医保卡剩余金额:&nbsp;<span class="detail-balance">{{ patientRegistration?.socialBalance }}元</span></div>
         </div>
-        <div>上次就诊时间:&nbsp;<span class="detail-doctor">{{ formatDate(patientRegistration?.lastSeeDoctorTime) }}</span></div>
+        <div>上次就诊时间:&nbsp;<span class="detail-doctor">{{
+            formatDate(patientRegistration?.lastSeeDoctorTime)
+          }}</span></div>
       </div>
     </div>
   </Panel>
@@ -29,7 +37,8 @@
 <script setup lang="ts">
 import Panel from "@/components/common/Panel.vue";
 import {formatDate} from "@/utils/dateUtils.ts"
-const patientRegistration=defineModel<any>()
+
+const patientRegistration = defineModel<any>()
 </script>
 <style scoped lang="scss">
 .avatar {
@@ -55,11 +64,15 @@ const patientRegistration=defineModel<any>()
     font-style: normal;
 
     .avatar-info {
+      display: flex;
+      align-items: center;
+
       .avatar-info-name {
         font-weight: 500;
         font-size: 18px;
         color: #333333;
         font-style: normal;
+        margin-right: 10px;
       }
 
       .avatar-info-age {

src/components/outpatient/PharmaceuticalConsumablesDetail.vue

@@ -34,7 +34,7 @@ const list = defineModel<any[]>({default: () => []});
     min-height: 0;
 
     .item {
-      height: 64px;
+      height: 30px;
       border-top: 1px solid #EAEAEC;
       display: flex;
       align-items: center;
@@ -44,7 +44,7 @@ const list = defineModel<any[]>({default: () => []});
         height: 100%;
         width: 50px;
         text-align: center;
-        line-height: 64px;
+        line-height: 30px;
         border-right: 1px solid #EAEAEC;
       }
 
@@ -53,7 +53,7 @@ const list = defineModel<any[]>({default: () => []});
         margin-left: 10px;
         border-right: 1px solid #EAEAEC;
         height: 100%;
-        line-height: 64px;
+        line-height: 30px;
       }
 
       .type {
@@ -61,7 +61,7 @@ const list = defineModel<any[]>({default: () => []});
         margin-left: 10px;
         border-right: 1px solid #EAEAEC;
         height: 100%;
-        line-height: 64px;
+        line-height: 30px;
       }
 
       .unit {
@@ -69,7 +69,7 @@ const list = defineModel<any[]>({default: () => []});
         margin-left: 10px;
         border-right: 1px solid #EAEAEC;
         height: 100%;
-        line-height: 64px;
+        line-height: 30px;
         display: flex;
         align-items: center;
         justify-content: center;
@@ -78,17 +78,10 @@ const list = defineModel<any[]>({default: () => []});
       .price {
         height: 100%;
         width: 200px;
-        line-height: 64px;
+        line-height: 30px;
         border-right: 1px solid #EAEAEC;
         text-align: center;
       }
-
-      .delete {
-        height: 100%;
-        width: 50px;
-        line-height: 64px;
-        text-align: center;
-      }
     }
   }
 

src/components/outpatient/ServiceItems.vue

@@ -6,17 +6,20 @@
           <li class="item" v-for="(item, index) in list" :key="index">
             <div class="index">{{ index + 1 }}</div>
             <div class="name">
-              <el-popover width="485">
+              <el-popover
+                  width="485"
+                  @show="show(item)"
+              >
                 <template #reference>
                   {{ item.itemName }}
                 </template>
                 <div class="detail">
                   <div style="display: flex;justify-content: space-between">
-                    <div>{{ item.itemName }}</div>
+                    <div style="font-size: 18px;font-weight: 500;color: #000">{{ itemInfo.name }}[{{ chrgitm_lv[itemInfo.chrgitmLv as keyof typeof chrgitm_lv || '-'] || '-' }}]</div>
-                    <div>￥{{ item.unitPrice }}/{{ item.unit }}</div>
+                    <div>￥{{ item.unitPrice }}/{{item.unit }}</div>
                   </div>
                   <div>
-                    <div> {{item.itemSocialCode}}</div>
+                    <div> 医保码:{{item.itemSocialCode||'-'}}</div>
                   </div>
                 </div>
               </el-popover>
@@ -59,10 +62,12 @@
   </Panel>
 </template>
 <script setup lang="ts">
-import {defineModel, computed,defineEmits} from "vue";
+import {defineModel, computed,defineEmits,ref} from "vue";
 import Panel from "@/components/common/Panel.vue";
 import {Close} from '@element-plus/icons-vue'
 import SearchInput from "@/components/SearchInput.vue";
+import {post} from "@/utils/request.ts";
+import chrgitm_lv from "@/assets/config/directory/chrgitmLv.json"
 
 const props = defineProps({
   status: {
@@ -103,6 +108,12 @@ const emit = defineEmits(['focus'])
 const focus=(e:any)=>{
   emit('focus',e)
 }
+const itemInfo = ref<any>({});
+const show = (item:any) => {
+  post('social/directory/getItemByCode',{code:item.itemSocialCode}).then((res:any)=>{
+    itemInfo.value = res
+  })
+}
 </script>
 
 <style scoped lang="scss">
@@ -135,7 +146,9 @@ const focus=(e:any)=>{
         margin-left: 10px;
         height: 100%;
         line-height: 30px;
-
+        white-space: nowrap; /* 防止文本换行 */
+        overflow: hidden; /* 隐藏溢出的文本 */
+        text-overflow: ellipsis; /* 显示省略号 */
       }
 
       .code {

src/components/outpatient/ServiceItemsDetail.vue

@@ -14,7 +14,7 @@
       </div>
       <div class="search">
         <span style="margin-left: 24px">合计</span>
-        <span style="margin-right: 24px">￥{{ list.reduce((acc, cur) => acc + cur.selectedPrice, 0) }}元</span>
+        <span style="margin-right: 24px">￥{{ list.reduce((acc, cur) => acc + cur.selectedNum*cur.selectedPrice, 0) }}元</span>
       </div>
     </div>
   </Panel>
@@ -36,7 +36,7 @@ const list = defineModel<any[]>({default: () => []});
     min-height: 0;
 
     .item {
-      height: 64px;
+      height: 30px;
       border-top: 1px solid #EAEAEC;
       display: flex;
       align-items: center;
@@ -46,43 +46,37 @@ const list = defineModel<any[]>({default: () => []});
         width: 50px;
         text-align: center;
         border-right: 1px solid #EAEAEC;
-        line-height: 64px;
+        line-height: 30px;
       }
       .name{
         flex: 1;
         margin-left: 10px;
         border-right: 1px solid #EAEAEC;
         height: 100%;
-        line-height: 64px;
+        line-height: 30px;
       }
       .code{
         flex: 1;
         margin-left: 10px;
         border-right: 1px solid #EAEAEC;
         height: 100%;
-        line-height: 64px;
+        line-height: 30px;
       }
       .unit{
         width: 60px;
         margin-left: 10px;
         border-right: 1px solid #EAEAEC;
         height: 100%;
-        line-height: 64px;
+        line-height: 30px;
         text-align: center;
       }
       .price{
         height: 100%;
         width: 200px;
-        line-height: 64px;
+        line-height: 30px;
         border-right: 1px solid #EAEAEC;
         text-align: center;
       }
-      .delete{
-        height: 100%;
-        width: 50px;
-        line-height: 64px;
-        text-align: center;
-      }
     }
   }