dev

src/components/outpatient/Case.vue

@@ -1,5 +1,5 @@
 <template>
-  <Panel :title="'病例'">
+  <Panel :title="'病历'">
     <template #tools>
       <div class="content">
         <div class="model-selector">

src/components/outpatient/CaseDetail.vue

@@ -1,5 +1,5 @@
 <template>
-  <Panel :title="'病例'">
+  <Panel :title="'病历'">
     <template #tools>
       <div class="content">
         <div class="model-selector">

src/components/outpatient/PharmaceuticalConsumables.vue

@@ -9,16 +9,24 @@
               <el-popover
                   placement="top-start"
                   trigger="hover"
-                  width="200px"
+                  width="400"
                   @show="getHilistInfo(item)"
                   @hide="colosInfo"
+
               >
                 <template #reference>
                   {{ item.name }}
                 </template>
 
+                <div class="detail">
+                  <div style="display: flex;justify-content: space-between">
+                    <div style="font-size: 18px;font-weight: 500;color: #000">{{ hilistInfo.name }}</div>
+                    <div>￥{{ item.selectedPrice }}/{{ item.selectedUnit }}</div>
+                  </div>
                   <div>
-                  {{item.hilistCode}}
+
+                    <div>规格:{{hilistInfo.json?.dosage_specifications||'-'}}</div>
+                  </div>
                 </div>
               </el-popover>
             </div>
@@ -149,6 +157,7 @@ watch(()=>list.value, (newList) => {
 
 <style scoped lang="scss">
 @use "@/assets/scss/base";
+
 .content {
   display: flex;
   flex-direction: column;
@@ -156,6 +165,7 @@ watch(()=>list.value, (newList) => {
   .list {
     flex: 1;
     min-height: 0;
+
     .item {
       height: 30px;
       border-top: 1px solid #EAEAEC;
@@ -197,12 +207,14 @@ watch(()=>list.value, (newList) => {
         width: 180px;
         margin-left: 10px;
         line-height: 30px;
+
         .unit-content {
           display: flex;
           align-items: center;
         }
 
       }
+
       .sub-price {
         height: 100%;
         line-height: 30px;
@@ -213,8 +225,10 @@ watch(()=>list.value, (newList) => {
         width: 100px;
         text-align: center;
         line-height: 30px;
+
         .delete-btn {
           cursor: pointer;
+
           &:hover {
             color: base.$primary-color;
           }