From d32165a337902e372cc286d501c5b3c3f6ebd3eb Mon Sep 17 00:00:00 2001
From: lihui <lihui030304@163.com>
Date: Fri, 11 Jul 2025 10:29:32 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BF=AE=E6=94=B9=E5=AF=86=E7=A0=81?=
 =?UTF-8?q?=E5=BC=B9=E7=AA=97=EF=BC=8C=E5=B7=A5=E4=BD=9C=E5=8F=B0=E5=88=B7?=
 =?UTF-8?q?=E6=96=B0=EF=BC=8C=E4=BF=AE=E6=94=B9=E5=AF=86=E7=A0=81=E5=AE=8C?=
 =?UTF-8?q?=E6=88=90=E8=B7=B3=E8=BD=AC=E9=A1=B5=E9=9D=A2=EF=BC=88=E9=83=BD?=
 =?UTF-8?q?=E7=BC=BA=E6=8E=A5=E5=8F=A3=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/PasswordSuccess.vue |  84 ++++++++++
 src/components/changePassword.vue  | 303 +++++++++++++++++++++++++++++++++++++
 src/router/index.js                |   2 +
 src/views/home.vue                 |  35 +++--
 src/views/workspace/index.vue      | 159 +++++++++++--------
 5 files changed, 515 insertions(+), 68 deletions(-)
 create mode 100644 src/components/PasswordSuccess.vue
 create mode 100644 src/components/changePassword.vue

