diff --git a/.env.development b/.env.development
index 315e256..2113484 100644
--- a/.env.development
+++ b/.env.development
@@ -1,12 +1,13 @@
-VITE_API_BASE='https://hwjb.homilychart.com/dev/admin'
+# VITE_API_BASE='https://hwjb.homilychart.com/dev/admin'
 # 测试环境
 #  VITE_API_BASE='http://18.143.76.3:10704/'
 #  VITE_API_BASE='http://192.168.9.52:10705/'
 VITE_UPLOAD_URL=http://39.101.133.168:8828/hljw/api/aws/upload
 #  VITE_API_BASE='http://192.168.9.28:8081/'
-#  VITE_API_BASE='http://192.168.9.28:8081/'
 # sunjiabei
 #  VITE_API_BASE='http://192.168.9.28:8081/'
 #  VITE_API_BASE='http://192.168.5.92:8081/'
 # zhangyong
-#  VITE_API_BASE='http://192.168.9.62:8081/'
+#  VITE_API_BASE='http://192.168.3.83:8081/'
+# 李慧琳
+VITE_API_BASE='http://localhost:8081/'
diff --git a/src/assets/403.png b/src/assets/403.png
new file mode 100644
index 0000000..a7e0b40
Binary files /dev/null and b/src/assets/403.png differ
diff --git a/src/router/index.js b/src/router/index.js
index f2932b3..4d4eb38 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -52,6 +52,11 @@ const routes = [
                         meta: {permissionId: [13, 14]} // 对应"查看退款审核"id=13、"退款审批"id=14
                     },
                 ]
+            },{
+                path: 'beanAudit',
+                name: "beanAudit",
+                component: () => import("../views/audit/beanAudit.vue"),
+                meta: {permissionId: [54,55]}
             },
 
 
