diff --git a/src/views/LayoutInventory.vue b/src/views/LayoutInventory.vue
index 5347cd1..e6083ad 100644
--- a/src/views/LayoutInventory.vue
+++ b/src/views/LayoutInventory.vue
@@ -72,6 +72,7 @@
     bottom: 0; // 调整下划线与文字的距离
     left: 50%;
     transform: translateX(-50%);
+    border-radius: 2px;
   }
 }
 a.router-link-active.router-link-exact-active.child-item{
diff --git a/src/views/LayoutSetting.vue b/src/views/LayoutSetting.vue
index 9bdecb8..54c4adc 100644
--- a/src/views/LayoutSetting.vue
+++ b/src/views/LayoutSetting.vue
@@ -1,56 +1,84 @@
 <template>
   <div class="layout-container">
     <Header class="header"/>
-    <header>
-      <div class="center-wrapper">
-        <div class="childMenu">
-          <router-link :to="item.path" class="child-item" v-for="(item,index) in childMenuList" :key="index">
-            {{ item.name }}
-          </router-link>
+    <div class="body">
+      <header style="height: 50px">
+        <div class="center-wrapper">
+          <div class="childMenu">
+            <router-link :to="item.path" class="child-item" v-for="(item,index) in childMenuList" :key="index">
+              {{ item.name }}
+            </router-link>
+          </div>
         </div>
-      </div>
-    </header>
-    <div class="space"></div>
-    <main class="layout-main">
-      <router-view/>
-    </main>
-    <div class="space"></div>
+      </header>
+      <main class="layout-main" style="margin-top: 24px">
+        <router-view/>
+      </main>
+    </div>
     <Footer class="footer"/>
   </div>
 
 </template>
 
 <style scoped lang="scss">
-
+.body{
+  height: 100%;
+  padding: 24px;
+  display: flex;
+  flex-direction: column;
+}
 .childMenu {
-  height: 60px;
+  width: 100%;
+  height: 50px;
   background: #fff;
   display: flex;
   align-items: center;
+  border-radius: 8px;
 
   .child-item {
+    width: 136px;
     display: inline-block;
     color: #151515;
     outline: none;
     text-decoration: none;
     font-size: 18px;
-    margin-left: 10px;
-    margin-right: 10px;
-    height: 35px;
+    height: 50px;
     position: relative;
+    line-height: 50px;
+    text-align: center;
+    &::before{
+      content: '';
+      position: absolute;
+      right: 0;
+      top:50%;
+      display: block;
+      width: 2px;
+      height: 16px;
+      background: #D8D8D8;
+      border-radius: 1px;
+      transform: translate(0 ,-50%);
+    }
+    &:last-child::before{
+      display: none;
+    }
   }
 
   .router-link-active:after {
     content: '';
     display: block;
-    width: 100%;
-    height: 2px;
-    background-color: #151515; // 下划线颜色
+    width: 80px;
+    height: 4px;
+    background-color: #4D6DE4; // 下划线颜色
     position: absolute;
-    bottom: -5px; // 调整下划线与文字的距离
-    left: 0;
+    bottom: 0; // 调整下划线与文字的距离
+    left: 50%;
+    transform: translateX(-50%);
+    border-radius: 2px;
   }
 }
+a.router-link-active.router-link-exact-active.child-item{
+  color: #4D6DE4;
+}
 </style>
 
 
diff --git a/src/views/member/index.vue b/src/views/member/index.vue
index b89e4e8..6258f7f 100644
--- a/src/views/member/index.vue
+++ b/src/views/member/index.vue
@@ -73,12 +73,17 @@
                   formatListTime(listItem.lastVisitTime) || "-"
                 }}
               </el-descriptions-item>
-              <el-descriptions-item label="证件类型">{{certTypeList.find((item:any)=>item.id==listItem.certType)?.name}}</el-descriptions-item>>
+              <el-descriptions-item label="证件类型">
+                {{ certTypeList.find((item: any) => item.id == listItem.certType)?.name }}
+              </el-descriptions-item>
+              >
               <el-descriptions-item label="证件号码">{{ listItem.certNo || "-" }}</el-descriptions-item>
               <el-descriptions-item label="积分"><span>{{ listItem.integralBalance }}</span>
               </el-descriptions-item>
