页面优化，各页面优化显示，表头、表尾、侧边栏固定

gold-system/src/views/audit/refundAudit.vue

@@ -525,8 +525,9 @@ onMounted(async function () {
           <el-tab-pane label="已通过" name="pass"></el-tab-pane>
           <el-tab-pane label="已驳回" name="reject"></el-tab-pane>
         </el-tabs>
-        <div>
-          <el-table :data="tableData" :height="tableHeight" style="width: 100%">
+        <!-- 设置表格容器的高度和滚动样式 -->
+        <div style="height: 630px; overflow-y: auto">
+          <el-table :data="tableData" style="width: 100%" height="630px">
             <el-table-column
               type="index"
               label="序号"
@@ -539,8 +540,18 @@ onMounted(async function () {
                 }}</span>
               </template>
             </el-table-column>
-            <el-table-column prop="username" label="姓名" width="150px" />
-            <el-table-column prop="jwcode" label="精网号" width="150px" />
+            <el-table-column
+              fixed="left"
+              prop="username"
+              label="姓名"
+              width="150px"
+            />
+            <el-table-column
+              fixed="left"
+              prop="jwcode"
+              label="精网号"
+              width="150px"
+            />
             <el-table-column prop="area" label="所属地区" width="100px" />
             <el-table-column prop="refundType" label="退款类型" width="100px" />
             <el-table-column

gold-system/src/views/consume/allConsume.vue

@@ -350,13 +350,9 @@ getGoods();
   <el-row>
     <el-col>
       <el-card>
-        <div>
-          <el-table
-            :data="tableData"
-            :height="tableHeight"
-            style="width: 100%"
-            :default-sort="{ prop: 'createTime ', order: 'descending' }"
-          >
+        <!-- 设置表格容器的高度和滚动样式 -->
+        <div style="height: 680px; overflow-y: auto">
+          <el-table :data="tableData" style="width: 100%" height="680px">
             <el-table-column
               type="index"
               label="序号"
@@ -369,8 +365,20 @@ getGoods();
                 }}</span>
               </template>
             </el-table-column>
-            <el-table-column prop="username" label="姓名" width="150px" />
-            <el-table-column prop="jwcode" label="精网号" width="120px" />
+            <!-- 固定姓名列 -->
+            <el-table-column
+              prop="username"
+              label="姓名"
+              width="150px"
+              fixed="left"
+            />
+            <!-- 固定精网号列 -->
+            <el-table-column
+              prop="jwcode"
+              label="精网号"
+              width="120px"
+              fixed="left"
+            />
             <el-table-column prop="uarea" label="所属地区" width="120px" />
             <el-table-column prop="productName" label="商品" width="200px" />
             <el-table-column

gold-system/src/views/index.vue