@@ -83,35 +88,35 @@ const routes = [
             {
                 path: '/beanConsume',
                 name: "beanConsume",
-                component: () => import("../views/consume/beanConsume.vue"),
+                component: () => import("../views/consume/bean/beanConsume.vue"),
                 meta: {permissionId: 42},
                 children: [
                     // 金豆新增消耗
                     {
                         path: 'add',
                         name: "addBeanConsume",
-                        component: () => import("../views/consume/addBeanConsume.vue"),
+                        component: () => import("../views/consume/bean/addBeanConsume.vue"),
                         meta: {permissionId: 49} // 对应"提交金豆消耗"id=49
                     },
                     // 直播
                     {
                         path: 'live',
                         name: "liveStream",
-                        component: () => import("../views/consume/liveStream.vue"),
+                        component: () => import("../views/consume/bean/liveStream.vue"),
                         meta: {permissionId: 50} // 对应"直播"id=50
                     },
                     // 铁粉
                     {
                         path: 'fan',
                         name: "dieHardFan",
-                        component: () => import("../views/consume/dieHardFan.vue"),
+                        component: () => import("../views/consume/bean/dieHardFan.vue"),
                         meta: {permissionId: 51} // 对应"铁粉"id=51
                     },
                     // 文章视频
                     {
                         path: 'article',
                         name: "articleVideo",
-                        component: () => import("../views/consume/articleVideo.vue"),
+                        component: () => import("../views/consume/bean/articleVideo.vue"),
                         meta: {permissionId: 52} // 对应"文章视频"id=52
                     }
 
@@ -229,8 +234,14 @@ const routes = [
                     },
                 ]
             },
+            {
+                path: 'userbean',
+                name: "userbean",
+                component: () => import("../views/usergold/userbean.vue"),
+                meta:{ permissionId: 45 }
+            },
 
-            // 权限
+            // 权限管理
             {
                 path: '/permissions',
                 name: "permissions",
@@ -330,7 +341,7 @@ router.beforeEach(async (to, from, next) => {
 
         // 获取管理员信息
         let roleId = null;
-        console.log('adminData:', adminData)
+        console.log('路由的adminData:', adminData.value)
         try {
             roleId = adminData.value.roleId;
             if (!roleId) {
diff --git a/src/views/audit/beanAudit.vue b/src/views/audit/beanAudit.vue
index 96c0baf..a2a8a4e 100644
--- a/src/views/audit/beanAudit.vue
+++ b/src/views/audit/beanAudit.vue
@@ -1,11 +1,413 @@
-<script setup lang="ts">
+<template>
+    <el-card style="margin-bottom: 5px">
+        <el-row style="margin-bottom: 10px">
+            <el-col :span="6">
+                <el-text size="large">精网号：</el-text>
+                <el-input v-model="searchForm.jwcode" placeholder="请输入精网号" style="width: 240px" clearable />
+            </el-col>
+            <el-col :span="6">
+                <el-text size="large">所属地区：</el-text>
+                <el-select v-model="searchForm.market" placeholder="请选择" style="width: 240px" clearable>
+                    <el-option v-for="item in marketOptions" :key="item" :label="item" :value="item" />
+                </el-select>
+            </el-col>
+        </el-row>
+        <el-row>
+            <el-col :span="15">
+                <div class="time-controls">
+                    <div class="time-group">
+                        <el-text size="large" style="width: 80px">充值时间：</el-text>
+                        <el-date-picker v-model="dateRange" type="datetimerange" range-separator="至"
+                            start-placeholder="开始时间" end-placeholder="结束时间" style="width: 400px"
+                            @change="handleDatePickerChange" />
+                        <el-button @click="getToday()" style="margin-left: 10px"
+                            :type="activeTimeRange === 'today' ? 'primary' : ''"> 今</el-button>
+                        <el-button @click="getYesterday()" style="margin-left: 10px"
+                            :type="activeTimeRange === 'yesterday' ? 'primary' : ''"> 昨</el-button>
+                        <el-button @click="get7Days()" style="margin-left: 10px"
+                            :type="activeTimeRange === '7days' ? 'primary' : ''"> 近7天</el-button>
+                        <el-button type="success" @click="resetSearch">重置</el-button>
+                        <el-button type="primary" @click="handleSearch">查询</el-button>
+                    </div>
+                </div>
+            </el-col>
+        </el-row>
+    </el-card>
 
-</script>
+    <el-card>
+        <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
+            <el-tab-pane label="待审核" name="wait"></el-tab-pane>
+            <el-tab-pane label="已通过" name="pass"></el-tab-pane>
+            <el-tab-pane label="已驳回" name="reject"></el-tab-pane>
+        </el-tabs>
 
-<template>
+        <div>
+            总条数：{{ stats.num }}条&nbsp;&nbsp;&nbsp;&nbsp;
+            总金豆数：{{ stats.beanNum }}金豆&nbsp;&nbsp;&nbsp;&nbsp;
+            永久金豆：{{ stats.permanentBean }}金豆&nbsp;&nbsp;&nbsp;&nbsp;
+            免费金豆：{{ stats.freeBean }}金豆
+        </div>
 
+        <el-table :data="tableData" height="540px" @sort-change="handleSortChange">
+            <el-table-column prop="id" label="序号" width="80" />
+            <el-table-column prop="name" label="姓名" width="120" show-overflow-tooltip />
+            <el-table-column prop="jwcode" label="精网号" width="120" />
+            <el-table-column prop="market" label="所属地区" width="120" />
+            <el-table-column prop="permanentBean" label="付费金豆" width="120" sortable="custom" />
+            <el-table-column prop="freeBean" label="免费金豆" width="120" sortable="custom" />
+            <el-table-column prop="remark" label="备注" width="150" show-overflow-tooltip />
+            <el-table-column prop="submitName" label="提交人" width="120" />
+            <el-table-column v-if="checkTab === 'reject'" prop="reason" label="驳回理由" width="120"
+                show-overflow-tooltip />
+            <el-table-column v-if="checkTab !== 'pending'" prop="auditName" label="审核人" width="120" />
+            <el-table-column prop="createTime" label="提交时间" width="180" sortable="custom">
+                <template #default="{ row }">
+                    {{ moment(row.createTime).format('YYYY-MM-DD HH:mm:ss') }}
+                </template>
+            </el-table-column>
+            <el-table-column v-if="checkTab !== 'pending'" prop="auditTime" label="审核时间" width="240" sortable="custom">
+                <template #default="{ row }">
+                    {{ row.auditTime ? moment(row.auditTime).format('YYYY-MM-DD HH:mm:ss') : '--' }}
+                </template>
+            </el-table-column>
+            <el-table-column v-if="checkTab === 'pending'" fixed="right" prop="operation" label="操作" width="400px">
+                <template #default="scope">
+                    <div class="operation">
+                        <el-popconfirm title="确定要通过此条记录吗？" @confirm="handleApprove(scope.row)">
+                            <template #reference>
+                                <el-button :disabled="scope.row.status === 1 || scope.row.status === 2" type="primary"
+                                    text>
+                                    通过
+                                </el-button>
+                            </template>
+                        </el-popconfirm>
+                        <el-button :disabled="scope.row.status === 1 || scope.row.status === 2" type="primary" text
+                            @click="showRejectDialog(scope.row)">
+                            驳回
+                        </el-button>
+                    </div>
+                </template>
+            </el-table-column>
+        </el-table>
+        <el-pagination style="margin-top:20px" v-model:current-page="pagination.pageNum"
+            v-model:page-size="pagination.pageSize" layout="total, sizes, prev, pager, next, jumper" :total="stats.num"
+            @size-change="handlePageSizeChange" @current-change="handleCurrentChange"></el-pagination>
+    </el-card>
+
+    <el-dialog v-model="rejectDialogVisible" title="驳回理由" width="500px">
+        <el-form>
+            <el-form-item label="驳回理由" required>
+                <el-input v-model="reason" type="textarea" :rows="4" placeholder="请输入驳回理由" maxlength="200"
+                    show-word-limit />
+            </el-form-item>
+        </el-form>
+        <template #footer>
+            <span class="dialog-footer">
+                <el-button @click="rejectDialogVisible = false">取消</el-button>
+                <el-button type="primary" @click="handleReject()">确定</el-button>
+            </span>
+        </template>
+    </el-dialog>
 </template>
+<script setup lang="ts">
+import { onMounted, ref } from 'vue'
+import { ElMessage } from 'element-plus'
+import API from '@/util/http'
+import moment from 'moment'
+import { useAdminStore } from "@/store/index.js";
+import { storeToRefs } from "pinia";
+const adminStore = useAdminStore();
+const { adminData, menuTree } = storeToRefs(adminStore);
+import { permissionMapping, findMenuById } from "@/utils/menuTreePermission.js"
+
+const tableData = ref([])
+const marketOptions = ref([])
+const dateRange = ref<Date[]>([])
+const activeTimeRange = ref('')
+const activeName = ref('wait')
+const sortField = ref('')
+const sortOrder = ref('')
+const checkTab = ref('pending')
+const rejectDialogVisible = ref(false)
+const reason = ref('')
+const rejectRow = ref({
+    id: null
+})// 驳回行数据
+// 状态常量
+const STATUS = {
+    PENDING: 0, // 待审核
+    APPROVED: 1, // 通过
+    REJECTED: 2 // 驳回
+}
+const searchForm = ref({
+    jwcode: '',
+    market: '',
+    createStartTime: '',
+    createEndTime: '',
+    status: STATUS.PENDING,
+    auditStartTime: '',
+    auditEndTime: ''
+})
+const pagination = ref({
+    pageNum: 1,
+    pageSize: 50
+})
+// 合计数
+const stats = ref({
+    num: 0,
+    beanNum: 0,
+    permanentBean: 0,
+    freeBean: 0
+})
+const showRejectDialog = (row) => {
+    rejectRow.value.id = row.id
+    reason.value = ''
+    rejectDialogVisible.value = true
+}
+const getmarkets = async () => {
+    try {
+        const result = await API({ url: '/beanConsume/getDept', data: {} })
+        marketOptions.value = result.data || []
+    } catch (error) {
+        console.error('获取地区列表失败', error)
+    }
+}
+const handleSortChange = (column) => {
+    if (column.prop === 'sumGold') {
+        sortField.value = 'sum_gold'
+    } else if (column.prop === 'permanentGold') {
+        sortField.value = 'permanent_gold'
+    } else if (column.prop === 'freeGold') {
+        sortField.value = 'freeGold'
+    } else if (column.prop === 'taskGold') {
+        sortField.value = 'task_gold'
+    } else if (column.prop === 'createTime') {
+        sortField.value = 'create_time'
+    } else if (column.prop === 'auditTime') {
+        sortField.value = 'audit_time'
+    } else {
+        sortField.value = ''
+    }
+    sortOrder.value = column.order === 'ascending' ? 'asc' : 'desc'
+    console.log('排序字段：', sortField.value)
+    console.log('排序方式：', sortOrder.value)
+    get()
+}
+const handleSearch = function () {
+    get()
+    getStats()
+}
+const get = async function () {
+    if (findMenuById(menuTree.value, permissionMapping.View_Golden_Bean_Recharge_Audit)) {
+        try {
+            if (dateRange.value && dateRange.value.length === 2) {
+                searchForm.value.createStartTime = moment(dateRange.value[0]).format('YYYY-MM-DD HH:mm:ss')
+                searchForm.value.createEndTime = moment(dateRange.value[1]).format('YYYY-MM-DD HH:mm:ss')
+            } else {
+                searchForm.value.createStartTime = ''
+                searchForm.value.createEndTime = ''
+            }
+            const params = {
+                pageNum: pagination.value.pageNum,//页码
+                pageSize: pagination.value.pageSize,//页面大小
+                beanAuditInfo: {
+                    jwcode: searchForm.value.jwcode,
+                    status: searchForm.value.status,
+                    market: searchForm.value.market,
+                    createStartTime: searchForm.value.createStartTime,
+                    createEndTime: searchForm.value.createEndTime,
+                    auditStartTime: searchForm.value.auditStartTime,
+                    auditEndTime: searchForm.value.auditEndTime,
+                    sortField: sortField.value,
+                    sortOrder: sortOrder.value
+                }
+            }
+            console.log('看看传给后端的参数：', params)
+            const res = await API({ url: '/beanAudit/selectBy', data: params })
+            tableData.value = res.data.list || []
+        } catch (error) {
+            console.error('获取数据失败', error)
+        }
+    }else{
+        ElMessage.error('无此权限')
+    }
+}
+const getStats = async () => {
+    if (findMenuById(menuTree.value, permissionMapping.View_Golden_Bean_Recharge_Audit)) {
+        try {
+            const params = {
+                jwcode: searchForm.value.jwcode,
+                status: searchForm.value.status,
+                market: searchForm.value.market,
+                createStartTime: searchForm.value.createStartTime,
+                createEndTime: searchForm.value.createEndTime,
+                auditStartTime: searchForm.value.auditStartTime,
+                auditEndTime: searchForm.value.auditEndTime
+            }
+
+            const res = await API({
+                url: '/beanAudit/statsBean',
+                data: params
+            })
 
-<style scoped>
+            stats.value.num = res.data.num
+            stats.value.permanentBean = res.data.permanentBean
+            stats.value.freeBean = res.data.freeBean
+            stats.value.beanNum = res.data.beanNum
+            console.log('see see stats和搜索对象', stats.value, params)
+        } catch (error) {
+            console.log('请求失败', error)
+        }
+    }else{
+        ElMessage.error('无此权限')
+    }
+}
+// 通过
+const handleApprove = async (row) => {
+    if (findMenuById(menuTree.value, permissionMapping.Golden_Bean_Recharge_Approval)) {
+        try {
+            const params = {
+                id: row.id,
+                auditName: adminData.value.name,
+            }
+            await API({ url: '/beanAudit/status1', data: params })
+            ElMessage.success('审核通过成功')
+            get()
+            getStats()
+        } catch (error) {
+            console.error('审核通过失败', error)
+            ElMessage.error('操作失败')
+        }
+    } else {
+        ElMessage.error('无此权限')
+    }
+}
+
+// 驳回
+const handleReject = async () => {
+    if (findMenuById(menuTree.value, permissionMapping.Golden_Bean_Recharge_Approval)) {
+        if (!reason.value.trim()) {
+            ElMessage.warning('请输入驳回理由')
+            return
+        }
+        try {
+            const params = {
+                id: rejectRow.value.id,
+                auditName: adminData.value.adminName,
+                reason: reason.value
+            }
+            await API({ url: '/beanAudit/status2', data: params })
+            ElMessage.success('驳回成功')
+            rejectDialogVisible.value = false
+            get()
+            getStats()
+        } catch (error) {
+            console.error('驳回失败', error)
+            ElMessage.error('操作失败')
+        }
+    } else {
+        ElMessage.error('无此权限')
+    }
+}
+const getToday = function () {
+    const today = new Date()
+    const startTime = new Date(today.getFullYear(), today.getMonth(), today.getDate())
+    const endTime = new Date(today.getFullYear(), today.getMonth(), today.getDate() + 1)
+    dateRange.value = [startTime, endTime]
+    console.log('dateRange', dateRange.value)
+    activeTimeRange.value = 'today'
+
+    get()
+    getStats()
+}
+const getYesterday = function () {
+    const yesterday = new Date()
+    yesterday.setDate(yesterday.getDate() - 1)
+    const startTime = new Date(yesterday.getFullYear(), yesterday.getMonth(), yesterday.getDate())
+    const endTime = new Date(yesterday.getFullYear(), yesterday.getMonth(), yesterday.getDate() + 1)
+    dateRange.value = [startTime, endTime]
+    console.log('dateRange', dateRange.value)
+    activeTimeRange.value = 'yesterday'
+
+    get()
+    getStats()
+}
+const get7Days = function () {
+    const today = new Date()
+    const startTime = new Date(today.getFullYear(), today.getMonth(), today.getDate() - 6)
+    const endTime = new Date(today.getFullYear(), today.getMonth(), today.getDate() + 1)
+    dateRange.value = [startTime, endTime]
+    console.log('dateRange', dateRange.value)
+    activeTimeRange.value = '7days'
+
+    get()
+    getStats()
+}
+const resetSearch = function () {
+    const status = searchForm.value.status;
+    searchForm.value = {
+        jwcode: '',
+        market: '',
+        createStartTime: '',
+        createEndTime: '',
+        status: status,
+        auditStartTime: '',
+        auditEndTime: ''
+    }
+    dateRange.value = []
+    activeTimeRange.value = '' // 清除激活状态
+}
+
+const handleClick = function (tab) {
+    activeName.value = tab.props.name
+    if (tab.props.name === 'wait') {
+        adminWait()
+    } else if (tab.props.name === 'pass') {
+        adminPass()
+    } else if (tab.props.name === 'reject') {
+        adminReject()
+    }
+}
+// 待审核充值明细
+const adminWait = async function () {
+    checkTab.value = 'pending'
+    searchForm.value.status = STATUS.PENDING
+    await get()
+    await getStats()
+}
+
+// 已通过充值明细
+const adminPass = async function () {
+    checkTab.value = 'pass'
+    searchForm.value.status = STATUS.APPROVED
+    await get()
+    await getStats()
+}
+
+// 已驳回充值明细
+const adminReject = async function () {
+    checkTab.value = 'reject'
+    searchForm.value.status = STATUS.REJECTED
+    await get()
+    await getStats()
+}
+const handleDatePickerChange = () => {
+    activeTimeRange.value = ''
+}
+const handlePageSizeChange = function (val) {
+    pagination.value.pageSize = val
+    get()
+}
+const handleCurrentChange = function (val) {
+    pagination.value.pageNum = val
+    get()
+}
+onMounted(async () => {
+    getmarkets()
+    get()
+    getStats()
+    console.log("看看通信来的用户身份", adminData.value)
+})
+</script>
 
-</style>
\ No newline at end of file
+<style scoped></style>
\ No newline at end of file
diff --git a/src/views/audit/gold/rechargeAudit.vue b/src/views/audit/gold/rechargeAudit.vue
index 94b707c..812f437 100644
--- a/src/views/audit/gold/rechargeAudit.vue
+++ b/src/views/audit/gold/rechargeAudit.vue
@@ -2,7 +2,7 @@
 <template>
   <el-row>
     <el-col>
-      <el-card style="margin-bottom: 5px">
+      <el-card style="margin-bottom: 20px;margin-top:10px">
         <el-row style="margin-bottom: 5px">
           <el-col :span="6">
             <el-text size="large">精网号：</el-text>
@@ -41,7 +41,9 @@
               <div class="time-group">
                 <el-text size="large" style="width: 80px">充值时间：</el-text>
                 <el-date-picker v-model="getTime" type="datetimerange" range-separator="至" start-placeholder="起始时间"
-                                end-placeholder="结束时间" style="width: 400px" @change="handleDatePickerChange"/>
+                                end-placeholder="结束时间" style="width: 400px" @change="handleDatePickerChange"
+                                :default-time="defaultTime"
+                />
                 <el-button @click="getToday()" style="margin-left: 10px"
                            :type="activeTimeRange === 'today' ? 'primary' : ''"> 今
                 </el-button>
@@ -204,6 +206,12 @@ const trimJwCode = () => {
 }
 const formatTime = (val) => val ? moment(val).format('YYYY-MM-DD HH:mm:ss') : ''
 
+
+const defaultTime = [
+  new Date(2000, 1, 1, 0, 0, 0),
+  new Date(2000, 2, 1,23 , 59, 59),
+]
+
 // 这是获取用户信息的接口
 const adminData = ref({})
 // 充值明细表格
diff --git a/src/views/audit/gold/refundAudit.vue b/src/views/audit/gold/refundAudit.vue
index 50fb69b..b27e092 100644
--- a/src/views/audit/gold/refundAudit.vue
+++ b/src/views/audit/gold/refundAudit.vue
@@ -2,7 +2,7 @@
   <el-row>
     <el-col>
       <div>
-        <el-card style="margin-bottom: 5px">
+        <el-card style="margin-bottom: 20px;margin-top:10px">
           <el-row style="margin-bottom: 5px">
             <el-col :span="6">
               <el-text size="large">精网号：</el-text>
@@ -43,7 +43,7 @@
                   <el-text size="large" style="width: 80px">提交时间：</el-text>
                   <el-date-picker v-model="dateRange" type="datetimerange" range-separator="至"
                                   start-placeholder="开始时间"
-                                  end-placeholder="结束时间" style="width: 400px" @change="handleDatePickerChange"/>
+                                  end-placeholder="结束时间" style="width: 400px" @change="handleDatePickerChange" :default-time="defaultTime"/>
                   <el-button @click="getToday()" style="margin-left: 10px"
                              :type="activeTimeRange === 'today' ? 'primary' : ''"> 今
                   </el-button>
@@ -176,7 +176,10 @@ import {ElMessage} from 'element-plus'
 import API from '@/util/http.js'
 import moment from 'moment'
 import {marketMapping, reverseMarketMapping} from "@/utils/marketMap.js";
-
+const defaultTime = [
+  new Date(2000, 1, 1, 0, 0, 0),
+  new Date(2000, 2, 1,23 , 59, 59),
+]
 // 标记当前激活的时间范围按钮
 const activeTimeRange = ref('')
 // 日期选择器变化时清除按钮激活状态
diff --git a/src/views/consume/addBeanConsume.vue b/src/views/consume/bean/addBeanConsume.vue
similarity index 91%
rename from src/views/consume/addBeanConsume.vue
rename to src/views/consume/bean/addBeanConsume.vue
index 6613829..061e801 100644
--- a/src/views/consume/addBeanConsume.vue
+++ b/src/views/consume/bean/addBeanConsume.vue
@@ -4,9 +4,9 @@ import { ElMessage } from 'element-plus'
 import { Plus } from '@element-plus/icons-vue'
 import axios from 'axios'
 import { ElMessageBox } from 'element-plus'
-import API from '@/util/http'
-import { uploadFile } from '@/util/request';
-import request from '@/util/http'
+import API from '@/util/http.js'
+import { uploadFile } from '@/util/request.js';
+import request from '@/util/http.js'
 import moment from 'moment'
 import { e, range, re } from 'mathjs'
 import { utils, read } from 'xlsx'
@@ -44,8 +44,8 @@ const getUser = async function (jwcode) {
 }
 const addForm = ref({
   jwcode: '',
-  gode: '',
-  freeGode: '',
+  permanentBean: '',
+  freeBean: '',
   remark: '',
   adminId: ''
 })
@@ -68,7 +68,7 @@ const rules = reactive({
         callback();
       }, trigger: 'blur'
     }],
-  gode: [
+  permanentBean: [
     { required: true, message: '请输入永久金豆数', trigger: 'blur' },
     {
       validator: (rule, value, callback) => {
@@ -89,7 +89,7 @@ const rules = reactive({
       trigger: 'blur'
     }
   ],
-  freeGode: [
+  freeBean: [
     { required: true, message: '请输入免费金豆数', trigger: 'blur' },
     {
       validator: (rule, value, callback) => {
@@ -118,8 +118,8 @@ const rules = reactive({
 const deleteAddForm = function () {
   addForm.value = {
     jwcode: '',
-    gode: '',
-    freeGode: '',
+    permanentBean: '',
+    freeBean: '',
     remark: '',
     adminId: ''
   }
@@ -130,7 +130,7 @@ const handleAddForm = async () => {
     await new Promise((resolve, reject) => {
       formRef.value.validate((valid) => {
         if (valid) {
-          if (Number(addForm.value.gode) === 0 && Number(addForm.value.freeGode) === 0) {
+          if (Number(addForm.value.permanentBean) === 0 && Number(addForm.value.freeBean) === 0) {
             reject(new Error('永久金豆和付费金豆不能同时为0'));
           }
           resolve(); // 验证通过，继续执行后续代码
@@ -145,8 +145,8 @@ const handleAddForm = async () => {
       url: '/bean/add',
       data: {
         jwcode: addForm.value.jwcode,
-        gode: addForm.value.gode,
-        freeGode: addForm.value.freeGode,
+        permanentBean: addForm.value.permanentBean,
+        freeBean: addForm.value.freeBean,
         remark: addForm.value.remark,
         adminId: adminData.adminId
       }
@@ -164,11 +164,11 @@ const handleAddForm = async () => {
         <el-input v-model="addForm.jwcode" style="width: 220px" />
         <el-button type="primary" @click="getUser(addForm.jwcode)" style="margin-left: 20px">查询</el-button>
       </el-form-item>
-      <el-form-item prop="gode" label="付费金豆" label-position="left">
-        <el-input v-model="addForm.gode" style="width: 100px" />
+      <el-form-item prop="permanentBean" label="付费金豆" label-position="left">
+        <el-input v-model="addForm.permanentBean" style="width: 100px" />
       </el-form-item>
-      <el-form-item prop="freeGode" label="免费金豆" label-position="left">
-        <el-input v-model="addForm.freeGode" style="width: 100px" />
+      <el-form-item prop="freeBean" label="免费金豆" label-position="left">
+        <el-input v-model="addForm.freeBean" style="width: 100px" />
       </el-form-item>
       <el-form-item prop="remark" label="备注" label-position="left">
         <el-input v-model="addForm.remark" style="width: 300px" :rows="5" maxlength="100" show-word-limit
diff --git a/src/views/consume/articleVideo.vue b/src/views/consume/bean/articleVideo.vue
similarity index 93%
rename from src/views/consume/articleVideo.vue
rename to src/views/consume/bean/articleVideo.vue
index 8da42ae..389d933 100644
--- a/src/views/consume/articleVideo.vue
+++ b/src/views/consume/bean/articleVideo.vue
@@ -1,8 +1,8 @@
 <script setup>
 import { computed, onMounted, ref } from 'vue'
 import { dayjs, ElMessage } from 'element-plus'
-import request from '@/util/http'
-import API from '@/util/http'
+import request from '@/util/http.js'
+import API from '@/util/http.js'
 import moment from 'moment'
 import { ar } from 'element-plus/es/locales.mjs'
 // 之后整理一下
@@ -267,17 +267,9 @@ const reset = function () {
 }
 // 今天
 const getToday = function () {
-  const today = new Date()
-  const startTime = new Date(
-    today.getFullYear(),
-    today.getMonth(),
-    today.getDate()
-  )
-  const endTime = new Date(
-    today.getFullYear(),
-    today.getMonth(),
-    today.getDate() + 1
-  )
+  const today = dayjs()
+  const startTime = today.startOf('day').format('YYYY-MM-DD HH:mm:ss')
+  const endTime =today.endOf('day').format('YYYY-MM-DD HH:mm:ss')
   getTime.value = [startTime, endTime]
   console.log('getTime', getTime.value)
   activeTimeRange.value = 'today' // 标记当前激活状态
@@ -286,18 +278,9 @@ const getToday = function () {
 }
 // 昨天
 const getYesterday = function () {
-  const yesterday = new Date()
-  yesterday.setDate(yesterday.getDate() - 1)
-  const startTime = new Date(
-    yesterday.getFullYear(),
-    yesterday.getMonth(),
-    yesterday.getDate()
-  )
-  const endTime = new Date(
-    yesterday.getFullYear(),
-    yesterday.getMonth(),
-    yesterday.getDate() + 1
-  )
+  const today = dayjs()
+  const startTime = today.subtract(1, 'day').startOf('day').format('YYYY-MM-DD HH:mm:ss')
+  const endTime = today.subtract(1, 'day').endOf('day').format('YYYY-MM-DD HH:mm:ss')
   getTime.value = [startTime, endTime]
   console.log('getTime', getTime.value)
   activeTimeRange.value = 'yesterday' // 标记当前激活状态
@@ -306,17 +289,9 @@ const getYesterday = function () {
 }
 // 近7天
 const get7Days = function () {
-  const today = new Date()
-  const startTime = new Date(
-    today.getFullYear(),
-    today.getMonth(),
-    today.getDate() - 6
-  )
-  const endTime = new Date(
-    today.getFullYear(),
-    today.getMonth(),
-    today.getDate() + 1
-  )
+  const today = dayjs()
+  const startTime = today.subtract(6, 'day').startOf('day').format('YYYY-MM-DD HH:mm:ss')
+  const endTime = today.add(1, 'day').endOf('day').format('YYYY-MM-DD HH:mm:ss')
   getTime.value = [startTime, endTime]
   console.log('getTime', getTime.value)
   activeTimeRange.value = '7days' // 标记当前激活状态
@@ -335,7 +310,11 @@ const handleSortChange = (column) => {
     sortField.value = 'beanNum'
   } else if (column.prop === 'consumeTime') {
     sortField.value = 'consumeTime'
-  }
+  } else if (column.prop === 'buyBean') {
+    sortField.value = 'buyBean'
+  } else if (column.prop === 'freeBean') {
+    sortField.value = 'freeBean'
+  } 
   sortOrder.value = column.order === 'ascending' ? 'DESC' : 'ASC'
   ConsumeSelectBy()
 }
@@ -385,6 +364,8 @@ const exportExcel = async function () {
     articleName: beanConsumeArticle.value.articleName || '',
     author: beanConsumeArticle.value.author || '',
     beanNum: beanConsumeArticle.value.beanNum || '',
+    buyBean: beanConsumeArticle.value.buyBean || '',
+    freeBean: beanConsumeArticle.value.freeBean || '',
     consumeTime: beanConsumeArticle.value.consumeTime || '',
     sortField: sortField.value || 'consumeTime',
     sortOrder: sortOrder.value || 'desc'
@@ -478,7 +459,7 @@ const getTagText = (state) => {
           <el-col :span="4">
             <div class="head-card-element">
               <el-text class="mx-1">精网号：</el-text>
-              <el-input v-model="beanConsumeArticle.jwcode" placeholder="请输入精网号" style="width: 150px" clearable />
+              <el-input v-model="beanConsumeArticle.jwcode" placeholder="请输入精网号" style="width: 140px" clearable />
             </div>
           </el-col>
           <el-col :span="4">
@@ -505,21 +486,22 @@ const getTagText = (state) => {
               <el-input v-model="beanConsumeArticle.articleId" placeholder="请输入文章/视频ID" style="width: 140px" clearable />
             </div>
           </el-col>
-          <el-col :span="4">
+          <el-col :span="5">
             <div class="head-card-element">
               <el-text class="mx-1">文章/视频标题：</el-text>
-              <el-input v-model="beanConsumeArticle.articleName" placeholder="请输入文章/视频标题" style="width: 140px" clearable />
+              <el-input v-model="beanConsumeArticle.articleName" placeholder="请输入文章/视频标题" style="width: 160px" clearable />
             </div>
           </el-col>
+          
+        </el-row>
+        <el-row>
           <el-col :span="4">
             <div class="head-card-element">
-              <el-text class="mx-1">作者：</el-text>
-              <el-input v-model="beanConsumeArticle.author" placeholder="请输入作者" style="width: 140px" clearable />
+              <el-text class="mx-1" >作者：</el-text>
+              <el-input v-model="beanConsumeArticle.author" placeholder="请输入作者" style="width: 155px" clearable />
             </div>
           </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="24">
+          <el-col :span="20">
             <div class="head-card-element">
               <el-text class="mx-1">付费时间：</el-text>
               <el-date-picker
@@ -577,19 +559,19 @@ const getTagText = (state) => {
                 }}
               </template>
             </el-table-column>
-            <el-table-column prop="beanNum" label="金豆总数" width="120px">
+            <el-table-column prop="beanNum" label="金豆总数" sortable="custom" width="120px">
               
             </el-table-column>
-            <el-table-column prop="buyBean" label="付费金豆数" width="120px">
+            <el-table-column prop="buyBean" label="付费金豆数" sortable="custom" width="120px">
               
             </el-table-column>
-            <el-table-column prop="freeBean" label="免费金豆数" width="120px">
+            <el-table-column prop="freeBean" label="免费金豆数" sortable="custom" width="120px">
               
             </el-table-column>
             <el-table-column prop="articleId" label="文章/视频ID" width="150px" />
             <el-table-column prop="articleName" label="文章/视频标题" width="200px" show-overflow-tooltip />
             <el-table-column prop="author" label="作者" width="120px" />
-            <el-table-column prop="consumeTime" label="付费时间" width="180px">
+            <el-table-column prop="consumeTime" label="付费时间" sortable="custom" width="180px">
               <template #default="scope">
                 {{ formatTime(scope.row.consumeTime) }}
               </template>
diff --git a/src/views/consume/beanConsume.vue b/src/views/consume/bean/beanConsume.vue
similarity index 96%
rename from src/views/consume/beanConsume.vue
rename to src/views/consume/bean/beanConsume.vue
index dbdb993..6844048 100644
--- a/src/views/consume/beanConsume.vue
+++ b/src/views/consume/bean/beanConsume.vue
@@ -5,6 +5,7 @@
           :type="activeTab === 'addBeanConsume' ? 'primary' : 'default'"
           @click="navigateTo('addBeanConsume')"
           :disabled="!hasAdd"
+          style="width: 120px;"
       >
         新增消耗
       </el-button>
@@ -12,6 +13,7 @@
           :type="activeTab === 'liveStream' ? 'primary' : 'default'"
           @click="navigateTo('liveStream')"
           :disabled="!hasLive"
+          style="width: 120px;"
       >
         直播
       </el-button>
@@ -19,6 +21,7 @@
           :type="activeTab === 'dieHardFan' ? 'primary' : 'default'"
           @click="navigateTo('dieHardFan')"
           :disabled="!hasFan"
+          style="width: 120px;"
       >
         铁粉
       </el-button>
@@ -26,6 +29,7 @@
           :type="activeTab === 'articleVideo' ? 'primary' : 'default'"
           @click="navigateTo('articleVideo')"
           :disabled="!hasArticleVideo"
+          style="width: 120px;"
       >
         文章/视频
       </el-button>
diff --git a/src/views/consume/dieHardFan.vue b/src/views/consume/bean/dieHardFan.vue
similarity index 94%
rename from src/views/consume/dieHardFan.vue
rename to src/views/consume/bean/dieHardFan.vue
index 4bff9e6..a5415b0 100644
--- a/src/views/consume/dieHardFan.vue
+++ b/src/views/consume/bean/dieHardFan.vue
@@ -1,8 +1,8 @@
 <script setup>
 import { computed, onMounted, ref } from 'vue'
 import { dayjs, ElMessage } from 'element-plus'
-import request from '@/util/http'
-import API from '@/util/http'
+import request from '@/util/http.js'
+import API from '@/util/http.js'
 import moment from 'moment'
 // 之后整理一下
 
@@ -258,61 +258,36 @@ const reset = function () {
 }
 // 今天
 const getToday = function () {
-  const today = new Date()
-  const startTime = new Date(
-    today.getFullYear(),
-    today.getMonth(),
-    today.getDate()
-  )
-  const endTime = new Date(
-    today.getFullYear(),
-    today.getMonth(),
-    today.getDate() + 1
-  )
+  const today = dayjs()
+  const startTime = today.startOf('day').format('YYYY-MM-DD HH:mm:ss')
+  const endTime =today.endOf('day').format('YYYY-MM-DD HH:mm:ss')
   getTime.value = [startTime, endTime]
   console.log('getTime', getTime.value)
   activeTimeRange.value = 'today' // 标记当前激活状态
 
-  ConsumeSelectBy
+  ConsumeSelectBy()
 }
 // 昨天
 const getYesterday = function () {
-  const yesterday = new Date()
-  yesterday.setDate(yesterday.getDate() - 1)
-  const startTime = new Date(
-    yesterday.getFullYear(),
-    yesterday.getMonth(),
-    yesterday.getDate()
-  )
-  const endTime = new Date(
-    yesterday.getFullYear(),
-    yesterday.getMonth(),
-    yesterday.getDate() + 1
-  )
+  const today = dayjs()
+  const startTime = today.subtract(1, 'day').startOf('day').format('YYYY-MM-DD HH:mm:ss')
+  const endTime = today.subtract(1, 'day').endOf('day').format('YYYY-MM-DD HH:mm:ss')
   getTime.value = [startTime, endTime]
   console.log('getTime', getTime.value)
   activeTimeRange.value = 'yesterday' // 标记当前激活状态
-
-  ConsumeSelectBy //todo
+  console.log('昨', getTime.value)
+  ConsumeSelectBy() 
 }
 // 近7天
 const get7Days = function () {
-  const today = new Date()
-  const startTime = new Date(
-    today.getFullYear(),
-    today.getMonth(),
-    today.getDate() - 6
-  )
-  const endTime = new Date(
-    today.getFullYear(),
-    today.getMonth(),
-    today.getDate() + 1
-  )
+  const today = dayjs()
+  const startTime = today.subtract(6, 'day').startOf('day').format('YYYY-MM-DD HH:mm:ss')
+  const endTime = today.add(1, 'day').endOf('day').format('YYYY-MM-DD HH:mm:ss')
   getTime.value = [startTime, endTime]
   console.log('getTime', getTime.value)
   activeTimeRange.value = '7days' // 标记当前激活状态
 
-  ConsumeSelectBy 
+  ConsumeSelectBy() 
 }
 
 
@@ -349,17 +324,17 @@ const handleSortChange = (column) => {
     sortField.value = 'consumeTime'
   }
   sortOrder.value = column.order === 'ascending' ? 'DESC' : 'ASC'
-  selectLiveBy()
+  ConsumeSelectBy()
 }
 
 const handlePageSizeChange = function (val) {
   getObj.value.pageSize = val
-  selectLiveBy()
+  ConsumeSelectBy()
 }
 
 const handleCurrentChange = function (val) {
   getObj.value.pageNum = val
-  selectLiveBy()
+  ConsumeSelectBy()
 }
 /*
 ====================计算属性=================================
@@ -566,15 +541,15 @@ const getTagText = (state) => {
             <!-- 固定精网号列 -->
             <el-table-column prop="jwcode" label="精网号" width="110px" fixed="left" />
             <el-table-column prop="dept" label="地区" width="110px" />
-            <el-table-column prop="beanNum" label="金豆数量" width="120px"/>
-            <el-table-column prop="channel" label="频道" width="120px" />
+            <el-table-column prop="beanNum" label="金豆数量" sortable="custom" width="120px"/>
+            <el-table-column prop="channel" label="频道" width="190px" />
             <el-table-column prop="type" label="会员类型" width="120px" >
               <template #default="scope">
                 {{ consumeTypes.find(item => item.value === Number(scope.row.type))?.label || '未知类型' }}
               </template>
             </el-table-column>
             <!-- <el-table-column prop="joinMethod" label="加入方式" width="120px" /> -->
-            <el-table-column prop="consumeTime" label="加入时间" width="180px" />
+            <el-table-column prop="consumeTime" label="加入时间" sortable="custom" width="180px" />
             <!-- <el-table-column prop="consumeTime" label="到期时间" width="180px" /> -->
           </el-table>
         </div>
diff --git a/src/views/consume/liveStream.vue b/src/views/consume/bean/liveStream.vue
similarity index 93%
rename from src/views/consume/liveStream.vue
rename to src/views/consume/bean/liveStream.vue
index 681175e..5b55882 100644
--- a/src/views/consume/liveStream.vue
+++ b/src/views/consume/bean/liveStream.vue
@@ -1,8 +1,8 @@
 <script setup>
 import { computed, onMounted, ref } from 'vue'
 import { dayjs, ElMessage } from 'element-plus'
-import request from '@/util/http'
-import API from '@/util/http'
+import request from '@/util/http.js'
+import API from '@/util/http.js'
 import moment from 'moment'
 // 之后整理一下
 
@@ -289,17 +289,9 @@ const reset = function () {
 }
 // 今天
 const getToday = function () {
-  const today = new Date()
-  const startTime = new Date(
-    today.getFullYear(),
-    today.getMonth(),
-    today.getDate()
-  )
-  const endTime = new Date(
-    today.getFullYear(),
-    today.getMonth(),
-    today.getDate() + 1
-  )
+  const today = dayjs()
+  const startTime = today.startOf('day').format('YYYY-MM-DD HH:mm:ss')
+  const endTime =today.endOf('day').format('YYYY-MM-DD HH:mm:ss')
   getTime.value = [startTime, endTime]
   console.log('getTime', getTime.value)
   activeTimeRange.value = 'today' // 标记当前激活状态
@@ -308,18 +300,9 @@ const getToday = function () {
 }
 // 昨天
 const getYesterday = function () {
-  const yesterday = new Date()
-  yesterday.setDate(yesterday.getDate() - 1)
-  const startTime = new Date(
-    yesterday.getFullYear(),
-    yesterday.getMonth(),
-    yesterday.getDate()
-  )
-  const endTime = new Date(
-    yesterday.getFullYear(),
-    yesterday.getMonth(),
-    yesterday.getDate() + 1
-  )
+  const today = dayjs()
+  const startTime = today.subtract(1, 'day').startOf('day').format('YYYY-MM-DD HH:mm:ss')
+  const endTime = today.subtract(1, 'day').endOf('day').format('YYYY-MM-DD HH:mm:ss')
   getTime.value = [startTime, endTime]
   console.log('getTime', getTime.value)
   activeTimeRange.value = 'yesterday' // 标记当前激活状态
@@ -328,17 +311,9 @@ const getYesterday = function () {
 }
 // 近7天
 const get7Days = function () {
-  const today = new Date()
-  const startTime = new Date(
-    today.getFullYear(),
-    today.getMonth(),
-    today.getDate() - 6
-  )
-  const endTime = new Date(
-    today.getFullYear(),
-    today.getMonth(),
-    today.getDate() + 1
-  )
+  const today = dayjs()
+  const startTime = today.subtract(6, 'day').startOf('day').format('YYYY-MM-DD HH:mm:ss')
+  const endTime = today.add(1, 'day').endOf('day').format('YYYY-MM-DD HH:mm:ss')
   getTime.value = [startTime, endTime]
   console.log('getTime', getTime.value)
   activeTimeRange.value = '7days' // 标记当前激活状态
@@ -512,18 +487,22 @@ const getTagText = (state) => {
               </el-select>
             </div>
           </el-col>
-          <el-col :span="4">
+          <!-- <el-col :span="4">
             <div class="head-card-element">
               <el-text class="mx-1">类型：</el-text>
               <el-select v-model="beanConsumeLive.type" placeholder="请选择类型" style="width: 140px" clearable @change="handleTypeChange">
                 <el-option v-for="(item, index) in consumeTypes" :key="index" :label="item.label" :value="item.value" />
               </el-select>
             </div>
-          </el-col>
-          <el-col :span="4" v-if="beanConsumeLive.type === 1">
+          </el-col> -->
+          <el-col :span="4" >
             <div class="head-card-element">
               <el-text class="mx-1">礼物名称：</el-text>
-              <el-select v-model="beanConsumeLive.gift" placeholder="请选择礼物名称" style="width: 140px" clearable>
+              <el-select v-model="beanConsumeLive.gift" placeholder="请选择礼物名称" style="width: 140px" clearable
+                filterable
+                allow-create
+                default-first-option
+              >
                 <el-option v-for="(item, index) in gifts" :key="index" :label="item" :value="item" />
               </el-select>
             </div>
@@ -597,14 +576,12 @@ const getTagText = (state) => {
             <!-- 固定精网号列 -->
             <el-table-column prop="jwcode" label="精网号" width="110px" fixed="left" />
             <el-table-column prop="dept" label="地区" width="110px" />
-            <el-table-column prop="type" label="类型" width="120px" >
-              <template #default="scope">
-                {{ consumeTypes.find(item => item.value === Number(scope.row.type))?.label || '未知类型' }}
-              </template>
+            <el-table-column prop="gift" label="礼物" width="140px" >
+              
             </el-table-column>
-            <el-table-column prop="beanNum" label="金豆数量" width="120px">
+            <el-table-column prop="beanNum" label="金豆数量" sortable="custom" width="120px">
             </el-table-column>
-            <el-table-column prop="liveChannel" label="频道" width="120px" />
+            <el-table-column prop="liveChannel" label="频道" width="180px" />
             <el-table-column prop="liveName" label="直播间名称" width="160px" show-overflow-tooltip />
             <el-table-column prop="consumeTime" label="消费时间" sortable="custom" width="180px" />
           </el-table>
diff --git a/src/views/consume/gold/addCoinConsume.vue b/src/views/consume/gold/addCoinConsume.vue
index 9993e38..514abcb 100644
--- a/src/views/consume/gold/addCoinConsume.vue
+++ b/src/views/consume/gold/addCoinConsume.vue
@@ -573,14 +573,7 @@ onMounted(async function () {
         />
       </el-form-item>
 
-      <el-form-item prop="commitName" label="提交人">
-        <el-input
-            style="width: 300px"
-            :value="adminData.adminName"
-            disabled
-            placeholder="提交人姓名"
-        />
-      </el-form-item>
+
 
       <el-button type="success" @click="resetForm()" style="margin-left: 280px">重置</el-button>
 
diff --git a/src/views/consume/gold/coinConsumeDetail.vue b/src/views/consume/gold/coinConsumeDetail.vue
index e8a486b..82206d1 100644
--- a/src/views/consume/gold/coinConsumeDetail.vue
+++ b/src/views/consume/gold/coinConsumeDetail.vue
@@ -13,7 +13,10 @@ import {marketMapping, reverseMarketMapping} from "@/utils/marketMap.js";
 
 // 时间格式化
 const formatTime = (val) => val ? dayjs(val).format('YYYY-MM-DD HH:mm:ss') : ''
-
+const defaultTime = [
+  new Date(2000, 1, 1, 0, 0, 0),
+  new Date(2000, 2, 1,23 , 59, 59),
+]
 /*
 ====================数据=================================
 */
@@ -626,7 +629,7 @@ const getMarket = async function () {
             <div class="head-card-element">
               <el-text class="mx-1" size="large">消耗时间：</el-text>
               <el-date-picker v-model="getTime" type="datetimerange" range-separator="至" start-placeholder="起始时间"
-                              end-placeholder="结束时间" style="width: 400px" @change="handleDatePickerChange"/>
+                              end-placeholder="结束时间" style="width: 400px" @change="handleDatePickerChange" :default-time="defaultTime"/>
               <el-button @click="getToday()" style="margin-left: 10px"
                          :type="activeTimeRange === 'today' ? 'primary' : ''"> 今
               </el-button>
diff --git a/src/views/noPermissionPage.vue b/src/views/noPermissionPage.vue
index fbcd1ec..cca543d 100644
--- a/src/views/noPermissionPage.vue
+++ b/src/views/noPermissionPage.vue
@@ -1,24 +1,105 @@
 <script setup>
-import { ref, onMounted, reactive, computed, nextTick } from "vue";
-
-const image = "../src/assets/hqz大拇指.png";
-
+import image_403 from "@/assets/403.png"
 </script>
 
 <template>
-    <el-row>
-        <el-col>
-            <div>
-                <p style="font-size: 50px; font-weight: bold; text-align: center;">
-                    暂无权限
-                </p>
-                <p style="font-size: 60px; font-weight: bold; text-align: center;">
-                    请联系管理员添加权限！！！
-                </p>
-            </div>
-        </el-col>
-    </el-row>
+  <div class="error-page">
+    <!-- 背景装饰元素 -->
+    <div class="bg-decoration"></div>
+
+    <el-row class="error-container">
+      <el-col :span="24" class="error-content">
+        <!-- 错误图标/图片区域 -->
+        <div class="error-img">
+          <img :src="image_403" alt="无权限访问" class="error-image">
+
+        </div>
 
+        <!-- 文本信息区域 -->
+        <div class="error-message">
+          <h2>暂无权限</h2>
+          <p>您当前的账号没有访问该页面的权限，请联系管理员添加权限</p>
+        </div>
+
+      </el-col>
+    </el-row>
+  </div>
 </template>
 
-<style scoped></style>
\ No newline at end of file
+<style scoped>
+.error-page {
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  position: relative;
+}
+
+/* 背景装饰 */
+.bg-decoration {
+  position: absolute;
+  width: 100%;
+  z-index: 0;
+}
+
+.error-container {
+  flex: 1;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 2rem;
+  position: relative;
+  z-index: 1;
+}
+
+.error-content {
+  max-width: 800px;
+  width: 100%;
+  text-align: center;
+  animation: fadeIn 0.8s ease-out;
+}
+
+/* 错误图片区域 */
+.error-img {
+  position: relative;
+  margin-bottom: 2.5rem;
+}
+
+.error-image {
+  max-width: 280px;
+  width: 100%;
+  height: auto;
+  transition: transform 0.3s ease;
+}
+
+.error-image:hover {
+  transform: scale(1.03);
+}
+
+
+/* 文本信息区域 */
+.error-message {
+  margin-bottom: 2.5rem;
+}
+
+.error-message h2 {
+  font-size: 2.2rem;
+  margin-bottom: 1rem;
+  font-weight: 600;
+}
+
+.error-message p {
+  font-size: 1.1rem;
+  max-width: 600px;
+  margin: 0 auto;
+  line-height: 1.6;
+}
+
+/* 操作按钮区域 */
+.error-actions {
+  display: flex;
+  justify-content: center;
+  gap: 1rem;
+  margin-bottom: 2rem;
+}
+
+</style>
\ No newline at end of file
diff --git a/src/views/permissions/rolePermission.vue b/src/views/permissions/rolePermission.vue
index 26c4656..6dbcd95 100644
--- a/src/views/permissions/rolePermission.vue
+++ b/src/views/permissions/rolePermission.vue
@@ -635,7 +635,7 @@ onMounted(async function () {
 <template>
   <div>
     <!-- 角色搜索 -->
-    <el-card style="margin-bottom: 20px">
+    <el-card style="margin-bottom: 20px;margin-top:10px">
       <div class="head-card">
         <el-text class="mx-1" size="large">角色名称：</el-text>
         <el-input v-model="role.name" style="width: 240px" placeholder="请输入角色名称" clearable/>
@@ -724,7 +724,7 @@ onMounted(async function () {
       <el-form ref="Ref" :rules="Rolerules" :model="addRole" label-width="auto"
                style="max-width: 600px; align-items: center">
         <el-form-item prop="roleName" label="角色名称:" required>
-          <el-input v-model="addRole.roleName" placeholder="请输入用户名" style="width: 220px"/>
+          <el-input v-model="addRole.roleName" placeholder="请输入角色名称" style="width: 220px"/>
         </el-form-item>
         <el-form-item prop="parentName" label="上级角色:">
           <el-select v-model="addRole.parentId" placeholder="请选择上级角色" style="width: 220px" @change="getLists"
diff --git a/src/views/permissions/userPermission.vue b/src/views/permissions/userPermission.vue
index 3a3b6ea..c9057d0 100644
--- a/src/views/permissions/userPermission.vue
+++ b/src/views/permissions/userPermission.vue
@@ -762,7 +762,7 @@ onMounted(async function () {
     <!--搜索菜单-->
     <el-row>
       <el-col>
-        <el-card style="margin-bottom: 20px">
+        <el-card style="margin-bottom: 20px;margin-top:10px" >
           <div class="head-card">
             <div class="head-card-element">
               <el-text class="mx-1" size="large">OA号：</el-text>
diff --git a/src/views/recharge/gold/addCoinRecharge.vue b/src/views/recharge/gold/addCoinRecharge.vue
index f882f63..04b71c7 100644
--- a/src/views/recharge/gold/addCoinRecharge.vue
+++ b/src/views/recharge/gold/addCoinRecharge.vue
@@ -628,9 +628,7 @@ onMounted(() => {
         <el-input v-model="recharge.remark" style="width: 300px" :rows="2" maxlength="100" show-word-limit
           type="textarea" />
       </el-form-item>
-      <el-form-item prop="adminName" label="提交人">
-        <el-input style="width: 300px" :value="adminData.adminName" disabled placeholder="提交人姓名" />
-      </el-form-item>
+
       <el-button @click="deleteRecharge" style="margin-left: 280px" type="success">重置</el-button>
       <el-button type="primary" @click="addBefore"> 提交 </el-button>
     </el-form>
diff --git a/src/views/recharge/gold/coinRechargeDetail.vue b/src/views/recharge/gold/coinRechargeDetail.vue
index 6383792..336248d 100644
--- a/src/views/recharge/gold/coinRechargeDetail.vue
+++ b/src/views/recharge/gold/coinRechargeDetail.vue
@@ -21,6 +21,10 @@ const getAdminData = async function () {
     console.log('请求失败', error)
   }
 }
+const defaultTime = [
+  new Date(2000, 1, 1, 0, 0, 0),
+  new Date(2000, 2, 1,23 , 59, 59),
+]
 // 变量
 // 充值明细表格
 const tableData = ref([])
@@ -580,7 +584,7 @@ const props = {multiple: true}
             <div class="head-card-element">
               <el-text class="mx-1" size="large">充值时间：</el-text>
               <el-date-picker v-model="getTime" type="datetimerange" range-separator="至" start-placeholder="起始时间"
-                              end-placeholder="结束时间" style="width: 400px" @change="handleDatePickerChange"/>
+                              end-placeholder="结束时间" style="width: 400px" @change="handleDatePickerChange" :default-time="defaultTime"/>
               <el-button @click="getToday()" style="margin-left: 10px"
                          :type="activeTimeRange === 'today' ? 'primary' : ''"> 今
               </el-button>
diff --git a/src/views/refund/gold/addCoinRefund.vue b/src/views/refund/gold/addCoinRefund.vue
index b0d75e3..7fd398c 100644
--- a/src/views/refund/gold/addCoinRefund.vue
+++ b/src/views/refund/gold/addCoinRefund.vue
@@ -533,14 +533,7 @@ onMounted(async function () {
             type="textarea"
         />
       </el-form-item>
-      <el-form-item prop="adminName" label="提交人">
-        <el-input
-            style="width: 300px"
-            :value="adminData.adminName"
-            disabled
-            placeholder="提交人姓名"
-        />
-      </el-form-item>
+
       <el-button type="success" @click="cancel()" style="margin-left: 280px">重置</el-button>
       <el-button type="primary" @click="addBefore"> 提交</el-button>
     </el-form>
diff --git a/src/views/refund/gold/coinRefundDetail.vue b/src/views/refund/gold/coinRefundDetail.vue
index 23d78fc..98dc287 100644
--- a/src/views/refund/gold/coinRefundDetail.vue
+++ b/src/views/refund/gold/coinRefundDetail.vue
@@ -6,7 +6,10 @@ import moment from 'moment'
 import API from '@/util/http.js'
 import request from '@/util/http.js'
 import {marketMapping, reverseMarketMapping} from "@/utils/marketMap.js";
-
+const defaultTime = [
+  new Date(2000, 1, 1, 0, 0, 0),
+  new Date(2000, 2, 1,23 , 59, 59),
+]
 // 精网号去空格
 const trimJwCode = () => {
   if (refundUser.value.jwcode) {
@@ -631,7 +634,7 @@ const getMarket = async function () {
             <div class="head-card-element">
               <el-text class="mx-1">退款时间：</el-text>
               <el-date-picker v-model="getTime" type="datetimerange" range-separator="至" start-placeholder="起始时间"
-                              end-placeholder="结束时间" style="width: 400px" @change="handleDatePickerChange"/>
+                              end-placeholder="结束时间" style="width: 400px" @change="handleDatePickerChange" :default-time="defaultTime"/>
               <el-button @click="getToday()" style="margin-left: 10px"
                          :type="activeTimeRange === 'today' ? 'primary' : ''"> 今
               </el-button>
diff --git a/src/views/usergold/gold/clientCountDetail.vue b/src/views/usergold/gold/clientCountDetail.vue
index 84273cd..033b915 100644
--- a/src/views/usergold/gold/clientCountDetail.vue
+++ b/src/views/usergold/gold/clientCountDetail.vue
@@ -12,6 +12,10 @@ import dayjs from "dayjs";
 
 // 标记当前激活的时间范围按钮
 const activeTimeRange = ref('')
+const defaultTime = [
+  new Date(2000, 1, 1, 0, 0, 0),
+  new Date(2000, 2, 1,23 , 59, 59),
+]
 // 日期选择器变化时清除按钮激活状态
 const handleDatePickerChange = () => {
   activeTimeRange.value = ''
@@ -560,7 +564,7 @@ const getMarket = async function () {
           <div class="head-card-element">
             <el-text class="mx-1" size="large">更新时间：</el-text>
             <el-date-picker v-model="getTime" type="datetimerange" range-separator="至" start-placeholder="起始时间"
-                            end-placeholder="结束时间" style="width: 400px" @change="handleDatePickerChange"/>
+                            end-placeholder="结束时间" style="width: 400px" @change="handleDatePickerChange" :default-time="defaultTime"/>
             <el-button @click="getToday()" style="margin-left: 10px"
                        :type="activeTimeRange === 'today' ? 'primary' : ''"> 今
             </el-button>
diff --git a/src/views/usergold/userbean.vue b/src/views/usergold/userbean.vue
index 96c0baf..ec258a4 100644
--- a/src/views/usergold/userbean.vue
+++ b/src/views/usergold/userbean.vue
@@ -1,11 +1,181 @@
-<script setup lang="ts">
+<template>
+    <el-card style="margin-bottom: 20px;">
+        <el-text size="large">精网号：</el-text>
+        <el-input v-model="searchObj.jwcode" placeholder="请输入精网号" style="width: 240px" clearable />
+        <el-text size="large" style="margin-left:20px">地区：</el-text>
+        <el-select v-model="searchObj.dept" placeholder="请选择地区" style="width: 240px" clearable>
+            <el-option v-for="item in marketOptions" :key="item" :label="item" :value="item" />
+        </el-select>
 
-</script>
+        <div style="float: right;">
+            <el-button type="success" @click="reset">重置</el-button>
+            <el-button type="primary" @click="get">查询</el-button>
+        </div>
+    </el-card>
 
-<template>
+    <el-card>
+        <div class="stats-card">
+            现有金豆数：{{ stats.sumBean }}金豆&nbsp;&nbsp;&nbsp;&nbsp;
+            付费金豆数：{{ stats.permanentBean }}金豆&nbsp;&nbsp;&nbsp;&nbsp;
+            免费金豆数：{{ stats.freeBean }}金豆&nbsp;&nbsp;&nbsp;&nbsp;
+            消费金豆总数：{{ stats.consumeSum }}金豆&nbsp;&nbsp;&nbsp;&nbsp;
+        </div>
+        <el-table :data="tableData" height="650px" @sort-change="handleSortChange" :row-style="{ height: '60px' }">
+            <el-table-column label="ID" style="width: 120px" prop="id" />
+            <el-table-column label="姓名" style="width: 120px;" prop="name" show-overflow-tooltip />
+            <el-table-column label="精网号" style="width: 120px;" prop="jwcode" />
+            <el-table-column label="所属地区" style="width: 120px;" prop="dept" />
+            <el-table-column label="现有金豆" style="width: 120px;" prop="beanNum" sortable="custom" />
+            <el-table-column label="免费金豆" style="width: 120px;" prop="freeBean" sortable="custom" />
+            <el-table-column label="付费金豆" style="width: 120px;" prop="buyBean" sortable="custom" />
+            <el-table-column label="历史消费" style="width: 120px;" prop="totalCostBean" sortable="custom" />
+
+        </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"
+            @current-change="handleCurrentChange"></el-pagination>
+    </el-card>
 
 </template>
+<script setup>
+import { ref, onMounted } from 'vue'
+import API from '@/util/http'
+import { useAdminStore } from "@/store/index.js";
+import { storeToRefs } from "pinia";
+const adminStore = useAdminStore();
+const { adminData, menuTree } = storeToRefs(adminStore);
+import { permissionMapping, findMenuById } from "@/utils/menuTreePermission.js"
+import { ElMessage } from 'element-plus';
 
-<style scoped>
+const tableData = ref([])
+const marketOptions = ref([])
+const searchObj = ref({
+    jwcode: '',
+    dept: '',
+    sortField: '',
+    sortOrder: ''
+})
+const stats = ref({
+    sumBean: 0,
+    permanentBean: 0,
+    freeBean: 0,
+    consumeSum: 0
+})
+const pagination = ref({
+    pageNum: 1,
+    pageSize: 50,
+    total: 0
+})
+const get = async function () {
+    if(findMenuById(menuTree.value, permissionMapping.View_Golden_Bean_Balance)){
+    try {
+        trim()
+        const params = {
+            beanUser: {    //金豆客户列表
+                jwcode: searchObj.value.jwcode,   //精网号
+                dept: searchObj.value.dept,  //地区
+                sortField: searchObj.value.sortField,//排序字段
+                sortOrder: searchObj.value.sortOrder//正序倒序
+            },
+            pageNum: pagination.value.pageNum,
+            pageSize: pagination.value.pageSize
+        }
+        const res = await API({
+            url: '/beanUser/userBean',
+            data: params
+        })
+        if (res.code === 200) {
+            tableData.value = res.data.list
+            pagination.value.total = res.data.total
+        }
+    } catch (error) {
+        console.log(error)
+    }
+}else{
+    ElMessage.error('无此权限')
+}
+}
+const getStats = async () => {
+    if (findMenuById(menuTree.value, permissionMapping.View_Golden_Bean_Balance)) {
+        try {
+            const params = {
+                beanUser:{
+                    jwcode: searchObj.value.jwcode,
+                    dept: searchObj.value.dept
+                }
+            }
+            const res = await API({
+                url: '/beanUser/userBeanSum',
+                data: params
+            })
 
+            stats.value.sumBean = res.data.sumBean
+            stats.value.permanentBean = res.data.permanentBean
+            stats.value.freeBean = res.data.freeBean
+            stats.value.consumeSum = res.data.consumeSum
+            console.log('see see stats和搜索对象', stats.value, params)
+        } catch (error) {
+            console.log('请求失败', error)
+        }
+    }else{
+        ElMessage.error('无此权限')
+    }
+}
+const handleSortChange = (column) => {
+    if (column.prop === 'beanNum') {
+        searchObj.value.sortField = 'jinbi'
+    } else if (column.prop === 'freeBean') {
+        searchObj.value.sortField = 'jinbi_free'
+    } else if (column.prop === 'buyBean') {
+        searchObj.value.sortField = 'jinbi_buy'
+    } else if (column.prop === 'totalCostBean') {
+        searchObj.value.sortField = 'jinbi_cost_total'
+    } else {
+        searchObj.value.sortField = ''
+    }
+    searchObj.value.sortOrder = column.order === 'ascending' ? 'asc' : 'desc'
+    console.log('排序字段：', searchObj.value.sortField,'排序方式：', searchObj.value.sortOrder)
+    get()
+}
+const getmarkets = async () => {
+    try {
+        const result = await API({ url: '/beanConsume/getDept', data: {} })
+        marketOptions.value = result.data || []
+    } catch (error) {
+        console.error('获取地区列表失败', error)
+    }
+}
+// 精网号去空格
+const trim = () => {
+    if (searchObj.value.jwcode) {
+        searchObj.value.jwcode = searchObj.value.jwcode.replace(/\s/g, '');
+    }
+}
+const reset = function () {
+    searchObj.value.jwcode = ''
+    searchObj.value.dept = ''
+}
+const handlePageSizeChange = function (val) {
+    pagination.value.pageSize = val
+    get()
+}
+const handleCurrentChange = function (val) {
+    pagination.value.pageNum = val
+    get()
+}
+
+onMounted(() => {
+    get()
+    getmarkets()
+    getStats()
+    console.log('页面接收到的adminData:', adminData.value)
+})
+</script>
+
+<style scoped>
+.stats-card {
+    background-color: #EBEEF5;
+    padding: 5px;
+}
 </style>
\ No newline at end of file