zant-admin 1.0.1 → 2.0.0

package/src/views/baiscstatis/center.vue

@@ -37,10 +37,18 @@
                     {{ userInfo.roleName || '普通用户' }}
                   </a-descriptions-item>
                   <a-descriptions-item label="最后登录时间" :span="2">
-                    {{ userInfo.lastLoginTime ? formatDate(userInfo.lastLoginTime) : '从未登录' }}
+                    {{
+                      userInfo.lastLoginTime
+                        ? formatDate(userInfo.lastLoginTime)
+                        : '从未登录'
+                    }}
                   </a-descriptions-item>
                   <a-descriptions-item label="注册时间" :span="2">
-                    {{ userInfo.createTime ? formatDate(userInfo.createTime) : '未知' }}
+                    {{
+                      userInfo.createTime
+                        ? formatDate(userInfo.createTime)
+                        : '未知'
+                    }}
                   </a-descriptions-item>
                 </a-descriptions>
               </div>
@@ -58,17 +66,32 @@
                   ref="formRef"
                 >
                   <a-form-item label="原密码" name="oldPassword">
-                    <a-input-password v-model:value="passwordForm.oldPassword" placeholder="请输入原密码" />
+                    <a-input-password
+                      v-model:value="passwordForm.oldPassword"
+                      placeholder="请输入原密码"
+                    />
                   </a-form-item>
                   <a-form-item label="新密码" name="newPassword">
-                    <a-input-password v-model:value="passwordForm.newPassword" placeholder="请输入新密码" />
+                    <a-input-password
+                      v-model:value="passwordForm.newPassword"
+                      placeholder="请输入新密码"
+                    />
                   </a-form-item>
                   <a-form-item label="确认密码" name="confirmPassword">
-                    <a-input-password v-model:value="passwordForm.confirmPassword" placeholder="请再次输入新密码" />
+                    <a-input-password
+                      v-model:value="passwordForm.confirmPassword"
+                      placeholder="请再次输入新密码"
+                    />
                   </a-form-item>
                   <a-form-item :wrapper-col="{ offset: 8, span: 12 }">
-                    <a-button type="primary" @click="changePassword">修改密码</a-button>
-                    <a-button style="margin-left: 10px" @click="resetPasswordForm">重置</a-button>
+                    <a-button type="primary" @click="changePassword"
+                      >修改密码</a-button
+                    >
+                    <a-button
+                      style="margin-left: 10px"
+                      @click="resetPasswordForm"
+                      >重置</a-button
+                    >
                   </a-form-item>
                 </a-form>
               </div>
@@ -121,10 +144,7 @@
       width="600px"
       :footer="null"
     >
-      <a-list
-        item-layout="horizontal"
-        :data-source="sessions"
-      >
+      <a-list item-layout="horizontal" :data-source="sessions">
         <template #renderItem="{ item }">
           <a-list-item>
             <a-list-item-meta
@@ -132,7 +152,9 @@
               :description="`最后活动: ${formatDate(item.lastActivity)}`"
             />
             <template #actions>
-              <a-button type="link" danger @click="logoutSession(item.id)">强制下线</a-button>
+              <a-button type="link" danger @click="logoutSession(item.id)"
+                >强制下线</a-button
+              >
             </template>
           </a-list-item>
         </template>
@@ -163,20 +185,20 @@ const userInfo = reactive({
   roleName: '',
   avatar: '',
   lastLoginTime: null,
-  createTime: null
+  createTime: null,
 })
 
 // 密码表单
 const passwordForm = reactive({
   oldPassword: '',
   newPassword: '',
-  confirmPassword: ''
+  confirmPassword: '',
 })
 
 // 安全设置
 const securitySettings = reactive({
   loginAlert: false,
-  twoFactorAuth: false
+  twoFactorAuth: false,
 })
 
 // 会话列表
@@ -184,9 +206,7 @@ const sessions = ref([])
 
 // 密码验证规则
 const passwordRules = {
-  oldPassword: [
-    { required: true, message: '请输入原密码', trigger: 'blur' }
-  ],
+  oldPassword: [{ required: true, message: '请输入原密码', trigger: 'blur' }],
   newPassword: [
     { required: true, message: '请输入新密码', trigger: 'blur' },
     // { min: 6, message: '密码长度不能少于6位', trigger: 'blur' }
@@ -200,9 +220,9 @@ const passwordRules = {
         }
         return Promise.resolve()
       },
-      trigger: 'blur'
-    }
-  ]
+      trigger: 'blur',
+    },
+  ],
 }
 
 // 生命周期
