dev

src/components/charge/PatientCard.vue

@@ -118,6 +118,9 @@ defineExpose({init, clear})
         min-width: 0;
         height: 20px;
         line-height: 20px;
+        white-space: nowrap; /* 防止文本换行 */
+        overflow: hidden; /* 隐藏溢出的文本 */
+        text-overflow: ellipsis; /* 显示省略号 */
       }
       .avatar-info-num {
         margin-left: 28px;

src/components/charge/RecordsLog.vue

@@ -12,7 +12,7 @@
               </div>
             </template>
             <div>
-              <Detail :detail="item"></Detail>
+              <Detail :detail="item" :key="item.id"></Detail>
             </div>
           </el-collapse-item>
         </el-collapse>
@@ -31,11 +31,10 @@ const list = ref<any>([])
 const init = (patientId: any) => {
   const query = {
     patientId: patientId,
-    pageSize: 10
+    pageSize: 20
   }
   post('charge/listDetail', {query}).then((res: any) => {
     list.value = res.list
-    console.log(list, 'list')
   })
 }
 const clearList = () => {

src/components/charge/RecordsLog/Detail.vue

@@ -55,7 +55,7 @@
   </div>
 </template>
 <script setup lang="ts">
-import {ref, defineProps, onMounted} from 'vue'
+import {ref, defineProps, onMounted, watch} from 'vue'
 
 const {detail} = defineProps(['detail']);
 const detailObj = ref<any>(detail)
@@ -70,6 +70,7 @@ onMounted(() => {
   }, 0);
   sumPrice.value = pharmaceuticalTotalAmount + serviceTotalAmount;
 })
+
 </script>
 <style scoped lang="scss">
 .disease-detail {
@@ -130,6 +131,7 @@ onMounted(() => {
         display: flex;
         justify-content: space-between;
         margin-bottom: 8px;
+
         .name {
           white-space: nowrap; /* 防止文本换行 */
           overflow: hidden; /* 隐藏溢出的文本 */
@@ -143,6 +145,7 @@ onMounted(() => {
           .price-left {
             margin-right: 38px;
           }
+
           .sumPrice {
             font-weight: bold;
             font-size: 16px;

src/components/outpatient/MedicalHistory.vue

@@ -12,7 +12,7 @@
               </div>
             </template>
             <div>
-              <DiseaseDetails :detail="item" @copy="copy" @copyItem="copyItem" @copyGoods="copyGoods"></DiseaseDetails>
+              <DiseaseDetails :detail="item" :key="item.id" @copy="copy" @copyItem="copyItem" @copyGoods="copyGoods"></DiseaseDetails>
             </div>
           </el-collapse-item>
         </el-collapse>

src/components/outpatient/MedicalQueue.vue

@@ -309,7 +309,7 @@ watch(() => selectedDate.value, (newValue, oldValue) => {
       }
 
       .item-time {
-        width: 40px;
+        width: 80px;
       }
 
       .item-type {