-              <el-descriptions-item label="地址">{{ areaName}}{{areaName?'/'+listItem.address : listItem.address || "-" }}</el-descriptions-item>
-              <el-descriptions-item label="既往史" >{{ listItem.beforeMedicalHistory || "-" }}</el-descriptions-item>
+              <el-descriptions-item label="地址">
+                {{ areaName }}{{ areaName ? '/' + listItem.address : listItem.address || "-" }}
+              </el-descriptions-item>
+              <el-descriptions-item label="既往史">{{ listItem.beforeMedicalHistory || "-" }}</el-descriptions-item>
               <el-descriptions-item label="过敏史">{{ listItem.allergyHistory || "-" }}</el-descriptions-item>
               <el-descriptions-item label="备注">{{ listItem.remark || "-" }}</el-descriptions-item>
 
@@ -86,60 +91,63 @@
           </div>
         </div>
       </Panel>
-      <Panel title="消费记录" class="right-list">
-        <div class="list-content">
-          <div class="list">
-            <el-table :data="tableData" :header-cell-style="{ backgroundColor: '#F1F5FB' }" style="width: 100%"
-                      @cell-click="openDetail">
-              <el-table-column label="单号" prop="code" show-overflow-tooltip>
-              </el-table-column>
-              <el-table-column label="创建时间" prop="createDatetime">
-                <template #default="scope">
-                  {{ formatDate(scope.row.createDatetime) }}
-                </template>
-              </el-table-column>
-<!--              <el-table-column label="应收" prop="preTotalPrice" width="80">-->
-<!--                <template #default="scope">-->
-<!--                  {{ scope.row.preTotalPrice }}元-->
-<!--                </template>-->
-<!--              </el-table-column>-->
-              <el-table-column label="实收" prop="totalPrice" width="80">
-                <template #default="scope">
-                  {{ scope.row.totalPrice }}元
-                </template>
-              </el-table-column>
-              <el-table-column label="支付方式" width="100">
-                <template #default="scope">
-                  {{ scope.row.payType ? getPayTypeStr(scope.row.payType) : "" }}
-                </template>
-              </el-table-column>
-              <el-table-column label="状态" width="100">
-                <template #default="scope">
-                  <el-tag v-if="scope.row.status==0" type="info">{{ getStatusStr(scope.row.status) }}</el-tag>
-                  <el-tag v-if="scope.row.status==1" type="success">{{ getStatusStr(scope.row.status) }}</el-tag>
-                </template>
-              </el-table-column>
-              <el-table-column label="支付时间" prop="payTime">
-                <template #default="scope">
-                  {{ formatDate(scope.row.payTime) }}
-                </template>
-              </el-table-column>
-            </el-table>
-          </div>
-          <div class="bottom">
-            <div class="page_btn_list">
-              <el-pagination
-                  background
-                  layout="prev, pager, next"
-                  :total="total"
-                  :page-size="pageSize"
-                  @current-change="handleCurrentChange"
-              >
-              </el-pagination>
+      <div class="right-list">
+        <Panel title="消费记录">
+          <div class="panel-content" style="display: flex;flex-direction: column;height: 100%;padding: 0 24px;">
+            <div class="list">
+              <el-table :data="tableData" :header-cell-style="{ backgroundColor: '#F1F5FB' }"
+                        style="width: 100%;height: 100%"
+                        @cell-click="openDetail">
+                <el-table-column label="单号" prop="code" show-overflow-tooltip>
+                </el-table-column>
+                <el-table-column label="创建时间" prop="createDatetime">
+                  <template #default="scope">
+                    {{ formatDate(scope.row.createDatetime) }}
+                  </template>
+                </el-table-column>
+                <!--              <el-table-column label="应收" prop="preTotalPrice" width="80">-->
+                <!--                <template #default="scope">-->
+                <!--                  {{ scope.row.preTotalPrice }}元-->
+                <!--                </template>-->
+                <!--              </el-table-column>-->
+                <el-table-column label="实收" prop="totalPrice" width="80">
+                  <template #default="scope">
+                    {{ scope.row.totalPrice }}元
+                  </template>
+                </el-table-column>
+                <el-table-column label="支付方式" width="100">
+                  <template #default="scope">
+                    {{ scope.row.payType ? getPayTypeStr(scope.row.payType) : "" }}
+                  </template>
+                </el-table-column>
+                <el-table-column label="状态" width="100">
+                  <template #default="scope">
+                    <el-tag v-if="scope.row.status==0" type="info">{{ getStatusStr(scope.row.status) }}</el-tag>
+                    <el-tag v-if="scope.row.status==1" type="success">{{ getStatusStr(scope.row.status) }}</el-tag>
+                  </template>
+                </el-table-column>
+                <el-table-column label="支付时间" prop="payTime">
+                  <template #default="scope">
+                    {{ formatDate(scope.row.payTime) }}
+                  </template>
+                </el-table-column>
+              </el-table>
+            </div>
+            <div class="bottom">
+              <div class="page_btn_list">
+                <el-pagination
+                    background
+                    layout="prev, pager, next"
+                    :total="total"
+                    :page-size="pageSize"
+                    @current-change="handleCurrentChange"
+                >
+                </el-pagination>
+              </div>
             </div>
           </div>
