From 5530b17987b88fb2f13e1bedd07b9ebc2a1d580d Mon Sep 17 00:00:00 2001
From: donghaolin <17667510818@163.com>
Date: Fri, 14 Mar 2025 16:52:51 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E4=BC=98=E5=8C=96=EF=BC=8C?=
 =?UTF-8?q?=E5=90=84=E9=A1=B5=E9=9D=A2=E4=BC=98=E5=8C=96=E6=98=BE=E7=A4=BA?=
 =?UTF-8?q?=EF=BC=8C=E8=A1=A8=E5=A4=B4=E3=80=81=E8=A1=A8=E5=B0=BE=E3=80=81?=
 =?UTF-8?q?=E4=BE=A7=E8=BE=B9=E6=A0=8F=E5=9B=BA=E5=AE=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 gold-system/src/views/audit/refundAudit.vue      | 19 +++++++++++++----
 gold-system/src/views/consume/allConsume.vue     | 26 ++++++++++++++++--------
 gold-system/src/views/index.vue                  | 23 +++++++++++++++++----
 gold-system/src/views/recharge/adminRecharge.vue | 19 +++++++++++++----
 gold-system/src/views/recharge/allRecharge.vue   | 21 ++++++++++++++-----
 gold-system/src/views/usergold/index.vue         | 24 +++++++++++++++-------
 gold-system/src/views/usergoldInfo/index.vue     |  5 +++--
 7 files changed, 102 insertions(+), 35 deletions(-)

diff --git a/gold-system/src/views/audit/refundAudit.vue b/gold-system/src/views/audit/refundAudit.vue
index 28a0de0..75b393b 100644
--- a/gold-system/src/views/audit/refundAudit.vue
+++ b/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
diff --git a/gold-system/src/views/consume/allConsume.vue b/gold-system/src/views/consume/allConsume.vue
index b549feb..6d72d4a 100644
--- a/gold-system/src/views/consume/allConsume.vue
+++ b/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
diff --git a/gold-system/src/views/index.vue b/gold-system/src/views/index.vue
index 88d5b93..08c25d7 100644
--- a/gold-system/src/views/index.vue
+++ b/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>
diff --git a/gold-system/src/views/recharge/adminRecharge.vue b/gold-system/src/views/recharge/adminRecharge.vue
index fa579ff..9dc43ae 100644
--- a/gold-system/src/views/recharge/adminRecharge.vue
+++ b/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"
diff --git a/gold-system/src/views/recharge/allRecharge.vue b/gold-system/src/views/recharge/allRecharge.vue
index e78f4c5..766d2fd 100644
--- a/gold-system/src/views/recharge/allRecharge.vue
+++ b/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"
diff --git a/gold-system/src/views/usergold/index.vue b/gold-system/src/views/usergold/index.vue
index d3c871f..6ec1bdc 100644
--- a/gold-system/src/views/usergold/index.vue
+++ b/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"
diff --git a/gold-system/src/views/usergoldInfo/index.vue b/gold-system/src/views/usergoldInfo/index.vue
index 0f57f86..f92c857 100644
--- a/gold-system/src/views/usergoldInfo/index.vue
+++ b/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="序号"