From dace987070d362c8c5250b261da7e4f423bbdbe9 Mon Sep 17 00:00:00 2001
From: yahaozhang <zhangyahao530@163.com>
Date: Tue, 16 Sep 2025 14:46:28 +0800
Subject: [PATCH] =?UTF-8?q?=E7=A7=BB=E9=99=A4=E8=AE=BE=E5=A4=87=E7=8A=B6?=
 =?UTF-8?q?=E6=80=81=E7=9B=B8=E5=85=B3=E5=8A=9F=E8=83=BD=E5=8F=8A=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=EF=BC=8C=E4=BC=98=E5=8C=96=E6=9D=83=E9=99=90=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86=EF=BC=8C=E6=8F=90=E5=8D=87=E4=BB=A3=E7=A0=81=E6=95=B4?=
 =?UTF-8?q?=E6=B4=81=E6=80=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layouts/AdminLayout.vue        |   6 --
 src/router/index.js                |   2 -
 src/utils/permission.js            |   3 -
 src/views/devices/DeviceStatus.vue | 127 -----------------------------
 4 files changed, 138 deletions(-)
 delete mode 100644 src/views/devices/DeviceStatus.vue

diff --git a/src/layouts/AdminLayout.vue b/src/layouts/AdminLayout.vue
index 34c7c0d..390e253 100644
--- a/src/layouts/AdminLayout.vue
+++ b/src/layouts/AdminLayout.vue
@@ -43,10 +43,6 @@
           <i class="el-icon"><svg viewBox="0 0 24 24"><path fill="currentColor" d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg></i>
           <span>公告管理</span>
         </el-menu-item>
-        <el-menu-item v-if="canAccessDeviceStatus" index="DeviceStatus" :route="{ name: 'DeviceStatus' }">
-          <i class="el-icon"><svg viewBox="0 0 24 24"><path fill="currentColor" d="M21 6h-7V4h-4v2H3c-1.1 0-2 .9-2 2v10a2 2 0 0 0 2 2h18a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2m0 12H3V8h18v10M8 10h2v6H8v-6m3 0h2v6h-2v-6m3 0h2v6h-2v-6Z"/></svg></i>
-          <span>设备状态</span>
-        </el-menu-item>
         <el-menu-item v-if="canAccessSettings" index="Settings" :route="{ name: 'Settings' }">
           <i class="el-icon"><svg viewBox="0 0 24 24"><path fill="currentColor" d="m12 8l-2 4h4l-2 4"/></svg></i>
           <span>系统设置</span>
@@ -118,7 +114,6 @@ const pageTitleMap = {
   'Links': '链接管理', 
   'Refund': '退单管理',
   'Announcements': '公告管理',
-  'DeviceStatus': '设备状态',
   'Settings': '系统设置'
 }
 
@@ -135,7 +130,6 @@ const canAccessUsers = computed(() => canAccessRoute('Users'))
 const canAccessLinks = computed(() => canAccessRoute('Links'))
 const canAccessRefund = computed(() => canAccessRoute('Refund'))
 const canAccessAnnouncements = computed(() => canAccessRoute('Announcements'))
-const canAccessDeviceStatus = computed(() => canAccessRoute('DeviceStatus'))
 const canAccessSettings = computed(() => canAccessRoute('Settings'))
 
 // 获取积分余额
