dev

src/components/common/Header.vue

@@ -151,7 +151,7 @@ let logout = function () {
   localStorage.removeItem('token')
   useRouter().push("/manager/login")
   ElMessage({
-    message: "退出成功，即将为您跳转到登陆页面",
+    message: "退出成功，即将为您跳转到登录页面",
     type: 'success',
     duration: 1000,
   })

src/views/Login.vue

@@ -15,7 +15,7 @@ const handleLogin = () => {
   post("manager/user/login", {username: username.value, password: password.value}).then((token: any) => {
     localStorage.setItem('token', token)
     ElMessage({
-      message: "登陆成功，即将为您跳转到首页",
+      message: "登录成功，即将为您跳转到首页",
       type: 'success',
       duration: 1000,
       onClose: () => {

src/views/member/index.vue

@@ -338,6 +338,8 @@ const openLevelEdit = (vip: any) => {
 
 .container-wrapper {
   display: flex;
+  background: none;
+  padding: 0 24px;
 
   .left {
     height: 100%;

src/views/registration/index.vue

@@ -18,17 +18,21 @@
         </div>
       </div>
       <div class="right">
-       <div class="middle">
-         <el-date-picker
-             v-model="selectedDate"
-             type="daterange"
-             range-separator="-"
-             @change="handleDateChange"
-             start-placeholder="开始时间"
-             end-placeholder="结束时间"
-         />
-         <List :patientList="patientList" @rowClick="rowClick"></List>
-       </div>
+        <div class="middle">
+          <div class="date">
+            <el-date-picker
+                v-model="selectedDate"
+                type="daterange"
+                range-separator="-"
+                @change="handleDateChange"
+                start-placeholder="开始时间"
+                end-placeholder="结束时间"
+            />
+          </div>
+          <div class="list">
+            <List :patientList="patientList" @rowClick="rowClick"></List>
+          </div>
+        </div>
         <div class="bottom">
           <div class="page_btn_list">
             <el-pagination
@@ -55,7 +59,7 @@ import Mask from "@/components/common/Mask.vue";
 import Edit from "@/components/registration/Edit.vue";
 import List from "@/components/registration/List.vue";
 import {post} from "@/utils/request";
-import {formatDate,getToday,formatDateArray} from "@/utils/dateUtils.ts";
+import {formatDate, getToday, formatDateArray} from "@/utils/dateUtils.ts";
 
 const isShowNum = ref(0)
 const roleList = ref<any>([])
@@ -72,13 +76,18 @@ const initDoctor = () => {
   })
 }
 const patientList = ref<any>([])
-const selectedDate = ref<any>([getToday().start,getToday().end])
+const selectedDate = ref<any>([getToday().start, getToday().end])
 const handleDateChange = (date: any[]) => {
   selectedDate.value = formatDateArray(date)
   getPatientList()
 }
 const getPatientList = () => {
-  post('registration/list', {page: page.value, size: size.value,startDate:selectedDate.value[0],endDate:selectedDate.value[1]}).then((res: any) => {
+  post('registration/list', {
+    page: page.value,
+    size: size.value,
+    startDate: selectedDate.value[0],
+    endDate: selectedDate.value[1]
+  }).then((res: any) => {
     patientList.value = res.list
   })
   isShow.value = false
@@ -98,7 +107,9 @@ const rowClick = (row: any) => {
 </script>
 <style scoped lang="scss">
 .container-wrapper {
-  padding-top: 0;
+  background: none;
+  height: 100%;
+  padding: 0 24px;
 }
 
 .content {
@@ -108,6 +119,7 @@ const rowClick = (row: any) => {
   .left {
     height: 100%;
     width: 319px;
+    background: #fff;
 
     li {
       height: 50px;
@@ -152,10 +164,24 @@ const rowClick = (row: any) => {
     padding-left: 20px;
     display: flex;
     flex-direction: column;
-    .middle{
+
+    .middle {
       flex: 1;
       min-height: 0;
+      background: #fff;
+      display: flex;
+      flex-direction: column;
+
+      .date {
+        margin: 30px auto 0;
+        height: 60px;
+      }
+
+      .list {
+        flex: 1;
+      }
     }
+
     .bottom {
       width: 100%;
       height: 60px;
@@ -163,13 +189,10 @@ const rowClick = (row: any) => {
       box-sizing: border-box;
       padding: 10px;
       position: relative;
-      border-bottom: 1px solid #EEE;
-
-      .page_btn_list {
-        position: absolute;
-        left: 0;
-        top: 10px;
-      }
+      border-top: 1px solid #EEE;
+      display: flex;
+      justify-content: flex-end;
+      align-items: center;
     }
   }
 }

src/views/social/directory.vue

@@ -202,13 +202,10 @@ let download = (ver: any, type: any) => {
     box-sizing: border-box;
     padding: 10px;
     position: relative;
-    border-bottom: 1px solid #EEE;
-
-    .page_btn_list {
-      position: absolute;
-      left: 0;
-      top: 10px;
-    }
+    border-top: 1px solid #EEE;
+    display: flex;
+    justify-content: flex-end;
+    align-items: center;
 
     .download_btn {
       position: absolute;