+
欢迎使用药慧精灵
@@ -127,7 +139,7 @@ const showAuth = () => {
>
-
+
diff --git a/src/views/outpatient/index.vue b/src/views/outpatient/index.vue
index d616aa1..b100bed 100644
--- a/src/views/outpatient/index.vue
+++ b/src/views/outpatient/index.vue
@@ -205,6 +205,7 @@ watch(() => registerId.value, (newValue) => {
flex: 1;
display: flex;
flex-direction: column;
+ min-width: 0;
.case {
background: #FFFFFF;
diff --git a/src/views/registration/index.vue b/src/views/registration/index.vue
index 680fa7d..da9ef58 100644
--- a/src/views/registration/index.vue
+++ b/src/views/registration/index.vue
@@ -17,10 +17,10 @@
-
+ @click="openDialog(item,index)" :class="{active:isShowNum==index}" >
{{ item.name }}
{{ item.sectionName }}
- 挂号
+ 挂号
@@ -77,7 +77,7 @@ import {formatDate, getToday, formatDateArray} from "@/utils/dateUtils.ts";
import Calendar from "@/components/common/Calendar.vue";
import Panel from "@/components/common/Panel.vue";
-const isShowNum = ref(0)
+const isShowNum = ref(-1)
const roleList = ref
([])
onMounted(() => {
@@ -129,7 +129,8 @@ const rowClick = (row: any) => {
})
}
const editRef = ref('')
-const openDialog = (item: any) => {
+const openDialog = (item: any,index: any) => {
+ isShowNum.value=index
doctorId.value = item.id
nextTick(() => {
editRef.value?.init()
@@ -171,31 +172,42 @@ const close = () => {
height: 50px;
display: flex;
font-size: 14px;
- justify-content: space-between;
- align-items: center;
padding: 0 10px;
border-radius: 5px;
+ align-items: center;
+ cursor: pointer;
+
+ &:hover {
+ background: #4D6DE4;
+
+ .name {
+ color: #fff;
+ }
+
+ .section_name {
+ color: #fff;
+ }
+
+ .btn {
+ color: #fff;
+ }
+ }
.name {
color: #999;
-
+ width: 100px;
}
.section_name {
+ flex: 1;
color: #999;
}
.btn {
+ width: 50px;
color: #b9b9ba;
- border: 1px solid #b9b9ba;
padding: 5px;
border-radius: 3px;
- cursor: pointer;
-
- &:hover {
- color: #fff;
- background: #4D6DE4;
- }
}
@@ -209,13 +221,28 @@ const close = () => {
margin-top: 10px;
}
+ .active {
+ background: #4D6DE4;
+
+ .name {
+ color: #fff;
+ }
+
+ .section_name {
+ color: #fff;
+ }
+
+ .btn {
+ color: #fff;
+ }
+ }
}
.right {
margin-left: 20px;
flex: 1;
height: 100%;
-
+ min-width: 0;
.right-content {
padding-left: 20px;
display: flex;