dev

src/views/registration/index.vue

@@ -10,9 +10,10 @@
         <div class="left-bottom">
           <Panel title="医生列表">
             <div class="panel-content" style="display: flex;flex-direction: column;height: 100%">
-              <div class="search">
+              <div class="search" style="display: flex">
                 <el-input style="height: 100%" v-model="keyword" placeholder="搜索医生姓名"
                           @keydown.enter="initDoctor" :prefix-icon="Search"></el-input>
+                <span class="default-btn" @click="allList">全部</span>
               </div>
               <div class="content_list" style="padding: 0 24px">
                 <ul class="role_list">
@@ -22,9 +23,9 @@
                       <span class="name">{{ item.name }}</span>
                       <span class="section_name">{{ item.sectionNames }}</span>
                       <span v-if="dateName" class="btn" @click="openDialog(item,index)"
-                            @mouseover="isShowNum = index"
-                            @mouseleave="isShowNum = -1">
-                      <img v-if="isShowNum==index" src="/static/images/registration/3-active.png"
+                            @mouseover="isShow = index"
+                            @mouseleave="isShow = -1">
+                      <img v-if="isShow==index" src="/static/images/registration/3-active.png"
                            style="width: 15px;height: 14px;margin-right: 8px" alt="">
                       <img v-else src="/static/images/registration/3.png" alt=""
                            style="width: 15px;height: 14px;margin-right: 8px">
@@ -102,8 +103,7 @@ const getActionText = (date: string) => {
       selectedDate.getFullYear() < today.getFullYear() ||
       selectedDate.getMonth() < today.getMonth() ||
       selectedDate.getDate() < today.getDate()
-  )
-  {
+  ) {
     return ''
   } else if (
       selectedDate.getFullYear() === today.getFullYear() &&
@@ -122,6 +122,7 @@ onMounted(() => {
   selectedDate.value = [getPrevious30Days(), getToday().end]
   initDoctor()
   getPatientList()
+  doctorId.value = null
 })
 const keyword = ref<any>('');
 
@@ -144,13 +145,13 @@ const handleDateChange = (date: any[]) => {
   getPatientList()
 }
 const getPatientList = () => {
-  isShowNum.value = -1
   id.value = null
   post('registration/list', {
     page: page.value,
     size: size.value,
     startDate: selectedDate.value[0],
-    endDate: selectedDate.value[1]
+    endDate: selectedDate.value[1],
+    doctorId: doctorId.value,
   }).then((res: any) => {
     patientList.value = res.list
     total.value = res.total_count
@@ -170,9 +171,10 @@ const rowClick = (row: any) => {
     editRef.value?.init(row.organizationDoctorId, row.id)
   })
 }
+const isShow = ref(-1)
 const editRef = ref<any>('')
 const openDialog = (item: any, index: any) => {
-  isShowNum.value = index
+  isShow.value = index
   nextTick(() => {
     editRef.value?.init(item.id)
   })
@@ -185,7 +187,16 @@ const reset = () => {
   keyword.value = ''
   getPatientList()
 }
-const changeRole=(item: any) => {
+const doctorId = ref(null)
+const changeRole = (item: any, index: any) => {
+  isShowNum.value = index
+  doctorId.value = item.id
+  getPatientList()
+}
+const allList = () => {
+  selectedDate.value = [getPrevious30Days(), getToday().end]
+  isShowNum.value = -1
+  doctorId.value = null
   getPatientList()
 }
 </script>
@@ -242,6 +253,7 @@ const changeRole=(item: any) => {
               padding: 0 10px;
               border-radius: 5px;
               align-items: center;
+              cursor: pointer;
 
               &:hover {
                 background: rgba(#4D6DE4, 0.3);
@@ -283,6 +295,7 @@ const changeRole=(item: any) => {
                 &:hover {
                   background: #4D6DE4;
                   color: #FFF;
+                  border: 1px solid #fff;
                 }
               }
 
@@ -290,18 +303,14 @@ const changeRole=(item: any) => {
             }
 
             .active {
-              background: #4D6DE4;
+              background: #4D6DE4 !important;
 
               .name {
-                color: #fff;
+                color: #fff !important;
               }
 
               .section_name {
-                color: #fff;
-              }
-
-              .btn {
-                color: #fff;
+                color: #fff !important;
               }
             }
           }
@@ -364,5 +373,8 @@ const changeRole=(item: any) => {
   }
 }
 
+.default-btn {
+  margin-left: 24px;
+}
 
 </style>