diff --git a/src/components/PasswordSuccess.vue b/src/components/PasswordSuccess.vue
new file mode 100644
index 0000000..f7793af
--- /dev/null
+++ b/src/components/PasswordSuccess.vue
@@ -0,0 +1,84 @@
+<template>
+  <div class="success-popup">
+    <div class="popup-content">
+      <div class="icon">
+        <el-icon :size="48" color="#67c23a">
+          <SuccessFilled />
+        </el-icon>
+      </div>
+      <div class="title">修改密码成功！</div>
+      <div class="desc">系统将在 {{ countdown }} 秒后自动跳转至登录页</div>
+      <el-button type="primary" @click="immediateJump">立即跳转</el-button>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import {ref, onMounted} from 'vue';
+import {ElIcon, ElButton} from 'element-plus';
+import {SuccessFilled} from '@element-plus/icons-vue';
+import {useRouter} from 'vue-router';
+
+
+const countdown = ref(3);
+const router = useRouter();
+
+// 倒计时逻辑，自动跳转
+const startCountdown = () => {
+  const timer = setInterval(() => {
+    countdown.value--;
+    if (countdown.value === 0) {
+      clearInterval(timer);
+      // 这里可根据实际需求选择刷新跳转还是路由跳转
+      // 若需要刷新页面跳转，使用 window.location.href
+      // window.location.href = '/login';
+      router.replace ('/login');
+      // 若用路由跳转（路由配置好登录页路径前提下）：router.push('/login');
+    }
+  }, 1000);
+};
+
+const immediateJump = () => {
+  // window.location.href = '/login';
+  // 路由跳转方式：
+  router.replace ('/login');
+};
+
+onMounted(() => {
+  startCountdown();
+});
+</script>
+
+<style scoped>
+.success-popup {
+  position: fixed;
+  top: 0;
+  left: 0;
+
+  background-color: rgba(255, 255, 255, 0.8);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  z-index: 9999;
+  width: 100%;
+  height: 100%;
+}
+.popup-content {
+  background: #fff;
+  padding: 30px;
+  border-radius: 8px;
+  text-align: center;
+}
+.icon {
+  margin-bottom: 16px;
+}
+.title {
+  font-size: 18px;
+  font-weight: bold;
+  margin-bottom: 8px;
+}
+.desc {
+  margin-bottom: 24px;
+  color: #999;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/changePassword.vue b/src/components/changePassword.vue
new file mode 100644
index 0000000..a339d99
--- /dev/null
+++ b/src/components/changePassword.vue
@@ -0,0 +1,303 @@
+<template>
+  <div class="form-container">
+    <el-form
+        ref="passwdFormRef"
+        :model="passwd"
+        :rules="rules"
+        label-width="100px"
+        class="password-form"
+    >
+      <h3 class="form-title">修改密码</h3>
+
+      <!-- 原密码 -->
+      <el-form-item prop="oldVal" label="原密码">
+        <el-input
+            v-model.trim="passwd.oldVal"
+            type="password"
+            placeholder="请输入原密码"
+            show-password
+        />
+      </el-form-item>
+
+      <!-- 新密码 -->
+      <el-form-item prop="newVal" label="新密码">
+        <el-input
+            v-model.trim="passwd.newVal"
+            type="password"
+            placeholder="请输入新密码"
+            show-password
+        />
+      </el-form-item>
+
+      <!-- 重复密码 -->
+      <el-form-item prop="repeatNewVal" label="重复密码">
+        <el-input
+            v-model.trim="passwd.repeatNewVal"
+            type="password"
+            placeholder="请再次输入新密码"
+            show-password
+        />
+      </el-form-item>
+
+      <!-- 密码规则提示 -->
+      <div class="rule-tips">
+        <div :class="isLengthValid ? 'tip pass' : 'tip neutral'">
+          <el-icon>
+            <component :is="isLengthValid ? SuccessFilled : SuccessFilled"/>
+          </el-icon>
+          密码由8-16位数字、字母或符号组成
+        </div>
+        <div :class="isComplexValid ? 'tip pass' : 'tip neutral'">
+          <el-icon>
+            <component :is="isComplexValid ? SuccessFilled : SuccessFilled"/>
+          </el-icon>
+          至少含2种以上字符
+        </div>
+        <div v-if="errorMsg" class="tip fail">
+          <el-icon>
+            <CircleCloseFilled/>
+          </el-icon>
+          {{ errorMsg }}
+        </div>
+      </div>
+
+      <!-- 按钮 -->
+      <div class="button-group">
+        <el-button
+            type="primary"
+            @click="onSubmit"
+            style="width: 300px"
+            :loading="loading"
+            :disabled="!isLengthValid || !isComplexValid"
+        >
+          {{ loading ? '修改中...' : '确定' }}
+        </el-button>
+      </div>
+
+    </el-form>
+  </div>
+</template>
+
+<script setup>
+import {ref, reactive, computed, watch} from 'vue'
+import {CircleCloseFilled, SuccessFilled} from '@element-plus/icons-vue'
+import {ElMessage} from "element-plus";
+import API from '@/util/http'
+import PasswordSuccess from './PasswordSuccess.vue';
+import router from "@/router/index.js";
+
+// 父组件调用
+const emit = defineEmits(['confirm'])
+
+const passwdFormRef = ref(null)
+const passwd = reactive({
+  oldVal: '',
+  newVal: '',
+  repeatNewVal: ''
+})
+const errorMsg = ref('')
+
+// 实时密码规则校验
+const isLengthValid = computed(() => passwd.newVal.length >= 8 && passwd.newVal.length <= 16)
+
+const isComplexValid = computed(() => {
+  const rules = [/\d/, /[a-z]/, /[A-Z]/, /[^a-zA-Z0-9]/]
+  return rules.filter((r) => r.test(passwd.newVal)).length >= 2
+})
+
+watch(() => passwd.newVal, (val) => {
+  if (val && val === passwd.oldVal) {
+    errorMsg.value = '新密码不能与旧密码一致'
+  } else {
+    errorMsg.value = ''
+  }
+})
+// 提交加载状态
+const loading = ref(false)
+// 表单校验规则
+const rules = reactive({
+  oldVal: [{required: true, message: '请输入原密码', trigger: 'blur'}],
+  newVal: [
+    {required: true, message: '新密码不能为空', trigger: 'blur'},
+    {
+      validator: (rule, value, callback) => {
+        if (value === passwd.oldVal) {
+          callback(new Error('新密码不能与旧密码一致'))
+        } else if (value.length < 8 || value.length > 16) {
+          callback(new Error('长度应在 8 到 16 个字符'))
+        } else {
+          const types = [/\d/, /[a-z]/, /[A-Z]/, /[^a-zA-Z0-9]/]
+          const matchCount = types.filter((r) => r.test(value)).length
+          if (matchCount < 2) {
+            callback(new Error('密码至少包含两种类型（数字、字母或符号）'))
+          } else {
+            callback()
+          }
+        }
+      },
+      trigger: 'blur'
+    }
+  ],
+  repeatNewVal: [
+    {required: true, message: '请再次输入新密码', trigger: 'blur'},
+    {
+      validator: (rule, value, callback) => {
+        if (value !== passwd.newVal) {
+          callback(new Error('两次输入密码不一致'))
+        } else {
+          callback()
+        }
+      },
+      trigger: 'blur'
+    }
+  ]
+})
+
+// // 修改密码接口调用方法
+// const changePassword = async function () {
+//   try {
+//     const params = {
+//       oldVal: passwd.oldVal,
+//       newVal: passwd.newVal
+//     }
+//
+//     const result = await API({url: '/user/changePassword', data: params})
+//     console.log('@@@@@@@@@@@修改密码结果:', result)
+//     if(result.status === 200){
+//       // 显示成功弹窗
+//
+//       ElMessage.success('修改密码成功')
+//       // 重置表单字段
+//       resetFields()
+//       router.replace ('/PasswordSuccess');
+//     }else if(result === 400){
+//       //todo 待完善
+//     }
+//
+//   } catch (error) {
+//     console.log('re:', result)
+//     console.error('修改密码失败', error)
+//     ElMessage.error('操作失败')
+//     // 抛出错误让外层捕获，保持finally正常执行
+//     throw error
+//   }
+// }
+
+// 修改密码接口调用方法（模拟始终成功）
+const changePassword = async function () {
+  try {
+    // 模拟API调用
+    const result = {
+      status: 200,
+      data: {success: true, message: '密码修改成功'}
+    };
+
+    console.log('修改密码结果:', result);
+
+    // 统一处理成功逻辑
+    if (result.status === 200 ) {
+      // 显示成功提示
+      ElMessage.success(result.data.message || '修改密码成功');
+
+      // 重置表单字段
+      resetFields();
+
+      router.replace ('/PasswordSuccess');
+
+
+      return result;
+    } else {
+      // 处理API返回但状态非成功的情况
+      const errorMsg = result.data.message || '密码修改失败';
+      ElMessage.error(errorMsg);
+      throw new Error(errorMsg);
+    }
+  } catch (error) {
+    // 处理网络错误或API异常
+    console.error('修改密码失败:', error);
+    ElMessage.error(error.message || '操作失败，请重试');
+    throw error;
+  }
+};
+
+// 表单提交与重置
+const resetFields = () => {
+  passwdFormRef.value.resetFields()
+  errorMsg.value = ''
+}
+
+// 修改提交方法
+const onSubmit = () => {
+  // 若正在加载中则直接返回，防止重复提交
+  if (loading.value) return
+
+  passwdFormRef.value.validate(async (valid) => {
+    if (valid) {
+      loading.value = true // 开始加载
+      try {
+        await changePassword() // 调用修改密码接口
+        emit('confirm')
+      } finally {
+        loading.value = false // 无论成功失败都关闭加载态
+      }
+    } else {
+      console.log('表单校验失败')
+    }
+
+  })
+}
+
+</script>
+
+<style scoped>
+.form-container {
+  justify-content: center;
+  align-items: center;
+}
+
+.password-form {
+
+  border-radius: 8px;
+}
+
+.form-title {
+  text-align: left;
+  margin-bottom: 24px;
+  font-size: 20px;
+  font-weight: bold;
+}
+
+.button-group {
+  display: flex;
+  justify-content: center;
+  margin-top: 24px;
+}
+
+.rule-tips {
+  margin-left: 100px;
+  margin-bottom: 12px;
+}
+
+.tip {
+  font-size: 14px;
+  margin: 4px 0;
+  display: flex;
+  align-items: center;
+}
+
+.pass {
+  color: #67c23a;
+}
+
+.neutral {
+  color: #999;
+}
+
+.fail {
+  color: #f56c6c;
+}
+
+.rule-tips .el-icon {
+  margin-right: 6px;
+}
+</style>
diff --git a/src/router/index.js b/src/router/index.js
index 8f1d852..a0ef426 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -71,6 +71,8 @@ const router = createRouter({
                 { path: '/noPermission', name: "noPermission", component: () => import("../views/noPermissionPage.vue") }
             ]
         },
+        // 跳转页面
+        { path: '/PasswordSuccess', name: "PasswordSuccess.vue", component: () => import("../components/PasswordSuccess.vue") },
 
     ]
 });