diff --git a/src/router/index.js b/src/router/index.js
index 9f30211..48b6f97 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -12,7 +12,6 @@ const AnnouncementList = () => import('@/views/announcements/AnnouncementList.vu
 const RefundManagement = () => import('@/views/refund/RefundManagement.vue')
 const Play = () => import('@/views/Play.vue')
 const NotFound = () => import('@/views/NotFound.vue')
-const DeviceStatus = () => import('@/views/devices/DeviceStatus.vue')
 
 export const routes = [
   { path: '/login', name: 'Login', component: Login, meta: { public: true, title: '登录' } },
@@ -39,7 +38,6 @@ export const routes = [
       { path: 'links', name: 'Links', component: LinkGenerate, meta: { title: '链接管理' } },
       { path: 'refund', name: 'Refund', component: RefundManagement, meta: { title: '退单管理' } },
       { path: 'announcements', name: 'Announcements', component: AnnouncementList, meta: { title: '公告管理' } },
-      { path: 'devices', name: 'DeviceStatus', component: DeviceStatus, meta: { title: '设备状态' } },
     ],
   },
   { path: '/:pathMatch(.*)*', name: 'NotFound', component: NotFound, meta: { public: true, title: '未找到' } },
diff --git a/src/utils/permission.js b/src/utils/permission.js
index 5a120e0..740c0f5 100644
--- a/src/utils/permission.js
+++ b/src/utils/permission.js
@@ -49,8 +49,6 @@ export const PERMISSIONS = {
   REFUND_EXECUTE: 'refund:execute',
   REFUND_VIEW: 'refund:view',
 
-  // 设备状态查看
-  DEVICE_VIEW: 'device:view',
 }
 
 // 角色权限映射
@@ -96,7 +94,6 @@ export const ROUTE_PERMISSIONS = {
   'Links': [PERMISSIONS.LINK_VIEW],
   'Refund': [PERMISSIONS.REFUND_VIEW],
   'Announcements': [PERMISSIONS.ANNOUNCEMENT_VIEW],
-  'DeviceStatus': [PERMISSIONS.DEVICE_VIEW],
 }
 
 // 获取当前用户信息
diff --git a/src/views/devices/DeviceStatus.vue b/src/views/devices/DeviceStatus.vue
deleted file mode 100644
index a6d947d..0000000
--- a/src/views/devices/DeviceStatus.vue
+++ /dev/null
@@ -1,127 +0,0 @@
-<template>
-  <div class="device-status-view">
-    <el-card class="header-card">
-      <template #header>
-        <div class="header">
-          <h3 class="title">设备状态</h3>
-          <div class="actions">
-            <el-button type="primary" :loading="loading" @click="fetchData">
-              <el-icon><Refresh /></el-icon>
-              刷新
-            </el-button>
-            <el-switch v-model="autoRefresh" active-text="自动刷新" @change="onToggleAuto" />
-          </div>
-        </div>
-      </template>
-      <div class="stats">
-        <el-statistic title="设备总数" :value="stats.totalDevices" />
-        <el-statistic title="已占用" :value="stats.runningCount" />
-        <el-statistic title="使用中" :value="stats.usingCount" />
-        <el-statistic title="冷却空闲" :value="stats.idleCooldownCount" />
-        <el-statistic title="空闲" :value="stats.idleFreeCount" />
-      </div>
-    </el-card>
-
-    <el-card class="table-card">
-      <el-table :data="categoryRows" v-loading="loading" border style="width: 100%">
-        <el-table-column prop="label" label="类别" width="140" />
-        <el-table-column prop="count" label="数量" width="100" />
-        <el-table-column label="设备列表" min-width="300">
-          <template #default="{ row }">
-            <div class="devices-list" :title="row.devices.join(', ')">{{ row.preview }}</div>
-          </template>
-        </el-table-column>
-      </el-table>
-    </el-card>
-  </div>
-  
-</template>
-
-<script setup>
-import { ref, reactive, onMounted, onUnmounted, computed } from 'vue'
-import { Refresh } from '@element-plus/icons-vue'
-import { getAllDeviceStatus } from '@/api/devices'
-import { isAdmin, canAccessRoute } from '@/utils/permission'
-
-// 仅管理员可访问（路由守卫已做拦截，这里再次防御）
-const allowed = computed(() => isAdmin() || canAccessRoute('DeviceStatus'))
-
-const loading = ref(false)
-const autoRefresh = ref(true)
-const timer = ref(null)
-
-const stats = reactive({ totalDevices: 0, runningCount: 0, usingCount: 0, idleCooldownCount: 0, idleFreeCount: 0 })
-const categoryToDevices = ref({})
-
-const categoryOrder = ['RUNNING', 'USING', 'IDLE_COOLDOWN', 'IDLE_FREE']
-const categoryLabelMap = { RUNNING: '已占用', USING: '使用中', IDLE_COOLDOWN: '冷却空闲', IDLE_FREE: '空闲' }
-const categoryRows = computed(() => {
-  const map = categoryToDevices.value || {}
-  return categoryOrder.map(key => {
-    const devices = Array.isArray(map[key]) ? map[key] : []
-    const preview = devices.join(', ')
-    return { key, label: categoryLabelMap[key] || key, count: devices.length, devices, preview }
-  })
-})
-
-async function fetchData() {
-  if (!allowed.value) return
-  try {
-    loading.value = true
-    const data = await getAllDeviceStatus()
-    categoryToDevices.value = data?.categoryToDevices || {}
-    stats.totalDevices = data?.totalDevices ?? 0
-    stats.runningCount = data?.runningCount ?? (categoryToDevices.value['RUNNING']?.length || 0)
-    stats.usingCount = data?.usingCount ?? (categoryToDevices.value['USING']?.length || 0)
-    stats.idleCooldownCount = data?.idleCooldownCount ?? (categoryToDevices.value['IDLE_COOLDOWN']?.length || 0)
-    stats.idleFreeCount = data?.idleFreeCount ?? (categoryToDevices.value['IDLE_FREE']?.length || 0)
-  } finally {
-    loading.value = false
-  }
-}
-
-function onToggleAuto(val) {
-  if (val) startAuto()
-  else stopAuto()
-}
-
-function startAuto() {
-  stopAuto()
-  timer.value = setInterval(fetchData, 2000)
-}
-
-function stopAuto() {
-  if (timer.value) {
-    clearInterval(timer.value)
-    timer.value = null
-  }
-}
-
-onMounted(() => {
-  fetchData()
-  if (autoRefresh.value) startAuto()
-})
-
-onUnmounted(() => {
-  stopAuto()
-})
-</script>
-
-<style scoped>
-.device-status-view { padding: 0; }
-.header-card { margin-bottom: 16px; }
-.header { display: flex; align-items: center; justify-content: space-between; }
-.title { margin: 0; font-size: 18px; font-weight: 600; }
-.actions { display: flex; gap: 12px; align-items: center; }
-.stats { display: flex; gap: 16px; align-items: center; flex-wrap: wrap; }
-.inline-tag { height: 24px; align-items: center; }
-.devices-list { white-space: normal; word-break: break-all; line-height: 1.6; }
-
-@media (max-width: 768px) {
-  .title { font-size: 20px; }
-  .actions { gap: 8px; }
-  .stats { gap: 12px; }
-}
-</style>
-
-