-        </div>
-      </Panel>
+        </Panel>
+      </div>
     </div>
   </div>
   <VipEdit ref="refEdit" @close="init"></VipEdit>
@@ -274,7 +282,7 @@ const findAreaName = (code: string | null): string => {
   // 如果都没找到，返回原始 code
   return code;
 };
-const areaName=ref<any>('')
+const areaName = ref<any>('')
 // 点击列表中的某一项
 const btn = (item: any, i: number) => {
   index.value = i
@@ -290,8 +298,8 @@ const btn = (item: any, i: number) => {
   } catch (error) {
     areaData = null; // 或默认值
   }
-  if (areaData != null){
-    areaName.value=findAreaName(areaData[areaData?.length-1])
+  if (areaData != null) {
+    areaName.value = findAreaName(areaData[areaData?.length - 1])
   }
 
   getChargeList(listItem.value.id)
@@ -372,7 +380,7 @@ const handleCurrentChange = (val: number) => {
 };
 const levelEditRef = ref();
 const antysList = ref<any>(Object.entries(antys).map(([id, name]) => ({id, name})))
-const certTypeList=ref<any>(Object.entries(psnCertTypes).map(([id,name])=>({id,name})))
+const certTypeList = ref<any>(Object.entries(psnCertTypes).map(([id, name]) => ({id, name})))
 
 </script>
 <style scoped lang="scss">
@@ -596,34 +604,19 @@ const certTypeList=ref<any>(Object.entries(psnCertTypes).map(([id,name])=>({id,n
       display: flex;
       flex-direction: column;
       min-height: 0;
-
-      .list-content {
+      .list {
+        flex: 1;
+        min-height: 0;
+      }
+      .bottom {
+        width: 100%;
+        height: 60px;
+        background-color: #FFF;
+        box-sizing: border-box;
+        padding: 10px;
+        border-top: 1px solid #EEE;
         display: flex;
-        flex-direction: column;
-        padding: 0 24px;
-        height: 100%;
-
-        .list {
-          flex: 1;
-          display: flex;
-          flex-direction: column;
-        }
-
-        .bottom {
-          width: 100%;
-          height: 60px;
-          background-color: #FFF;
-          box-sizing: border-box;
-          padding: 10px;
-          position: relative;
-          border-top: 1px solid #EEE;
-
-          .page_btn_list {
-            position: absolute;
-            left: 0;
-            top: 10px;
-          }
-        }
+        justify-content: flex-end;
       }
     }
   }