diff --git a/src/views/home.vue b/src/views/home.vue
index c543fbf..3fb08ea 100644
--- a/src/views/home.vue
+++ b/src/views/home.vue
@@ -1,16 +1,14 @@
 <script setup>
 // 导航栏在这
-import { ref, onMounted } from 'vue'
-import { useRouter } from 'vue-router'
-import ElementPlus from 'element-plus'
-import { VscGlobe } from 'vue-icons-plus/vsc'
-import { ElMessage } from 'element-plus'
-import axios from 'axios'
+import {onMounted, ref} from 'vue'
+import {useRouter} from 'vue-router'
+import {ElMessage} from 'element-plus'
 import API from '@/util/http'
 import dmmn from '../assets/link.png'
-import { useRoute } from 'vue-router'
 import moment from 'moment'
-import { ca } from 'element-plus/es/locales.mjs'
+import ChangePassword from '@/components/changePassword.vue'
+
+
 
 const router = useRouter()
 const imgrule1 = dmmn
@@ -143,12 +141,17 @@ const changeDataByArea = (item) => {
 
 // 控制导出列表弹窗显示状态
 const exportListVisible = ref(false)
-
+// 显示修改密码弹窗
+const showPasswordDialog = ref(false)
 // 打开导出列表弹窗
 const openExportList = () => {
   getExportList()
   exportListVisible.value = true
 }
+//打开修改密码弹窗
+const openChangePassword = () => {
+  showPasswordDialog.value = true
+}
 </script>
 
 <template>
@@ -255,12 +258,14 @@ const openExportList = () => {
             <el-badge @click="openExportList" class="item" > <!-- 用的el-badgeBadge 徽章 之后可以加数字 -->
               <el-button>查看导出列表</el-button>
             </el-badge>
+
             <el-sub-menu index="1" class="admin">
               <template #title>
                 <el-image :src="imgrule1" alt="错误" style="width: 50px; height: 50px" />
                 <span style="margin-left: 10px">{{ adminData.name }}</span>
               </template>
               <el-menu-item @click="message()">查看个人信息</el-menu-item>
+              <el-menu-item @click="openChangePassword">修改密码</el-menu-item>
               <el-menu-item @click="logout">退出登录</el-menu-item>
               <el-menu-item index="1-3" @click="openExportList">查看下载列表</el-menu-item>
 
@@ -274,6 +279,7 @@ const openExportList = () => {
         </el-main>
       </el-container>
     </el-container>
+
     <!-- 查看个人信息 -->
     <el-dialog v-model="messageVisible" title="查看个人信息" width="500px">
       <el-form :model="adminData">
@@ -329,6 +335,17 @@ const openExportList = () => {
         </div>
       </template>
     </el-dialog>
+
+    <!-- 自定义密码修改弹窗组件 -->
+    <el-dialog
+        v-model="showPasswordDialog"
+        :center="true"
+        width="470px"
+    >
+      <ChangePassword @confirm="showPasswordDialog = false" />
+    </el-dialog>
+
+
   </div>
 </template>
 
diff --git a/src/views/workspace/index.vue b/src/views/workspace/index.vue
index 4c9f1c6..11a08b9 100644
--- a/src/views/workspace/index.vue
+++ b/src/views/workspace/index.vue
@@ -1,7 +1,24 @@
 <template>
-  <el-col :span="4">
-    <el-card class="center-card margin-bottom">数据总览</el-card>
-  </el-col>
+
+  <el-row>
+    <!-- 数据总览卡片 -->
+    <el-col :span="4" style="padding-right: 10px;"> <!-- 适当留白避免拥挤 -->
+      <el-card class="center-card margin-bottom">数据总览</el-card>
+    </el-col>
+
+    <!-- 刷新按钮 -->
+    <el-col :span="18" style="display: flex; align-items: center; font-size: 18px">
+      最后更新时间：2025年7月10日17:31:09
+      <el-button text @click="refreshWorkspace()">
+        <el-icon style="vertical-align: middle; font-size: 18px" :class="{ 'is-loading': isLoading } ">
+          <Refresh/>
+        </el-icon>
+      </el-button>
+    </el-col>
+
+    <!-- 剩余栅格空间（可选，用于占满一行） -->
+    <el-col :span="18"></el-col>
+  </el-row>
   <el-row :gutter="10">
     <!-- 第一个卡片 -->
     <el-col :span="6">
@@ -9,21 +26,23 @@
         <template #header>
           <div class="card-header">
             <div class="card-title">当前金币余量</div>
-            <div>{{ currentGold / 100 }}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;较前一日 {{
-              dailyChange / 100 }}
+            <div>{{ currentGold / 100 }}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;较前一日
+              {{
+                dailyChange / 100
+              }}
               <template v-if="dailyChange > 0">
                 <el-icon style="color:red">
-                  <ArrowUpBold />
+                  <ArrowUpBold/>
                 </el-icon>
               </template>
               <template v-else-if="dailyChange < 0">
                 <el-icon style="color:forestgreen">
-                  <ArrowDownBold />
+                  <ArrowDownBold/>
                 </el-icon>
               </template>
               <template v-else>
                 <el-icon style="color:grey">
-                  <SemiSelect />
+                  <SemiSelect/>
                 </el-icon>
               </template>
             </div>
@@ -33,8 +52,10 @@
           <div class="margin-bottom">永久金币：{{ currentPermanent / 100 }}</div>
           <div class="margin-bottom">免费金币：{{ currentFree / 100 }}</div>
           <div class="margin-bottom">[六月到期|{{ currentFreeJune / 100 }}]&nbsp;&nbsp;&nbsp;&nbsp;[12月到期|{{
-            currentFreeDecember /
-            100 }}]</div>
+              currentFreeDecember /
+              100
+            }}]
+          </div>
           <div>任务金币：{{ currentTask / 100 }}</div>
         </div>
       </el-card>
@@ -57,14 +78,14 @@
     <!-- 第三个卡片 -->
     <el-col :span="6">
       <el-card class="card-item">
-        <div class="card-title">全年累计消耗金币数</div>
+        <div class="card-title">全年累计消费金币数</div>
         <div class="card-title">{{ yearlyReduce / 100 }}</div>
         <div class="center-card">消费：{{ yearlyConsume / 100 }}</div>
         <div class="center-card">退款：{{ yearlyRefund / 100 }}</div>
         <template #footer>
           <div></div>
-          <div class="margin-bottom center-card">昨日新增消耗：{{ dailyReduce / 100 }}</div>
           <div class="margin-bottom center-card">昨日新增消费：{{ dailyConsume / 100 }}</div>
+          <div class="margin-bottom center-card">昨日新增消耗：{{ dailyReduce / 100 }}</div>
           <div class="margin-bottom center-card">昨日新增退款：{{ dailyRefund / 100 }}</div>
         </template>
       </el-card>
@@ -78,34 +99,34 @@
         <el-col class="center-card">周同比:{{ sumWow }}%&nbsp;&nbsp;&nbsp;&nbsp;
           <template v-if="sumWow > 0">
             <el-icon style="color:red">
-              <ArrowUpBold />
+              <ArrowUpBold/>
             </el-icon>
           </template>
           <template v-else-if="sumWow < 0">
             <el-icon style="color:forestgreen">
-              <ArrowDownBold />
+              <ArrowDownBold/>
             </el-icon>
           </template>
           <template v-else>
             <el-icon style="color:grey">
-              <SemiSelect />
+              <SemiSelect/>
             </el-icon>
           </template>
         </el-col>
         <el-col class="center-card">日环比:{{ sumDaily }}%&nbsp;&nbsp;&nbsp;&nbsp;
           <template v-if="sumDaily > 0">
             <el-icon style="color:red">
-              <ArrowUpBold />
+              <ArrowUpBold/>
             </el-icon>
           </template>
           <template v-else-if="sumDaily < 0">
             <el-icon style="color:forestgreen">
-              <ArrowDownBold />
+              <ArrowDownBold/>
             </el-icon>
           </template>
           <template v-else>
             <el-icon style="color:grey">
-              <SemiSelect />
+              <SemiSelect/>
             </el-icon>
           </template>
         </el-col>
@@ -130,11 +151,14 @@
           <el-col :span="24">
             <el-row>
               <div style="margin-top:5px">合计&nbsp;&nbsp;&nbsp;&nbsp;
-                永久金币 {{ activeTab === 'recharge' ? sumRechargePermanent / 100 : sumConsumePermanent / 100
+                永久金币 {{
+                  activeTab === 'recharge' ? sumRechargePermanent / 100 : sumConsumePermanent / 100
                 }}&nbsp;&nbsp;&nbsp;&nbsp;
-                免费金币 {{ activeTab === 'recharge' ? sumRechargeFree / 100 : sumConsumeFree / 100
+                免费金币 {{
+                  activeTab === 'recharge' ? sumRechargeFree / 100 : sumConsumeFree / 100
                 }}&nbsp;&nbsp;&nbsp;&nbsp;
-                任务金币 {{ activeTab === 'recharge' ? sumRechargeTask / 100 : sumConsumeTask / 100
+                任务金币 {{
+                  activeTab === 'recharge' ? sumRechargeTask / 100 : sumConsumeTask / 100
                 }}&nbsp;&nbsp;&nbsp;&nbsp;
               </div>
               <div>
@@ -144,15 +168,15 @@
                 <el-button @click="getYear()" label="year">本年</el-button>
               </div>
               <!-- 设置日期选择器的显示和绑定值格式 -->
-              <el-date-picker 
-                v-model="dateRange" 
-                type="datetimerange" 
-                range-separator="→" 
-                start-placeholder="开始时间"
-                end-placeholder="结束时间" 
-                style="margin-left:10px"
-                format="YYYY-MM-DD HH:mm:ss"
-                value-format="YYYY-MM-DD HH:mm:ss"
+              <el-date-picker
+                  v-model="dateRange"
+                  type="datetimerange"
+                  range-separator="→"
+                  start-placeholder="开始时间"
+                  end-placeholder="结束时间"
+                  style="margin-left:10px"
+                  format="YYYY-MM-DD HH:mm:ss"
+                  value-format="YYYY-MM-DD HH:mm:ss"
               />
               <el-button type="primary" style="margin-left: 5px" @click="getChartData">查询</el-button>
             </el-row>
@@ -193,13 +217,14 @@
 
 <script setup>
 import * as echarts from 'echarts'
-import { ref, onMounted, nextTick, watch } from 'vue'
+import {ref, onMounted, nextTick, watch} from 'vue'
 import API from '@/util/http'
-import { ElMessage } from 'element-plus'
+import {ElMessage} from 'element-plus'
 import dayjs from 'dayjs';
 import utc from 'dayjs-plugin-utc'
+
 dayjs.extend(utc)
-import { ArrowUpBold, ArrowDownBold, SemiSelect } from '@element-plus/icons-vue'
+import {ArrowUpBold, ArrowDownBold, SemiSelect, Refresh} from '@element-plus/icons-vue'
 // 地区数据
 const markets = ref([])
 // 图表相关
@@ -242,20 +267,21 @@ const sumDaily = ref(0)
 const rechargeNum = ref(0)
 const firstRecharge = ref(0)
 const length = ref(0)
-const formatDate = function(date) {
-      const year = date.getFullYear();
-      const month = String(date.getMonth() + 1).padStart(2, '0');
-      const day = String(date.getDate()).padStart(2, '0');
-      const hours = String(date.getHours()).padStart(2, '0');
-      const minutes = String(date.getMinutes()).padStart(2, '0');
-      const seconds = String(date.getSeconds()).padStart(2, '0');
-      return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
-    }
+const isLoading = ref(false)
+const formatDate = function (date) {
+  const year = date.getFullYear();
+  const month = String(date.getMonth() + 1).padStart(2, '0');
+  const day = String(date.getDate()).padStart(2, '0');
+  const hours = String(date.getHours()).padStart(2, '0');
+  const minutes = String(date.getMinutes()).padStart(2, '0');
+  const seconds = String(date.getSeconds()).padStart(2, '0');
+  return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
+}
 // 今天
 const getToday = function () {
   const today = dayjs()
   const startTime = today.startOf('day').format('YYYY-MM-DD HH:mm:ss')
-  const endTime = today.add(1,'day').startOf('day').format('YYYY-MM-DD HH:mm:ss')
+  const endTime = today.add(1, 'day').startOf('day').format('YYYY-MM-DD HH:mm:ss')
   dateRange.value = [startTime, endTime]
   console.log('看看dateRange', dateRange.value)
   getChartData()
@@ -263,8 +289,8 @@ const getToday = function () {
 // 本周
 const getWeek = function () {
   const today = dayjs()
-  const startTime = (today.startOf('week').add(1,'day')).format('YYYY-MM-DD HH:mm:ss')
-  const endTime = today.add(1,'week').startOf('week').add(1,'day').format('YYYY-MM-DD HH:mm:ss')
+  const startTime = (today.startOf('week').add(1, 'day')).format('YYYY-MM-DD HH:mm:ss')
+  const endTime = today.add(1, 'week').startOf('week').add(1, 'day').format('YYYY-MM-DD HH:mm:ss')
   dateRange.value = [startTime, endTime]
   console.log('看看dateRange', dateRange.value)
   getChartData()
@@ -273,16 +299,16 @@ const getWeek = function () {
 const getMonth = function () {
   const today = dayjs()
   const startTime = today.startOf('month').format('YYYY-MM-DD HH:mm:ss')
-  const endTime = today.add(1,'month').startOf('month').format('YYYY-MM-DD HH:mm:ss')
+  const endTime = today.add(1, 'month').startOf('month').format('YYYY-MM-DD HH:mm:ss')
   dateRange.value = [startTime, endTime]
   console.log('看看dateRange', dateRange.value)
   getChartData()
 }
 // 本年
-const getYear = function () { 
+const getYear = function () {
   const today = dayjs()
   const startTime = today.startOf('year').format('YYYY-MM-DD HH:mm:ss')
-  const endTime = today.add(1,'year').startOf('year').format('YYYY-MM-DD HH:mm:ss')
+  const endTime = today.add(1, 'year').startOf('year').format('YYYY-MM-DD HH:mm:ss')
   dateRange.value = [startTime, endTime]
   console.log('看看dateRange', dateRange.value)
   getChartData()
@@ -369,7 +395,7 @@ const processData = (data) => {
 // 获取市场列表
 const getMarkets = async () => {
   try {
-    const response = await API({ url: '/general/market', data: {} })
+    const response = await API({url: '/general/market', data: {}})
     if (Array.isArray(response.data)) {
       markets.value = response.data
       console.log('市场列表获取成功:', markets.value)
@@ -392,7 +418,7 @@ const getChartData = async () => {
     }
 
     // 本年
-    if(!dateRange.value || dateRange.value.length === 0){
+    if (!dateRange.value || dateRange.value.length === 0) {
       getYear()
     }
 
@@ -542,7 +568,7 @@ const updateChart = (chartData) => {
         type: 'bar',
         stack: 'recharge',
         data: chartData.rechargePermanent,
-        itemStyle: { color: '#5470c6' },
+        itemStyle: {color: '#5470c6'},
         barWidth: 30
       },
       {
@@ -550,7 +576,7 @@ const updateChart = (chartData) => {
         type: 'bar',
         stack: 'recharge',
         data: chartData.rechargeFree,
-        itemStyle: { color: '#91cc75' },
+        itemStyle: {color: '#91cc75'},
         barWidth: 30
       },
       {
@@ -558,7 +584,7 @@ const updateChart = (chartData) => {
         type: 'bar',
         stack: 'recharge',
         data: chartData.rechargeTask,
-        itemStyle: { color: '#fac858' },
+        itemStyle: {color: '#fac858'},
         barWidth: 30
       }
     ]
@@ -570,7 +596,7 @@ const updateChart = (chartData) => {
         type: 'bar',
         stack: 'consume',
         data: chartData.consumePermanent,
-        itemStyle: { color: '#5470c6' },
+        itemStyle: {color: '#5470c6'},
         barWidth: 30
       },
       {
@@ -578,7 +604,7 @@ const updateChart = (chartData) => {
         type: 'bar',
         stack: 'consume',
         data: chartData.consumeFree,
-        itemStyle: { color: '#91cc75' },
+        itemStyle: {color: '#91cc75'},
         barWidth: 30
       },
       {
@@ -586,7 +612,7 @@ const updateChart = (chartData) => {
         type: 'bar',
         stack: 'consume',
         data: chartData.consumeTask,
-        itemStyle: { color: '#fac858' },
+        itemStyle: {color: '#fac858'},
         barWidth: 30
       }
     ]
@@ -648,7 +674,7 @@ const handleTabChange = () => {
 
 const getAdminData = async function () {
   try {
-    const result = await API({ url: '/admin/userinfo', data: {} })
+    const result = await API({url: '/admin/userinfo', data: {}})
     adminData.value = result
     console.log('用户信息', adminData.value)
   } catch (error) {
@@ -658,7 +684,7 @@ const getAdminData = async function () {
 // 获取卡片数据
 const getCardData = async () => {
   try {
-    const response = await API({ url: '/workbench/getCard', data: {} })
+    const response = await API({url: '/workbench/getCard', data: {}})
     if (response && response.data) {
       processData(response.data)
     } else if (Array.isArray(response?.marketCards)) {
@@ -671,13 +697,28 @@ const getCardData = async () => {
   }
 }
 
+const refreshWorkspace = async () => {
+  isLoading.value = true
+  try {
+    const result = await API({url: '/workbench/updateCard', data: {}})
+    if (result.code === 200) {
+      ElMessage.success('数据更新成功')
+    } else {
+      ElMessage.error('数据更新失败')
+    }
+  } catch (error) {
+    console.error('刷新工作台失败:', error)
+  } finally {
+    isLoading.value = false
+  }
+}
 
 onMounted(async () => {
 
   await getAdminData()
   await getCardData()
   await getMarkets()
-  getYear() 
+  getYear()
   await getChartData()
   console.log('挂载后调用')
 })