@@ -61,7 +61,16 @@ onMounted(async function () {
 <template>
   <div class="common-layout">
     <el-container>
-      <el-aside style="width: 15%; min-width: 180px">
+      <el-aside
+        style="
+          width: 15%;
+          min-width: 180px;
+          position: fixed;
+          top: 0;
+          left: 0;
+          height: 100vh;
+        "
+      >
         <div class="logo">
           <img
             src="../assets/金币管理系统logo.png"
@@ -222,8 +231,9 @@ onMounted(async function () {
           </el-menu-item>
         </el-menu>
       </el-aside>
-      <el-container>
-        <el-header>
+      <el-container style="margin-left: 15%; min-width: 180px">
+        <!-- 修改 el-header 样式 -->
+        <el-header style="position: fixed; top: 0; left: 15%; right: 0; z-index: 101;">
           <el-menu
             :default-active="activeIndex"
             class="el-menu-demo"
@@ -248,7 +258,8 @@ onMounted(async function () {
             </el-menu-item>
           </el-menu>
         </el-header>
-        <el-main>
+        <!-- 修改 el-main 样式 -->
+        <el-main style="margin-top: 60px;"> <!-- 60px 是 el-header 的大致高度，可根据实际情况调整 -->
           <router-view></router-view>
         </el-main>
       </el-container>
@@ -299,4 +310,8 @@ onMounted(async function () {
   margin: 20px 0px 20px 20px;
   display: flex;
 }
+.el-menu {
+  border: none; /* 去除边框 */
+  padding: 0; /* 去除内边距 */
+}
 </style>

gold-system/src/views/recharge/adminRecharge.vue

@@ -439,8 +439,9 @@ onMounted(async function () {
           <el-tab-pane label="已通过" name="pass"></el-tab-pane>
           <el-tab-pane label="已驳回" name="reject"></el-tab-pane>
         </el-tabs>
-        <div>
-          <el-table :data="tableData" :height="tableHeight" style="width: 100%">
+        <!-- 设置表格容器的高度和滚动样式 -->
+        <div style="height: 630px; overflow-y: auto">
+          <el-table :data="tableData" style="width: 100%" height="630px">
             <el-table-column
               type="index"
               label="序号"
@@ -453,8 +454,18 @@ onMounted(async function () {
                 }}</span>
               </template>
             </el-table-column>
-            <el-table-column prop="username" label="姓名" width="100px" />
-            <el-table-column prop="jwcode" label="精网号" width="130px" />
+            <el-table-column
+              fixed="left"
+              prop="username"
+              label="姓名"
+              width="100px"
+            />
+            <el-table-column
+              fixed="left"
+              prop="jwcode"
+              label="精网号"
+              width="130px"
+            />
             <el-table-column prop="area" label="所属地区" width="100px" />
             <el-table-column
               prop="activityName"

gold-system/src/views/recharge/allRecharge.vue

@@ -413,12 +413,13 @@ onMounted(async function () {
           <el-tab-pane label="已通过" name="pass"></el-tab-pane>
           <el-tab-pane label="已驳回" name="reject"></el-tab-pane>
         </el-tabs>
-        <div>
-          <el-table :data="tableData" :height="tableHeight" style="width: 100%">
+        <!-- 设置表格容器的高度和滚动样式 -->
+        <div style="height: 630px; overflow-y: auto">
+          <el-table :data="tableData" style="width: 100%" height="630px">
             <el-table-column
               type="index"
               label="序号"
-              width="100px"
+              width="70px"
               fixed="left"
             >
               <template #default="scope">
@@ -427,8 +428,18 @@ onMounted(async function () {
                 }}</span>
               </template>
             </el-table-column>
-            <el-table-column prop="username" label="姓名" width="100px" />
-            <el-table-column prop="jwcode" label="精网号" width="130px" />
+            <el-table-column
+              fixed="left"
+              prop="username"
+              label="姓名"
+              width="100px"
+            />
+            <el-table-column
+              fixed="left"
+              prop="jwcode"
+              label="精网号"
+              width="130px"
+            />
             <el-table-column prop="area" label="所属地区" width="100px" />
             <el-table-column
               prop="activityName"

gold-system/src/views/usergold/index.vue

@@ -322,7 +322,7 @@ const areyour = async function () {
 
     // 处理 excelInfo 中的数据
     if (Array.isArray(excelInfo.value)) {
-      excelInfo.value.forEach(item => {
+      excelInfo.value.forEach((item) => {
         if (item.rechargeCoin) {
           item.rechargeCoin = item.rechargeCoin / 100;
         }
@@ -594,8 +594,7 @@ const get30 = function () {
             style="margin-right: 700px"
           />
           <el-button type="success" @click="getPutEX = true"
-            >导出Excel表格</el-button>
-          >
+            >导出Excel表格</el-button
           >
           <el-button @click="reset()">重置</el-button>
           <el-button type="primary" @click="search()">查询</el-button>
@@ -611,8 +610,9 @@ const get30 = function () {
             Math.abs(rechargeCoin)
           }}，任务金币：{{ Math.abs(taskCoin) }}
         </div>
-        <div>
-          <el-table :data="tableData" :height="tableHeight" style="width: 100%">
+        <!-- 设置表格容器的高度和滚动样式 -->
+        <div style="height: 670px; overflow-y: auto">
+          <el-table :data="tableData" style="width: 100%" height="670px">
             <el-table-column
               type="index"
               label="序号"
@@ -625,8 +625,18 @@ const get30 = function () {
                 }}</span>
               </template>
             </el-table-column>
-            <el-table-column prop="username" label="姓名" width="130" />
-            <el-table-column prop="jwcode" label="精网号" width="170" />
+            <el-table-column
+              fixed="left"
+              prop="username"
+              label="姓名"
+              width="130"
+            />
+            <el-table-column
+              fixed="left"
+              prop="jwcode"
+              label="精网号"
+              width="170"
+            />
             <el-table-column prop="area" label="所属地区" width="170" />
             <el-table-column
               prop="consumePlatform"

gold-system/src/views/usergoldInfo/index.vue

@@ -239,8 +239,9 @@ onMounted(async function () {
   <el-row>
     <el-col>
       <el-card>
-        <div>
-          <el-table :data="tableData" :height="tableHeight" style="width: 100%">
+        <!-- 设置表格容器的高度和滚动样式 -->
+        <div style="height: 750px; overflow-y: auto">
+          <el-table :data="tableData" style="width: 100%" height="750px">
             <el-table-column
               type="index"
               label="序号"