@@ -224,7 +244,7 @@ const loadUserInfo = async () => {
         roleName: currentUser.roleId === 1 ? '管理员' : '普通用户',
         avatar: currentUser.profilePicture || '',
         lastLoginTime: currentUser.lastLoginTime || null,
-        createTime: currentUser.createTime || null
+        createTime: currentUser.createTime || null,
       })
     }
 
@@ -239,8 +259,6 @@ const loadUserInfo = async () => {
   }
 }
 
-
-
 // 修改密码
 const changePassword = async () => {
   try {
@@ -256,13 +274,11 @@ const changePassword = async () => {
     const res = await sysAccount.updatePwd({
       id: userStore.userInfo.id,
       oldPwd: passwordForm.oldPassword,
-      newPwd: passwordForm.newPassword
+      newPwd: passwordForm.newPassword,
     })
 
-      message.success('密码修改成功')
-      resetPasswordForm()
-
-
+    message.success('密码修改成功')
+    resetPasswordForm()
   } catch (error) {
     console.error('修改密码失败:', error)
     // message.error('修改密码失败')
@@ -274,7 +290,7 @@ const resetPasswordForm = () => {
   Object.assign(passwordForm, {
     oldPassword: '',
     newPassword: '',
-    confirmPassword: ''
+    confirmPassword: '',
   })
 }
 
@@ -309,14 +325,14 @@ const loadSessions = async () => {
         id: 1,
         device: 'Windows Chrome',
         lastActivity: new Date(),
-        location: '中国 北京'
+        location: '中国 北京',
       },
       {
         id: 2,
         device: 'Mac Safari',
         lastActivity: new Date(Date.now() - 2 * 60 * 60 * 1000), // 2小时前
-        location: '中国 上海'
-      }
+        location: '中国 上海',
+      },
     ]
   } catch (error) {
     console.error('加载会话列表失败:', error)
@@ -324,7 +340,7 @@ const loadSessions = async () => {
 }
 
 // 强制下线会话
-const logoutSession = async (sessionId) => {
+const logoutSession = async sessionId => {
   try {
     // 这里添加强制下线会话的API调用
     // await forceLogoutSession(sessionId)
@@ -337,7 +353,7 @@ const logoutSession = async (sessionId) => {
 }
 
 // 格式化日期
-const formatDate = (date) => {
+const formatDate = date => {
   if (!date) return '未知'
   const d = new Date(date)
   return d.toLocaleString('zh-CN', {
@@ -345,15 +361,13 @@ const formatDate = (date) => {
     month: '2-digit',
     day: '2-digit',
     hour: '2-digit',
-    minute: '2-digit'
+    minute: '2-digit',
   })
 }
 </script>
 
 <style scoped>
-.user-center {
-  padding: 10px;
-}
+
 
 .user-center-card {
   border-radius: 8px;
@@ -380,7 +394,6 @@ const formatDate = (date) => {
   background-color: #1677ff !important;
   font-size: 38px !important;
   font-weight: 600 !important;
-
 }
 .user-basic-info h3 {
   margin: 0 0 8px 0;
@@ -394,8 +407,6 @@ const formatDate = (date) => {
   font-size: 14px;
 }
 
-
-
 .user-stats {
   margin-top: 24px;
   padding: 16px;

package/src/views/baiscstatis/iframePage.vue

@@ -3,29 +3,27 @@
     ref="iframeRef"
     :src="iframeUrl"
     frameborder="0"
-    style="width: 100%; height: 100%;"
+    style="width: 100%; height: 100%"
   ></iframe>
-
-
 </template>
 
 <script setup>
-import { ref, onMounted, watch } from "vue"
-import { useRoute } from "vue-router"
+import { ref, onMounted, watch } from 'vue'
+import { useRoute } from 'vue-router'
 
 const route = useRoute()
-const iframeUrl = ref("")
+const iframeUrl = ref('')
 
 onMounted(() => {
-  console.log("iframeUrl", route.query.url)
-  iframeUrl.value = decodeURIComponent(route.query.url || "")
+  console.log('iframeUrl', route.query.url)
+  iframeUrl.value = decodeURIComponent(route.query.url || '')
 })
 
 // 监听路由变化，点击不同内链菜单时更新 iframe
 watch(
   () => route.query.url,
-  (newUrl) => {
-    iframeUrl.value = decodeURIComponent(newUrl || "")
-  }
+  newUrl => {
+    iframeUrl.value = decodeURIComponent(newUrl || '')
+  },
 )
 </script>

package/src/views/console.vue

@@ -56,11 +56,18 @@
             <h3>系统信息</h3>
           </div>
           <div class="info-grid">
-            <div class="info-item" v-for="(info, index) in systemInfo" :key="index">
+            <div
+              class="info-item"
+              v-for="(info, index) in systemInfo"
+              :key="index"
+            >
               <div class="info-label">{{ info.label }}</div>
               <div class="info-value">{{ info.value }}</div>
               <div class="info-progress" v-if="info.progress">
-                <div class="progress-bar" :style="{ width: info.progress + '%' }"></div>
+                <div
+                  class="progress-bar"
+                  :style="{ width: info.progress + '%' }"
+                ></div>
               </div>
             </div>
           </div>
@@ -75,7 +82,11 @@
             <h3>前端项目引用</h3>
           </div>
           <div class="dependencies-list">
-            <div class="dependency-item" v-for="(dep, index) in dependencies" :key="index">
+            <div
+              class="dependency-item"
+              v-for="(dep, index) in dependencies"
+              :key="index"
+            >
               <div class="dep-name">{{ dep.name }}</div>
               <div class="dep-version">{{ dep.version }}</div>
             </div>
@@ -89,8 +100,15 @@
             <a-badge :count="notifications.length" />
           </div>
           <div class="notifications-list">
-            <div class="notification-item" v-for="(item, index) in notifications" :key="index">
-              <div class="notification-icon" :style="{ backgroundColor: item.color }">
+            <div
+              class="notification-item"
+              v-for="(item, index) in notifications"
+              :key="index"
+            >
+              <div
+                class="notification-icon"
+                :style="{ backgroundColor: item.color }"
+              >
                 {{ item.icon }}
               </div>
               <div class="notification-content">
@@ -107,7 +125,11 @@
             <h3>最近活动</h3>
           </div>
           <div class="activities-list">
-            <div class="activity-item" v-for="(activity, index) in recentActivities" :key="index">
+            <div
+              class="activity-item"
+              v-for="(activity, index) in recentActivities"
+              :key="index"
+            >
               <ClockCircleOutlined class="activity-icon" />
               <div class="activity-content">{{ activity.content }}</div>
             </div>
@@ -128,7 +150,7 @@ import {
   MessageOutlined,
   ClockCircleOutlined,
   ArrowUpOutlined,
-  ArrowDownOutlined
+  ArrowDownOutlined,
 } from '@ant-design/icons-vue'
 
 // 创建图表容器引用
@@ -148,7 +170,7 @@ const stats = reactive({
   userCount: 1256,
   orderCount: 89,
   revenue: '12,580',
-  messageCount: 5
+  messageCount: 5,
 })
 
 // 统计卡片数据
@@ -160,7 +182,7 @@ const statsData = computed(() => [
     gradient: 'linear-gradient(135deg, #667eea 0%, #764ba2 100%)',
     trend: 'up',
     trendIcon: ArrowUpOutlined,
-    change: '12.5%'
+    change: '12.5%',
   },
   {
     label: '今日订单',
@@ -169,7 +191,7 @@ const statsData = computed(() => [
     gradient: 'linear-gradient(135deg, #f093fb 0%, #f5576c 100%)',
     trend: 'up',
     trendIcon: ArrowUpOutlined,
-    change: '8.2%'
+    change: '8.2%',
   },
   {
     label: '今日收入',
@@ -178,7 +200,7 @@ const statsData = computed(() => [
     gradient: 'linear-gradient(135deg, #4facfe 0%, #00f2fe 100%)',
     trend: 'down',
     trendIcon: ArrowDownOutlined,
-    change: '3.1%'
+    change: '3.1%',
   },
   {
     label: '未读消息',
@@ -187,8 +209,8 @@ const statsData = computed(() => [
     gradient: 'linear-gradient(135deg, #43e97b 0%, #38f9d7 100%)',
     trend: 'up',
     trendIcon: ArrowUpOutlined,
-    change: '2条'
-  }
+    change: '2条',
+  },
 ])
 
 // 系统信息
@@ -197,7 +219,7 @@ const systemInfo = ref([
   { label: '运行时间', value: '15天2小时' },
   { label: '内存使用率', value: '65%', progress: 65 },
   { label: 'CPU使用率', value: '23%', progress: 23 },
-  { label: '磁盘空间', value: '85GB/120GB', progress: 70 }
+  { label: '磁盘空间', value: '85GB/120GB', progress: 70 },
 ])
 
 // 前端项目引用
@@ -211,7 +233,7 @@ const dependencies = ref([
   { name: 'Day.js', version: 'v1.11.13' },
   { name: 'Alova', version: 'v3.2.6' },
   { name: 'File-saver', version: 'v2.0.5' },
-  { name: 'Vite', version: 'v7.0.6' }
+  { name: 'Vite', version: 'v7.0.6' },
 ])
 
 // 通知列表
@@ -220,20 +242,20 @@ const notifications = ref([
     title: '系统维护通知',
     description: '系统将于今晚23:00进行维护，预计耗时2小时',
     color: '#1890ff',
-    icon: '维'
+    icon: '维',
   },
   {
     title: '新版本发布',
     description: 'v1.2.0版本已发布，新增多项功能',
     color: '#52c41a',
-    icon: '新'
+    icon: '新',
   },
   {
     title: '安全提醒',
     description: '请及时修改默认密码，确保账户安全',
     color: '#faad14',
-    icon: '安'
-  }
+    icon: '安',
+  },
 ])
 
 // 最近活动
@@ -241,7 +263,7 @@ const recentActivities = ref([
   { id: 1, content: '用户张三登录系统' },
   { id: 2, content: '订单#20231215001创建成功' },
   { id: 3, content: '报表数据已更新' },
-  { id: 4, content: '系统备份完成' }
+  { id: 4, content: '系统备份完成' },
 ])
 
 // 更新时间函数
@@ -252,7 +274,7 @@ const updateDateTime = () => {
   currentTime.value = now.toLocaleTimeString('zh-CN', {
     hour: '2-digit',
     minute: '2-digit',
-    second: '2-digit'
+    second: '2-digit',
   })
 
   // 更新日期
@@ -260,7 +282,7 @@ const updateDateTime = () => {
     year: 'numeric',
     month: 'long',
     day: 'numeric',
-    weekday: 'long'
+    weekday: 'long',
   })
 }
 
@@ -275,55 +297,80 @@ const initChart = () => {
       case 'week':
         return {
           xAxis: {
-            data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
+            data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
           },
           series: [
             {
               name: '访问量',
-              data: [320, 450, 380, 420, 580, 620, 590]
+              data: [320, 450, 380, 420, 580, 620, 590],
             },
             {
               name: '独立访客',
-              data: [220, 320, 280, 350, 480, 520, 490]
-            }
-          ]
+              data: [220, 320, 280, 350, 480, 520, 490],
+            },
+          ],
         }
       case 'month':
         return {
           xAxis: {
-            data: Array.from({length: 30}, (_, i) => `${i + 1}日`)
+            data: Array.from({ length: 30 }, (_, i) => `${i + 1}日`),
           },
           series: [
             {
               name: '访问量',
-              data: Array.from({length: 30}, () => Math.floor(Math.random() * 1000) + 500)
+              data: Array.from(
+                { length: 30 },
+                () => Math.floor(Math.random() * 1000) + 500,
+              ),
             },
             {
               name: '独立访客',
-              data: Array.from({length: 30}, () => Math.floor(Math.random() * 800) + 300)
-            }
-          ]
+              data: Array.from(
+                { length: 30 },
+                () => Math.floor(Math.random() * 800) + 300,
+              ),
+            },
+          ],
         }
       case 'year':
         return {
           xAxis: {
-            data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
+            data: [
+              '1月',
+              '2月',
+              '3月',
+              '4月',
+              '5月',
+              '6月',
+              '7月',
+              '8月',
+              '9月',
+              '10月',
+              '11月',
+              '12月',
+            ],
           },
           series: [
             {
               name: '访问量',
-              data: [820, 932, 901, 934, 1290, 1330, 1320, 1540, 1200, 1100, 1380, 1420]
+              data: [
+                820, 932, 901, 934, 1290, 1330, 1320, 1540, 1200, 1100, 1380,
+                1420,
+              ],
             },
             {
               name: '独立访客',
-              data: [620, 732, 701, 734, 1090, 1130, 1120, 1340, 1000, 900, 1180, 1220]
-            }
-          ]
+              data: [
+                620, 732, 701, 734, 1090, 1130, 1120, 1340, 1000, 900, 1180,
+                1220,
+              ],
+            },
+          ],
         }
       default:
         return {
           xAxis: { data: [] },
-          series: []
+          series: [],
         }
     }
   }
@@ -333,7 +380,7 @@ const initChart = () => {
   baseEcharts.updateLineChart({
     chartInstance: visitChart,
     data: chartData,
-    shouldShowSlider: chartData.xAxis.data.length > 12
+    shouldShowSlider: chartData.xAxis.data.length > 12,
   })
 }
 
@@ -377,10 +424,11 @@ onMounted(() => {
 
 <style scoped>
 .console-page {
-
   background: #f5f7fa;
   min-height: 100vh;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+  font-family:
+    -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',
+    Arial, sans-serif;
 }
 
 /* 页面标题区域 */
@@ -442,7 +490,9 @@ onMounted(() => {
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
   display: flex;
   align-items: center;
-  transition: transform 0.3s ease, box-shadow 0.3s ease;
+  transition:
+    transform 0.3s ease,
+    box-shadow 0.3s ease;
 }
 
 .stat-card:hover {