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%"
>
-
+