style: 分页激活的按钮样式

src/css/btn.css

@@ -37,12 +37,37 @@ v-if="hasRecharge"
         border-color: transparent;
     }
 }
-
+/** ----------------------------------**/
+/** 通过驳回按钮 使用的是el-link **/
 .pass-btn {
     color: #2741DE;
-    margin-right: 5px
+    margin-right: 5px;
 }
 .reject-btn {
     color: #2741DE;
-    margin-left: 5px
+    margin-left: 5px;
+}
+
+/* 清除hover状态的样式变化 */
+.pass-btn:hover,
+.reject-btn:hover {
+    color: #2741DE; /* 保持与默认状态相同的颜色 */
+}
+/** ----------------------------------**/
+
+/** ----------------------------------**/
+/** 编辑 按钮 使用的是el-link **/
+.edit-btn {
+    color: #2741DE;
+}
+.edit-btn:hover{
+    color: #2741DE; /* 保持与默认状态相同的颜色 */
+}
+/** ----------------------------------**/
+
+
+/** ----------------------------------**/
+.el-pagination .el-pager li.is-active {
+    background-color: #2741DE !important;
+    color: #FFFFFF !important;
 }

src/views/audit/bean/beanAudit.vue

@@ -78,9 +78,9 @@
           <div class="operation">
             <el-popconfirm title="确定要通过此条记录吗？" @confirm="handleApprove(scope.row)">
               <template #reference>
-                <el-button v-if="hasbeanWaitThough" :disabled="clicked || cancelClicked" type="primary" text>
+                <el-link :underline="false" class="pass-btn" v-if="hasbeanWaitThough" :disabled="clicked || cancelClicked" type="primary">
                   通过
-                </el-button>
+                </el-link>
               </template>
               <template #actions="{ confirm }">
                 <el-button size="small">取消</el-button>
@@ -89,10 +89,10 @@
                 </el-button>
               </template>
             </el-popconfirm>
-            <el-button v-if="hasbeanWaitReject" :disabled="clicked || cancelClicked" type="primary" text
+            <el-link :underline="false" class="reject-btn" v-if="hasbeanWaitReject" :disabled="clicked || cancelClicked" type="primary"
               @click="showRejectDialog(scope.row)">
               驳回
-            </el-button>
+            </el-link>
           </div>
         </template>
       </el-table-column>

src/views/audit/gold/refundAudit.vue

@@ -57,7 +57,8 @@
     </el-tabs>
 
     <div class="goldStatistics">
-      退款总金币数：{{ format3((stats.permanentGolds + stats.freeGolds + stats.taskGolds).toFixed(2))
+      退款总金币数：{{
+        format3((stats.permanentGolds + stats.freeGolds + stats.taskGolds).toFixed(2))
       }}金币&nbsp;&nbsp;&nbsp;&nbsp;
       永久金币：{{ format3(stats.permanentGolds.toFixed(2)) }}金币&nbsp;&nbsp;&nbsp;&nbsp;
       免费金币：{{ format3(stats.freeGolds.toFixed(2)) }}金币&nbsp;&nbsp;&nbsp;&nbsp;
@@ -118,15 +119,17 @@
           {{ row.auditTime ? moment(row.auditTime).format('YYYY-MM-DD HH:mm:ss') : '--' }}
         </template>
       </el-table-column>
-      <el-table-column v-if="checkTab === 'pending' && (hasrefundWaitThough || hasrefundWaitReject)&&hasrefundWaitShow" fixed="right"
+      <el-table-column v-if="checkTab === 'pending' && (hasrefundWaitThough || hasrefundWaitReject)&&hasrefundWaitShow"
+                       fixed="right"
                        prop="operation" label="操作" width="150px">
         <template #default="scope">
           <div class="operation">
             <el-popconfirm title="确定要通过此条记录吗？" @confirm="handleApprove(scope.row)">
               <template #reference>
-                <el-button v-if="hasrefundWaitThough" :disabled="clicked || cancelClicked" type="primary" text>
+                <el-link :underline="false" class="pass-btn" v-if="hasrefundWaitThough"
+                         :disabled="clicked || cancelClicked" type="primary">
                   通过
-                </el-button>
+                </el-link>
               </template>
               <template #actions="{ confirm, cancel }">
                 <el-button size="small" @click="cancel">取消</el-button>
@@ -135,16 +138,18 @@
                 </el-button>
               </template>
             </el-popconfirm>
-            <el-button v-if="hasrefundWaitReject" :disabled="clicked || cancelClicked" type="primary" text
+            <el-link :underline="false" class="reject-btn" v-if="hasrefundWaitReject"
+                     :disabled="clicked || cancelClicked" type="primary"
                      @click="showRejectDialog(scope.row)">
               驳回
-            </el-button>
+            </el-link>
           </div>
         </template>
       </el-table-column>
     </el-table>
     <el-pagination class="pagination" v-model:current-page="pagination.pageNum" v-model:page-size="pagination.pageSize"
-      layout="total, sizes, prev, pager, next, jumper" :total="pagination.total" @size-change="handlePageSizeChange"
+                   layout="total, sizes, prev, pager, next, jumper" :total="pagination.total"
+                   @size-change="handlePageSizeChange"
                    @current-change="handleCurrentChange"></el-pagination>
   </el-card>
 
@@ -173,6 +178,7 @@ import { useAdminStore } from "@/store/index.js";
 import {storeToRefs} from "pinia";
 import dayjs from "dayjs";
 import {permissionMapping, hasMenuPermission} from "@/utils/menuTreePermission.js"
+
 const adminStore = useAdminStore();
 const {adminData, menuTree} = storeToRefs(adminStore);
 const defaultTime = [

src/views/managerecharge/rate.vue

@@ -277,11 +277,11 @@ onMounted(async function () {
       </el-table-column>
       <el-table-column v-if="hasrateEdit" label="操作" :span="3">
         <template #default="scope">
-          <el-button type="text" @click="() => {
+          <el-link :underline="false" class="edit-btn" @click="() => {
             regeEdit = true
             getEditData(scope.row)
           }">编辑
-          </el-button>
+          </el-link>
         </template>
       </el-table-column>
     </el-table>