diff --git a/src/components/charge/ChargeQueue.vue b/src/components/charge/ChargeQueue.vue index 86c9d70..a7d65ad 100644 --- a/src/components/charge/ChargeQueue.vue +++ b/src/components/charge/ChargeQueue.vue @@ -55,7 +55,7 @@
  • - + 头像 @@ -63,11 +63,11 @@ src="/static/images/outpatient/women.png" alt="头像"/> - {{ item.patientName }} - - {{ formatListTime(item.createTime) || '-' }} - - {{ item.status == 0 ? '未收' :item.status ==1?'已收':item.status ==2? '已退':'' }} + {{ item.patientName }} + {{ formatListTime(item.createTime) || '-' }} + {{ + item.status == 0 ? '未收' : item.status == 1 ? '已收' : item.status == 2 ? '已退' : '' + }}
  • @@ -266,37 +266,42 @@ const selected = ref(false) cursor: pointer; span { - flex: 1; - display: flex; - align-items: center; - justify-content: center; + display: block; + line-height: 48px; + text-align: center; + } + + .item-avatar { + width: 26px; + height: 100%; + margin-right: 10px; .avatar { + margin-top: 11px; width: 26px; height: 26px; } } + .item-name { + flex: 1; + min-width: 0; + text-align: left; + white-space: nowrap; // 防止文本换行 + overflow: hidden; // 隐藏溢出的文本 + text-overflow: ellipsis; // 显示省略号 + } + + .item-time { + width: 40px; + } + .item-status{ + width: 40px; + } &:hover { background: rgba(#4D6DE4, 0.1); } - - .item_name { - flex: 1.5; - white-space: nowrap; // 防止文本换行 - overflow: hidden; // 隐藏溢出的文本 - text-overflow: ellipsis; // 显示省略号 - } - - .item_time { - flex: 2; - white-space: nowrap; // 防止文本换行 - overflow: hidden; // 隐藏溢出的文本 - text-overflow: ellipsis; // 显示省略号 - } - - } .status-active { diff --git a/src/components/outpatient/MedicalQueue.vue b/src/components/outpatient/MedicalQueue.vue index 82fa308..209f829 100644 --- a/src/components/outpatient/MedicalQueue.vue +++ b/src/components/outpatient/MedicalQueue.vue @@ -30,18 +30,18 @@
  • - + 头像 头像 - {{ item.name }} - {{ item.age || 0 }}岁 - + {{ item.name }} + {{ item.age || 0 }}岁 + {{ formatListTime(item.createDatetime) || '-' }} - {{ item.type == 2 ? '医保' : '自费' }} + {{ item.type == 2 ? '医保' : '自费' }}
  • @@ -144,7 +144,7 @@ const initStatusList = () => { const clickLi = (item: any, showBox: any = true) => { curItem.value = item if (item != null && item.status == 1 && showBox) { - ElMessageBox.confirm(`您将要接诊${item.name}`, "提示", { + ElMessageBox.confirm(`您将要接诊:${item.name}`, "提示", { confirmButtonText: '确定', cancelButtonText: '取消', callback: (action: any) => { @@ -271,8 +271,6 @@ watch(() => selectedDate.value, (newValue, oldValue) => { .list-item { height: 48px; display: flex; - justify-content: space-between; - align-items: center; padding: 0 26px 0 28px; font-weight: 400; font-size: 14px; @@ -281,24 +279,47 @@ watch(() => selectedDate.value, (newValue, oldValue) => { cursor: pointer; span { - display: flex; - align-items: center; + display: block; + line-height: 48px; + text-align: center; + } + + .item-avatar { + width: 26px; + margin-right: 10px; .avatar { + margin-top: 11px; width: 26px; height: 26px; } } + .item-name { + flex: 1; + min-width: 0; + text-align: left; + white-space: nowrap; // 防止文本换行 + overflow: hidden; // 隐藏溢出的文本 + text-overflow: ellipsis; // 显示省略号 + } + + .item-age { + width: 40px; + } + + .item-time { + width: 40px; + } + + .item-type { + width: 40px; + } + &:hover { background: rgba(#4D6DE4, 0.5); } - .item_name { - white-space: nowrap; // 防止文本换行 - overflow: hidden; // 隐藏溢出的文本 - text-overflow: ellipsis; // 显示省略号 - } .item_time { white-space: nowrap; // 防止文本换行 diff --git a/src/components/registration/List.vue b/src/components/registration/List.vue index 2d529dc..998939c 100644 --- a/src/components/registration/List.vue +++ b/src/components/registration/List.vue @@ -5,7 +5,7 @@ @row-click="rowClick" style="height: 100%" > - +