From 565cd2921a7320a4534ebefcf674cee7e03ba4a4 Mon Sep 17 00:00:00 2001
From: xiaozhiyong <xiaozhiyong@sdxkhlw.cn>
Date: Thu, 11 Jun 2026 08:40:18 +0800
Subject: [PATCH 1/7] =?UTF-8?q?=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/equipment/list.js                     |   8 +
 src/api/masterStation/equipment.js            |  58 ++
 src/api/securityControl/alarmList.js          |  16 +
 src/pathInfo.json                             |  13 +
 .../detail/components/config/index.vue        | 169 ++++
 .../detail/components/trend/index.vue         |   3 +-
 .../list/components/detail/index.vue          |  16 +-
 .../detail/components/alarm/index.vue         | 173 ++++
 .../detail/components/config/index.vue        | 169 ++++
 .../detail/components/info/index.vue          | 282 +++++++
 .../detail/components/line/index.vue          | 142 ++++
 .../detail/components/trend/index.vue         | 678 ++++++++++++++++
 .../equipment/components/detail/index.vue     |  79 ++
 .../equipment/components/list/index.vue       | 377 +++++++++
 src/view/masterStation/equipment/index.vue    |  25 +
 src/view/masterStation/index.vue              |  20 +
 src/view/masterStation/project/index.vue      | 754 ++++++++++++++++++
 src/view/securityControl/alarmList/index.vue  | 171 +++-
 .../securityControl/currentAlarm/index.vue    | 251 ++++++
 .../temperatureAlarm/index.vue                | 328 ++++++++
 20 files changed, 3703 insertions(+), 29 deletions(-)
 create mode 100644 src/api/masterStation/equipment.js
 create mode 100644 src/api/securityControl/alarmList.js
 create mode 100644 src/view/equipment/list/components/detail/components/config/index.vue
 create mode 100644 src/view/masterStation/equipment/components/detail/components/alarm/index.vue
 create mode 100644 src/view/masterStation/equipment/components/detail/components/config/index.vue
 create mode 100644 src/view/masterStation/equipment/components/detail/components/info/index.vue
 create mode 100644 src/view/masterStation/equipment/components/detail/components/line/index.vue
 create mode 100644 src/view/masterStation/equipment/components/detail/components/trend/index.vue
 create mode 100644 src/view/masterStation/equipment/components/detail/index.vue
 create mode 100644 src/view/masterStation/equipment/components/list/index.vue
 create mode 100644 src/view/masterStation/equipment/index.vue
 create mode 100644 src/view/masterStation/index.vue
 create mode 100644 src/view/masterStation/project/index.vue
 create mode 100644 src/view/securityControl/currentAlarm/index.vue
 create mode 100644 src/view/securityControl/temperatureAlarm/index.vue

diff --git a/src/api/equipment/list.js b/src/api/equipment/list.js
index ccebb42..a5f6d48 100644
--- a/src/api/equipment/list.js
+++ b/src/api/equipment/list.js
@@ -48,3 +48,11 @@ export const getCircuitBreakerDetail = (data) => {
     data: data
   })
 }
+// 设备配置
+export const getDeviceConfigListByPage = (data) => {
+  return service({
+    url: '/device/getDeviceConfigListByPage',
+    method: 'post',
+    data: data
+  })
+}
diff --git a/src/api/masterStation/equipment.js b/src/api/masterStation/equipment.js
new file mode 100644
index 0000000..a5f6d48
--- /dev/null
+++ b/src/api/masterStation/equipment.js
@@ -0,0 +1,58 @@
+import service from '@/utils/request'
+// 网关
+export const getDeviceGatewayListByPage = (data) => {
+  return service({
+    url: '/device/getDeviceGatewayListByPage',
+    method: 'post',
+    data: data
+  })
+}
+// 设备
+export const getDeviceListByPage = (data) => {
+  return service({
+    url: '/device/getDeviceListByPage',
+    method: 'post',
+    data: data
+  })
+}
+
+export const deviceOperation = (data) => {
+  return service({
+    url: '/device/deviceOperation',
+    method: 'post',
+    data: data
+  })
+}
+// 曲线
+export const getDeviceDetailsListByPage = (data) => {
+  return service({
+    url: '/device/getDeviceDetailsListByPage',
+    method: 'post',
+    data: data
+  })
+}
+// 报警
+export const getAlarmRecordListByPage = (data) => {
+  return service({
+    url: '/device/getAlarmRecordListByPage',
+    method: 'post',
+    data: data
+  })
+}
+
+// 报警
+export const getCircuitBreakerDetail = (data) => {
+  return service({
+    url: '/device/getCircuitBreakerDetail',
+    method: 'post',
+    data: data
+  })
+}
+// 设备配置
+export const getDeviceConfigListByPage = (data) => {
+  return service({
+    url: '/device/getDeviceConfigListByPage',
+    method: 'post',
+    data: data
+  })
+}
diff --git a/src/api/securityControl/alarmList.js b/src/api/securityControl/alarmList.js
new file mode 100644
index 0000000..7f51927
--- /dev/null
+++ b/src/api/securityControl/alarmList.js
@@ -0,0 +1,16 @@
+import service from '@/utils/request'
+// echarts图
+export const getAlarmCategorySummary = (data) => {
+  return service({
+    url: '/device/getAlarmCategorySummary',
+    method: 'post',
+    data: data
+  })
+}
+export const getAlarmTrend = (data) => {
+  return service({
+    url: '/device/getAlarmTrend',
+    method: 'post',
+    data: data
+  })
+}
diff --git a/src/pathInfo.json b/src/pathInfo.json
index 53accfa..80cd0f1 100644
--- a/src/pathInfo.json
+++ b/src/pathInfo.json
@@ -14,6 +14,7 @@
   "/src/view/equipment/gateway/index.vue": "Index",
   "/src/view/equipment/index.vue": "Equipment",
   "/src/view/equipment/list/components/detail/components/alarm/index.vue": "Index",
+  "/src/view/equipment/list/components/detail/components/config/index.vue": "Index",
   "/src/view/equipment/list/components/detail/components/info/index.vue": "Index",
   "/src/view/equipment/list/components/detail/components/line/index.vue": "Index",
   "/src/view/equipment/list/components/detail/components/trend/index.vue": "Index",
@@ -54,10 +55,22 @@
   "/src/view/layout/setting/modules/layout/index.vue": "LayoutSettings",
   "/src/view/layout/tabs/index.vue": "HistoryComponent",
   "/src/view/login/index.vue": "Login",
+  "/src/view/masterStation/equipment/components/detail/components/alarm/index.vue": "Index",
+  "/src/view/masterStation/equipment/components/detail/components/config/index.vue": "Index",
+  "/src/view/masterStation/equipment/components/detail/components/info/index.vue": "Index",
+  "/src/view/masterStation/equipment/components/detail/components/line/index.vue": "Index",
+  "/src/view/masterStation/equipment/components/detail/components/trend/index.vue": "Index",
+  "/src/view/masterStation/equipment/components/detail/index.vue": "Index",
+  "/src/view/masterStation/equipment/components/list/index.vue": "Index",
+  "/src/view/masterStation/equipment/index.vue": "Index",
+  "/src/view/masterStation/index.vue": "MasterStation",
+  "/src/view/masterStation/project/index.vue": "Index",
   "/src/view/person/person.vue": "Person",
   "/src/view/routerHolder.vue": "RouterHolder",
   "/src/view/securityControl/alarmList/index.vue": "Index",
+  "/src/view/securityControl/currentAlarm/index.vue": "Index",
   "/src/view/securityControl/index.vue": "SecurityControl",
+  "/src/view/securityControl/temperatureAlarm/index.vue": "Index",
   "/src/view/superAdmin/api/api.vue": "Api",
   "/src/view/superAdmin/authority/authority.vue": "Authority",
   "/src/view/superAdmin/authority/components/apis.vue": "Apis",
diff --git a/src/view/equipment/list/components/detail/components/config/index.vue b/src/view/equipment/list/components/detail/components/config/index.vue
new file mode 100644
index 0000000..cc38385
--- /dev/null
+++ b/src/view/equipment/list/components/detail/components/config/index.vue
@@ -0,0 +1,169 @@
+<template>
+  <div class="config-content">
+    <div class="left">
+      <div class="title">
+        <span>线路列表</span>
+        <el-button :disabled="!checkedDevices.length" plain size="small" type="success">一键分闸</el-button>
+        <el-button style="margin-left: 3px" :disabled="!checkedDevices.length" plain size="small" type="danger"
+          >一键合闸</el-button
+        >
+      </div>
+      <div>
+        <el-checkbox v-model="checkAll" :indeterminate="isIndeterminate" @change="handleCheckAllChange">
+          全选
+        </el-checkbox>
+        <el-checkbox-group v-model="checkedDevices" @change="handleCheckedDevicesChange">
+          <div
+            class="ouliy"
+            :class="{ active: currentCheck == index }"
+            v-for="(item, index) in deviceList"
+            :key="item.id"
+          >
+            <el-checkbox :value="item.id">
+              <div class="line-item" @click.stop.prevent="handleClick(item, index)">
+                <span>{{ item.nodeNumber == 0 ? '总路' : `线路${index + 1}` }}</span>
+                <span>{{ `（${item.gatewayMac}）` }}</span>
+                <el-tag v-if="item.status == 1" type="danger" size="small" effect="light"> 合闸 </el-tag>
+                <el-tag v-else type="success" size="small" effect="light"> 分闸 </el-tag>
+              </div>
+            </el-checkbox>
+          </div>
+        </el-checkbox-group>
+      </div>
+    </div>
+    <div class="right">
+      <div>
+        <p class="title">参数配置</p>
+      </div>
+      <el-table :data="tableData" style="width: 100%">
+        <el-table-column prop="date" label="参数类型" width="180" />
+        <el-table-column prop="name" label="上/下限" width="180" />
+        <el-table-column prop="date" label="预支类型" width="180" />
+        <el-table-column prop="name" label="预警值" width="180" />
+        <el-table-column prop="date" label="默认预警值" width="180" />
+        <el-table-column prop="name" label="报警值" width="180" />
+        <el-table-column prop="date" label="默认报警值" width="180" />
+        <el-table-column label="操作" :min-width="appStore.operateMinWith" fixed="right">
+          <template #default="{ row }">
+            <el-button type="primary" text>设定阈值</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+  </div>
+</template>
+
+<script setup>
+  import * as serve from '@/api/equipment/list.js'
+  import { ref, onMounted } from 'vue'
+  import { useAppStore } from '@/pinia'
+  const appStore = useAppStore()
+
+  const props = defineProps({
+    device: {
+      type: Object,
+      default: () => null
+    }
+  })
+  onMounted(async () => {
+    await getDeviceListByPage()
+  })
+
+  // 右侧参数配置列表
+  const tableData = ref([])
+
+  const getDeviceConfigListByPage = async () => {
+    const deviceId = props.device?.deviceId
+    if (deviceId) {
+      const res = await serve.getDeviceConfigListByPage({
+        deviceId,
+        page: 1,
+        pageSize: 50
+      })
+      if (res.code === 0) {
+        // tableData.value = res.data.list || []
+        // total.value = res.data.total || 0
+      }
+    }
+  }
+
+  const deviceList = ref([])
+  // 左侧设备（线路）列表
+  const getDeviceListByPage = async () => {
+    const gatewayMac = props.device?.gatewayMac
+    if (gatewayMac) {
+      const res = await serve.getDeviceListByPage({
+        gatewayMac,
+        page: 1,
+        pageSize: 50,
+        sortBy: 'CreatedAt',
+        desc: true
+      })
+      if (res.code === 0) {
+        deviceList.value = res.data.list || []
+        // total.value = res.data.total || 0
+      }
+    }
+  }
+  // 多选
+  const checkAll = ref(false)
+  const isIndeterminate = ref(false)
+  const checkedDevices = ref([])
+  const handleCheckAllChange = (val) => {
+    checkedDevices.value = val ? deviceList.value.map((item) => item.id) : []
+    isIndeterminate.value = false
+  }
+  const handleCheckedDevicesChange = (value) => {
+    const checkedCount = value.length
+    checkAll.value = checkedCount === deviceList.value.length
+    isIndeterminate.value = checkedCount > 0 && checkedCount < deviceList.value.length
+  }
+</script>
+
+<style lang="scss" scoped>
+  .config-content {
+    display: flex;
+
+    // flex-direction: column;
+    gap: 10px;
+    box-sizing: border-box;
+    .left {
+      @apply bg-white p-4  text-slate-700 dark:text-slate-400 dark:bg-slate-900 rounded rounded-lg 
+      width: 270px;
+      .title {
+        font-size: 16px;
+        font-weight: 600;
+        color: var(--el-text-color-primary, #303133);
+        > span {
+          margin-right: 50px;
+        }
+        // margin: 0 0 16px 0;
+        // padding-bottom: 12px;
+        // border-bottom: 1px solid var(--el-border-color-lighter, #ebeef5);
+      }
+      .line-item {
+        > span {
+          &:nth-child(1) {
+            display: inline-block;
+            width: 40px;
+          }
+          &:nth-child(2) {
+            display: inline-block;
+            width: 140px;
+            margin-right: 15px;
+          }
+        }
+      }
+      .ouliy {
+        padding: 5px;
+        border-radius: 5px;
+        &.active {
+          background-color: var(--el-color-primary-light-9);
+        }
+        &:hover {
+          background-color: var(--el-color-primary-light-8);
+        }
+      }
+    }
+  }
+</style>
diff --git a/src/view/equipment/list/components/detail/components/trend/index.vue b/src/view/equipment/list/components/detail/components/trend/index.vue
index ae095c1..f8dde60 100644
--- a/src/view/equipment/list/components/detail/components/trend/index.vue
+++ b/src/view/equipment/list/components/detail/components/trend/index.vue
@@ -489,7 +489,8 @@
       })
       if (res.code === 0) {
         ElMessage.success('操作成功')
-        getDeviceGatewayListByPage()
+        // getDeviceGatewayListByPage()
+        getCircuitBreakerDetail()
       }
     })
   }
diff --git a/src/view/equipment/list/components/detail/index.vue b/src/view/equipment/list/components/detail/index.vue
index 19c1a1b..c025fbb 100644
--- a/src/view/equipment/list/components/detail/index.vue
+++ b/src/view/equipment/list/components/detail/index.vue
@@ -11,18 +11,14 @@
         <el-radio-button label="设备详情" value="info" />
         <el-radio-button label="线路列表" value="line" />
         <el-radio-button label="运行趋势" value="trend" />
+        <el-radio-button label="参数配置" value="config" />
       </el-radio-group>
     </div>
 
-    <!-- <el-menu :default-active="activeMenu" mode="horizontal" class="detail-menu" @select="handleMenuSelect">
-      <el-menu-item index="info">设备详情</el-menu-item>
-      <el-menu-item index="alarm">报警记录</el-menu-item>
-      <el-menu-item index="trend">历史曲线</el-menu-item>
-    </el-menu> -->
-
     <DeviceInfo v-if="activeMenu === 'info'" :device="device" />
     <DeviceLine v-if="activeMenu === 'line'" :device="device" />
     <DeviceTrend v-if="activeMenu === 'trend'" :device="device" />
+    <DeviceConfig v-if="activeMenu === 'config'" :device="device" />
     <!-- <DeviceAlarm v-show="activeMenu === 'alarm'" :device="device" /> -->
   </div>
 </template>
@@ -32,6 +28,7 @@
   import DeviceInfo from './components/info/index.vue'
   import DeviceLine from './components/line/index.vue'
   import DeviceTrend from './components/trend/index.vue'
+  import DeviceConfig from './components/config/index.vue'
   import DeviceAlarm from './components/alarm/index.vue'
 
   defineProps({
@@ -42,15 +39,8 @@
   })
 
   const activeMenu = ref('info')
-
   const emit = defineEmits(['back'])
 
-  // const activeMenu = ref('info')
-
-  // const handleMenuSelect = (index) => {
-  //   activeMenu.value = index
-  // }
-
   const handleBack = () => {
     activeMenu.value = ''
     emit('back')
diff --git a/src/view/masterStation/equipment/components/detail/components/alarm/index.vue b/src/view/masterStation/equipment/components/detail/components/alarm/index.vue
new file mode 100644
index 0000000..ef08708
--- /dev/null
+++ b/src/view/masterStation/equipment/components/detail/components/alarm/index.vue
@@ -0,0 +1,173 @@
+<template>
+  <div class="detail-content">
+    <div class="detail-card">
+      <h3>报警记录</h3>
+      <el-table :data="tableData" style="width: 100%" stripe>
+        <el-table-column prop="CreatedAt" label="报警时间" width="180" />
+        <el-table-column prop="type" label="报警类型" width="120">
+          <template #default="{ row }">
+            <el-tag :type="typeMap.find((item) => item.value == row.warnType)?.type || 'info'">{{
+              typeMap.find((item) => item.value == row.warnType)?.label || row.warnType
+            }}</el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column prop="level" label="报警等级" width="100">
+          <template #default="{ row }">
+            <el-tag :type="levelMap.find((item) => item.value == row.alarmLevel)?.type || 'info'" effect="dark">{{
+              levelMap.find((item) => item.value == row.alarmLevel)?.label || row.alarmLevel
+            }}</el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column prop="originalContent" label="报警描述">
+          <template #default="{ row }">
+            {{ row.remark || '-' }}
+          </template>
+        </el-table-column>
+        <!-- <el-table-column prop="status" label="处理状态" width="100">
+          <template #default="{ row }">
+            <el-tag :type="row.status === '已处理' ? 'success' : 'danger'">{{ row.status }}</el-tag>
+          </template>
+        </el-table-column> -->
+      </el-table>
+      <div class="gva-pagination">
+        <el-pagination
+          :current-page="page"
+          :page-size="pageSize"
+          :page-sizes="[10, 30, 50, 100]"
+          :total="total"
+          layout="total, sizes, prev, pager, next, jumper"
+          @current-change="handleCurrentChange"
+          @size-change="handleSizeChange"
+        />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+  import { ref, onMounted, watch } from 'vue'
+  import * as serve from '@/api/equipment/alarmRecord'
+
+  const props = defineProps({
+    device: {
+      type: Object,
+      default: () => null
+    }
+  })
+
+  // 报警数据
+  const tableData = ref([])
+
+  // 分页相关
+  const page = ref(1)
+  const pageSize = ref(10)
+  const total = ref(0)
+
+  // 当前页变化
+  const handleCurrentChange = (val) => {
+    page.value = val
+    getTableData()
+  }
+
+  // 每页大小变化
+  const handleSizeChange = (val) => {
+    pageSize.value = val
+    page.value = 1
+    getTableData()
+  }
+
+  // 查询报警记录
+  const getTableData = async () => {
+    const deviceId = props.device?.ID
+    if (deviceId) {
+      try {
+        const table = await serve.getAlarmRecordListByPage({
+          page: page.value,
+          pageSize: pageSize.value,
+          deviceId,
+          sortBy: 'CreatedAt',
+          desc: true
+        })
+        if (table.code === 0) {
+          tableData.value = table.data.list || []
+          // total.value = table.data.total || 0
+          return
+        }
+      } catch (e) {
+        console.error('获取报警记录失败', e)
+      }
+    } else {
+      console.warn('[Alarm] device 为空或没有 ID 字段')
+    }
+  }
+
+  // 监听 device 变化，device 更新时重新请求
+  watch(
+    () => props.device,
+    (newDevice) => {
+      if (newDevice) {
+        getTableData()
+      }
+    },
+    { deep: true, immediate: false }
+  )
+  const typeMap = [
+    {
+      value: '45',
+      type: 'danger',
+      label: '设备事件'
+    },
+    {
+      value: '4f',
+      type: 'danger',
+      label: '操作事件'
+    }
+  ]
+  const levelMap = [
+    {
+      value: '0',
+      type: 'primary',
+      label: '记录'
+    },
+    {
+      value: '1',
+      type: 'warning',
+      label: '提醒'
+    },
+    {
+      value: '2',
+      type: 'danger',
+      label: '警告'
+    }
+  ]
+</script>
+
+<style lang="scss" scoped>
+  .detail-content {
+    display: flex;
+    flex-direction: column;
+    gap: 20px;
+  }
+
+  .detail-card {
+    background-color: var(--el-bg-color-overlay, #ffffff);
+    border-radius: 8px;
+    padding: 24px;
+    border: 1px solid var(--el-border-color, #e4e7ed);
+
+    h3 {
+      font-size: 16px;
+      font-weight: 600;
+      color: var(--el-text-color-primary, #303133);
+      margin: 0 0 16px 0;
+      padding-bottom: 12px;
+      border-bottom: 1px solid var(--el-border-color-lighter, #ebeef5);
+    }
+  }
+
+  .empty-alarm {
+    padding: 40px 0;
+    display: flex;
+    justify-content: center;
+  }
+</style>
diff --git a/src/view/masterStation/equipment/components/detail/components/config/index.vue b/src/view/masterStation/equipment/components/detail/components/config/index.vue
new file mode 100644
index 0000000..e1ccfc4
--- /dev/null
+++ b/src/view/masterStation/equipment/components/detail/components/config/index.vue
@@ -0,0 +1,169 @@
+<template>
+  <div class="config-content">
+    <div class="left">
+      <div class="title">
+        <span>线路列表</span>
+        <el-button :disabled="!checkedDevices.length" plain size="small" type="success">一键分闸</el-button>
+        <el-button style="margin-left: 3px" :disabled="!checkedDevices.length" plain size="small" type="danger"
+          >一键合闸</el-button
+        >
+      </div>
+      <div>
+        <el-checkbox v-model="checkAll" :indeterminate="isIndeterminate" @change="handleCheckAllChange">
+          全选
+        </el-checkbox>
+        <el-checkbox-group v-model="checkedDevices" @change="handleCheckedDevicesChange">
+          <div
+            class="ouliy"
+            :class="{ active: currentCheck == index }"
+            v-for="(item, index) in deviceList"
+            :key="item.id"
+          >
+            <el-checkbox :value="item.id">
+              <div class="line-item" @click.stop.prevent="handleClick(item, index)">
+                <span>{{ item.nodeNumber == 0 ? '总路' : `线路${index + 1}` }}</span>
+                <span>{{ `（${item.gatewayMac}）` }}</span>
+                <el-tag v-if="item.status == 1" type="danger" size="small" effect="light"> 合闸 </el-tag>
+                <el-tag v-else type="success" size="small" effect="light"> 分闸 </el-tag>
+              </div>
+            </el-checkbox>
+          </div>
+        </el-checkbox-group>
+      </div>
+    </div>
+    <div class="right">
+      <div>
+        <p class="title">参数配置</p>
+      </div>
+      <el-table :data="tableData" style="width: 100%">
+        <el-table-column prop="date" label="参数类型" width="180" />
+        <el-table-column prop="name" label="上/下限" width="180" />
+        <el-table-column prop="date" label="预支类型" width="180" />
+        <el-table-column prop="name" label="预警值" width="180" />
+        <el-table-column prop="date" label="默认预警值" width="180" />
+        <el-table-column prop="name" label="报警值" width="180" />
+        <el-table-column prop="date" label="默认报警值" width="180" />
+        <el-table-column label="操作" :min-width="appStore.operateMinWith" fixed="right">
+          <template #default="{ row }">
+            <el-button type="primary" text>设定阈值</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+  </div>
+</template>
+
+<script setup>
+  import * as serve from '@/api/masterStation/equipment.js'
+  import { ref, onMounted } from 'vue'
+  import { useAppStore } from '@/pinia'
+  const appStore = useAppStore()
+
+  const props = defineProps({
+    device: {
+      type: Object,
+      default: () => null
+    }
+  })
+  onMounted(async () => {
+    await getDeviceListByPage()
+  })
+
+  // 右侧参数配置列表
+  const tableData = ref([])
+
+  const getDeviceConfigListByPage = async () => {
+    const deviceId = props.device?.deviceId
+    if (deviceId) {
+      const res = await serve.getDeviceConfigListByPage({
+        deviceId,
+        page: 1,
+        pageSize: 50
+      })
+      if (res.code === 0) {
+        // tableData.value = res.data.list || []
+        // total.value = res.data.total || 0
+      }
+    }
+  }
+
+  const deviceList = ref([])
+  // 左侧设备（线路）列表
+  const getDeviceListByPage = async () => {
+    const gatewayMac = props.device?.gatewayMac
+    if (gatewayMac) {
+      const res = await serve.getDeviceListByPage({
+        gatewayMac,
+        page: 1,
+        pageSize: 50,
+        sortBy: 'CreatedAt',
+        desc: true
+      })
+      if (res.code === 0) {
+        deviceList.value = res.data.list || []
+        // total.value = res.data.total || 0
+      }
+    }
+  }
+  // 多选
+  const checkAll = ref(false)
+  const isIndeterminate = ref(false)
+  const checkedDevices = ref([])
+  const handleCheckAllChange = (val) => {
+    checkedDevices.value = val ? deviceList.value.map((item) => item.id) : []
+    isIndeterminate.value = false
+  }
+  const handleCheckedDevicesChange = (value) => {
+    const checkedCount = value.length
+    checkAll.value = checkedCount === deviceList.value.length
+    isIndeterminate.value = checkedCount > 0 && checkedCount < deviceList.value.length
+  }
+</script>
+
+<style lang="scss" scoped>
+  .config-content {
+    display: flex;
+
+    // flex-direction: column;
+    gap: 10px;
+    box-sizing: border-box;
+    .left {
+      @apply bg-white p-4  text-slate-700 dark:text-slate-400 dark:bg-slate-900 rounded rounded-lg 
+      width: 270px;
+      .title {
+        font-size: 16px;
+        font-weight: 600;
+        color: var(--el-text-color-primary, #303133);
+        > span {
+          margin-right: 50px;
+        }
+        // margin: 0 0 16px 0;
+        // padding-bottom: 12px;
+        // border-bottom: 1px solid var(--el-border-color-lighter, #ebeef5);
+      }
+      .line-item {
+        > span {
+          &:nth-child(1) {
+            display: inline-block;
+            width: 40px;
+          }
+          &:nth-child(2) {
+            display: inline-block;
+            width: 140px;
+            margin-right: 15px;
+          }
+        }
+      }
+      .ouliy {
+        padding: 5px;
+        border-radius: 5px;
+        &.active {
+          background-color: var(--el-color-primary-light-9);
+        }
+        &:hover {
+          background-color: var(--el-color-primary-light-8);
+        }
+      }
+    }
+  }
+</style>
diff --git a/src/view/masterStation/equipment/components/detail/components/info/index.vue b/src/view/masterStation/equipment/components/detail/components/info/index.vue
new file mode 100644
index 0000000..9a4fcb0
--- /dev/null
+++ b/src/view/masterStation/equipment/components/detail/components/info/index.vue
@@ -0,0 +1,282 @@
+<template>
+  <div class="detail-content">
+    <!-- <div class="cards">
+      <div class="detail-card">
+        <h3>基本信息</h3>
+        <div class="detail-row">
+          <span class="detail-label">设备号：</span>
+          <span class="detail-value">{{ device?.gatewayId || '未设置' }}</span>
+        </div>
+
+        <div class="detail-row">
+          <span class="detail-label">经度：</span>
+          <span class="detail-value">{{ device?.gatewayLong || '未设置' }}</span>
+        </div>
+        <div class="detail-row">
+          <span class="detail-label">纬度：</span>
+          <span class="detail-value">{{ device?.gatewayLat || '未设置' }}</span>
+        </div>
+        <div class="detail-row">
+          <span class="detail-label">imei：</span>
+          <span class="detail-value">{{ device?.imei || '未设置' }}</span>
+        </div>
+      </div>
+
+      <div class="detail-card">
+        <h3>状态信息</h3>
+        <div class="detail-row">
+          <span class="detail-label">网络状态：</span>
+          <span class="detail-value">
+            <el-tag :type="device?.netStatus == 1 ? 'primary' : 'info'">
+              {{ device?.netStatus == 1 ? '在线' : '离线' }}
+            </el-tag>
+          </span>
+        </div>
+      </div>
+
+      <div class="detail-card">
+        <h3>其他信息</h3>
+        <div class="detail-row">
+          <span class="detail-label">安装时间：</span>
+          <span class="detail-value">{{ device?.createTime || '未设置' }}</span>
+        </div>
+      </div>
+    </div> -->
+    <div class="info-box">
+      <p class="title">基础信息</p>
+      <div class="details">
+        <el-image src="https://v5.snd02.com/upload/icon/UN2.png" style="width: 150px; height: 150px; cursor: pointer" />
+        <div>
+          <p>
+            <span>设备号：</span>
+            <span>{{ device?.gatewayId || '未设置' }}</span>
+          </p>
+          <p>
+            <span>网络状态：</span>
+            <span
+              ><el-tag :type="device?.netStatus == 1 ? 'primary' : 'info'">
+                {{ device?.netStatus == 1 ? '在线' : '离线' }}
+              </el-tag></span
+            >
+          </p>
+          <p>
+            <span>经度：</span>
+            <span>{{ device?.gatewayLong || '未设置' }}</span>
+          </p>
+          <p>
+            <span>纬度：</span>
+            <span>{{ device?.gatewayLat || '未设置' }}</span>
+          </p>
+        </div>
+        <div>
+          <p>
+            <span>imei：</span>
+            <span>{{ device?.imei || '未设置' }}</span>
+          </p>
+          <p>
+            <span>地址：</span>
+            <span>{{ device?.gatewayAddress || '未设置' }}</span>
+          </p>
+        </div>
+      </div>
+    </div>
+    <div class="alarms-box">
+      <p class="title">报警列表</p>
+      <div>
+        <el-table :data="tableData" style="width: 100%" stripe>
+          <el-table-column prop="CreatedAt" label="报警时间" width="180" />
+          <el-table-column prop="type" label="报警类型" width="120">
+            <template #default="{ row }">
+              <el-tag :type="typeMap.find((item) => item.value == row.warnType)?.type || 'info'">{{
+                typeMap.find((item) => item.value == row.warnType)?.label || row.warnType
+              }}</el-tag>
+            </template>
+          </el-table-column>
+          <el-table-column prop="level" label="报警等级" width="100">
+            <template #default="{ row }">
+              <el-tag :type="levelMap.find((item) => item.value == row.alarmLevel)?.type || 'info'" effect="dark">{{
+                levelMap.find((item) => item.value == row.alarmLevel)?.label || row.alarmLevel
+              }}</el-tag>
+            </template>
+          </el-table-column>
+          <el-table-column prop="originalContent" label="报警描述">
+            <template #default="{ row }">
+              {{ row.remark || '-' }}
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+  import { ref, onMounted } from 'vue'
+  import * as serve from '@/api/masterStation/equipment.js'
+  const props = defineProps({
+    device: {
+      type: Object,
+      default: () => null
+    }
+  })
+  const typeMap = [
+    {
+      value: '45',
+      type: 'danger',
+      label: '设备事件'
+    },
+    {
+      value: '4f',
+      type: 'danger',
+      label: '操作事件'
+    }
+  ]
+  const levelMap = [
+    {
+      value: '0',
+      type: 'primary',
+      label: '记录'
+    },
+    {
+      value: '1',
+      type: 'warning',
+      label: '提醒'
+    },
+    {
+      value: '2',
+      type: 'danger',
+      label: '警告'
+    }
+  ]
+  const params = ref({
+    page: 1,
+    pageSize: 10,
+    sortBy: 'CreatedAt',
+    desc: true
+  })
+  const tableData = ref([])
+
+  onMounted(() => {
+    // console.log('123123')
+    // getAlarmRecordListByPage()
+    getAlarmRecordListByPage()
+  })
+
+  const getAlarmRecordListByPage = async () => {
+    // console.log(123)
+    const gatewayMac = props.device?.gatewayMac
+    if (gatewayMac) {
+      try {
+        const table = await serve.getAlarmRecordListByPage({ gatewayMac, ...params.value })
+        if (table.code === 0) {
+          tableData.value = table.data.list || []
+          // total.value = table.data.total || 0
+          return
+        }
+      } catch (e) {
+        console.error('获取报警记录失败', e)
+      }
+    } else {
+      console.warn('[Alarm] device 为空或没有 ID 字段')
+    }
+  }
+</script>
+
+<style lang="scss" scoped>
+  .detail-content {
+    display: flex;
+    flex-direction: column;
+    gap: 20px;
+  }
+
+  // .cards {
+  //   display: flex;
+  //   // flex-direction: column;
+  //   gap: 5px;
+  // }
+
+  // .detail-card {
+  //   background-color: var(--el-bg-color-overlay, #ffffff);
+  //   border-radius: 8px;
+  //   padding: 24px;
+  //   border: 1px solid var(--el-border-color, #e4e7ed);
+  //   flex: 1;
+  //   h3 {
+  //     font-size: 16px;
+  //     font-weight: 600;
+  //     color: var(--el-text-color-primary, #303133);
+  //     margin: 0 0 16px 0;
+  //     padding-bottom: 12px;
+  //     border-bottom: 1px solid var(--el-border-color-lighter, #ebeef5);
+  //   }
+  // }
+
+  // .detail-row {
+  //   display: flex;
+  //   align-items: center;
+  //   padding: 12px 0;
+  //   border-bottom: 1px dashed var(--el-border-color-lighter, #ebeef5);
+
+  //   &:last-child {
+  //     border-bottom: none;
+  //   }
+  // }
+
+  // .detail-label {
+  //   width: 120px;
+  //   color: var(--el-text-color-regular, #606266);
+  //   font-size: 14px;
+  //   flex-shrink: 0;
+  // }
+
+  // .detail-value {
+  //   flex: 1;
+  //   color: var(--el-text-color-primary, #303133);
+  //   font-size: 14px;
+  // }
+  .alarms-box,
+  .info-box {
+    @apply p-4 bg-white text-slate-700 dark:text-slate-400 dark:bg-slate-900 rounded my-2 rounded-lg;
+    padding-bottom: 40px;
+    .title {
+      font-size: 16px;
+      font-weight: 600;
+      color: var(--el-text-color-primary, #303133);
+      // margin: 0 0 16px 0;
+      padding-bottom: 12px;
+      // border-bottom: 1px solid var(--el-border-color-lighter, #ebeef5);
+    }
+  }
+  .alarms-box {
+    > div {
+      margin-top: 15px;
+      padding-left: 25px;
+    }
+  }
+  .info-box .details {
+    display: flex;
+    margin-top: 15px;
+    padding-left: 25px;
+    // flex-direction: column;
+    gap: 40px;
+    > div {
+      display: flex;
+      flex-direction: column;
+      width: 30%;
+      gap: 20px;
+      > p {
+        > span {
+          font-size: 14px;
+          &:nth-child(1) {
+            font-weight: 600;
+            color: var(--el-text-color-regular, #606266);
+          }
+          &:nth-child(2) {
+            color: var(--el-text-color-regular, #303133);
+          }
+        }
+      }
+      // justify-content: space-around;
+    }
+  }
+</style>
diff --git a/src/view/masterStation/equipment/components/detail/components/line/index.vue b/src/view/masterStation/equipment/components/detail/components/line/index.vue
new file mode 100644
index 0000000..5a44fcb
--- /dev/null
+++ b/src/view/masterStation/equipment/components/detail/components/line/index.vue
@@ -0,0 +1,142 @@
+<template>
+  <div class="line-content">
+    <div class="detail-card">
+      <h3>线路列表</h3>
+      <el-table :data="tableData" style="width: 100%" height="400" stripe>
+        <el-table-column type="selection" width="55" />
+        <el-table-column prop="lineName" label="线路名称" width="120">
+          <template #default="{ row }">
+            {{ row.nodeNumber == 0 ? '总路' : `线路${row.nodeNumber}` }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="lineCode" label="接线方式" width="120">
+          <template #default="{ row }">
+            {{ row.nodeNumber == 0 ? '进线直连' : '总路' }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="nodeNumber" label="地址码" width="120" />
+
+        <el-table-column prop="status" label="状态" width="120">
+          <template #default="{ row }">
+            <el-tag :type="row.deviceStatus === 1 ? 'danger' : 'success'">
+              {{ row.deviceStatus === 1 ? '合闸' : '分闸' }}
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column prop="status" label="状态" width="120">
+          <template #default="{ row }">
+            <el-tag :type="['success', 'info', 'danger'][row.lockStatus]">
+              {{ ['正常', '远程合闸禁止', '锁定'][row.lockStatus] }}
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column prop="createTime" label="创建时间" />
+        <el-table-column label="操作" :min-width="appStore.operateMinWith" fixed="right">
+          <template #default="{ row }">
+            <el-button v-if="row.deviceStatus == 1" type="success" link icon="SortUp" @click="changeStatus(row)"
+              >分闸</el-button
+            >
+            <el-button v-else type="danger" link icon="SortDown" @click="changeStatus(row)">合闸</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+  </div>
+</template>
+
+<script setup>
+  import * as serve from '@/api/masterStation/equipment.js'
+  import { ref, watch, onMounted } from 'vue'
+  import { ElMessage, ElMessageBox } from 'element-plus'
+
+  import { useAppStore } from '@/pinia'
+
+  const appStore = useAppStore()
+
+  const props = defineProps({
+    device: {
+      type: Object,
+      default: () => null
+    }
+  })
+
+  const tableData = ref([])
+
+  const params = ref({
+    page: 1,
+    pageSize: 50,
+    sortBy: 'CreatedAt',
+    desc: true
+  })
+
+  onMounted(() => {
+    getDeviceListByPage()
+  })
+
+  const getDeviceListByPage = async () => {
+    const gatewayMac = props.device?.gatewayMac
+    if (gatewayMac) {
+      try {
+        const res = await serve.getDeviceListByPage({
+          gatewayMac,
+          ...params.value
+        })
+        if (res.code === 0) {
+          tableData.value = res.data.list || []
+          // total.value = res.data.total || 0
+        }
+      } catch (e) {
+        console.error('获取线路列表失败', e)
+      }
+    }
+  }
+
+  // 合分闸
+  const changeStatus = (row) => {
+    ElMessageBox.confirm(row.deviceStatus == 1 ? '确认分闸吗？' : '确认合闸吗？', '提示', {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning'
+    }).then(async () => {
+      const res = await serve.deviceOperation({
+        id: row.ID,
+        gatewayId: row.gatewayId,
+        para: row.deviceStatus == 1 ? '0xA2' : '0xA1'
+      })
+      if (res.code === 0) {
+        ElMessage.success('操作成功')
+        getDeviceListByPage()
+      }
+    })
+  }
+</script>
+
+<style lang="scss" scoped>
+  .detail-content {
+    display: flex;
+    flex-direction: column;
+    gap: 20px;
+  }
+
+  .detail-card {
+    background-color: var(--el-bg-color-overlay, #ffffff);
+    border-radius: 8px;
+    padding: 24px;
+    border: 1px solid var(--el-border-color, #e4e7ed);
+
+    h3 {
+      font-size: 16px;
+      font-weight: 600;
+      color: var(--el-text-color-primary, #303133);
+      margin: 0 0 16px 0;
+      padding-bottom: 12px;
+      border-bottom: 1px solid var(--el-border-color-lighter, #ebeef5);
+    }
+  }
+
+  .gva-pagination {
+    margin-top: 16px;
+    display: flex;
+    justify-content: flex-end;
+  }
+</style>
diff --git a/src/view/masterStation/equipment/components/detail/components/trend/index.vue b/src/view/masterStation/equipment/components/detail/components/trend/index.vue
new file mode 100644
index 0000000..211b8c1
--- /dev/null
+++ b/src/view/masterStation/equipment/components/detail/components/trend/index.vue
@@ -0,0 +1,678 @@
+<template>
+  <div ref="chartContainerRef" class="trend-content">
+    <!-- <div class="trend-toolbar">
+      <span class="toolbar-label">时间范围：</span>
+      <el-date-picker
+        v-model="dateRange"
+        type="datetimerange"
+        range-separator="至"
+        start-placeholder="开始时间"
+        end-placeholder="结束时间"
+        format="YYYY-MM-DD HH:mm:ss"
+        value-format="YYYY-MM-DD HH:mm:ss"
+        @change="handleDateChange"
+      />
+     
+    </div> -->
+
+    <div class="left">
+      <div class="title">
+        <span>线路列表</span>
+        <el-button :disabled="!checkedDevices.length" plain size="small" type="success">一键分闸</el-button>
+        <el-button style="margin-left: 3px" :disabled="!checkedDevices.length" plain size="small" type="danger"
+          >一键合闸</el-button
+        >
+      </div>
+      <div>
+        <el-checkbox v-model="checkAll" :indeterminate="isIndeterminate" @change="handleCheckAllChange">
+          全选
+        </el-checkbox>
+        <el-checkbox-group v-model="checkedDevices" @change="handleCheckedDevicesChange">
+          <div
+            class="ouliy"
+            :class="{ active: currentCheck == index }"
+            v-for="(item, index) in deviceList"
+            :key="item.id"
+          >
+            <el-checkbox :value="item.id">
+              <div class="line-item" @click.stop.prevent="handleClick(item, index)">
+                <span>{{ item.nodeNumber == 0 ? '总路' : `线路${index + 1}` }}</span>
+                <span>{{ `（${item.gatewayMac}）` }}</span>
+                <el-tag v-if="item.status == 1" type="danger" size="small" effect="light"> 合闸 </el-tag>
+                <el-tag v-else type="success" size="small" effect="light"> 分闸 </el-tag>
+              </div>
+            </el-checkbox>
+          </div>
+        </el-checkbox-group>
+      </div>
+    </div>
+    <div class="right">
+      <div class="top">
+        <p class="title">基本信息</p>
+        <div class="info">
+          <div class="item">
+            <div>
+              <span>设备名称：</span>
+              <span>{{
+                circuitBreaker.device?.nodeNumber == 0 ? '总路' : `线路${circuitBreaker.device?.nodeNumber}`
+              }}</span>
+            </div>
+            <div>
+              <span>线路ID：</span>
+              <span>{{ `${circuitBreaker.device?.gatewayMac}-${circuitBreaker.device?.nodeNumber}` }}</span>
+            </div>
+            <div>
+              <span>总功率：</span>
+              <span>{{ circuitBreaker.latestTelemetry?.power || 0 }}</span>
+            </div>
+            <div>
+              <span>机身温度(℃)：</span>
+              <span>{{ circuitBreaker.latestTelemetry?.internalTemperature || 0 }}</span>
+            </div>
+            <div>
+              <span>漏保档位：</span>
+              <span>无</span>
+            </div>
+            <div>
+              <span>电气子节点：</span>
+              <span>点击展开</span>
+            </div>
+            <div>
+              <span>警情状态：</span>
+              <span>--</span>
+            </div>
+          </div>
+          <div class="item">
+            <div>
+              <span>线路状态：</span>
+              <span
+                ><el-tag v-if="circuitBreaker.device?.deviceStatus == 1" type="danger" size="small" effect="light">
+                  合闸
+                </el-tag>
+                <el-tag v-else type="success" size="small" effect="light"> 分闸 </el-tag></span
+              >
+            </div>
+            <div>
+              <span>地址码：</span>
+              <span>{{ circuitBreaker.latestTelemetry?.nodeNumber || '--' }}</span>
+            </div>
+            <div>
+              <span>环境温度：</span>
+              <span>--</span>
+            </div>
+          </div>
+          <div class="other" style="width: 100%">
+            <div>
+              <el-button :disabled="circuitBreaker.device?.deviceStatus == 1" type="danger" plain @click="changeStatus"
+                >合闸</el-button
+              >
+              <el-button :disabled="circuitBreaker.device?.deviceStatus == 0" type="success" plain @click="changeStatus"
+                >分闸</el-button
+              >
+            </div>
+            <el-table :data="realTimeData" border>
+              <el-table-column prop="text" label="实时数据" />
+              <el-table-column prop="value" label="相线" />
+            </el-table>
+          </div>
+        </div>
+      </div>
+      <div class="bottom">
+        <div>
+          <p class="title">运行趋势</p>
+        </div>
+        <el-row v-if="isReady">
+          <el-col v-for="(item, index) in chartList" :key="item.key" :span="24">
+            <div class="chart-card">
+              <div class="chart-header">
+                <span class="chart-title">{{ item.title }}</span>
+                <span class="chart-unit">{{ item.unit }}</span>
+              </div>
+              <v-chart class="chart" :option="item.option" autoresize />
+            </div>
+          </el-col>
+        </el-row>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+  import * as serve from '@/api/masterStation/equipment.js'
+  import { ref, nextTick, onMounted, onBeforeUnmount, watch } from 'vue'
+  import { use } from 'echarts/core'
+  import { CanvasRenderer } from 'echarts/renderers'
+  import { LineChart } from 'echarts/charts'
+  import { TitleComponent, TooltipComponent, LegendComponent, GridComponent } from 'echarts/components'
+  import VChart from 'vue-echarts'
+  import { ElMessage, ElMessageBox } from 'element-plus'
+  use([CanvasRenderer, LineChart, TitleComponent, TooltipComponent, LegendComponent, GridComponent])
+
+  const props = defineProps({
+    device: {
+      type: Object,
+      default: () => null
+    }
+  })
+
+  const currentCheck = ref(0)
+
+  const deviceList = ref([])
+  // const circuitBreaker = ref({})
+
+  const handleClick = (item, index) => {
+    currentCheck.value = index
+    console.log(item, index)
+
+    getDeviceDetailsListByPage()
+    getCircuitBreakerDetail()
+  }
+  // 容器 ref
+  const chartContainerRef = ref(null)
+  // 容器就绪状态：父级用 v-show 切换时，初始为 display:None，宽度为 0，需要等容器有尺寸后再渲染图表
+  const isReady = ref(false)
+  let resizeObserver = null
+
+  onMounted(async () => {
+    if (chartContainerRef.value) {
+      nextTick(checkContainerReady)
+      resizeObserver = new ResizeObserver(() => {
+        checkContainerReady()
+      })
+      resizeObserver.observe(chartContainerRef.value)
+    }
+    await getDeviceListByPage()
+    getCircuitBreakerDetail()
+    getDeviceDetailsListByPage()
+  })
+
+  // 左侧设备（线路）列表
+  const getDeviceListByPage = async () => {
+    const gatewayMac = props.device?.gatewayMac
+    if (gatewayMac) {
+      const res = await serve.getDeviceListByPage({
+        gatewayMac,
+        page: 1,
+        pageSize: 50,
+        sortBy: 'CreatedAt',
+        desc: true
+      })
+      if (res.code === 0) {
+        deviceList.value = res.data.list || []
+        // total.value = res.data.total || 0
+      }
+    }
+  }
+
+  // 检测容器是否已具备尺寸
+  const checkContainerReady = () => {
+    if (isReady.value || !chartContainerRef.value) return
+    const { clientWidth, clientHeight } = chartContainerRef.value
+    if (clientWidth > 0 && clientHeight > 0) {
+      isReady.value = true
+    }
+  }
+
+  // 触发图表 resize
+  const triggerResize = () => {
+    // 触发 window resize 事件让 vue-echarts autoresize 生效
+    window.dispatchEvent(new Event('resize'))
+  }
+
+  // 格式化时间 - 转为 yyyy-MM-dd HH:mm:ss
+  const formatDateTime = (date) => {
+    if (!date) return ''
+    // 如果已经是字符串（YYYY-MM-DD HH:mm:ss 格式），直接返回
+    if (typeof date === 'string') {
+      // 验证格式
+      if (/^\d{4}-\d{2}-\d{2} \d{2}:\d{2}:\d{2}$/.test(date)) {
+        return date
+      }
+      // 如果是 ISO 格式，转换一下
+      const d = new Date(date)
+      if (isNaN(d.getTime())) return date
+      return formatDateTime(d)
+    }
+    // 如果是 Date 对象
+    if (date instanceof Date) {
+      const pad = (n) => String(n).padStart(2, '0')
+      return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())} ${pad(date.getHours())}:${pad(date.getMinutes())}:${pad(date.getSeconds())}`
+    }
+    return ''
+  }
+  const circuitBreaker = ref([])
+  const realTimeData = ref([])
+
+  // 基本信息
+  const getCircuitBreakerDetail = async () => {
+    const ID = deviceList.value[currentCheck.value].ID
+    // console.log(deviceId)
+    const res = await serve.getCircuitBreakerDetail({
+      ID
+    })
+    if (res.code === 0) {
+      const arr = [
+        { label: 'current', text: '电流(A)' },
+        { label: 'voltage', text: '电压' },
+        { label: 'internalTemperature', text: '温度' },
+        { label: 'powerFactor', text: '功率' }
+      ]
+      if (res.data.latestTelemetry) {
+        arr.forEach((item) => {
+          item.value = res.data.latestTelemetry[item.label] || '--'
+        })
+        realTimeData.value = arr
+      }
+
+      circuitBreaker.value = res.data
+      console.log('circuitBreaker', circuitBreaker.value)
+    }
+  }
+  // echarts图
+  const getDeviceDetailsListByPage = async () => {
+    if (!dateRange.value || dateRange.value.length !== 2) {
+      console.warn('[Trend] 日期范围无效')
+      return
+    }
+    const deviceId = deviceList.value[currentCheck.value].id
+    try {
+      const result = await serve.getDeviceDetailsListByPage({
+        page: 1,
+        pageSize: 999,
+        deviceId,
+        startCreatedAt: dateRange.value[0],
+        endCreatedAt: dateRange.value[1],
+        orderKey: 'voltage',
+        sortBy: 'CreatedAt',
+        order: 'desc',
+        desc: true
+      })
+      if (result.code === 0) {
+        const list = result.data.list || []
+        const timeData = []
+        const chartData = {
+          voltage: [], // 电压（V）
+          leakageCurrent: [], // 漏电流值（mA）
+          cumulativeElectricity: [], // 累计用电量（kWh）
+          current: [], // 电流值（A）
+          internalTemperature: [], // 内部温度（℃）
+          powerFactor: [] // 功率因数
+        }
+
+        list.forEach((item) => {
+          timeData.push(item.CreatedAt)
+          chartData.voltage.push(item.voltage)
+          chartData.leakageCurrent.push(item.leakageCurrent)
+          chartData.cumulativeElectricity.push(item.cumulativeElectricity)
+          chartData.current.push(item.current)
+          chartData.internalTemperature.push(item.internalTemperature)
+          chartData.powerFactor.push(item.powerFactor)
+        })
+        updateChartData(timeData, chartData)
+      }
+    } catch (e) {}
+  }
+
+  // 监听 device 变化，重新请求数据
+  // watch(
+  //   () => props.device,
+  //   (newDevice, oldDevice) => {
+  //     if (newDevice && (!oldDevice || newDevice.ID !== oldDevice.ID)) {
+  //       getDeviceDetailsListByPage()
+  //     }
+  //     nextTick(() => {
+  //       triggerResize()
+  //     })
+  //   },
+  //   { deep: true, immediate: false }
+  // )
+
+  onBeforeUnmount(() => {
+    if (resizeObserver) {
+      resizeObserver.disconnect()
+      resizeObserver = null
+    }
+  })
+
+  // 日期范围 - 默认当前时间前一小时
+  const getTodayRange = () => {
+    const now = new Date()
+    const start = new Date(now.getTime() - 3600 * 1000)
+    return [formatDateTime(start), formatDateTime(now)]
+  }
+  const dateRange = ref(getTodayRange())
+
+  // 日期变化处理
+  const handleDateChange = (val) => {
+    if (val && val.length === 2) {
+      // console.log('[Trend] 日期范围:', val)
+      // 触发图表 resize
+      nextTick(() => {
+        // triggerResize()
+        getDeviceDetailsListByPage()
+      })
+    }
+  }
+
+  // 基础折线图配置
+  // data: 数据数组，xAxis: X 轴数据（可选）
+  const createLineOption = (name, color, data = [], xAxis = []) => {
+    return {
+      tooltip: {
+        trigger: 'axis'
+      },
+      grid: {
+        left: '3%',
+        right: '4%',
+        bottom: '8%',
+        top: '15%',
+        containLabel: true
+      },
+      xAxis: {
+        type: 'category',
+        data: xAxis,
+        boundaryGap: false,
+        axisLine: {
+          lineStyle: {
+            color: '#909399'
+          }
+        }
+      },
+      yAxis: {
+        type: 'value',
+        axisLine: {
+          lineStyle: {
+            color: '#909399'
+          }
+        },
+        splitLine: {
+          lineStyle: {
+            color: '#ebeef5',
+            type: 'dashed'
+          }
+        }
+      },
+      series: [
+        {
+          name,
+          type: 'line',
+          data,
+          smooth: true,
+          // 去掉数据点标点，全一条线
+          symbol: 'none',
+          itemStyle: {
+            color
+          },
+          lineStyle: {
+            color,
+            width: 2
+          },
+          areaStyle: {
+            color: {
+              type: 'linear',
+              x: 0,
+              y: 0,
+              x2: 0,
+              y2: 1,
+              colorStops: [
+                { offset: 0, color: color + '40' },
+                { offset: 1, color: color + '00' }
+              ]
+            }
+          }
+        }
+      ]
+    }
+  }
+
+  const chartList = ref([
+    {
+      key: 'voltage',
+      title: '电压',
+      unit: 'V',
+      color: '#409EFF',
+      option: createLineOption('电压', '#409EFF', [], [])
+    },
+    {
+      key: 'leakageCurrent',
+      title: '漏电流值',
+      unit: 'mA',
+      color: '#67C23A',
+      option: createLineOption('漏电流', '#67C23A', [], [])
+    },
+    {
+      key: 'cumulativeElectricity',
+      title: '累计用电量',
+      unit: 'kWh',
+      color: '#E6A23C',
+      option: createLineOption('用电量', '#E6A23C', [], [])
+    },
+    {
+      key: 'current',
+      title: '电流值',
+      unit: 'A',
+      color: '#F56C6C',
+      option: createLineOption('电流', '#F56C6C', [], [])
+    },
+    {
+      key: 'internalTemperature',
+      title: '内部温度',
+      unit: '℃',
+      color: '#909399',
+      option: createLineOption('内部温度', '#909399', [], [])
+    },
+    {
+      key: 'powerFactor',
+      title: '功率因数',
+      unit: '',
+      color: '#1ABC9C',
+      option: createLineOption('功率因数', '#1ABC9C', [], [])
+    }
+  ])
+
+  // 合分闸
+  const changeStatus = () => {
+    const row = circuitBreaker.value.device || {}
+    if (!row.ID) {
+      ElMessage.error('请选择设备')
+      return
+    }
+    ElMessageBox.confirm(row.deviceStatus == 1 ? '确认分闸吗？' : '确认合闸吗？', '提示', {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning'
+    }).then(async () => {
+      const res = await serve.deviceOperation({
+        id: row.ID,
+        gatewayId: row.gatewayId,
+        para: row.deviceStatus == 1 ? '0xA2' : '0xA1'
+      })
+      if (res.code === 0) {
+        ElMessage.success('操作成功')
+        // getDeviceGatewayListByPage()
+        getCircuitBreakerDetail()
+      }
+    })
+  }
+
+  // 更新图表数据
+  const updateChartData = (timeData, chartData) => {
+    chartList.value.forEach((item) => {
+      const seriesData = chartData[item.key] || []
+      item.option = createLineOption(item.title, item.color, seriesData, timeData)
+    })
+  }
+  // 多选
+  const checkAll = ref(false)
+  const isIndeterminate = ref(false)
+  const checkedDevices = ref([])
+  const handleCheckAllChange = (val) => {
+    checkedDevices.value = val ? deviceList.value.map((item) => item.id) : []
+    isIndeterminate.value = false
+  }
+  const handleCheckedDevicesChange = (value) => {
+    const checkedCount = value.length
+    checkAll.value = checkedCount === deviceList.value.length
+    isIndeterminate.value = checkedCount > 0 && checkedCount < deviceList.value.length
+  }
+</script>
+
+<style lang="scss" scoped>
+  .trend-content {
+    // @apply text-slate-700 dark:text-slate-400 dark:bg-slate-900 rounded my-2 rounded-lg
+    display: flex;
+
+    // flex-direction: column;
+    gap: 10px;
+    box-sizing: border-box;
+    .left {
+      @apply bg-white p-4  text-slate-700 dark:text-slate-400 dark:bg-slate-900 rounded rounded-lg 
+      width: 270px;
+      .title {
+        font-size: 16px;
+        font-weight: 600;
+        color: var(--el-text-color-primary, #303133);
+        > span {
+          margin-right: 50px;
+        }
+        // margin: 0 0 16px 0;
+        // padding-bottom: 12px;
+        // border-bottom: 1px solid var(--el-border-color-lighter, #ebeef5);
+      }
+      .line-item {
+        > span {
+          &:nth-child(1) {
+            display: inline-block;
+            width: 40px;
+          }
+          &:nth-child(2) {
+            display: inline-block;
+            width: 140px;
+            margin-right: 15px;
+          }
+        }
+      }
+      .ouliy {
+        padding: 5px;
+        border-radius: 5px;
+        &.active {
+          background-color: var(--el-color-primary-light-9);
+        }
+        &:hover {
+          background-color: var(--el-color-primary-light-8);
+        }
+      }
+    }
+    .right {
+      height: calc(100vh - 6rem - 120px);
+      flex: 1;
+      overflow: auto;
+      .top {
+        @apply bg-white p-4  text-slate-700 dark:text-slate-400 dark:bg-slate-900 rounded rounded-lg;
+        margin-bottom: 10px;
+        .title {
+          font-size: 16px;
+          font-weight: 600;
+          color: var(--el-text-color-primary, #303133);
+        }
+        .info {
+          display: flex;
+          // flex-direction: column;
+          gap: 100px;
+        }
+        .item {
+          padding: 12px 12px 0 12px;
+          > div {
+            height: 30px;
+            white-space: nowrap;
+            > span {
+              &:nth-child(1) {
+                display: inline-block;
+                width: 120px;
+                font-size: 14px;
+                color: var(--el-text-color-regular, #ddd);
+              }
+              &:nth-child(2) {
+                font-size: 14px;
+                color: var(--el-text-color-primary, #303133);
+              }
+            }
+          }
+        }
+        .other {
+          :deep(.el-table .el-table__cell) {
+            padding: 2px;
+          }
+          div {
+            &:nth-child(1) {
+              display: flex;
+              justify-content: flex-end;
+              margin-bottom: 20px;
+            }
+          }
+        }
+      }
+      .bottom {
+        @apply bg-white p-4  text-slate-700 dark:text-slate-400 dark:bg-slate-900 rounded rounded-lg;
+        .title {
+          font-size: 16px;
+          font-weight: 600;
+          color: var(--el-text-color-primary, #303133);
+        }
+      }
+    }
+  }
+
+  .trend-toolbar {
+    width: 40%;
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    margin-bottom: 16px;
+    padding: 16px;
+    background-color: var(--el-bg-color-overlay, #ffffff);
+    border-radius: 8px;
+    border: 1px solid var(--el-border-color, #e4e7ed);
+  }
+
+  .toolbar-label {
+    font-size: 14px;
+    color: var(--el-text-color-regular, #606266);
+    white-space: nowrap;
+  }
+
+  .chart-card {
+    background-color: var(--el-bg-color-overlay, #ffffff);
+    border-radius: 8px;
+    padding: 16px;
+    margin-bottom: 16px;
+    transition: all 0.3s ease;
+
+    &:hover {
+      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
+    }
+  }
+
+  .chart-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 12px;
+  }
+
+  .chart-title {
+    font-size: 14px;
+    font-weight: 600;
+    color: var(--el-text-color-primary, #303133);
+  }
+
+  .chart-unit {
+    font-size: 12px;
+    color: var(--el-text-color-regular, #606266);
+  }
+
+  .chart {
+    height: 220px;
+    width: 100%;
+  }
+</style>
diff --git a/src/view/masterStation/equipment/components/detail/index.vue b/src/view/masterStation/equipment/components/detail/index.vue
new file mode 100644
index 0000000..c025fbb
--- /dev/null
+++ b/src/view/masterStation/equipment/components/detail/index.vue
@@ -0,0 +1,79 @@
+<template>
+  <div class="device-detail-page">
+    <!-- <div class="detail-header">
+      <el-button icon="ArrowLeft" circle @click="handleBack" />
+      <span class="detail-title">设备信息</span>
+    </div> -->
+    <div class="tabs-box">
+      <el-button icon="ArrowLeft" circle @click="handleBack" />
+      <span class="title">设备信息（{{ device?.gatewayMac }}）</span>
+      <el-radio-group v-model="activeMenu" size="large" fill="#409eff">
+        <el-radio-button label="设备详情" value="info" />
+        <el-radio-button label="线路列表" value="line" />
+        <el-radio-button label="运行趋势" value="trend" />
+        <el-radio-button label="参数配置" value="config" />
+      </el-radio-group>
+    </div>
+
+    <DeviceInfo v-if="activeMenu === 'info'" :device="device" />
+    <DeviceLine v-if="activeMenu === 'line'" :device="device" />
+    <DeviceTrend v-if="activeMenu === 'trend'" :device="device" />
+    <DeviceConfig v-if="activeMenu === 'config'" :device="device" />
+    <!-- <DeviceAlarm v-show="activeMenu === 'alarm'" :device="device" /> -->
+  </div>
+</template>
+
+<script setup>
+  import { ref, onMounted } from 'vue'
+  import DeviceInfo from './components/info/index.vue'
+  import DeviceLine from './components/line/index.vue'
+  import DeviceTrend from './components/trend/index.vue'
+  import DeviceConfig from './components/config/index.vue'
+  import DeviceAlarm from './components/alarm/index.vue'
+
+  defineProps({
+    device: {
+      type: Object,
+      default: () => null
+    }
+  })
+
+  const activeMenu = ref('info')
+  const emit = defineEmits(['back'])
+
+  const handleBack = () => {
+    activeMenu.value = ''
+    emit('back')
+  }
+</script>
+
+<style lang="scss" scoped>
+  .device-detail-page {
+    // padding: 20px;
+    .tabs-box {
+      @apply p-4 bg-white text-slate-700 dark:text-slate-400 dark:bg-slate-900 rounded my-2 rounded-lg;
+      display: flex;
+      align-items: center;
+      > .title {
+        margin: 0 15px;
+        font-size: 18px;
+        font-weight: 600;
+        color: var(--el-text-color-primary, #303133);
+      }
+    }
+  }
+
+  .detail-header {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    margin-bottom: 16px;
+  }
+
+  .detail-menu {
+    margin-bottom: 20px;
+    // border-radius: 8px;
+    // background-color: var(--el-bg-color-overlay, #ffffff);
+    // border: 1px solid var(--el-border-color, #e4e7ed);
+  }
+</style>
diff --git a/src/view/masterStation/equipment/components/list/index.vue b/src/view/masterStation/equipment/components/list/index.vue
new file mode 100644
index 0000000..25c0d1a
--- /dev/null
+++ b/src/view/masterStation/equipment/components/list/index.vue
@@ -0,0 +1,377 @@
+<template>
+  <div>
+    <div class="gva-search-box">
+      <el-form ref="searchForm" :inline="true" :model="searchInfo">
+        <el-form-item label="网关MAC">
+          <el-input v-model="searchInfo.gatewayMac" placeholder="请输入" clearable />
+        </el-form-item>
+
+        <el-form-item>
+          <el-button type="primary" icon="search" @click="onSubmit"> 查询 </el-button>
+          <el-button icon="refresh" @click="onReset"> 重置 </el-button>
+        </el-form-item>
+      </el-form>
+    </div>
+    <div class="gva-table-box">
+      <div class="gva-btn-list">
+        <!-- <el-button type="primary" icon="plus" @click="addUser">新增用户</el-button> -->
+      </div>
+      <div class="device-grid">
+        <div v-for="item in tableData" :key="item.ID" class="device-card" @click="handleCardClick(item, $event)">
+          <div class="device-image">
+            <img src="@/assets/img/equipment/breaker.png" alt="设备" />
+            <!-- <div class="signal-icon" :class="{ online: item.netStatus == 1 }">
+              <i class="el-icon-connection"></i>
+            </div> -->
+          </div>
+          <div class="device-info">
+            <div class="card-menu">
+              <el-dropdown trigger="click" @command="(cmd) => handleDeviceAction(cmd, item)">
+                <span class="menu-icon">
+                  <el-icon><MoreFilled /></el-icon>
+                </span>
+                <template #dropdown>
+                  <el-dropdown-menu>
+                    <!-- <el-dropdown-item v-if="item.deviceStatus == 1" command="changeStatus">分闸</el-dropdown-item>
+                    <el-dropdown-item v-else command="changeStatus">分闸</el-dropdown-item>
+                    <el-dropdown-item v-if="[1].includes(item.lockStatus)" command="unlock">解锁</el-dropdown-item> -->
+                  </el-dropdown-menu>
+                </template>
+              </el-dropdown>
+            </div>
+            <div class="status-tags">
+              <el-tag :type="item.netStatus == 1 ? 'primary' : 'info'">
+                {{ item.netStatus == 1 ? '在线' : '离线' }}
+              </el-tag>
+              <!-- <el-tag
+                v-if="item.cbTypeName !== 'T30' && item.deviceStatus != 1"
+                :type="item.deviceStatus == 1 ? 'success' : 'danger'"
+              >
+                {{ item.deviceStatus == 1 ? '合闸' : '分闸' }}
+              </el-tag> -->
+              <!-- <el-tag v-if="item.lockStatus != 0" :type="['success', 'info', 'danger'][item.lockStatus]">
+                {{ ['正常', '远程合闸禁止', '锁定'][item.lockStatus] }}
+              </el-tag> -->
+            </div>
+            <div class="device-name">{{ item.gatewayMac }}</div>
+            <div class="device-id-row">
+              <span class="device-id">ID:{{ item.gatewayId }}</span>
+              <el-button
+                size="small"
+                type="primary"
+                link
+                icon="CopyDocument"
+                @click.stop="copyDeviceId(item.gatewayId)"
+              >
+              </el-button>
+            </div>
+            <div class="device-location">
+              <el-icon><LocationInformation /></el-icon>
+              <span style="white-space: break-spaces">{{ item.gatewayAddress }}</span>
+            </div>
+            <div class="device-channels">
+              <el-icon><Operation /></el-icon>
+              <span>{{ '3' }}</span>
+            </div>
+            <div v-if="item.alarmType" class="device-alarm">
+              <el-icon style="color: #f56c6c"><WarningFilled /></el-icon>
+              <span style="color: #f56c6c">{{ item.alarmCreatedAt }} {{ item.alarmType }} </span>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="gva-pagination">
+        <el-pagination
+          :current-page="page"
+          :page-size="pageSize"
+          :page-sizes="[10, 30, 50, 100]"
+          :total="total"
+          layout="total, sizes, prev, pager, next, jumper"
+          @current-change="handleCurrentChange"
+          @size-change="handleSizeChange"
+        />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+  import * as serve from '@/api/masterStation/equipment.js'
+  import { ref, onMounted } from 'vue'
+  import { ElMessage, ElMessageBox } from 'element-plus'
+  import { MoreFilled } from '@element-plus/icons-vue'
+
+  const props = defineProps({
+    modelValue: {
+      type: Object,
+      default: () => ({})
+    }
+  })
+
+  const emit = defineEmits(['select-device'])
+
+  const searchInfo = ref({
+    gatewayMac: ''
+  })
+
+  const page = ref(1)
+  const total = ref(0)
+  const pageSize = ref(10)
+  const tableData = ref([])
+
+  onMounted(() => {
+    getDeviceGatewayListByPage()
+  })
+
+  // 点击设备卡片
+  const handleCardClick = (device, event) => {
+    // 如果点击的是 el-dropdown 相关元素，不跳转
+    if (event) {
+      const target = event.target
+      // 检查点击目标是否是 el-dropdown 内部元素
+      if (target.closest('.el-dropdown') || target.closest('.el-popper') || target.closest('.card-menu')) {
+        return
+      }
+    }
+    emit('select-device', device)
+  }
+
+  // 解锁
+  const unlock = async (row) => {
+    ElMessageBox.confirm('确认解锁吗？', '提示', {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning'
+    }).then(async () => {
+      const res = await serve.deviceOperation({
+        id: row.ID,
+        gatewayId: row.gatewayId,
+        para: '0xAD'
+      })
+      if (res.code === 0) {
+        ElMessage.success('操作成功')
+        getDeviceGatewayListByPage()
+      }
+    })
+  }
+
+  // 合分闸
+  const changeStatus = (row) => {
+    ElMessageBox.confirm(row.deviceStatus == 1 ? '确认分闸吗？' : '确认合闸吗？', '提示', {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning'
+    }).then(async () => {
+      const res = await serve.deviceOperation({
+        id: row.ID,
+        gatewayId: row.gatewayId,
+        para: row.deviceStatus == 1 ? '0xA2' : '0xA1'
+      })
+      if (res.code === 0) {
+        ElMessage.success('操作成功')
+        getDeviceGatewayListByPage()
+      }
+    })
+  }
+
+  // 分页
+  const handleSizeChange = (val) => {
+    pageSize.value = val
+    getDeviceGatewayListByPage()
+  }
+  const handleCurrentChange = (val) => {
+    page.value = val
+    getDeviceGatewayListByPage()
+  }
+  // 查询
+  const getDeviceGatewayListByPage = async () => {
+    const table = await serve.getDeviceGatewayListByPage({
+      page: page.value,
+      pageSize: pageSize.value,
+      ...searchInfo.value
+    })
+    if (table.code === 0) {
+      tableData.value = table.data.list
+      total.value = table.data.total
+      page.value = table.data.page
+      pageSize.value = table.data.pageSize
+    }
+  }
+
+  const onSubmit = () => {
+    page.value = 1
+    getDeviceGatewayListByPage()
+  }
+
+  const onReset = () => {
+    searchInfo.value = {
+      gatewayMac: ''
+    }
+    getDeviceGatewayListByPage()
+  }
+
+  // 复制设备ID
+  const copyDeviceId = async (id) => {
+    if (!id) return
+    try {
+      await navigator.clipboard.writeText(id)
+      ElMessage.success('复制成功')
+    } catch {
+      ElMessage.error('复制失败')
+    }
+  }
+
+  // 处理设备操作
+  const handleDeviceAction = (command, item) => {
+    switch (command) {
+      case 'changeStatus':
+        changeStatus(item)
+        break
+      case 'unlock':
+        unlock(item)
+        break
+    }
+  }
+</script>
+
+<style lang="scss" scoped>
+  // 设备卡片容器
+  .container-device {
+    padding: 24px;
+    background-color: var(--el-bg-color, #f5f7fa);
+  }
+
+  .device-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
+    gap: 12px;
+    width: 100%;
+    background-color: var(--el-bg-color, #f5f7fa);
+  }
+
+  .device-card {
+    background-color: var(--el-bg-color-overlay, #ffffff);
+    border-radius: 8px;
+    padding: 16px;
+    display: flex;
+    gap: 12px;
+    color: var(--el-text-color-regular, #303133);
+    position: relative;
+    transition: all 0.3s ease;
+    border: 1px solid var(--el-border-color, #e4e7ed);
+    align-items: center;
+    cursor: pointer;
+
+    &:hover {
+      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+      border-color: var(--el-color-primary, #409eff);
+    }
+  }
+
+  .device-image {
+    position: relative;
+    width: 72px;
+    height: 72px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-color: transparent;
+    flex-shrink: 0;
+
+    img {
+      width: 100%;
+      height: 100%;
+      object-fit: contain;
+    }
+
+    .signal-icon {
+      position: absolute;
+      top: 0;
+      right: 0;
+      font-size: 14px;
+      color: var(--el-text-color-placeholder, #9ca3af);
+
+      &.online {
+        color: #10b981;
+      }
+    }
+  }
+
+  .device-info {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    gap: 6px;
+    position: relative;
+    // padding-right: 20px;
+  }
+
+  .card-menu {
+    position: absolute;
+    top: -4px;
+    right: 0;
+    cursor: pointer;
+    color: var(--el-text-color-placeholder, #94a3b8);
+    font-size: 18px;
+
+    &:hover {
+      color: var(--el-text-color-primary, #303133);
+    }
+  }
+
+  .status-tags {
+    display: flex;
+    gap: 6px;
+    flex-wrap: wrap;
+  }
+
+  .device-name {
+    font-size: 14px;
+    font-weight: 600;
+    color: var(--el-text-color-primary, #303133);
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  .device-id-row {
+    display: flex;
+    align-items: center;
+    gap: 4px;
+
+    .device-id {
+      flex: 1;
+      font-size: 14px;
+      color: var(--el-color-primary, #409eff);
+      word-break: break-all;
+    }
+  }
+
+  .device-location,
+  .device-channels,
+  .device-alarm {
+    display: flex;
+    align-items: center;
+    gap: 4px;
+    font-size: 12px;
+    color: var(--el-text-color-regular, #606266);
+
+    .el-icon {
+      font-size: 14px;
+      flex-shrink: 0;
+    }
+
+    span {
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+  }
+  // .device-alarm {
+  //   display: flex;
+  //   // align-items: center;
+  //   gap: 4px;
+  //   font-size: 12px;
+  //   color: var(--el-text-color-regular, #606266);
+  // }
+</style>
diff --git a/src/view/masterStation/equipment/index.vue b/src/view/masterStation/equipment/index.vue
new file mode 100644
index 0000000..37536dc
--- /dev/null
+++ b/src/view/masterStation/equipment/index.vue
@@ -0,0 +1,25 @@
+<template>
+  <div>
+    <DeviceList v-show="!showDetail" @select-device="handleSelectDevice" />
+    <DeviceDetail v-show="showDetail" :device="currentDevice" @back="handleBack" />
+  </div>
+</template>
+
+<script setup>
+  import { ref } from 'vue'
+  import DeviceList from './components/list/index.vue'
+  import DeviceDetail from './components/detail/index.vue'
+
+  const showDetail = ref(false)
+  const currentDevice = ref(null)
+
+  const handleSelectDevice = (device) => {
+    currentDevice.value = device
+    showDetail.value = true
+  }
+
+  const handleBack = () => {
+    showDetail.value = false
+    currentDevice.value = null
+  }
+</script>
diff --git a/src/view/masterStation/index.vue b/src/view/masterStation/index.vue
new file mode 100644
index 0000000..00ee663
--- /dev/null
+++ b/src/view/masterStation/index.vue
@@ -0,0 +1,20 @@
+<template>
+  <div>
+    <router-view v-slot="{ Component }">
+      <transition mode="out-in" name="el-fade-in-linear">
+        <keep-alive :include="routerStore.keepAliveRouters">
+          <component :is="Component" />
+        </keep-alive>
+      </transition>
+    </router-view>
+  </div>
+</template>
+
+<script setup>
+  import { useRouterStore } from '@/pinia/modules/router'
+  const routerStore = useRouterStore()
+
+  defineOptions({
+    name: 'MasterStation'
+  })
+</script>
diff --git a/src/view/masterStation/project/index.vue b/src/view/masterStation/project/index.vue
new file mode 100644
index 0000000..b23dd19
--- /dev/null
+++ b/src/view/masterStation/project/index.vue
@@ -0,0 +1,754 @@
+<template>
+  <div class="project-overview">
+    <div class="main-panel">
+      <!-- 地图区域 -->
+      <div class="overview-card">
+        <div class="card-header">
+          <div class="tabs">
+            <div :class="['tab', { active: deviceTab === 'device' }]" @click="deviceTab = 'device'">设备概况</div>
+            <div :class="['tab', { active: deviceTab === 'project' }]" @click="deviceTab = 'project'">项目概况</div>
+          </div>
+          <el-icon class="fullscreen-icon" @click="toggleMapFullscreen"><FullScreen /></el-icon>
+        </div>
+        <div ref="mapWrapperRef" class="map-container">
+          <div id="projectMap" class="map-canvas"></div>
+        </div>
+      </div>
+
+      <!-- 警情列表 -->
+      <div class="alarm-list">
+        <div class="list-header">
+          <div class="list-title">
+            <span class="dot"></span>
+            警情列表
+          </div>
+        </div>
+        <div class="record-tag">智能竖井</div>
+        <el-table :data="alarmTableData" border stripe class="alarm-table">
+          <el-table-column align="center" label="序号" prop="index" width="60" />
+          <el-table-column align="left" label="事件ID" prop="eventId" width="110" />
+          <el-table-column align="left" label="设备别名" prop="deviceAlias" min-width="150" show-overflow-tooltip />
+          <el-table-column align="left" label="设备号" prop="deviceNum" width="150" />
+          <el-table-column align="center" label="线路" prop="line" width="80" />
+          <el-table-column align="left" label="报警/预警类型" prop="alarmType" width="120" />
+          <el-table-column align="center" label="报警/预警值（红色）/ 阈值（蓝色）" width="200">
+            <template #default="scope">
+              <span v-if="scope.row.alarmValue" class="value-red">{{ scope.row.alarmValue }}</span>
+              <span v-if="scope.row.alarmValue && scope.row.threshold"> / </span>
+              <span v-if="scope.row.threshold" class="value-blue">{{ scope.row.threshold }}</span>
+              <span v-if="!scope.row.alarmValue && !scope.row.threshold">/</span>
+            </template>
+          </el-table-column>
+          <el-table-column align="center" label="耗时" prop="duration" width="80" />
+          <el-table-column align="center" label="状态" prop="status" width="90">
+            <template #default="scope">
+              <el-tag :type="scope.row.status === '已处理' ? 'success' : 'danger'" size="small" effect="light">
+                {{ scope.row.status }}
+              </el-tag>
+            </template>
+          </el-table-column>
+          <el-table-column align="center" label="报警/预警时间" prop="alarmTime" width="170" />
+          <el-table-column align="center" label="动作" width="100" fixed="right">
+            <template #default="scope">
+              <el-button v-if="scope.row.status === '未处理'" type="primary" link @click="handleProcess(scope.row)">
+                处理
+              </el-button>
+              <el-button v-else type="primary" link @click="handleRecall(scope.row)">撤回</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+    </div>
+
+    <!-- 警情情况（右侧） -->
+    <div class="alarm-section">
+      <div class="alarm-title">警情情况</div>
+
+      <div class="alarm-card">
+        <div class="alarm-row">
+          <div class="alarm-icon device-icon">
+            <el-icon><Monitor /></el-icon>
+          </div>
+          <div class="alarm-content">
+            <div class="alarm-labels">
+              <span class="label-item">设备总数</span>
+              <span class="label-item">在线设备数</span>
+              <span class="label-item">离线设备数</span>
+            </div>
+            <div class="alarm-values">
+              <span class="value-item">17</span>
+              <span class="value-item online">12</span>
+              <span class="value-item offline">5</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <div class="alarm-card">
+        <div class="alarm-row">
+          <div class="alarm-icon line-icon">
+            <el-icon><Connection /></el-icon>
+          </div>
+          <div class="alarm-content">
+            <div class="alarm-labels">
+              <span class="label-item">线路总数</span>
+              <span class="label-item">在线线路数</span>
+              <span class="label-item">离线线路数</span>
+            </div>
+            <div class="alarm-values">
+              <span class="value-item">92</span>
+              <span class="value-item online">74</span>
+              <span class="value-item offline">18</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <div class="alarm-card">
+        <div class="alarm-row">
+          <div class="alarm-icon warn-icon">
+            <el-icon><Bell /></el-icon>
+          </div>
+          <div class="alarm-content">
+            <div class="alarm-labels">
+              <span class="label-item">本月报警总数</span>
+              <span class="label-item">本月预警总数</span>
+              <span class="label-item">昨日报警总数</span>
+            </div>
+            <div class="alarm-values">
+              <span class="value-item danger">19641</span>
+              <span class="value-item warning">208</span>
+              <span class="value-item danger">25</span>
+            </div>
+            <div class="alarm-labels second-row">
+              <span class="label-item">今日报警总数</span>
+              <span class="label-item">今日报警设备数</span>
+            </div>
+            <div class="alarm-values two-cols">
+              <span class="value-item danger">13</span>
+              <span class="value-item danger">5</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <div class="alarm-card">
+        <div class="alarm-row process-row">
+          <div class="process-stat">
+            <div class="process-ring green">
+              <span class="process-ring-value">0.18%</span>
+            </div>
+            <div class="process-label">本月已处理报警数</div>
+            <div class="process-sub-value processed">35</div>
+          </div>
+          <div class="process-divider"></div>
+          <div class="process-stat">
+            <div class="process-ring red">
+              <span class="process-ring-value">99.82%</span>
+            </div>
+            <div class="process-label">本月未处理报警数</div>
+            <div class="process-sub-value unprocessed">19606</div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+  import { ref, onMounted, onBeforeUnmount, nextTick } from 'vue'
+  import { FullScreen, Monitor, Connection, Bell } from '@element-plus/icons-vue'
+  import { ElMessage } from 'element-plus'
+
+  defineOptions({
+    name: 'MasterStationProject'
+  })
+
+  const deviceTab = ref('device')
+  const mapWrapperRef = ref(null)
+  const mapInstance = ref(null)
+  const markers = ref([])
+
+  const alarmTableData = ref([
+    {
+      index: 1,
+      eventId: '634949976',
+      deviceAlias: 'DEV-98CC4D11AA3C',
+      deviceNum: '98CC4D11AA3C',
+      line: '-',
+      alarmType: '上线提醒',
+      alarmValue: '',
+      threshold: '',
+      duration: '-',
+      status: '已处理',
+      alarmTime: '2026-06-10 14:52:02'
+    },
+    {
+      index: 2,
+      eventId: '634924606',
+      deviceAlias: 'DEV-98CC4D11AA3C',
+      deviceNum: '98CC4D11AA3C',
+      line: '线路03',
+      alarmType: '异常分闸',
+      alarmValue: '0',
+      threshold: '100',
+      duration: '2h',
+      status: '已处理',
+      alarmTime: '2026-06-10 14:17:33'
+    },
+    {
+      index: 3,
+      eventId: '634924607',
+      deviceAlias: 'DEV-98CC4D11AA3C',
+      deviceNum: '98CC4D11AA3C',
+      line: '-',
+      alarmType: '上线提醒',
+      alarmValue: '',
+      threshold: '',
+      duration: '-',
+      status: '已处理',
+      alarmTime: '2026-06-10 14:17:19'
+    },
+    {
+      index: 4,
+      eventId: '634906602',
+      deviceAlias: 'DEV-98CC4D11AA3C',
+      deviceNum: '98CC4D11AA3C',
+      line: '-',
+      alarmType: '上线提醒',
+      alarmValue: '',
+      threshold: '',
+      duration: '-',
+      status: '未处理',
+      alarmTime: '2026-06-10 13:54:02'
+    },
+    {
+      index: 5,
+      eventId: '634898301',
+      deviceAlias: 'DEV-98CC4D2052AE',
+      deviceNum: '98CC4D2052AE',
+      line: '线路01',
+      alarmType: '异常分闸',
+      alarmValue: '120',
+      threshold: '100',
+      duration: '35m',
+      status: '未处理',
+      alarmTime: '2026-06-10 13:20:15'
+    }
+  ])
+
+  const mapDevices = [
+    { lng: 116.4, lat: 39.9, label: '10', type: 'cluster' },
+    { lng: 113.2, lat: 23.1, label: '6', type: 'cluster' },
+    { lng: 118.8, lat: 32.0, label: '98CC4D2052AE', subLabel: '98CC4D2052AE', type: 'device' }
+  ]
+
+  const createClusterContent = (label) => {
+    return `
+      <div class="map-cluster-marker">
+        <div class="map-cluster-pulse"></div>
+        <div class="map-cluster-core">${label}</div>
+      </div>
+    `
+  }
+
+  const createDeviceContent = (label, subLabel) => {
+    return `
+      <div class="map-device-marker">
+        <div class="map-device-icon">📍</div>
+        <div class="map-device-label">
+          <div class="map-device-name">${label}</div>
+          <div class="map-device-sub">[${subLabel}]</div>
+        </div>
+      </div>
+    `
+  }
+
+  const initMap = () => {
+    if (typeof AMap === 'undefined') {
+      console.error('高德地图API未加载')
+      return
+    }
+
+    mapInstance.value = new AMap.Map('projectMap', {
+      zoom: 5,
+      center: [116.4074, 39.9042],
+      mapStyle: 'amap://styles/whitesmoke',
+      viewMode: '2D',
+      features: ['bg', 'road', 'building', 'point']
+    })
+
+    mapDevices.forEach((item) => {
+      const content =
+        item.type === 'cluster'
+          ? createClusterContent(item.label)
+          : createDeviceContent(item.label, item.subLabel)
+
+      const marker = new AMap.Marker({
+        position: [item.lng, item.lat],
+        content,
+        offset: item.type === 'cluster' ? new AMap.Pixel(-18, -18) : new AMap.Pixel(-10, -30),
+        zIndex: item.type === 'device' ? 10 : 5
+      })
+
+      mapInstance.value.add(marker)
+      markers.value.push(marker)
+    })
+  }
+
+  const toggleMapFullscreen = () => {
+    const el = mapWrapperRef.value
+    if (!el) return
+    if (!document.fullscreenElement) {
+      el.requestFullscreen?.()
+    } else {
+      document.exitFullscreen?.()
+    }
+  }
+
+  const handleProcess = (row) => {
+    row.status = '已处理'
+    ElMessage.success('处理成功')
+  }
+
+  const handleRecall = (row) => {
+    row.status = '未处理'
+    ElMessage.success('已撤回')
+  }
+
+  const handleResize = () => {
+    mapInstance.value?.resize()
+  }
+
+  onMounted(() => {
+    nextTick(() => {
+      initMap()
+    })
+    window.addEventListener('resize', handleResize)
+  })
+
+  onBeforeUnmount(() => {
+    window.removeEventListener('resize', handleResize)
+    if (mapInstance.value) {
+      mapInstance.value.destroy()
+      mapInstance.value = null
+    }
+  })
+</script>
+
+<style lang="scss" scoped>
+  .project-overview {
+    background-color: #f5f7fa;
+    padding: 12px;
+    display: flex;
+    gap: 12px;
+    min-height: calc(100vh - 120px);
+    color: #303133;
+  }
+
+  .main-panel {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+    min-width: 0;
+  }
+
+  .overview-card,
+  .alarm-list,
+  .alarm-card {
+    background: #ffffff;
+    border: 1px solid #e4e7ed;
+    border-radius: 6px;
+    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
+  }
+
+  .overview-card {
+    padding: 12px;
+  }
+
+  .card-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 12px;
+  }
+
+  .tabs {
+    display: flex;
+    gap: 24px;
+  }
+
+  .tab {
+    font-size: 14px;
+    color: #909399;
+    cursor: pointer;
+    padding-bottom: 6px;
+    position: relative;
+    transition: color 0.2s;
+
+    &:hover {
+      color: #409eff;
+    }
+
+    &.active {
+      color: #409eff;
+      font-weight: 600;
+
+      &::after {
+        content: '';
+        position: absolute;
+        bottom: 0;
+        left: 0;
+        right: 0;
+        height: 2px;
+        background: #409eff;
+        border-radius: 1px;
+      }
+    }
+  }
+
+  .fullscreen-icon {
+    color: #909399;
+    cursor: pointer;
+    font-size: 16px;
+
+    &:hover {
+      color: #409eff;
+    }
+  }
+
+  .map-container {
+    height: 360px;
+    border-radius: 6px;
+    overflow: hidden;
+    border: 1px solid #ebeef5;
+    background: #f0f2f5;
+  }
+
+  .map-canvas {
+    width: 100%;
+    height: 100%;
+  }
+
+  /* 右侧警情情况 */
+  .alarm-section {
+    width: 380px;
+    flex-shrink: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+  }
+
+  .alarm-title {
+    font-size: 15px;
+    font-weight: 600;
+    color: #303133;
+    padding: 4px 8px;
+  }
+
+  .alarm-card {
+    padding: 14px 12px;
+  }
+
+  .alarm-row {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+  }
+
+  .alarm-icon {
+    width: 44px;
+    height: 44px;
+    border-radius: 8px;
+    flex-shrink: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: #ffffff;
+    font-size: 22px;
+
+    &.device-icon {
+      background: linear-gradient(135deg, #409eff, #2777ec);
+    }
+
+    &.line-icon {
+      background: linear-gradient(135deg, #67c23a, #4ab27a);
+    }
+
+    &.warn-icon {
+      background: linear-gradient(135deg, #f56c6c, #e94d4d);
+    }
+  }
+
+  .alarm-content {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    gap: 6px;
+    min-width: 0;
+  }
+
+  .alarm-labels {
+    display: flex;
+    justify-content: space-between;
+    font-size: 12px;
+    color: #909399;
+
+    &.second-row {
+      margin-top: 4px;
+    }
+  }
+
+  .alarm-values {
+    display: flex;
+    justify-content: space-between;
+    font-size: 20px;
+    font-weight: bold;
+    font-family: 'DIN', 'Arial', sans-serif;
+
+    &.two-cols {
+      justify-content: flex-start;
+      gap: 80px;
+    }
+
+    .value-item {
+      color: #303133;
+
+      &.online {
+        color: #67c23a;
+      }
+
+      &.offline {
+        color: #f56c6c;
+      }
+
+      &.danger {
+        color: #f56c6c;
+      }
+
+      &.warning {
+        color: #e6a23c;
+      }
+    }
+  }
+
+  /* 处理率环形图 */
+  .process-row {
+    justify-content: center;
+    gap: 0;
+  }
+
+  .process-stat {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 6px;
+  }
+
+  .process-ring {
+    width: 64px;
+    height: 64px;
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: relative;
+
+    &.green {
+      background: conic-gradient(#67c23a 0deg 1deg, #e4e7ed 1deg 360deg);
+
+      &::before {
+        content: '';
+        position: absolute;
+        width: 48px;
+        height: 48px;
+        border-radius: 50%;
+        background: #ffffff;
+      }
+    }
+
+    &.red {
+      background: conic-gradient(#f56c6c 0deg 359deg, #e4e7ed 359deg 360deg);
+
+      &::before {
+        content: '';
+        position: absolute;
+        width: 48px;
+        height: 48px;
+        border-radius: 50%;
+        background: #ffffff;
+      }
+    }
+
+    .process-ring-value {
+      position: relative;
+      z-index: 1;
+      font-size: 11px;
+      font-weight: bold;
+    }
+
+    &.green .process-ring-value {
+      color: #67c23a;
+    }
+
+    &.red .process-ring-value {
+      color: #f56c6c;
+    }
+  }
+
+  .process-label {
+    font-size: 11px;
+    color: #909399;
+    text-align: center;
+  }
+
+  .process-sub-value {
+    font-size: 15px;
+    font-weight: bold;
+
+    &.processed {
+      color: #67c23a;
+    }
+
+    &.unprocessed {
+      color: #f56c6c;
+    }
+  }
+
+  .process-divider {
+    width: 1px;
+    height: 90px;
+    background: #e4e7ed;
+    margin: 0 12px;
+  }
+
+  /* 警情列表 */
+  .alarm-list {
+    padding: 12px;
+    position: relative;
+  }
+
+  .list-header {
+    margin-bottom: 10px;
+  }
+
+  .list-title {
+    display: flex;
+    align-items: center;
+    gap: 6px;
+    font-size: 14px;
+    font-weight: 600;
+    color: #303133;
+  }
+
+  .dot {
+    width: 3px;
+    height: 14px;
+    background: #409eff;
+    border-radius: 2px;
+  }
+
+  .record-tag {
+    display: inline-block;
+    background: #409eff;
+    color: #ffffff;
+    font-size: 12px;
+    padding: 5px 14px;
+    border-radius: 4px 4px 0 0;
+    margin-bottom: -1px;
+    position: relative;
+    z-index: 2;
+  }
+
+  .alarm-table {
+    width: 100%;
+
+    .value-red {
+      color: #f56c6c;
+      font-weight: 500;
+    }
+
+    .value-blue {
+      color: #409eff;
+      font-weight: 500;
+    }
+  }
+</style>
+
+<style lang="scss">
+  /* 地图标记点样式（非 scoped，供 AMap 注入的 HTML 使用） */
+  .map-cluster-marker {
+    position: relative;
+    width: 36px;
+    height: 36px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  .map-cluster-pulse {
+    position: absolute;
+    inset: 0;
+    border-radius: 50%;
+    background: rgba(64, 158, 255, 0.2);
+    border: 2px solid #409eff;
+    animation: map-pulse 2s ease-out infinite;
+  }
+
+  .map-cluster-core {
+    position: relative;
+    z-index: 1;
+    width: 28px;
+    height: 28px;
+    border-radius: 50%;
+    background: #409eff;
+    color: #fff;
+    font-size: 12px;
+    font-weight: bold;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    box-shadow: 0 2px 8px rgba(64, 158, 255, 0.4);
+  }
+
+  .map-device-marker {
+    display: flex;
+    align-items: flex-start;
+    gap: 4px;
+    background: #ffffff;
+    border: 1px solid #409eff;
+    border-radius: 4px;
+    padding: 4px 8px;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+    white-space: nowrap;
+  }
+
+  .map-device-icon {
+    font-size: 14px;
+    line-height: 1;
+  }
+
+  .map-device-name {
+    font-size: 11px;
+    color: #303133;
+    font-weight: 600;
+  }
+
+  .map-device-sub {
+    font-size: 10px;
+    color: #909399;
+  }
+
+  @keyframes map-pulse {
+    0% {
+      transform: scale(1);
+      opacity: 1;
+    }
+    100% {
+      transform: scale(1.6);
+      opacity: 0;
+    }
+  }
+</style>
diff --git a/src/view/securityControl/alarmList/index.vue b/src/view/securityControl/alarmList/index.vue
index c28b954..ab4bd37 100644
--- a/src/view/securityControl/alarmList/index.vue
+++ b/src/view/securityControl/alarmList/index.vue
@@ -1,22 +1,16 @@
 <template>
   <div>
-    <!-- <warning-bar title="注：右上角头像下拉可切换角色" /> -->
-    <div class="p-4 bg-white text-slate-700 dark:text-slate-400 dark:bg-slate-900 rounded my-2">
-      <!-- <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
-        <el-tab-pane label="报警事件" name="first"></el-tab-pane>
-        <el-tab-pane label="预警事件" name="second"></el-tab-pane>
-        <el-tab-pane label="二级报警事件" name="third"></el-tab-pane>
-      </el-tabs> -->
+    <!-- <div class="p-4 bg-white text-slate-700 dark:text-slate-400 dark:bg-slate-900 rounded my-2">
       <el-radio-group v-model="radio" size="large" fill="#409eff">
         <el-radio-button label="报警事件" value="New York" />
         <el-radio-button label="预警事件" value="Washington" />
         <el-radio-button label="二级报警事件" value="Los Angeles" />
       </el-radio-group>
-    </div>
+    </div> -->
     <div class="gva-search-box">
       <el-form ref="searchForm" :inline="true" :model="searchInfo">
-        <el-form-item label="设备ID">
-          <el-input v-model="searchInfo.deviceId" placeholder="设备ID" />
+        <el-form-item label="设备号">
+          <el-input v-model="searchInfo.deviceId" placeholder="设备号" />
         </el-form-item>
         <el-form-item>
           <el-button type="primary" icon="search" @click="onSubmit"> 查询 </el-button>
@@ -57,12 +51,12 @@
 </template>
 
 <script setup>
+  import * as serve from '@/api/securityControl/alarmList'
   import { use } from 'echarts/core'
   import { CanvasRenderer } from 'echarts/renderers'
   import { PieChart, LineChart } from 'echarts/charts'
   import { TitleComponent, TooltipComponent, LegendComponent, GridComponent } from 'echarts/components'
   import VChart from 'vue-echarts'
-  import * as serve from '@/api/equipment/alarmRecord'
 
   import { ref, watch, onMounted } from 'vue'
   import { ElMessage, ElMessageBox } from 'element-plus'
@@ -96,8 +90,137 @@
   // 报警类型环形图配置（响应式 option 交给 v-chart 渲染）
   const alarmTypeOption = ref(buildAlarmTypeOption([]))
 
-  // 报警数量折线图配置
-  const alarmCountOption = ref(buildAlarmCountOption([]))
+  // 报警趋势折线图配置
+  const alarmCountOption = ref(buildAlarmTrendOption({ dates: [], series: [] }))
+
+  // 颜色数组
+  const colorList = ['#409EFF', '#67C23A', '#E6A23C', '#F56C6C', '#909399', '#1ABC9C', '#A0CFFF', '#B37000']
+
+  // 构建报警趋势折线图 option（基于 dates/series）
+  function buildAlarmTrendOption({ dates = [], series = [] }) {
+    const seriesData = series.map((item, index) => ({
+      name: item.category,
+      type: 'line',
+      data: item.data || [],
+      smooth: true,
+      symbol: 'none',
+      lineStyle: {
+        color: colorList[index % colorList.length],
+        width: 2
+      },
+      areaStyle: {
+        color: {
+          type: 'linear',
+          x: 0,
+          y: 0,
+          x2: 0,
+          y2: 1,
+          colorStops: [
+            { offset: 0, color: colorList[index % colorList.length] + '40' },
+            { offset: 1, color: colorList[index % colorList.length] + '00' }
+          ]
+        }
+      }
+    }))
+
+    return {
+      tooltip: {
+        trigger: 'axis',
+        backgroundColor: 'rgba(15, 23, 42, 0.9)',
+        borderColor: 'transparent',
+        textStyle: { color: '#fff' }
+      },
+      legend: {
+        orient: 'horizontal',
+        top: 0,
+        left: 'center',
+        textStyle: { color: '#606266', fontSize: 12 }
+      },
+      grid: {
+        left: 36,
+        right: 16,
+        top: 40,
+        bottom: 28
+      },
+      xAxis: {
+        type: 'category',
+        data: dates,
+        boundaryGap: false,
+        axisLine: { lineStyle: { color: '#e4e7ed' } },
+        axisLabel: { color: '#909399', fontSize: 11 }
+      },
+      yAxis: {
+        type: 'value',
+        minInterval: 1,
+        axisLine: { show: false },
+        axisTick: { show: false },
+        splitLine: { lineStyle: { color: '#f0f2f5' } },
+        axisLabel: { color: '#909399', fontSize: 11 }
+      },
+      series: seriesData
+    }
+  }
+
+  // 构建报警类型环形图 option（基于 category/count/percent）
+  function buildAlarmCategoryChartOption(list) {
+    const chartData = list.map((item, index) => ({
+      name: item.category,
+      value: item.count,
+      percent: item.percent,
+      itemStyle: { color: colorList[index % colorList.length] }
+    }))
+    const totalCount = chartData.reduce((sum, d) => sum + d.value, 0)
+
+    return {
+      tooltip: {
+        trigger: 'item',
+        formatter: (params) => `${params.name}<br/>数量：${params.value}（${params.data.percent || 0}%）`
+      },
+      legend: {
+        orient: 'vertical',
+        right: 8,
+        top: 'middle',
+        textStyle: { color: '#606266', fontSize: 12 },
+        itemWidth: 10,
+        itemHeight: 10
+      },
+      series: [
+        {
+          name: '报警分类',
+          type: 'pie',
+          radius: ['52%', '78%'],
+          center: ['38%', '52%'],
+          avoidLabelOverlap: false,
+          label: { show: false },
+          labelLine: { show: false },
+          itemStyle: {
+            borderRadius: 6,
+            borderColor: '#fff',
+            borderWidth: 2
+          },
+          label: {
+            show: true,
+            position: 'center',
+            formatter: `{total|${totalCount}}\n{label|总数}`,
+            rich: {
+              total: {
+                fontSize: 26,
+                fontWeight: 'bold',
+                color: '#f56c6c',
+                lineHeight: 36
+              },
+              label: {
+                fontSize: 14,
+                color: '#909399',
+                lineHeight: 20
+              }
+            }
+          },
+          data: chartData
+        }
+      ]
+    }
+  }
 
   // 构建报警类型环形图 option
   function buildAlarmTypeOption(list) {
@@ -293,8 +416,10 @@
   }
 
   onMounted(() => {
-    getTableData()
-    loadChartData()
+    // getTableData()
+    // loadChartData()
+    getAlarmCategorySummary()
+    getAlarmTrend()
   })
 
   // 分页
@@ -306,6 +431,22 @@
     page.value = val
     getTableData()
   }
+  // 环形图
+  const getAlarmCategorySummary = async () => {
+    const res = await serve.getAlarmCategorySummary()
+    if (res.code === 0) {
+      const list = res.data?.items || []
+      alarmTypeOption.value = buildAlarmCategoryChartOption(list)
+    }
+  }
+  // 折线图
+  const getAlarmTrend = async () => {
+    const res = await serve.getAlarmTrend()
+    if (res.code === 0) {
+      const { dates = [], series = [] } = res.data || {}
+      alarmCountOption.value = buildAlarmTrendOption({ dates, series })
+    }
+  }
   // 查询
   const getTableData = async () => {
     const table = await serve.getAlarmRecordListByPage({
diff --git a/src/view/securityControl/currentAlarm/index.vue b/src/view/securityControl/currentAlarm/index.vue
new file mode 100644
index 0000000..858a6ec
--- /dev/null
+++ b/src/view/securityControl/currentAlarm/index.vue
@@ -0,0 +1,251 @@
+<template>
+  <div>
+    <!-- <div class="p-4 bg-white text-slate-700 dark:text-slate-400 dark:bg-slate-900 rounded my-2">
+      <el-radio-group v-model="radio" size="large" fill="#409eff">
+        <el-radio-button label="报警事件" value="New York" />
+        <el-radio-button label="预警事件" value="Washington" />
+        <el-radio-button label="二级报警事件" value="Los Angeles" />
+      </el-radio-group>
+    </div> -->
+    <div class="gva-search-box">
+      <el-form ref="searchForm" :inline="true" :model="searchInfo">
+        <el-form-item label="设备号">
+          <el-input v-model="searchInfo.deviceId" placeholder="设备号" />
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" icon="search" @click="onSubmit"> 查询 </el-button>
+          <el-button icon="refresh" @click="onReset"> 重置 </el-button>
+        </el-form-item>
+      </el-form>
+    </div>
+    <div class="gva-table-box">
+      <div class="gva-btn-list">
+        <!-- <el-button type="primary" icon="plus" @click="addUser">新增用户</el-button> -->
+      </div>
+      <div class="echarts-box">
+        <div class="item broken-line">
+          <p class="title">报警数量</p>
+          <v-chart :option="alarmCountOption" autoresize class="alarm-count-chart" />
+        </div>
+      </div>
+      <el-table :data="tableData">
+        <el-table-column align="left" label="网关ID" prop="gatewayId" width="200" />
+      </el-table>
+      <div class="gva-pagination">
+        <el-pagination
+          :current-page="page"
+          :page-size="pageSize"
+          :page-sizes="[10, 30, 50, 100]"
+          :total="total"
+          layout="total, sizes, prev, pager, next, jumper"
+          @current-change="handleCurrentChange"
+          @size-change="handleSizeChange"
+        />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+  import * as serve from '@/api/securityControl/alarmList'
+  import * as equipmentListServe from '@/api/equipment/list.js'
+  import { use } from 'echarts/core'
+  import { CanvasRenderer } from 'echarts/renderers'
+  import { PieChart, LineChart } from 'echarts/charts'
+  import { TitleComponent, TooltipComponent, LegendComponent, GridComponent } from 'echarts/components'
+  import VChart from 'vue-echarts'
+
+  import { ref, watch, onMounted } from 'vue'
+  import { ElMessage, ElMessageBox } from 'element-plus'
+  // import { id } from 'element-plus/es/locale'
+  import { useAppStore } from '@/pinia'
+
+  // 按需注册 ECharts 模块
+  use([CanvasRenderer, PieChart, LineChart, TitleComponent, TooltipComponent, LegendComponent, GridComponent])
+
+  const appStore = useAppStore()
+
+  const searchInfo = ref({
+    username: '',
+    nickname: '',
+    phone: '',
+    email: ''
+  })
+  const radio = ref('New York')
+
+  const page = ref(1)
+  const total = ref(0)
+  const pageSize = ref(10)
+  const tableData = ref([])
+
+  // 报警趋势折线图配置
+  const alarmCountOption = ref(buildAlarmTrendOption({ dates: [], series: [] }))
+
+  // 颜色数组
+  const colorList = ['#F56C6C']
+
+  // 构建报警趋势折线图 option（基于 dates/series）
+  function buildAlarmTrendOption({ dates = [], series = [] }) {
+    const seriesData = series.map((item, index) => ({
+      name: item.category,
+      type: 'line',
+      data: item.data || [],
+      smooth: true,
+      symbol: 'none',
+      lineStyle: {
+        color: colorList[index % colorList.length],
+        width: 2
+      },
+      areaStyle: {
+        color: {
+          type: 'linear',
+          x: 0,
+          y: 0,
+          x2: 0,
+          y2: 1,
+          colorStops: [
+            { offset: 0, color: colorList[index % colorList.length] + '40' },
+            { offset: 1, color: colorList[index % colorList.length] + '00' }
+          ]
+        }
+      }
+    }))
+
+    return {
+      tooltip: {
+        trigger: 'axis',
+        backgroundColor: 'rgba(15, 23, 42, 0.9)',
+        borderColor: 'transparent',
+        textStyle: { color: '#fff' }
+      },
+      legend: {
+        orient: 'horizontal',
+        top: 0,
+        left: 'center',
+        textStyle: { color: '#606266', fontSize: 12 }
+      },
+      grid: {
+        left: 36,
+        right: 16,
+        top: 40,
+        bottom: 28
+      },
+      xAxis: {
+        type: 'category',
+        data: dates,
+        boundaryGap: false,
+        axisLine: { lineStyle: { color: '#e4e7ed' } },
+        axisLabel: { color: '#909399', fontSize: 11 }
+      },
+      yAxis: {
+        type: 'value',
+        minInterval: 1,
+        axisLine: { show: false },
+        axisTick: { show: false },
+        splitLine: { lineStyle: { color: '#f0f2f5' } },
+        axisLabel: { color: '#909399', fontSize: 11 }
+      },
+      series: seriesData
+    }
+  }
+
+  // 把后端时间字段格式化成 YYYY-MM-DD
+  function formatDate(value) {
+    if (!value) return ''
+    const d = new Date(value)
+    if (isNaN(d.getTime())) return ''
+    return formatDateKey(d)
+  }
+  function formatDateKey(d) {
+    const y = d.getFullYear()
+    const m = String(d.getMonth() + 1).padStart(2, '0')
+    const day = String(d.getDate()).padStart(2, '0')
+    return `${y}-${m}-${day}`
+  }
+  // X 轴显示用 MM-DD
+  function formatDateLabel(d) {
+    const m = String(d.getMonth() + 1).padStart(2, '0')
+    const day = String(d.getDate()).padStart(2, '0')
+    return `${m}-${day}`
+  }
+
+  onMounted(() => {
+    // getTableData()
+    // loadChartData()
+    getAlarmTrend()
+    getAlarmRecordListByPage()
+  })
+
+  // 分页
+  const handleSizeChange = (val) => {
+    pageSize.value = val
+    getAlarmRecordListByPage()
+  }
+  const handleCurrentChange = (val) => {
+    page.value = val
+    getAlarmRecordListByPage()
+  }
+  // 折线图
+  const getAlarmTrend = async () => {
+    const res = await serve.getAlarmTrend({ category: '剩余电流报警', alarmType: '剩余电流报警' })
+    if (res.code === 0) {
+      const { dates = [], series = [] } = res.data || {}
+      alarmCountOption.value = buildAlarmTrendOption({ dates, series })
+    }
+  }
+  // 查询
+  const getAlarmRecordListByPage = async () => {
+    const table = await equipmentListServe.getAlarmRecordListByPage({
+      page: page.value,
+      pageSize: pageSize.value,
+      alarmType: '剩余电流报警',
+      ...searchInfo.value
+    })
+    if (table.code === 0) {
+      tableData.value = table.data.list
+      total.value = table.data.total
+      page.value = table.data.page
+      pageSize.value = table.data.pageSize
+    }
+  }
+
+  const onSubmit = () => {
+    page.value = 1
+    getAlarmRecordListByPage()
+  }
+
+  const onReset = () => {
+    searchInfo.value = {
+      deviceId: ''
+    }
+    getAlarmRecordListByPage()
+  }
+</script>
+
+<style lang="scss">
+  .header-img-box {
+    @apply w-52 h-52 border border-solid border-gray-300 rounded-xl flex justify-center items-center cursor-pointer;
+  }
+
+  .gva-table-box {
+    padding-top: 0 !important;
+  }
+  .echarts-box {
+    display: flex;
+    > .item {
+      height: 251px;
+
+      &.broken-line {
+        flex: 1;
+      }
+      .title {
+        font-size: 14px;
+        font-weight: bold;
+      }
+    }
+  }
+  .alarm-count-chart {
+    width: 100%;
+    height: calc(100% - 30px);
+  }
+</style>
diff --git a/src/view/securityControl/temperatureAlarm/index.vue b/src/view/securityControl/temperatureAlarm/index.vue
new file mode 100644
index 0000000..d2c8ffd
--- /dev/null
+++ b/src/view/securityControl/temperatureAlarm/index.vue
@@ -0,0 +1,328 @@
+<template>
+  <div>
+    <!-- <div class="p-4 bg-white text-slate-700 dark:text-slate-400 dark:bg-slate-900 rounded my-2">
+      <el-radio-group v-model="radio" size="large" fill="#409eff">
+        <el-radio-button label="报警事件" value="New York" />
+        <el-radio-button label="预警事件" value="Washington" />
+        <el-radio-button label="二级报警事件" value="Los Angeles" />
+      </el-radio-group>
+    </div> -->
+    <div class="gva-search-box">
+      <el-form ref="searchForm" :inline="true" :model="searchInfo">
+        <el-form-item label="设备号">
+          <el-input v-model="searchInfo.deviceId" placeholder="设备号" />
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" icon="search" @click="onSubmit"> 查询 </el-button>
+          <el-button icon="refresh" @click="onReset"> 重置 </el-button>
+        </el-form-item>
+      </el-form>
+    </div>
+    <div class="gva-table-box">
+      <div class="gva-btn-list">
+        <!-- <el-button type="primary" icon="plus" @click="addUser">新增用户</el-button> -->
+      </div>
+      <div class="echarts-box">
+        <div class="item broken-line">
+          <p class="title">报警数量</p>
+          <v-chart :option="alarmCountOption" autoresize class="alarm-count-chart" />
+        </div>
+      </div>
+      <el-table :data="tableData">
+        <el-table-column align="left" label="网关ID" prop="gatewayId" width="200" />
+      </el-table>
+      <div class="gva-pagination">
+        <el-pagination
+          :current-page="page"
+          :page-size="pageSize"
+          :page-sizes="[10, 30, 50, 100]"
+          :total="total"
+          layout="total, sizes, prev, pager, next, jumper"
+          @current-change="handleCurrentChange"
+          @size-change="handleSizeChange"
+        />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+  import * as serve from '@/api/securityControl/alarmList'
+  import { use } from 'echarts/core'
+  import { CanvasRenderer } from 'echarts/renderers'
+  import { PieChart, LineChart } from 'echarts/charts'
+  import { TitleComponent, TooltipComponent, LegendComponent, GridComponent } from 'echarts/components'
+  import VChart from 'vue-echarts'
+
+  import { ref, watch, onMounted } from 'vue'
+  import { ElMessage, ElMessageBox } from 'element-plus'
+  // import { id } from 'element-plus/es/locale'
+  import { useAppStore } from '@/pinia'
+
+  // 按需注册 ECharts 模块
+  use([CanvasRenderer, PieChart, LineChart, TitleComponent, TooltipComponent, LegendComponent, GridComponent])
+
+  const appStore = useAppStore()
+
+  const searchInfo = ref({
+    username: '',
+    nickname: '',
+    phone: '',
+    email: ''
+  })
+  const radio = ref('New York')
+
+  const page = ref(1)
+  const total = ref(0)
+  const pageSize = ref(10)
+  const tableData = ref([])
+
+  // 报警趋势折线图配置
+  const alarmCountOption = ref(buildAlarmTrendOption({ dates: [], series: [] }))
+
+  // 颜色数组
+  const colorList = ['#409EFF', '#67C23A', '#E6A23C', '#F56C6C', '#909399', '#1ABC9C', '#A0CFFF', '#B37000']
+
+  // 构建报警趋势折线图 option（基于 dates/series）
+  function buildAlarmTrendOption({ dates = [], series = [] }) {
+    const seriesData = series.map((item, index) => ({
+      name: item.category,
+      type: 'line',
+      data: item.data || [],
+      smooth: true,
+      symbol: 'none',
+      lineStyle: {
+        color: colorList[index % colorList.length],
+        width: 2
+      },
+      areaStyle: {
+        color: {
+          type: 'linear',
+          x: 0,
+          y: 0,
+          x2: 0,
+          y2: 1,
+          colorStops: [
+            { offset: 0, color: colorList[index % colorList.length] + '40' },
+            { offset: 1, color: colorList[index % colorList.length] + '00' }
+          ]
+        }
+      }
+    }))
+
+    return {
+      tooltip: {
+        trigger: 'axis',
+        backgroundColor: 'rgba(15, 23, 42, 0.9)',
+        borderColor: 'transparent',
+        textStyle: { color: '#fff' }
+      },
+      legend: {
+        orient: 'horizontal',
+        top: 0,
+        left: 'center',
+        textStyle: { color: '#606266', fontSize: 12 }
+      },
+      grid: {
+        left: 36,
+        right: 16,
+        top: 40,
+        bottom: 28
+      },
+      xAxis: {
+        type: 'category',
+        data: dates,
+        boundaryGap: false,
+        axisLine: { lineStyle: { color: '#e4e7ed' } },
+        axisLabel: { color: '#909399', fontSize: 11 }
+      },
+      yAxis: {
+        type: 'value',
+        minInterval: 1,
+        axisLine: { show: false },
+        axisTick: { show: false },
+        splitLine: { lineStyle: { color: '#f0f2f5' } },
+        axisLabel: { color: '#909399', fontSize: 11 }
+      },
+      series: seriesData
+    }
+  }
+
+  // 构建报警数量折线图 option（按日期统计最近 30 天）
+  function buildAlarmCountOption(list) {
+    // 按日期分组（YYYY-MM-DD）
+    const countMap = {}
+    list.forEach((item) => {
+      const date = formatDate(item.CreatedAt || item.createdAt || item.time)
+      if (!date) return
+      countMap[date] = (countMap[date] || 0) + 1
+    })
+
+    // 生成最近 30 天的 X 轴（缺失日期补 0）
+    const xAxisData = []
+    const seriesData = []
+    const today = new Date()
+    for (let i = 29; i >= 0; i--) {
+      const d = new Date(today)
+      d.setDate(today.getDate() - i)
+      const key = formatDateKey(d)
+      xAxisData.push(formatDateLabel(d))
+      seriesData.push(countMap[key] || 0)
+    }
+
+    return {
+      tooltip: {
+        trigger: 'axis',
+        backgroundColor: 'rgba(15, 23, 42, 0.9)',
+        borderColor: 'transparent',
+        textStyle: { color: '#fff' }
+      },
+      grid: {
+        left: 36,
+        right: 16,
+        top: 16,
+        bottom: 28
+      },
+      xAxis: {
+        type: 'category',
+        data: xAxisData,
+        boundaryGap: false,
+        axisLine: { lineStyle: { color: '#e4e7ed' } },
+        axisLabel: { color: '#909399', fontSize: 11 }
+      },
+      yAxis: {
+        type: 'value',
+        minInterval: 1,
+        axisLine: { show: false },
+        axisTick: { show: false },
+        splitLine: { lineStyle: { color: '#f0f2f5' } },
+        axisLabel: { color: '#909399', fontSize: 11 }
+      },
+      series: [
+        {
+          name: '报警数量',
+          type: 'line',
+          data: seriesData,
+          symbol: 'none', // 不画数据点，全一条线
+          smooth: true,
+          lineStyle: {
+            color: '#409EFF',
+            width: 2
+          },
+          // 折线下面积渐变
+          areaStyle: {
+            color: {
+              type: 'linear',
+              x: 0,
+              y: 0,
+              x2: 0,
+              y2: 1,
+              colorStops: [
+                { offset: 0, color: 'rgba(64, 158, 255, 0.35)' },
+                { offset: 1, color: 'rgba(64, 158, 255, 0.02)' }
+              ]
+            }
+          }
+        }
+      ]
+    }
+  }
+
+  // 把后端时间字段格式化成 YYYY-MM-DD
+  function formatDate(value) {
+    if (!value) return ''
+    const d = new Date(value)
+    if (isNaN(d.getTime())) return ''
+    return formatDateKey(d)
+  }
+  function formatDateKey(d) {
+    const y = d.getFullYear()
+    const m = String(d.getMonth() + 1).padStart(2, '0')
+    const day = String(d.getDate()).padStart(2, '0')
+    return `${y}-${m}-${day}`
+  }
+  // X 轴显示用 MM-DD
+  function formatDateLabel(d) {
+    const m = String(d.getMonth() + 1).padStart(2, '0')
+    const day = String(d.getDate()).padStart(2, '0')
+    return `${m}-${day}`
+  }
+
+  onMounted(() => {
+    // getTableData()
+    // loadChartData()
+    getAlarmTrend()
+  })
+
+  // 分页
+  const handleSizeChange = (val) => {
+    pageSize.value = val
+    getTableData()
+  }
+  const handleCurrentChange = (val) => {
+    page.value = val
+    getTableData()
+  }
+  // 折线图
+  const getAlarmTrend = async () => {
+    const res = await serve.getAlarmTrend({ alarmType: '温度报警' })
+    if (res.code === 0) {
+      const { dates = [], series = [] } = res.data || {}
+      alarmCountOption.value = buildAlarmTrendOption({ dates, series })
+    }
+  }
+  // 查询
+  const getTableData = async () => {
+    const table = await serve.getAlarmRecordListByPage({
+      page: page.value,
+      pageSize: pageSize.value,
+      ...searchInfo.value
+    })
+    if (table.code === 0) {
+      tableData.value = table.data.list
+      total.value = table.data.total
+      page.value = table.data.page
+      pageSize.value = table.data.pageSize
+    }
+  }
+
+  const onSubmit = () => {
+    page.value = 1
+    getTableData()
+  }
+
+  const onReset = () => {
+    searchInfo.value = {
+      deviceId: ''
+    }
+    getTableData()
+  }
+</script>
+
+<style lang="scss">
+  .header-img-box {
+    @apply w-52 h-52 border border-solid border-gray-300 rounded-xl flex justify-center items-center cursor-pointer;
+  }
+
+  .gva-table-box {
+    padding-top: 0 !important;
+  }
+  .echarts-box {
+    display: flex;
+    > .item {
+      height: 251px;
+
+      &.broken-line {
+        flex: 1;
+      }
+      .title {
+        font-size: 14px;
+        font-weight: bold;
+      }
+    }
+  }
+  .alarm-count-chart {
+    width: 100%;
+    height: calc(100% - 30px);
+  }
+</style>

From abe40c5ae96a9d1d491845593273bec465608e14 Mon Sep 17 00:00:00 2001
From: xiaozhiyong <xiaozhiyong@sdxkhlw.cn>
Date: Thu, 11 Jun 2026 17:09:09 +0800
Subject: [PATCH 2/7] =?UTF-8?q?=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/view/masterStation/project/index.vue | 726 +++++++++++++++++------
 1 file changed, 534 insertions(+), 192 deletions(-)

diff --git a/src/view/masterStation/project/index.vue b/src/view/masterStation/project/index.vue
index b23dd19..3b70b87 100644
--- a/src/view/masterStation/project/index.vue
+++ b/src/view/masterStation/project/index.vue
@@ -1,12 +1,12 @@
 <template>
   <div class="project-overview">
-    <div class="main-panel">
+    <div class="top-panel">
       <!-- 地图区域 -->
       <div class="overview-card">
         <div class="card-header">
           <div class="tabs">
             <div :class="['tab', { active: deviceTab === 'device' }]" @click="deviceTab = 'device'">设备概况</div>
-            <div :class="['tab', { active: deviceTab === 'project' }]" @click="deviceTab = 'project'">项目概况</div>
+            <!-- <div :class="['tab', { active: deviceTab === 'project' }]" @click="deviceTab = 'project'">项目概况</div> -->
           </div>
           <el-icon class="fullscreen-icon" @click="toggleMapFullscreen"><FullScreen /></el-icon>
         </div>
@@ -15,159 +15,369 @@
         </div>
       </div>
 
-      <!-- 警情列表 -->
-      <div class="alarm-list">
-        <div class="list-header">
-          <div class="list-title">
-            <span class="dot"></span>
-            警情列表
+      <!-- 警情情况（右侧） -->
+      <div class="alarm-section">
+        <div class="alarm-title">所属项目</div>
+        <div class="alarm-card special">
+          <div class="project-info">
+            <div class="project-icon">
+              <el-icon><OfficeBuilding /></el-icon>
+            </div>
+            <div class="project-detail">
+              <div class="project-name">{{ currentProject.name }}</div>
+              <div class="project-address">
+                <el-icon><Location /></el-icon>
+                <span>{{ currentProject.address }}</span>
+              </div>
+            </div>
+          </div>
+          <el-button class="change-project-btn" type="primary" link @click="openChangeProjectDialog"
+            >切换项目</el-button
+          >
+        </div>
+
+        <div class="alarm-title">警情情况</div>
+
+        <div class="alarm-card">
+          <div class="alarm-row">
+            <div class="alarm-icon device-icon">
+              <el-icon><Monitor /></el-icon>
+            </div>
+            <div class="alarm-content">
+              <div class="alarm-labels">
+                <span class="label-item">设备总数</span>
+                <span class="label-item">在线设备数</span>
+                <span class="label-item">离线设备数</span>
+              </div>
+              <div class="alarm-values">
+                <span class="value-item">{{ alarmSituationSummary.device.total }}</span>
+                <span class="value-item online">{{ alarmSituationSummary.device.online }}</span>
+                <span class="value-item offline">{{ alarmSituationSummary.device.offline }}</span>
+              </div>
+            </div>
           </div>
         </div>
-        <div class="record-tag">智能竖井</div>
-        <el-table :data="alarmTableData" border stripe class="alarm-table">
-          <el-table-column align="center" label="序号" prop="index" width="60" />
-          <el-table-column align="left" label="事件ID" prop="eventId" width="110" />
-          <el-table-column align="left" label="设备别名" prop="deviceAlias" min-width="150" show-overflow-tooltip />
-          <el-table-column align="left" label="设备号" prop="deviceNum" width="150" />
-          <el-table-column align="center" label="线路" prop="line" width="80" />
-          <el-table-column align="left" label="报警/预警类型" prop="alarmType" width="120" />
-          <el-table-column align="center" label="报警/预警值（红色）/ 阈值（蓝色）" width="200">
-            <template #default="scope">
-              <span v-if="scope.row.alarmValue" class="value-red">{{ scope.row.alarmValue }}</span>
-              <span v-if="scope.row.alarmValue && scope.row.threshold"> / </span>
-              <span v-if="scope.row.threshold" class="value-blue">{{ scope.row.threshold }}</span>
-              <span v-if="!scope.row.alarmValue && !scope.row.threshold">/</span>
-            </template>
-          </el-table-column>
-          <el-table-column align="center" label="耗时" prop="duration" width="80" />
-          <el-table-column align="center" label="状态" prop="status" width="90">
-            <template #default="scope">
-              <el-tag :type="scope.row.status === '已处理' ? 'success' : 'danger'" size="small" effect="light">
-                {{ scope.row.status }}
-              </el-tag>
-            </template>
-          </el-table-column>
-          <el-table-column align="center" label="报警/预警时间" prop="alarmTime" width="170" />
-          <el-table-column align="center" label="动作" width="100" fixed="right">
-            <template #default="scope">
-              <el-button v-if="scope.row.status === '未处理'" type="primary" link @click="handleProcess(scope.row)">
-                处理
-              </el-button>
-              <el-button v-else type="primary" link @click="handleRecall(scope.row)">撤回</el-button>
-            </template>
-          </el-table-column>
-        </el-table>
+
+        <div class="alarm-card">
+          <div class="alarm-row">
+            <div class="alarm-icon line-icon">
+              <el-icon><Connection /></el-icon>
+            </div>
+            <div class="alarm-content">
+              <div class="alarm-labels">
+                <span class="label-item">线路总数</span>
+                <span class="label-item">在线线路数</span>
+                <span class="label-item">离线线路数</span>
+              </div>
+              <div class="alarm-values">
+                <span class="value-item">{{ alarmSituationSummary.line.total }}</span>
+                <span class="value-item online">{{ alarmSituationSummary.line.online }}</span>
+                <span class="value-item offline">{{ alarmSituationSummary.line.offline }}</span>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <div class="alarm-card">
+          <div class="alarm-row">
+            <div class="alarm-icon warn-icon">
+              <el-icon><Bell /></el-icon>
+            </div>
+            <div class="alarm-content alarm-stats-grid">
+              <div class="alarm-stat">
+                <span class="alarm-stat-label">本月报警总数</span>
+                <span class="alarm-stat-value danger">{{ alarmSituationSummary.alarm.currentMonthTotal }}</span>
+              </div>
+              <div class="alarm-stat">
+                <span class="alarm-stat-label">昨日报警总数</span>
+                <span class="alarm-stat-value danger">{{ alarmSituationSummary.alarm.yesterdayTotal }}</span>
+              </div>
+              <div class="alarm-stat">
+                <span class="alarm-stat-label">今日报警总数</span>
+                <span class="alarm-stat-value danger">{{ alarmSituationSummary.alarm.todayTotal }}</span>
+              </div>
+              <div class="alarm-stat">
+                <span class="alarm-stat-label">今日报警设备数</span>
+                <span class="alarm-stat-value danger">{{ alarmSituationSummary.alarm.todayDeviceCount }}</span>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!-- <div class="alarm-card">
+          <div class="alarm-row process-row">
+            <div class="process-stat">
+              <div class="process-ring green">
+                <span class="process-ring-value">0.18%</span>
+              </div>
+              <div class="process-label">本月已处理报警数</div>
+              <div class="process-sub-value processed">35</div>
+            </div>
+            <div class="process-divider"></div>
+            <div class="process-stat">
+              <div class="process-ring red">
+                <span class="process-ring-value">99.82%</span>
+              </div>
+              <div class="process-label">本月未处理报警数</div>
+              <div class="process-sub-value unprocessed">19606</div>
+            </div>
+          </div>
+        </div> -->
       </div>
     </div>
 
-    <!-- 警情情况（右侧） -->
-    <div class="alarm-section">
-      <div class="alarm-title">警情情况</div>
-
-      <div class="alarm-card">
-        <div class="alarm-row">
-          <div class="alarm-icon device-icon">
-            <el-icon><Monitor /></el-icon>
-          </div>
-          <div class="alarm-content">
-            <div class="alarm-labels">
-              <span class="label-item">设备总数</span>
-              <span class="label-item">在线设备数</span>
-              <span class="label-item">离线设备数</span>
-            </div>
-            <div class="alarm-values">
-              <span class="value-item">17</span>
-              <span class="value-item online">12</span>
-              <span class="value-item offline">5</span>
-            </div>
-          </div>
+    <!-- 警情列表 -->
+    <div class="alarm-list">
+      <div class="list-header">
+        <div class="list-title">
+          <span class="dot"></span>
+          警情列表
         </div>
       </div>
 
-      <div class="alarm-card">
-        <div class="alarm-row">
-          <div class="alarm-icon line-icon">
-            <el-icon><Connection /></el-icon>
-          </div>
-          <div class="alarm-content">
-            <div class="alarm-labels">
-              <span class="label-item">线路总数</span>
-              <span class="label-item">在线线路数</span>
-              <span class="label-item">离线线路数</span>
-            </div>
-            <div class="alarm-values">
-              <span class="value-item">92</span>
-              <span class="value-item online">74</span>
-              <span class="value-item offline">18</span>
-            </div>
-          </div>
-        </div>
-      </div>
-
-      <div class="alarm-card">
-        <div class="alarm-row">
-          <div class="alarm-icon warn-icon">
-            <el-icon><Bell /></el-icon>
-          </div>
-          <div class="alarm-content">
-            <div class="alarm-labels">
-              <span class="label-item">本月报警总数</span>
-              <span class="label-item">本月预警总数</span>
-              <span class="label-item">昨日报警总数</span>
-            </div>
-            <div class="alarm-values">
-              <span class="value-item danger">19641</span>
-              <span class="value-item warning">208</span>
-              <span class="value-item danger">25</span>
-            </div>
-            <div class="alarm-labels second-row">
-              <span class="label-item">今日报警总数</span>
-              <span class="label-item">今日报警设备数</span>
-            </div>
-            <div class="alarm-values two-cols">
-              <span class="value-item danger">13</span>
-              <span class="value-item danger">5</span>
-            </div>
-          </div>
-        </div>
-      </div>
-
-      <div class="alarm-card">
-        <div class="alarm-row process-row">
-          <div class="process-stat">
-            <div class="process-ring green">
-              <span class="process-ring-value">0.18%</span>
-            </div>
-            <div class="process-label">本月已处理报警数</div>
-            <div class="process-sub-value processed">35</div>
-          </div>
-          <div class="process-divider"></div>
-          <div class="process-stat">
-            <div class="process-ring red">
-              <span class="process-ring-value">99.82%</span>
-            </div>
-            <div class="process-label">本月未处理报警数</div>
-            <div class="process-sub-value unprocessed">19606</div>
-          </div>
-        </div>
-      </div>
+      <el-table :data="alarmTableData" border stripe class="alarm-table">
+        <el-table-column align="center" label="序号" prop="index" width="60" />
+        <el-table-column align="left" label="事件ID" prop="eventId" width="110" />
+        <el-table-column align="left" label="设备别名" prop="deviceAlias" min-width="150" show-overflow-tooltip />
+        <el-table-column align="left" label="设备号" prop="deviceNum" width="150" />
+        <el-table-column align="center" label="线路" prop="line" width="80" />
+        <el-table-column align="left" label="报警/预警类型" prop="alarmType" width="120" />
+        <el-table-column align="center" label="报警/预警值（红色）/ 阈值（蓝色）" width="200">
+          <template #default="scope">
+            <span v-if="scope.row.alarmValue" class="value-red">{{ scope.row.alarmValue }}</span>
+            <span v-if="scope.row.alarmValue && scope.row.threshold"> / </span>
+            <span v-if="scope.row.threshold" class="value-blue">{{ scope.row.threshold }}</span>
+            <span v-if="!scope.row.alarmValue && !scope.row.threshold">/</span>
+          </template>
+        </el-table-column>
+        <el-table-column align="center" label="耗时" prop="duration" width="80" />
+        <el-table-column align="center" label="状态" prop="status" width="90">
+          <template #default="scope">
+            <el-tag :type="scope.row.status === '已处理' ? 'success' : 'danger'" size="small" effect="light">
+              {{ scope.row.status }}
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column align="center" label="报警/预警时间" prop="alarmTime" width="170" />
+        <el-table-column align="center" label="动作" width="100" fixed="right">
+          <template #default="scope">
+            <el-button v-if="scope.row.status === '未处理'" type="primary" link @click="handleProcess(scope.row)">
+              处理
+            </el-button>
+            <el-button v-else type="primary" link @click="handleRecall(scope.row)">撤回</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
     </div>
+
+    <el-dialog v-model="projectDialogVisible" destroy-on-close title="更换项目" width="480px">
+      <el-radio-group v-model="selectedProjectId" class="project-radio-group">
+        <el-radio v-for="item in projectList" :key="item.id" :value="item.id" class="project-radio-item">
+          <div class="project-option">
+            <div class="project-option-name">{{ item.name }}</div>
+            <div class="project-option-address">{{ item.address }}</div>
+          </div>
+        </el-radio>
+      </el-radio-group>
+      <template #footer>
+        <el-button @click="projectDialogVisible = false">取消</el-button>
+        <el-button type="primary" @click="confirmChangeProject">确定</el-button>
+      </template>
+    </el-dialog>
   </div>
 </template>
 
 <script setup>
+  import * as serve from '@/api/masterStation/project'
+  import * as equipmentServe from '@/api/masterStation/equipment'
   import { ref, onMounted, onBeforeUnmount, nextTick } from 'vue'
-  import { FullScreen, Monitor, Connection, Bell } from '@element-plus/icons-vue'
+  import { FullScreen, Monitor, Connection, Bell, OfficeBuilding, Location } from '@element-plus/icons-vue'
   import { ElMessage } from 'element-plus'
 
   defineOptions({
     name: 'MasterStationProject'
   })
 
+  const PROJECT_STORAGE_KEY = 'masterStation_current_project_id'
+  const MAP_ZOOM = 13
+  const MAP_ZOOM_OUT = 9
+  const MAP_STEP_DURATION = 350
+
+  const normalizeProject = (item) => ({
+    id: item.projectId,
+    name: item.projectName,
+    address: item.projectAddress,
+    lng: Number(item.projectLong),
+    lat: Number(item.projectLat),
+    projectUser: item.projectUser,
+    projectPhone: item.projectPhone
+  })
+
+  const projectList = ref([])
+  const currentProject = ref({ id: null, name: '', address: '', lng: 119.1, lat: 36.7 })
+  const projectDialogVisible = ref(false)
+  const selectedProjectId = ref(null)
+  const alarmSituationSummary = ref({
+    device: { total: 0, online: 0, offline: 0 },
+    line: { total: 0, online: 0, offline: 0 },
+    alarm: { currentMonthTotal: 0, yesterdayTotal: 0, todayTotal: 0, todayDeviceCount: 0 },
+    preAlarm: { currentMonthTotal: 0 }
+  })
+
+  let mapSwitchToken = 0
+
+  const waitMapEvent = (map, eventName, token) => {
+    return new Promise((resolve) => {
+      const timer = setTimeout(() => {
+        map.off(eventName, handler)
+        resolve()
+      }, MAP_STEP_DURATION + 400)
+      const handler = () => {
+        clearTimeout(timer)
+        map.off(eventName, handler)
+        if (token === mapSwitchToken) resolve()
+      }
+      map.on(eventName, handler)
+    })
+  }
+
+  const moveMapToProject = (project) => {
+    if (!mapInstance.value || !project?.lng || !project?.lat) return
+    mapInstance.value.setZoomAndCenter(MAP_ZOOM, [project.lng, project.lat], true)
+  }
+
+  const animateMapSwitch = async (fromProject, toProject) => {
+    const map = mapInstance.value
+    if (!map || !fromProject?.lng || !fromProject?.lat || !toProject?.lng || !toProject?.lat) return
+
+    const token = ++mapSwitchToken
+    const fromCenter = [fromProject.lng, fromProject.lat]
+    const toCenter = [toProject.lng, toProject.lat]
+
+    map.setZoomAndCenter(MAP_ZOOM, fromCenter, true)
+
+    map.setZoom(MAP_ZOOM_OUT, false, MAP_STEP_DURATION)
+    await waitMapEvent(map, 'zoomend', token)
+    if (token !== mapSwitchToken) return
+
+    hideProjectMarker()
+    map.panTo(toCenter, MAP_STEP_DURATION)
+    await waitMapEvent(map, 'moveend', token)
+    if (token !== mapSwitchToken) return
+
+    map.setZoom(MAP_ZOOM, false, MAP_STEP_DURATION)
+    await waitMapEvent(map, 'zoomend', token)
+    if (token !== mapSwitchToken) return
+
+    updateProjectMarker(toProject)
+  }
+
+  const applyCurrentProject = (project) => {
+    if (!project) return
+    currentProject.value = project
+    selectedProjectId.value = project.id
+    updateProjectMarker(project)
+    moveMapToProject(project)
+    fetchAlarmSituationSummary()
+  }
+
+  const fetchAlarmSituationSummary = () => {
+    if (!currentProject.value.id) return
+    serve.getAlarmSituationSummary({ projectId: currentProject.value.id }).then((res) => {
+      if (res.code !== 0 || !res.data) return
+      alarmSituationSummary.value = {
+        device: { total: 0, online: 0, offline: 0, ...res.data.device },
+        line: { total: 0, online: 0, offline: 0, ...res.data.line },
+        alarm: {
+          currentMonthTotal: 0,
+          yesterdayTotal: 0,
+          todayTotal: 0,
+          todayDeviceCount: 0,
+          ...res.data.alarm
+        },
+        preAlarm: { currentMonthTotal: 0, ...res.data.preAlarm }
+      }
+    })
+  }
+
+  onMounted(async () => {
+    await getProjectList()
+    getAlarmRecordListByPage()
+    nextTick(() => {
+      initMap()
+      if (mapWrapperRef.value) {
+        mapResizeObserver = new ResizeObserver(handleResize)
+        mapResizeObserver.observe(mapWrapperRef.value)
+      }
+    })
+    window.addEventListener('resize', handleResize)
+  })
+
+  // 获取警情情况
+  const getAlarmRecordListByPage = () => {
+    console.log('currentProject.value', currentProject.value)
+    if (!currentProject.value.id) return
+    equipmentServe
+      .getAlarmRecordListByPage({ page: 1, pageSize: 10, projectId: currentProject.value.id })
+      .then((res) => {
+        if (res.code !== 0 || !res.data) return
+        alarmTableData.value = res.data.list
+      })
+  }
+  // 获取项目列表
+  const getProjectList = () => {
+    return serve.getProjectList().then((res) => {
+      if (res.code !== 0 || !res.data?.length) return
+
+      const seen = new Set()
+      projectList.value = res.data
+        .filter((item) => {
+          if (seen.has(item.projectId)) return false
+          seen.add(item.projectId)
+          return true
+        })
+        .map(normalizeProject)
+
+      const savedId = Number(localStorage.getItem(PROJECT_STORAGE_KEY))
+      // console.log('savedId', savedId)
+      const project = projectList.value.find((item) => item.id === savedId) || projectList.value[0]
+      // console.log('project', project)
+      applyCurrentProject(project)
+    })
+  }
+
+  const openChangeProjectDialog = () => {
+    selectedProjectId.value = currentProject.value.id
+    projectDialogVisible.value = true
+  }
+
+  const confirmChangeProject = () => {
+    const project = projectList.value.find((item) => item.id === selectedProjectId.value)
+    if (!project) return
+
+    if (project.id === currentProject.value.id) {
+      projectDialogVisible.value = false
+      return
+    }
+
+    const prevProject = { ...currentProject.value }
+    currentProject.value = project
+    selectedProjectId.value = project.id
+    localStorage.setItem(PROJECT_STORAGE_KEY, String(project.id))
+    projectDialogVisible.value = false
+    ElMessage.success(`已切换至：${project.name}`)
+    fetchAlarmSituationSummary()
+    nextTick(() => {
+      animateMapSwitch(prevProject, project)
+    })
+  }
+
   const deviceTab = ref('device')
   const mapWrapperRef = ref(null)
   const mapInstance = ref(null)
-  const markers = ref([])
+  let projectMarker = null
+  let mapResizeObserver = null
+  let resizeTimer = null
 
   const alarmTableData = ref([
     {
@@ -237,33 +447,48 @@
     }
   ])
 
-  const mapDevices = [
-    { lng: 116.4, lat: 39.9, label: '10', type: 'cluster' },
-    { lng: 113.2, lat: 23.1, label: '6', type: 'cluster' },
-    { lng: 118.8, lat: 32.0, label: '98CC4D2052AE', subLabel: '98CC4D2052AE', type: 'device' }
-  ]
-
-  const createClusterContent = (label) => {
-    return `
-      <div class="map-cluster-marker">
-        <div class="map-cluster-pulse"></div>
-        <div class="map-cluster-core">${label}</div>
-      </div>
-    `
-  }
-
-  const createDeviceContent = (label, subLabel) => {
+  const createProjectMarkerContent = (name) => {
     return `
       <div class="map-device-marker">
         <div class="map-device-icon">📍</div>
         <div class="map-device-label">
-          <div class="map-device-name">${label}</div>
-          <div class="map-device-sub">[${subLabel}]</div>
+          <div class="map-device-name">${name}</div>
         </div>
       </div>
     `
   }
 
+  const hideProjectMarker = () => {
+    if (!projectMarker || !mapInstance.value) return
+    mapInstance.value.remove(projectMarker)
+    projectMarker = null
+  }
+
+  const updateProjectMarker = (project) => {
+    if (!mapInstance.value || !project?.lng || !project?.lat) return
+    const position = [project.lng, project.lat]
+
+    if (!projectMarker) {
+      projectMarker = new AMap.Marker({
+        position,
+        content: createProjectMarkerContent(project.name),
+        offset: new AMap.Pixel(-10, -30),
+        zIndex: 10
+      })
+      mapInstance.value.add(projectMarker)
+      return
+    }
+
+    projectMarker.setPosition(position)
+    const content = projectMarker.getContent()
+    if (content?.querySelector) {
+      const nameEl = content.querySelector('.map-device-name')
+      if (nameEl) nameEl.textContent = project.name
+    } else {
+      projectMarker.setContent(createProjectMarkerContent(project.name))
+    }
+  }
+
   const initMap = () => {
     if (typeof AMap === 'undefined') {
       console.error('高德地图API未加载')
@@ -271,29 +496,16 @@
     }
 
     mapInstance.value = new AMap.Map('projectMap', {
-      zoom: 5,
-      center: [116.4074, 39.9042],
+      zoom: MAP_ZOOM,
+      center: [currentProject.value.lng, currentProject.value.lat],
       mapStyle: 'amap://styles/whitesmoke',
       viewMode: '2D',
       features: ['bg', 'road', 'building', 'point']
     })
 
-    mapDevices.forEach((item) => {
-      const content =
-        item.type === 'cluster'
-          ? createClusterContent(item.label)
-          : createDeviceContent(item.label, item.subLabel)
-
-      const marker = new AMap.Marker({
-        position: [item.lng, item.lat],
-        content,
-        offset: item.type === 'cluster' ? new AMap.Pixel(-18, -18) : new AMap.Pixel(-10, -30),
-        zIndex: item.type === 'device' ? 10 : 5
-      })
-
-      mapInstance.value.add(marker)
-      markers.value.push(marker)
-    })
+    if (currentProject.value.id) {
+      updateProjectMarker(currentProject.value)
+    }
   }
 
   const toggleMapFullscreen = () => {
@@ -317,18 +529,21 @@
   }
 
   const handleResize = () => {
-    mapInstance.value?.resize()
+    clearTimeout(resizeTimer)
+    resizeTimer = setTimeout(() => {
+      mapInstance.value?.resize()
+    }, 150)
   }
 
-  onMounted(() => {
-    nextTick(() => {
-      initMap()
-    })
-    window.addEventListener('resize', handleResize)
-  })
-
   onBeforeUnmount(() => {
+    clearTimeout(resizeTimer)
     window.removeEventListener('resize', handleResize)
+    mapResizeObserver?.disconnect()
+    mapResizeObserver = null
+    if (projectMarker) {
+      mapInstance.value?.remove(projectMarker)
+      projectMarker = null
+    }
     if (mapInstance.value) {
       mapInstance.value.destroy()
       mapInstance.value = null
@@ -341,17 +556,18 @@
     background-color: #f5f7fa;
     padding: 12px;
     display: flex;
+    flex-direction: column;
     gap: 12px;
     min-height: calc(100vh - 120px);
     color: #303133;
   }
 
-  .main-panel {
-    flex: 1;
+  .top-panel {
     display: flex;
-    flex-direction: column;
     gap: 12px;
+    flex: 1;
     min-width: 0;
+    min-height: 0;
   }
 
   .overview-card,
@@ -364,7 +580,12 @@
   }
 
   .overview-card {
+    flex: 1;
+    min-width: 0;
+    min-height: 0;
     padding: 12px;
+    display: flex;
+    flex-direction: column;
   }
 
   .card-header {
@@ -419,7 +640,8 @@
   }
 
   .map-container {
-    height: 360px;
+    flex: 1;
+    min-height: 0;
     border-radius: 6px;
     overflow: hidden;
     border: 1px solid #ebeef5;
@@ -449,6 +671,103 @@
 
   .alarm-card {
     padding: 14px 12px;
+
+    &.special {
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+    }
+  }
+
+  .project-info {
+    display: flex;
+    gap: 12px;
+    align-items: flex-start;
+  }
+
+  .project-icon {
+    width: 40px;
+    height: 40px;
+    border-radius: 8px;
+    background: linear-gradient(135deg, #409eff, #2777ec);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: #ffffff;
+    font-size: 20px;
+    flex-shrink: 0;
+  }
+
+  .project-detail {
+    flex: 1;
+    min-width: 0;
+  }
+
+  .project-name {
+    font-size: 15px;
+    font-weight: 600;
+    color: #303133;
+    margin-bottom: 6px;
+    word-break: break-all;
+  }
+
+  .project-address {
+    display: flex;
+    align-items: flex-start;
+    gap: 4px;
+    font-size: 12px;
+    color: #909399;
+    line-height: 1.5;
+
+    .el-icon {
+      margin-top: 2px;
+      flex-shrink: 0;
+    }
+  }
+
+  .change-project-btn {
+    align-self: flex-end;
+    padding: 0;
+  }
+
+  .project-radio-group {
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+    width: 100%;
+  }
+
+  .project-radio-item {
+    display: flex;
+    align-items: flex-start;
+    height: auto;
+    margin-right: 0;
+    padding: 12px;
+    border: 1px solid #e4e7ed;
+    border-radius: 6px;
+    width: 100%;
+
+    &.is-checked {
+      border-color: #409eff;
+      background: #ecf5ff;
+    }
+  }
+
+  .project-option {
+    margin-left: 8px;
+  }
+
+  .project-option-name {
+    font-size: 14px;
+    font-weight: 600;
+    color: #303133;
+    margin-bottom: 4px;
+  }
+
+  .project-option-address {
+    font-size: 12px;
+    color: #909399;
+    line-height: 1.5;
   }
 
   .alarm-row {
@@ -487,6 +806,41 @@
     flex-direction: column;
     gap: 6px;
     min-width: 0;
+
+    &.alarm-stats-grid {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      gap: 12px 16px;
+    }
+  }
+
+  .alarm-stat {
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+    min-width: 0;
+  }
+
+  .alarm-stat-label {
+    font-size: 12px;
+    color: #909399;
+    line-height: 1.4;
+  }
+
+  .alarm-stat-value {
+    font-size: 20px;
+    font-weight: bold;
+    font-family: 'DIN', 'Arial', sans-serif;
+    color: #303133;
+    line-height: 1.2;
+
+    &.danger {
+      color: #f56c6c;
+    }
+
+    &.warning {
+      color: #e6a23c;
+    }
   }
 
   .alarm-labels {
@@ -650,18 +1004,6 @@
     border-radius: 2px;
   }
 
-  .record-tag {
-    display: inline-block;
-    background: #409eff;
-    color: #ffffff;
-    font-size: 12px;
-    padding: 5px 14px;
-    border-radius: 4px 4px 0 0;
-    margin-bottom: -1px;
-    position: relative;
-    z-index: 2;
-  }
-
   .alarm-table {
     width: 100%;
 

From 082b766349f6616879186f0ca4b916743814608e Mon Sep 17 00:00:00 2001
From: xiaozhiyong <xiaozhiyong@sdxkhlw.cn>
Date: Thu, 11 Jun 2026 17:09:20 +0800
Subject: [PATCH 3/7] =?UTF-8?q?=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/masterStation/equipment.js            |   2 +-
 src/api/masterStation/project.js              |  26 ++
 src/api/securityControl/alarmList.js          |  11 +-
 src/pathInfo.json                             |   5 +-
 src/pinia/index.js                            |   3 +-
 src/pinia/modules/project.js                  |  26 ++
 src/view/init/index.vue                       | 116 ++-----
 src/view/largeScreen2/index.vue               |   2 +-
 src/view/masterStation/project/index.vue      | 240 +++++++-------
 src/view/securityControl/alarmList/index.vue  | 123 ++++++-
 .../securityControl/currentAlarm/index.vue    | 143 +++++---
 .../index.vue                                 | 234 ++++++-------
 src/view/securityControl/voltage              |   0
 .../securityControl/voltageAlarm/index.vue    | 308 ++++++++++++++++++
 vite.config.js                                |   6 +-
 15 files changed, 854 insertions(+), 391 deletions(-)
 create mode 100644 src/api/masterStation/project.js
 create mode 100644 src/pinia/modules/project.js
 rename src/view/securityControl/{temperatureAlarm => overloadAlarm}/index.vue (59%)
 create mode 100644 src/view/securityControl/voltage
 create mode 100644 src/view/securityControl/voltageAlarm/index.vue

diff --git a/src/api/masterStation/equipment.js b/src/api/masterStation/equipment.js
index a5f6d48..5bdd52a 100644
--- a/src/api/masterStation/equipment.js
+++ b/src/api/masterStation/equipment.js
@@ -31,7 +31,7 @@ export const getDeviceDetailsListByPage = (data) => {
     data: data
   })
 }
-// 报警
+// 报警列表
 export const getAlarmRecordListByPage = (data) => {
   return service({
     url: '/device/getAlarmRecordListByPage',
diff --git a/src/api/masterStation/project.js b/src/api/masterStation/project.js
new file mode 100644
index 0000000..477326a
--- /dev/null
+++ b/src/api/masterStation/project.js
@@ -0,0 +1,26 @@
+import service from '@/utils/request'
+// 项目列表
+export const getProjectList = (data) => {
+  return service({
+    url: '/device/getProjectList',
+    method: 'post',
+    data: data
+  })
+}
+// 警情情况
+export const getAlarmSituationSummary = (data) => {
+  return service({
+    url: '/device/getAlarmSituationSummary',
+    method: 'post',
+    data: data
+  })
+}
+
+// 折线图
+export const getAlarmTrendProcessingRate = (data) => {
+  return service({
+    url: '/device/getAlarmTrendProcessingRate',
+    method: 'post',
+    data: data
+  })
+}
diff --git a/src/api/securityControl/alarmList.js b/src/api/securityControl/alarmList.js
index 7f51927..d55292c 100644
--- a/src/api/securityControl/alarmList.js
+++ b/src/api/securityControl/alarmList.js
@@ -1,5 +1,5 @@
 import service from '@/utils/request'
-// echarts图
+// 环图
 export const getAlarmCategorySummary = (data) => {
   return service({
     url: '/device/getAlarmCategorySummary',
@@ -7,6 +7,7 @@ export const getAlarmCategorySummary = (data) => {
     data: data
   })
 }
+// 折线图
 export const getAlarmTrend = (data) => {
   return service({
     url: '/device/getAlarmTrend',
@@ -14,3 +15,11 @@ export const getAlarmTrend = (data) => {
     data: data
   })
 }
+// 报警列表
+export const getAlarmRecordListByPage = (data) => {
+  return service({
+    url: '/device/getAlarmRecordListByPage',
+    method: 'post',
+    data: data
+  })
+}
diff --git a/src/pathInfo.json b/src/pathInfo.json
index 80cd0f1..a21069c 100644
--- a/src/pathInfo.json
+++ b/src/pathInfo.json
@@ -64,13 +64,14 @@
   "/src/view/masterStation/equipment/components/list/index.vue": "Index",
   "/src/view/masterStation/equipment/index.vue": "Index",
   "/src/view/masterStation/index.vue": "MasterStation",
-  "/src/view/masterStation/project/index.vue": "Index",
+  "/src/view/masterStation/project/index.vue": "MasterStationProject",
   "/src/view/person/person.vue": "Person",
   "/src/view/routerHolder.vue": "RouterHolder",
   "/src/view/securityControl/alarmList/index.vue": "Index",
   "/src/view/securityControl/currentAlarm/index.vue": "Index",
   "/src/view/securityControl/index.vue": "SecurityControl",
-  "/src/view/securityControl/temperatureAlarm/index.vue": "Index",
+  "/src/view/securityControl/overloadAlarm/index.vue": "Index",
+  "/src/view/securityControl/voltageAlarm/index.vue": "Index",
   "/src/view/superAdmin/api/api.vue": "Api",
   "/src/view/superAdmin/authority/authority.vue": "Authority",
   "/src/view/superAdmin/authority/components/apis.vue": "Apis",
diff --git a/src/pinia/index.js b/src/pinia/index.js
index 85e45e8..1dac63f 100644
--- a/src/pinia/index.js
+++ b/src/pinia/index.js
@@ -2,7 +2,8 @@ import { createPinia } from 'pinia'
 import { useAppStore } from '@/pinia/modules/app'
 import { useUserStore } from '@/pinia/modules/user'
 import { useDictionaryStore } from '@/pinia/modules/dictionary'
+import { useProjectStore } from '@/pinia/modules/project'
 
 const store = createPinia()
 
-export { store, useAppStore, useUserStore, useDictionaryStore }
+export { store, useAppStore, useUserStore, useDictionaryStore, useProjectStore }
diff --git a/src/pinia/modules/project.js b/src/pinia/modules/project.js
new file mode 100644
index 0000000..839cd2d
--- /dev/null
+++ b/src/pinia/modules/project.js
@@ -0,0 +1,26 @@
+import { defineStore } from 'pinia'
+import { ref } from 'vue'
+
+const PROJECT_STORAGE_KEY = 'masterStation_current_project_id'
+
+export const useProjectStore = defineStore('project', () => {
+  const currentProject = ref(null)
+
+  const setCurrentProject = (project) => {
+    currentProject.value = project || null
+    if (project?.id) {
+      localStorage.setItem(PROJECT_STORAGE_KEY, String(project.id))
+    }
+  }
+
+  const getSavedProjectId = () => {
+    const savedId = Number(localStorage.getItem(PROJECT_STORAGE_KEY))
+    return savedId || null
+  }
+
+  return {
+    currentProject,
+    setCurrentProject,
+    getSavedProjectId
+  }
+})
diff --git a/src/view/init/index.vue b/src/view/init/index.vue
index 5d76976..623c5e2 100644
--- a/src/view/init/index.vue
+++ b/src/view/init/index.vue
@@ -2,26 +2,13 @@
   <div
     class="rounded-lg flex items-center justify-evenly w-full h-full relative md:w-screen md:h-screen md:bg-[#194bfb] overflow-hidden"
   >
-    <div
-      class="rounded-md w-full h-full flex items-center justify-center overflow-hidden"
-    >
-      <div
-        class="oblique h-[130%] w-3/5 bg-white dark:bg-slate-900 transform -rotate-12 absolute -ml-80"
-      />
-      <div
-        v-if="!page.showForm"
-        :class="[page.showReadme ? 'slide-out-right' : 'slide-in-fwd-top']"
-      >
+    <div class="rounded-md w-full h-full flex items-center justify-center overflow-hidden">
+      <div class="oblique h-[130%] w-3/5 bg-white dark:bg-slate-900 transform -rotate-12 absolute -ml-80" />
+      <div v-if="!page.showForm" :class="[page.showReadme ? 'slide-out-right' : 'slide-in-fwd-top']">
         <div class="text-lg">
-          <div
-            class="font-sans text-4xl font-bold text-center mb-4 dark:text-white"
-          >
-            GIN-VUE-ADMIN
-          </div>
+          <div class="font-sans text-4xl font-bold text-center mb-4 dark:text-white">GIN-VUE-ADMIN</div>
           <p class="text-gray-600 dark:text-gray-300 mb-2">初始化须知</p>
-          <p class="text-gray-600 dark:text-gray-300 mb-2">
-            1.您需有用一定的VUE和GOLANG基础
-          </p>
+          <p class="text-gray-600 dark:text-gray-300 mb-2">1.您需有用一定的VUE和GOLANG基础</p>
           <p class="text-gray-600 dark:text-gray-300 mb-2">
             2.请您确认是否已经阅读过<a
               class="text-blue-600 font-bold"
@@ -29,54 +16,28 @@
               target="_blank"
               >官方文档</a
             >
-            <a
-              class="text-blue-600 font-bold"
-              href="https://www.bilibili.com/video/BV1kv4y1g7nT?p=2"
-              target="_blank"
+            <a class="text-blue-600 font-bold" href="https://www.bilibili.com/video/BV1kv4y1g7nT?p=2" target="_blank"
               >初始化视频</a
             >
           </p>
+          <p class="text-gray-600 dark:text-gray-300 mb-2">3.请您确认是否了解后续的配置流程</p>
           <p class="text-gray-600 dark:text-gray-300 mb-2">
-            3.请您确认是否了解后续的配置流程
-          </p>
-          <p class="text-gray-600 dark:text-gray-300 mb-2">
-            4.如果您使用mysql数据库，请确认数据库引擎为<span
-              class="text-red-600 font-bold text-3xl ml-2"
-              >innoDB</span
-            >
-          </p>
-          <p class="text-gray-600 dark:text-gray-300 mb-2">
-            注：开发组不为文档中书写过的内容提供无偿服务
+            4.如果您使用mysql数据库，请确认数据库引擎为<span class="text-red-600 font-bold text-3xl ml-2">innoDB</span>
           </p>
+          <p class="text-gray-600 dark:text-gray-300 mb-2">注：开发组不为文档中书写过的内容提供无偿服务</p>
           <p class="flex items-center justify-between mt-8">
-            <el-button type="primary" size="large" @click="goDoc">
-              阅读文档
-            </el-button>
-            <el-button type="primary" size="large" @click="showNext">
-              我已确认
-            </el-button>
+            <el-button type="primary" size="large" @click="goDoc"> 阅读文档 </el-button>
+            <el-button type="primary" size="large" @click="showNext"> 我已确认 </el-button>
           </p>
         </div>
       </div>
-      <div
-        v-if="page.showForm"
-        :class="[page.showForm ? 'slide-in-left' : 'slide-out-right']"
-        class="w-96"
-      >
+      <div v-if="page.showForm" :class="[page.showForm ? 'slide-in-left' : 'slide-out-right']" class="w-96">
         <el-form ref="formRef" :model="form" label-width="100px" size="large">
           <el-form-item label="管理员密码">
-            <el-input
-              v-model="form.adminPassword"
-              placeholder="admin账号的默认密码"
-            ></el-input>
+            <el-input v-model="form.adminPassword" placeholder="admin账号的默认密码"></el-input>
           </el-form-item>
           <el-form-item label="数据库类型">
-            <el-select
-              v-model="form.dbType"
-              placeholder="请选择"
-              class="w-full"
-              @change="changeDB"
-            >
+            <el-select v-model="form.dbType" placeholder="请选择" class="w-full" @change="changeDB">
               <el-option key="mysql" label="mysql" value="mysql" />
               <el-option key="pgsql" label="pgsql" value="pgsql" />
               <el-option key="oracle" label="oracle" value="oracle" />
@@ -91,31 +52,19 @@
             <el-input v-model="form.port" placeholder="请输入数据库端口" />
           </el-form-item>
           <el-form-item v-if="form.dbType !== 'sqlite'" label="userName">
-            <el-input
-              v-model="form.userName"
-              placeholder="请输入数据库用户名"
-            />
+            <el-input v-model="form.userName" placeholder="请输入数据库用户名" />
           </el-form-item>
           <el-form-item v-if="form.dbType !== 'sqlite'" label="password">
-            <el-input
-              v-model="form.password"
-              placeholder="请输入数据库密码（没有则为空）"
-            />
+            <el-input v-model="form.password" placeholder="请输入数据库密码（没有则为空）" />
           </el-form-item>
           <el-form-item label="dbName">
             <el-input v-model="form.dbName" placeholder="请输入数据库名称" />
           </el-form-item>
           <el-form-item v-if="form.dbType === 'sqlite'" label="dbPath">
-            <el-input
-              v-model="form.dbPath"
-              placeholder="请输入sqlite数据库文件存放路径"
-            />
+            <el-input v-model="form.dbPath" placeholder="请输入sqlite数据库文件存放路径" />
           </el-form-item>
           <el-form-item v-if="form.dbType === 'pgsql'" label="template">
-            <el-input
-              v-model="form.template"
-              placeholder="请输入postgresql指定template"
-            />
+            <el-input v-model="form.template" placeholder="请输入postgresql指定template" />
           </el-form-item>
           <el-form-item>
             <div style="text-align: right">
@@ -274,7 +223,7 @@
           type: 'success',
           message: res.msg
         })
-        
+
         // 显示AI助手配置提示弹窗
         ElMessageBox.confirm(
           '已经完成基础数据库初始化！建议先进行编辑器AI助手配置，以获得更好的开发体验。',
@@ -285,14 +234,16 @@
             type: 'success',
             center: true
           }
-        ).then(() => {
-          // 点击确认按钮，打开AI配置文档
-          window.open('https://www.gin-vue-admin.com/guide/server/mcp.html', '_blank')
-          router.push({ name: 'Login' })
-        }).catch(() => {
-          // 点击取消按钮或关闭弹窗，直接跳转到登录页
-          router.push({ name: 'Login' })
-        })
+        )
+          .then(() => {
+            // 点击确认按钮，打开AI配置文档
+            window.open('https://www.gin-vue-admin.com/guide/server/mcp.html', '_blank')
+            router.push({ name: 'Login' })
+          })
+          .catch(() => {
+            // 点击取消按钮或关闭弹窗，直接跳转到登录页
+            router.push({ name: 'Login' })
+          })
       }
       loading.close()
     } catch (_) {
@@ -303,18 +254,15 @@
 
 <style lang="scss" scoped>
   .slide-in-fwd-top {
-    -webkit-animation: slide-in-fwd-top 0.4s
-      cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
+    -webkit-animation: slide-in-fwd-top 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
     animation: slide-in-fwd-top 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
   }
   .slide-out-right {
-    -webkit-animation: slide-out-right 0.5s
-      cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
+    -webkit-animation: slide-out-right 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
     animation: slide-out-right 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
   }
   .slide-in-left {
-    -webkit-animation: slide-in-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94)
-      both;
+    -webkit-animation: slide-in-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
     animation: slide-in-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
   }
   @-webkit-keyframes slide-in-fwd-top {
diff --git a/src/view/largeScreen2/index.vue b/src/view/largeScreen2/index.vue
index 9348db5..d480578 100644
--- a/src/view/largeScreen2/index.vue
+++ b/src/view/largeScreen2/index.vue
@@ -415,7 +415,7 @@
     const testData = devices.value.slice(0, 20)
 
     testData.forEach((device, index) => {
-      console.log(`渲染第 ${index} 个点:`, device)
+      // console.log(`渲染第 ${index} 个点:`, device)
 
       const marker = new AMap.Marker({
         position: [device.gatewayLong, device.gatewayLat],
diff --git a/src/view/masterStation/project/index.vue b/src/view/masterStation/project/index.vue
index 3b70b87..3e56189 100644
--- a/src/view/masterStation/project/index.vue
+++ b/src/view/masterStation/project/index.vue
@@ -137,39 +137,36 @@
 
       <el-table :data="alarmTableData" border stripe class="alarm-table">
         <el-table-column align="center" label="序号" prop="index" width="60" />
-        <el-table-column align="left" label="事件ID" prop="eventId" width="110" />
-        <el-table-column align="left" label="设备别名" prop="deviceAlias" min-width="150" show-overflow-tooltip />
-        <el-table-column align="left" label="设备号" prop="deviceNum" width="150" />
-        <el-table-column align="center" label="线路" prop="line" width="80" />
-        <el-table-column align="left" label="报警/预警类型" prop="alarmType" width="120" />
-        <el-table-column align="center" label="报警/预警值（红色）/ 阈值（蓝色）" width="200">
-          <template #default="scope">
-            <span v-if="scope.row.alarmValue" class="value-red">{{ scope.row.alarmValue }}</span>
-            <span v-if="scope.row.alarmValue && scope.row.threshold"> / </span>
-            <span v-if="scope.row.threshold" class="value-blue">{{ scope.row.threshold }}</span>
-            <span v-if="!scope.row.alarmValue && !scope.row.threshold">/</span>
+        <el-table-column align="left" label="设备别名" prop="mac" />
+        <el-table-column align="left" label="设备号" prop="mac" />
+        <el-table-column align="left" label="线路" prop="nodeNumber">
+          <template #default="{ row }">
+            <span v-if="row.nodeNumber == 0">总路</span>
+            <span v-else>线路{{ row.nodeNumber }}</span>
           </template>
         </el-table-column>
-        <el-table-column align="center" label="耗时" prop="duration" width="80" />
-        <el-table-column align="center" label="状态" prop="status" width="90">
-          <template #default="scope">
-            <el-tag :type="scope.row.status === '已处理' ? 'success' : 'danger'" size="small" effect="light">
-              {{ scope.row.status }}
-            </el-tag>
-          </template>
-        </el-table-column>
-        <el-table-column align="center" label="报警/预警时间" prop="alarmTime" width="170" />
-        <el-table-column align="center" label="动作" width="100" fixed="right">
-          <template #default="scope">
-            <el-button v-if="scope.row.status === '未处理'" type="primary" link @click="handleProcess(scope.row)">
-              处理
-            </el-button>
-            <el-button v-else type="primary" link @click="handleRecall(scope.row)">撤回</el-button>
+        <el-table-column align="left" label="报警类型" prop="alarmType">
+          <template #default="{ row }">
+            <span v-if="row.alarmType == '45'">设备事件</span>
+            <span v-else>操作事件</span>
           </template>
         </el-table-column>
+        <el-table-column align="center" label="报警描述" prop="remark" />
+        <el-table-column align="center" label="报警时间" prop="CreatedAt" />
       </el-table>
     </div>
 
+    <!-- 报警趋势 -->
+    <div class="alarm-trend">
+      <div class="list-header">
+        <div class="list-title">
+          <span class="dot"></span>
+          报警趋势
+        </div>
+      </div>
+      <v-chart :option="alarmTrendOption" autoresize class="alarm-trend-canvas" />
+    </div>
+
     <el-dialog v-model="projectDialogVisible" destroy-on-close title="更换项目" width="480px">
       <el-radio-group v-model="selectedProjectId" class="project-radio-group">
         <el-radio v-for="item in projectList" :key="item.id" :value="item.id" class="project-radio-item">
@@ -190,15 +187,23 @@
 <script setup>
   import * as serve from '@/api/masterStation/project'
   import * as equipmentServe from '@/api/masterStation/equipment'
+  import { useProjectStore } from '@/pinia/modules/project'
   import { ref, onMounted, onBeforeUnmount, nextTick } from 'vue'
   import { FullScreen, Monitor, Connection, Bell, OfficeBuilding, Location } from '@element-plus/icons-vue'
   import { ElMessage } from 'element-plus'
+  import { use } from 'echarts/core'
+  import { CanvasRenderer } from 'echarts/renderers'
+  import { LineChart } from 'echarts/charts'
+  import { TooltipComponent, GridComponent } from 'echarts/components'
+  import VChart from 'vue-echarts'
+
+  use([CanvasRenderer, LineChart, TooltipComponent, GridComponent])
 
   defineOptions({
     name: 'MasterStationProject'
   })
 
-  const PROJECT_STORAGE_KEY = 'masterStation_current_project_id'
+  const projectStore = useProjectStore()
   const MAP_ZOOM = 13
   const MAP_ZOOM_OUT = 9
   const MAP_STEP_DURATION = 350
@@ -276,12 +281,13 @@
     if (!project) return
     currentProject.value = project
     selectedProjectId.value = project.id
+    projectStore.setCurrentProject(project)
     updateProjectMarker(project)
     moveMapToProject(project)
-    fetchAlarmSituationSummary()
+    refreshAlarmData()
   }
 
-  const fetchAlarmSituationSummary = () => {
+  const getAlarmSituationSummary = () => {
     if (!currentProject.value.id) return
     serve.getAlarmSituationSummary({ projectId: currentProject.value.id }).then((res) => {
       if (res.code !== 0 || !res.data) return
@@ -300,9 +306,88 @@
     })
   }
 
+  const getAlarmRecordListByPage = () => {
+    if (!currentProject.value.id) return
+    equipmentServe.getAlarmRecordListByPage({ page: 1, pageSize: 10, projectId: currentProject.value.id }).then((res) => {
+      if (res.code !== 0 || !res.data) return
+      alarmTableData.value = res.data.list || []
+    })
+  }
+
+  const buildAlarmTrendOption = (dates = [], alarmCounts = []) => ({
+    tooltip: {
+      trigger: 'axis',
+      backgroundColor: 'rgba(255, 255, 255, 0.95)',
+      borderColor: '#e4e7ed',
+      textStyle: { color: '#303133' }
+    },
+    grid: {
+      left: 48,
+      right: 24,
+      top: 24,
+      bottom: 32
+    },
+    xAxis: {
+      type: 'category',
+      data: dates,
+      boundaryGap: false,
+      axisLine: { lineStyle: { color: '#e4e7ed' } },
+      axisLabel: { color: '#909399', fontSize: 11 }
+    },
+    yAxis: {
+      type: 'value',
+      minInterval: 1,
+      axisLine: { show: false },
+      axisTick: { show: false },
+      splitLine: { lineStyle: { color: '#f0f2f5' } },
+      axisLabel: { color: '#909399', fontSize: 11 }
+    },
+    series: [
+      {
+        name: '报警次数',
+        type: 'line',
+        data: alarmCounts,
+        smooth: true,
+        symbol: 'circle',
+        symbolSize: 6,
+        lineStyle: { color: '#f56c6c', width: 2 },
+        itemStyle: { color: '#f56c6c' },
+        areaStyle: {
+          color: {
+            type: 'linear',
+            x: 0,
+            y: 0,
+            x2: 0,
+            y2: 1,
+            colorStops: [
+              { offset: 0, color: 'rgba(245, 108, 108, 0.25)' },
+              { offset: 1, color: 'rgba(245, 108, 108, 0)' }
+            ]
+          }
+        }
+      }
+    ]
+  })
+
+  const alarmTrendOption = ref(buildAlarmTrendOption())
+
+  const getAlarmTrendProcessingRate = () => {
+    if (!currentProject.value.id) return
+    serve.getAlarmTrendProcessingRate({ projectId: currentProject.value.id }).then((res) => {
+      if (res.code !== 0 || !res.data) return
+      alarmTrendOption.value = buildAlarmTrendOption(res.data.dates || [], res.data.alarmCounts || [])
+    })
+  }
+
+  const refreshAlarmData = () => {
+    if (!currentProject.value.id) return
+    getAlarmSituationSummary()
+    getAlarmRecordListByPage()
+    getAlarmTrendProcessingRate()
+  }
+
   onMounted(async () => {
     await getProjectList()
-    getAlarmRecordListByPage()
     nextTick(() => {
       initMap()
       if (mapWrapperRef.value) {
@@ -313,17 +398,6 @@
     window.addEventListener('resize', handleResize)
   })
 
-  // 获取警情情况
-  const getAlarmRecordListByPage = () => {
-    console.log('currentProject.value', currentProject.value)
-    if (!currentProject.value.id) return
-    equipmentServe
-      .getAlarmRecordListByPage({ page: 1, pageSize: 10, projectId: currentProject.value.id })
-      .then((res) => {
-        if (res.code !== 0 || !res.data) return
-        alarmTableData.value = res.data.list
-      })
-  }
   // 获取项目列表
   const getProjectList = () => {
     return serve.getProjectList().then((res) => {
@@ -338,8 +412,7 @@
         })
         .map(normalizeProject)
 
-      const savedId = Number(localStorage.getItem(PROJECT_STORAGE_KEY))
-      // console.log('savedId', savedId)
+      const savedId = projectStore.getSavedProjectId()
       const project = projectList.value.find((item) => item.id === savedId) || projectList.value[0]
       // console.log('project', project)
       applyCurrentProject(project)
@@ -363,10 +436,10 @@
     const prevProject = { ...currentProject.value }
     currentProject.value = project
     selectedProjectId.value = project.id
-    localStorage.setItem(PROJECT_STORAGE_KEY, String(project.id))
+    projectStore.setCurrentProject(project)
     projectDialogVisible.value = false
     ElMessage.success(`已切换至：${project.name}`)
-    fetchAlarmSituationSummary()
+    refreshAlarmData()
     nextTick(() => {
       animateMapSwitch(prevProject, project)
     })
@@ -379,73 +452,7 @@
   let mapResizeObserver = null
   let resizeTimer = null
 
-  const alarmTableData = ref([
-    {
-      index: 1,
-      eventId: '634949976',
-      deviceAlias: 'DEV-98CC4D11AA3C',
-      deviceNum: '98CC4D11AA3C',
-      line: '-',
-      alarmType: '上线提醒',
-      alarmValue: '',
-      threshold: '',
-      duration: '-',
-      status: '已处理',
-      alarmTime: '2026-06-10 14:52:02'
-    },
-    {
-      index: 2,
-      eventId: '634924606',
-      deviceAlias: 'DEV-98CC4D11AA3C',
-      deviceNum: '98CC4D11AA3C',
-      line: '线路03',
-      alarmType: '异常分闸',
-      alarmValue: '0',
-      threshold: '100',
-      duration: '2h',
-      status: '已处理',
-      alarmTime: '2026-06-10 14:17:33'
-    },
-    {
-      index: 3,
-      eventId: '634924607',
-      deviceAlias: 'DEV-98CC4D11AA3C',
-      deviceNum: '98CC4D11AA3C',
-      line: '-',
-      alarmType: '上线提醒',
-      alarmValue: '',
-      threshold: '',
-      duration: '-',
-      status: '已处理',
-      alarmTime: '2026-06-10 14:17:19'
-    },
-    {
-      index: 4,
-      eventId: '634906602',
-      deviceAlias: 'DEV-98CC4D11AA3C',
-      deviceNum: '98CC4D11AA3C',
-      line: '-',
-      alarmType: '上线提醒',
-      alarmValue: '',
-      threshold: '',
-      duration: '-',
-      status: '未处理',
-      alarmTime: '2026-06-10 13:54:02'
-    },
-    {
-      index: 5,
-      eventId: '634898301',
-      deviceAlias: 'DEV-98CC4D2052AE',
-      deviceNum: '98CC4D2052AE',
-      line: '线路01',
-      alarmType: '异常分闸',
-      alarmValue: '120',
-      threshold: '100',
-      duration: '35m',
-      status: '未处理',
-      alarmTime: '2026-06-10 13:20:15'
-    }
-  ])
+  const alarmTableData = ref([])
 
   const createProjectMarkerContent = (name) => {
     return `
@@ -572,6 +579,7 @@
 
   .overview-card,
   .alarm-list,
+  .alarm-trend,
   .alarm-card {
     background: #ffffff;
     border: 1px solid #e4e7ed;
@@ -979,7 +987,8 @@
   }
 
   /* 警情列表 */
-  .alarm-list {
+  .alarm-list,
+  .alarm-trend {
     padding: 12px;
     position: relative;
   }
@@ -1017,6 +1026,11 @@
       font-weight: 500;
     }
   }
+
+  .alarm-trend-canvas {
+    width: 100%;
+    height: 280px;
+  }
 </style>
 
 <style lang="scss">
diff --git a/src/view/securityControl/alarmList/index.vue b/src/view/securityControl/alarmList/index.vue
index ab4bd37..cc268ff 100644
--- a/src/view/securityControl/alarmList/index.vue
+++ b/src/view/securityControl/alarmList/index.vue
@@ -1,17 +1,32 @@
 <template>
   <div>
-    <!-- <div class="p-4 bg-white text-slate-700 dark:text-slate-400 dark:bg-slate-900 rounded my-2">
-      <el-radio-group v-model="radio" size="large" fill="#409eff">
-        <el-radio-button label="报警事件" value="New York" />
-        <el-radio-button label="预警事件" value="Washington" />
-        <el-radio-button label="二级报警事件" value="Los Angeles" />
-      </el-radio-group>
-    </div> -->
     <div class="gva-search-box">
       <el-form ref="searchForm" :inline="true" :model="searchInfo">
         <el-form-item label="设备号">
           <el-input v-model="searchInfo.deviceId" placeholder="设备号" />
         </el-form-item>
+        <el-form-item label="日期">
+          <el-select v-model="dateType" class="date-type-select" @change="handleDateTypeChange">
+            <el-option label="月" value="month" />
+            <el-option label="日" value="day" />
+          </el-select>
+          <el-date-picker
+            v-if="dateType === 'month'"
+            v-model="dateValue"
+            type="month"
+            value-format="YYYY-MM"
+            placeholder="选择月份"
+            class="date-picker"
+          />
+          <el-date-picker
+            v-else
+            v-model="dateValue"
+            type="date"
+            value-format="YYYY-MM-DD"
+            placeholder="选择日期"
+            class="date-picker"
+          />
+        </el-form-item>
         <el-form-item>
           <el-button type="primary" icon="search" @click="onSubmit"> 查询 </el-button>
           <el-button icon="refresh" @click="onReset"> 重置 </el-button>
@@ -32,8 +47,28 @@
           <v-chart :option="alarmCountOption" autoresize class="alarm-count-chart" />
         </div>
       </div>
-      <el-table :data="tableData">
-        <el-table-column align="left" label="网关ID" prop="gatewayId" width="200" />
+    </div>
+
+    <!-- 报警列表 -->
+    <div class="alarm-table-box">
+      <el-table :data="tableData" border stripe>
+        <el-table-column align="center" label="序号" prop="index" width="60" />
+        <el-table-column align="left" label="设备别名" prop="mac" />
+        <el-table-column align="left" label="设备号" prop="mac" />
+        <el-table-column align="left" label="线路" prop="nodeNumber">
+          <template #default="{ row }">
+            <span v-if="row.nodeNumber == 0">总路</span>
+            <span v-else>线路{{ row.nodeNumber }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column align="left" label="报警类型" prop="alarmType">
+          <template #default="{ row }">
+            <span v-if="row.alarmType == '45'">设备事件</span>
+            <span v-else>操作事件</span>
+          </template>
+        </el-table-column>
+        <el-table-column align="center" label="报警描述" prop="remark" />
+        <el-table-column align="center" label="报警时间" prop="CreatedAt" />
       </el-table>
       <div class="gva-pagination">
         <el-pagination
@@ -61,20 +96,35 @@
   import { ref, watch, onMounted } from 'vue'
   import { ElMessage, ElMessageBox } from 'element-plus'
   // import { id } from 'element-plus/es/locale'
-  import { useAppStore } from '@/pinia'
+  import { useProjectStore } from '@/pinia'
 
   // 按需注册 ECharts 模块
   use([CanvasRenderer, PieChart, LineChart, TitleComponent, TooltipComponent, LegendComponent, GridComponent])
 
-  const appStore = useAppStore()
+  const projectStore = useProjectStore()
 
   const searchInfo = ref({
-    username: '',
-    nickname: '',
-    phone: '',
-    email: ''
+    deviceId: ''
   })
-  const radio = ref('New York')
+
+  const getCurrentMonth = () => {
+    const now = new Date()
+    const y = now.getFullYear()
+    const m = String(now.getMonth() + 1).padStart(2, '0')
+    return `${y}-${m}`
+  }
+
+  const dateType = ref('month')
+  const dateValue = ref(getCurrentMonth())
+
+  const handleDateTypeChange = (type) => {
+    dateValue.value = type === 'month' ? getCurrentMonth() : formatDateKey(new Date())
+  }
+
+  const buildDateParams = () => {
+    if (!dateValue.value) return {}
+    return dateType.value === 'month' ? { month: dateValue.value } : { day: dateValue.value }
+  }
 
   const page = ref(1)
   const total = ref(0)
@@ -420,8 +470,25 @@
     // loadChartData()
     getAlarmCategorySummary()
     getAlarmTrend()
+    getAlarmRecordListByPage()
   })
 
+  const getAlarmRecordListByPage = async () => {
+    const res = await serve.getAlarmRecordListByPage({
+      page: page.value,
+      pageSize: pageSize.value,
+      projectId: projectStore.currentProject?.id,
+      ...searchInfo.value,
+      ...buildDateParams()
+    })
+    if (res.code === 0) {
+      tableData.value = res.data.list
+      total.value = res.data.total
+      page.value = res.data.page
+      pageSize.value = res.data.pageSize
+    }
+  }
+
   // 分页
   const handleSizeChange = (val) => {
     pageSize.value = val
@@ -452,7 +519,9 @@
     const table = await serve.getAlarmRecordListByPage({
       page: page.value,
       pageSize: pageSize.value,
-      ...searchInfo.value
+      projectId: projectStore.currentProject?.id,
+      ...searchInfo.value,
+      ...buildDateParams()
     })
     if (table.code === 0) {
       tableData.value = table.data.list
@@ -471,6 +540,8 @@
     searchInfo.value = {
       deviceId: ''
     }
+    dateType.value = 'month'
+    dateValue.value = getCurrentMonth()
     getTableData()
   }
 </script>
@@ -508,4 +579,22 @@
     width: 100%;
     height: calc(100% - 30px);
   }
+
+  .date-type-select {
+    width: 72px;
+    margin-right: 8px;
+  }
+
+  .date-picker {
+    width: 160px;
+  }
+
+  .alarm-table-box {
+    padding: 12px;
+    background: #ffffff;
+    border: 1px solid #e4e7ed;
+    border-radius: 6px;
+    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
+    margin-top: 12px;
+  }
 </style>
diff --git a/src/view/securityControl/currentAlarm/index.vue b/src/view/securityControl/currentAlarm/index.vue
index 858a6ec..7674579 100644
--- a/src/view/securityControl/currentAlarm/index.vue
+++ b/src/view/securityControl/currentAlarm/index.vue
@@ -1,17 +1,32 @@
 <template>
   <div>
-    <!-- <div class="p-4 bg-white text-slate-700 dark:text-slate-400 dark:bg-slate-900 rounded my-2">
-      <el-radio-group v-model="radio" size="large" fill="#409eff">
-        <el-radio-button label="报警事件" value="New York" />
-        <el-radio-button label="预警事件" value="Washington" />
-        <el-radio-button label="二级报警事件" value="Los Angeles" />
-      </el-radio-group>
-    </div> -->
     <div class="gva-search-box">
       <el-form ref="searchForm" :inline="true" :model="searchInfo">
         <el-form-item label="设备号">
           <el-input v-model="searchInfo.deviceId" placeholder="设备号" />
         </el-form-item>
+        <el-form-item label="日期">
+          <el-select v-model="dateType" class="date-type-select" @change="handleDateTypeChange">
+            <el-option label="月" value="month" />
+            <el-option label="日" value="day" />
+          </el-select>
+          <el-date-picker
+            v-if="dateType === 'month'"
+            v-model="dateValue"
+            type="month"
+            value-format="YYYY-MM"
+            placeholder="选择月份"
+            class="date-picker"
+          />
+          <el-date-picker
+            v-else
+            v-model="dateValue"
+            type="date"
+            value-format="YYYY-MM-DD"
+            placeholder="选择日期"
+            class="date-picker"
+          />
+        </el-form-item>
         <el-form-item>
           <el-button type="primary" icon="search" @click="onSubmit"> 查询 </el-button>
           <el-button icon="refresh" @click="onReset"> 重置 </el-button>
@@ -28,8 +43,28 @@
           <v-chart :option="alarmCountOption" autoresize class="alarm-count-chart" />
         </div>
       </div>
-      <el-table :data="tableData">
-        <el-table-column align="left" label="网关ID" prop="gatewayId" width="200" />
+    </div>
+
+    <!-- 报警列表 -->
+    <div class="alarm-table-box">
+      <el-table :data="tableData" border stripe>
+        <el-table-column align="center" label="序号" prop="index" width="60" />
+        <el-table-column align="left" label="设备别名" prop="mac" />
+        <el-table-column align="left" label="设备号" prop="mac" />
+        <el-table-column align="left" label="线路" prop="nodeNumber">
+          <template #default="{ row }">
+            <span v-if="row.nodeNumber == 0">总路</span>
+            <span v-else>线路{{ row.nodeNumber }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column align="left" label="报警类型" prop="alarmType">
+          <template #default="{ row }">
+            <span v-if="row.alarmType == '45'">设备事件</span>
+            <span v-else>操作事件</span>
+          </template>
+        </el-table-column>
+        <el-table-column align="center" label="报警描述" prop="remark" />
+        <el-table-column align="center" label="报警时间" prop="CreatedAt" />
       </el-table>
       <div class="gva-pagination">
         <el-pagination
@@ -58,20 +93,35 @@
   import { ref, watch, onMounted } from 'vue'
   import { ElMessage, ElMessageBox } from 'element-plus'
   // import { id } from 'element-plus/es/locale'
-  import { useAppStore } from '@/pinia'
+  import { useProjectStore } from '@/pinia'
 
   // 按需注册 ECharts 模块
   use([CanvasRenderer, PieChart, LineChart, TitleComponent, TooltipComponent, LegendComponent, GridComponent])
 
-  const appStore = useAppStore()
+  const projectStore = useProjectStore()
 
   const searchInfo = ref({
-    username: '',
-    nickname: '',
-    phone: '',
-    email: ''
+    deviceId: ''
   })
-  const radio = ref('New York')
+
+  const getCurrentMonth = () => {
+    const now = new Date()
+    const y = now.getFullYear()
+    const m = String(now.getMonth() + 1).padStart(2, '0')
+    return `${y}-${m}`
+  }
+
+  const dateType = ref('month')
+  const dateValue = ref(getCurrentMonth())
+
+  const handleDateTypeChange = (type) => {
+    dateValue.value = type === 'month' ? getCurrentMonth() : formatDateKey(new Date())
+  }
+
+  const buildDateParams = () => {
+    if (!dateValue.value) return {}
+    return dateType.value === 'month' ? { month: dateValue.value } : { day: dateValue.value }
+  }
 
   const page = ref(1)
   const total = ref(0)
@@ -149,45 +199,21 @@
     }
   }
 
-  // 把后端时间字段格式化成 YYYY-MM-DD
-  function formatDate(value) {
-    if (!value) return ''
-    const d = new Date(value)
-    if (isNaN(d.getTime())) return ''
-    return formatDateKey(d)
-  }
   function formatDateKey(d) {
     const y = d.getFullYear()
     const m = String(d.getMonth() + 1).padStart(2, '0')
     const day = String(d.getDate()).padStart(2, '0')
     return `${y}-${m}-${day}`
   }
-  // X 轴显示用 MM-DD
-  function formatDateLabel(d) {
-    const m = String(d.getMonth() + 1).padStart(2, '0')
-    const day = String(d.getDate()).padStart(2, '0')
-    return `${m}-${day}`
-  }
 
   onMounted(() => {
-    // getTableData()
-    // loadChartData()
     getAlarmTrend()
     getAlarmRecordListByPage()
   })
 
-  // 分页
-  const handleSizeChange = (val) => {
-    pageSize.value = val
-    getAlarmRecordListByPage()
-  }
-  const handleCurrentChange = (val) => {
-    page.value = val
-    getAlarmRecordListByPage()
-  }
   // 折线图
   const getAlarmTrend = async () => {
-    const res = await serve.getAlarmTrend({ category: '剩余电流报警', alarmType: '剩余电流报警' })
+    const res = await serve.getAlarmTrend({ category: '漏电报警', alarmType: '漏电报警' })
     if (res.code === 0) {
       const { dates = [], series = [] } = res.data || {}
       alarmCountOption.value = buildAlarmTrendOption({ dates, series })
@@ -198,8 +224,10 @@
     const table = await equipmentListServe.getAlarmRecordListByPage({
       page: page.value,
       pageSize: pageSize.value,
-      alarmType: '剩余电流报警',
-      ...searchInfo.value
+      alarmType: '漏电报警',
+      projectId: projectStore.currentProject?.id,
+      ...searchInfo.value,
+      ...buildDateParams()
     })
     if (table.code === 0) {
       tableData.value = table.data.list
@@ -208,6 +236,15 @@
       pageSize.value = table.data.pageSize
     }
   }
+  // 分页
+  const handleSizeChange = (val) => {
+    pageSize.value = val
+    getAlarmRecordListByPage()
+  }
+  const handleCurrentChange = (val) => {
+    page.value = val
+    getAlarmRecordListByPage()
+  }
 
   const onSubmit = () => {
     page.value = 1
@@ -218,6 +255,8 @@
     searchInfo.value = {
       deviceId: ''
     }
+    dateType.value = 'month'
+    dateValue.value = getCurrentMonth()
     getAlarmRecordListByPage()
   }
 </script>
@@ -248,4 +287,22 @@
     width: 100%;
     height: calc(100% - 30px);
   }
+
+  .date-type-select {
+    width: 72px;
+    margin-right: 8px;
+  }
+
+  .date-picker {
+    width: 160px;
+  }
+
+  .alarm-table-box {
+    padding: 12px;
+    background: #ffffff;
+    border: 1px solid #e4e7ed;
+    border-radius: 6px;
+    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
+    margin-top: 12px;
+  }
 </style>
diff --git a/src/view/securityControl/temperatureAlarm/index.vue b/src/view/securityControl/overloadAlarm/index.vue
similarity index 59%
rename from src/view/securityControl/temperatureAlarm/index.vue
rename to src/view/securityControl/overloadAlarm/index.vue
index d2c8ffd..12cdf91 100644
--- a/src/view/securityControl/temperatureAlarm/index.vue
+++ b/src/view/securityControl/overloadAlarm/index.vue
@@ -1,17 +1,32 @@
 <template>
   <div>
-    <!-- <div class="p-4 bg-white text-slate-700 dark:text-slate-400 dark:bg-slate-900 rounded my-2">
-      <el-radio-group v-model="radio" size="large" fill="#409eff">
-        <el-radio-button label="报警事件" value="New York" />
-        <el-radio-button label="预警事件" value="Washington" />
-        <el-radio-button label="二级报警事件" value="Los Angeles" />
-      </el-radio-group>
-    </div> -->
     <div class="gva-search-box">
       <el-form ref="searchForm" :inline="true" :model="searchInfo">
         <el-form-item label="设备号">
           <el-input v-model="searchInfo.deviceId" placeholder="设备号" />
         </el-form-item>
+        <el-form-item label="日期">
+          <el-select v-model="dateType" class="date-type-select" @change="handleDateTypeChange">
+            <el-option label="月" value="month" />
+            <el-option label="日" value="day" />
+          </el-select>
+          <el-date-picker
+            v-if="dateType === 'month'"
+            v-model="dateValue"
+            type="month"
+            value-format="YYYY-MM"
+            placeholder="选择月份"
+            class="date-picker"
+          />
+          <el-date-picker
+            v-else
+            v-model="dateValue"
+            type="date"
+            value-format="YYYY-MM-DD"
+            placeholder="选择日期"
+            class="date-picker"
+          />
+        </el-form-item>
         <el-form-item>
           <el-button type="primary" icon="search" @click="onSubmit"> 查询 </el-button>
           <el-button icon="refresh" @click="onReset"> 重置 </el-button>
@@ -28,8 +43,28 @@
           <v-chart :option="alarmCountOption" autoresize class="alarm-count-chart" />
         </div>
       </div>
-      <el-table :data="tableData">
-        <el-table-column align="left" label="网关ID" prop="gatewayId" width="200" />
+    </div>
+
+    <!-- 报警列表 -->
+    <div class="alarm-table-box">
+      <el-table :data="tableData" border stripe>
+        <el-table-column align="center" label="序号" prop="index" width="60" />
+        <el-table-column align="left" label="设备别名" prop="mac" />
+        <el-table-column align="left" label="设备号" prop="mac" />
+        <el-table-column align="left" label="线路" prop="nodeNumber">
+          <template #default="{ row }">
+            <span v-if="row.nodeNumber == 0">总路</span>
+            <span v-else>线路{{ row.nodeNumber }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column align="left" label="报警类型" prop="alarmType">
+          <template #default="{ row }">
+            <span v-if="row.alarmType == '45'">设备事件</span>
+            <span v-else>操作事件</span>
+          </template>
+        </el-table-column>
+        <el-table-column align="center" label="报警描述" prop="remark" />
+        <el-table-column align="center" label="报警时间" prop="CreatedAt" />
       </el-table>
       <div class="gva-pagination">
         <el-pagination
@@ -48,6 +83,7 @@
 
 <script setup>
   import * as serve from '@/api/securityControl/alarmList'
+  import * as equipmentListServe from '@/api/equipment/list.js'
   import { use } from 'echarts/core'
   import { CanvasRenderer } from 'echarts/renderers'
   import { PieChart, LineChart } from 'echarts/charts'
@@ -57,20 +93,35 @@
   import { ref, watch, onMounted } from 'vue'
   import { ElMessage, ElMessageBox } from 'element-plus'
   // import { id } from 'element-plus/es/locale'
-  import { useAppStore } from '@/pinia'
+  import { useProjectStore } from '@/pinia'
 
   // 按需注册 ECharts 模块
   use([CanvasRenderer, PieChart, LineChart, TitleComponent, TooltipComponent, LegendComponent, GridComponent])
 
-  const appStore = useAppStore()
+  const projectStore = useProjectStore()
 
   const searchInfo = ref({
-    username: '',
-    nickname: '',
-    phone: '',
-    email: ''
+    deviceId: ''
   })
-  const radio = ref('New York')
+
+  const getCurrentMonth = () => {
+    const now = new Date()
+    const y = now.getFullYear()
+    const m = String(now.getMonth() + 1).padStart(2, '0')
+    return `${y}-${m}`
+  }
+
+  const dateType = ref('month')
+  const dateValue = ref(getCurrentMonth())
+
+  const handleDateTypeChange = (type) => {
+    dateValue.value = type === 'month' ? getCurrentMonth() : formatDateKey(new Date())
+  }
+
+  const buildDateParams = () => {
+    if (!dateValue.value) return {}
+    return dateType.value === 'month' ? { month: dateValue.value } : { day: dateValue.value }
+  }
 
   const page = ref(1)
   const total = ref(0)
@@ -81,7 +132,7 @@
   const alarmCountOption = ref(buildAlarmTrendOption({ dates: [], series: [] }))
 
   // 颜色数组
-  const colorList = ['#409EFF', '#67C23A', '#E6A23C', '#F56C6C', '#909399', '#1ABC9C', '#A0CFFF', '#B37000']
+  const colorList = ['#409EFF', '#67C23A', '#E6A23C', '#F56C6C']
 
   // 构建报警趋势折线图 option（基于 dates/series）
   function buildAlarmTrendOption({ dates = [], series = [] }) {
@@ -148,135 +199,35 @@
     }
   }
 
-  // 构建报警数量折线图 option（按日期统计最近 30 天）
-  function buildAlarmCountOption(list) {
-    // 按日期分组（YYYY-MM-DD）
-    const countMap = {}
-    list.forEach((item) => {
-      const date = formatDate(item.CreatedAt || item.createdAt || item.time)
-      if (!date) return
-      countMap[date] = (countMap[date] || 0) + 1
-    })
-
-    // 生成最近 30 天的 X 轴（缺失日期补 0）
-    const xAxisData = []
-    const seriesData = []
-    const today = new Date()
-    for (let i = 29; i >= 0; i--) {
-      const d = new Date(today)
-      d.setDate(today.getDate() - i)
-      const key = formatDateKey(d)
-      xAxisData.push(formatDateLabel(d))
-      seriesData.push(countMap[key] || 0)
-    }
-
-    return {
-      tooltip: {
-        trigger: 'axis',
-        backgroundColor: 'rgba(15, 23, 42, 0.9)',
-        borderColor: 'transparent',
-        textStyle: { color: '#fff' }
-      },
-      grid: {
-        left: 36,
-        right: 16,
-        top: 16,
-        bottom: 28
-      },
-      xAxis: {
-        type: 'category',
-        data: xAxisData,
-        boundaryGap: false,
-        axisLine: { lineStyle: { color: '#e4e7ed' } },
-        axisLabel: { color: '#909399', fontSize: 11 }
-      },
-      yAxis: {
-        type: 'value',
-        minInterval: 1,
-        axisLine: { show: false },
-        axisTick: { show: false },
-        splitLine: { lineStyle: { color: '#f0f2f5' } },
-        axisLabel: { color: '#909399', fontSize: 11 }
-      },
-      series: [
-        {
-          name: '报警数量',
-          type: 'line',
-          data: seriesData,
-          symbol: 'none', // 不画数据点，全一条线
-          smooth: true,
-          lineStyle: {
-            color: '#409EFF',
-            width: 2
-          },
-          // 折线下面积渐变
-          areaStyle: {
-            color: {
-              type: 'linear',
-              x: 0,
-              y: 0,
-              x2: 0,
-              y2: 1,
-              colorStops: [
-                { offset: 0, color: 'rgba(64, 158, 255, 0.35)' },
-                { offset: 1, color: 'rgba(64, 158, 255, 0.02)' }
-              ]
-            }
-          }
-        }
-      ]
-    }
-  }
-
-  // 把后端时间字段格式化成 YYYY-MM-DD
-  function formatDate(value) {
-    if (!value) return ''
-    const d = new Date(value)
-    if (isNaN(d.getTime())) return ''
-    return formatDateKey(d)
-  }
   function formatDateKey(d) {
     const y = d.getFullYear()
     const m = String(d.getMonth() + 1).padStart(2, '0')
     const day = String(d.getDate()).padStart(2, '0')
     return `${y}-${m}-${day}`
   }
-  // X 轴显示用 MM-DD
-  function formatDateLabel(d) {
-    const m = String(d.getMonth() + 1).padStart(2, '0')
-    const day = String(d.getDate()).padStart(2, '0')
-    return `${m}-${day}`
-  }
 
   onMounted(() => {
-    // getTableData()
-    // loadChartData()
     getAlarmTrend()
+    getAlarmRecordListByPage()
   })
 
-  // 分页
-  const handleSizeChange = (val) => {
-    pageSize.value = val
-    getTableData()
-  }
-  const handleCurrentChange = (val) => {
-    page.value = val
-    getTableData()
-  }
   // 折线图
   const getAlarmTrend = async () => {
-    const res = await serve.getAlarmTrend({ alarmType: '温度报警' })
+    const res = await serve.getAlarmTrend({ category: '过载报警', alarmType: '过载报警' })
     if (res.code === 0) {
       const { dates = [], series = [] } = res.data || {}
       alarmCountOption.value = buildAlarmTrendOption({ dates, series })
     }
   }
   // 查询
-  const getTableData = async () => {
-    const table = await serve.getAlarmRecordListByPage({
+  const getAlarmRecordListByPage = async () => {
+    const table = await equipmentListServe.getAlarmRecordListByPage({
       page: page.value,
       pageSize: pageSize.value,
-      ...searchInfo.value
+      alarmType: '过载报警',
+      projectId: projectStore.currentProject?.id,
+      ...searchInfo.value,
+      ...buildDateParams()
     })
     if (table.code === 0) {
       tableData.value = table.data.list
@@ -285,17 +236,28 @@
       pageSize.value = table.data.pageSize
     }
   }
+  // 分页
+  const handleSizeChange = (val) => {
+    pageSize.value = val
+    getAlarmRecordListByPage()
+  }
+  const handleCurrentChange = (val) => {
+    page.value = val
+    getAlarmRecordListByPage()
+  }
 
   const onSubmit = () => {
     page.value = 1
-    getTableData()
+    getAlarmRecordListByPage()
   }
 
   const onReset = () => {
     searchInfo.value = {
       deviceId: ''
     }
-    getTableData()
+    dateType.value = 'month'
+    dateValue.value = getCurrentMonth()
+    getAlarmRecordListByPage()
   }
 </script>
 
@@ -325,4 +287,22 @@
     width: 100%;
     height: calc(100% - 30px);
   }
+
+  .date-type-select {
+    width: 72px;
+    margin-right: 8px;
+  }
+
+  .date-picker {
+    width: 160px;
+  }
+
+  .alarm-table-box {
+    padding: 12px;
+    background: #ffffff;
+    border: 1px solid #e4e7ed;
+    border-radius: 6px;
+    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
+    margin-top: 12px;
+  }
 </style>
diff --git a/src/view/securityControl/voltage b/src/view/securityControl/voltage
new file mode 100644
index 0000000..e69de29
diff --git a/src/view/securityControl/voltageAlarm/index.vue b/src/view/securityControl/voltageAlarm/index.vue
new file mode 100644
index 0000000..1c6d793
--- /dev/null
+++ b/src/view/securityControl/voltageAlarm/index.vue
@@ -0,0 +1,308 @@
+<template>
+  <div>
+    <div class="gva-search-box">
+      <el-form ref="searchForm" :inline="true" :model="searchInfo">
+        <el-form-item label="设备号">
+          <el-input v-model="searchInfo.deviceId" placeholder="设备号" />
+        </el-form-item>
+        <el-form-item label="日期">
+          <el-select v-model="dateType" class="date-type-select" @change="handleDateTypeChange">
+            <el-option label="月" value="month" />
+            <el-option label="日" value="day" />
+          </el-select>
+          <el-date-picker
+            v-if="dateType === 'month'"
+            v-model="dateValue"
+            type="month"
+            value-format="YYYY-MM"
+            placeholder="选择月份"
+            class="date-picker"
+          />
+          <el-date-picker
+            v-else
+            v-model="dateValue"
+            type="date"
+            value-format="YYYY-MM-DD"
+            placeholder="选择日期"
+            class="date-picker"
+          />
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" icon="search" @click="onSubmit"> 查询 </el-button>
+          <el-button icon="refresh" @click="onReset"> 重置 </el-button>
+        </el-form-item>
+      </el-form>
+    </div>
+    <div class="gva-table-box">
+      <div class="gva-btn-list">
+        <!-- <el-button type="primary" icon="plus" @click="addUser">新增用户</el-button> -->
+      </div>
+      <div class="echarts-box">
+        <div class="item broken-line">
+          <p class="title">报警数量</p>
+          <v-chart :option="alarmCountOption" autoresize class="alarm-count-chart" />
+        </div>
+      </div>
+    </div>
+
+    <!-- 报警列表 -->
+    <div class="alarm-table-box">
+      <el-table :data="tableData" border stripe>
+        <el-table-column align="center" label="序号" prop="index" width="60" />
+        <el-table-column align="left" label="设备别名" prop="mac" />
+        <el-table-column align="left" label="设备号" prop="mac" />
+        <el-table-column align="left" label="线路" prop="nodeNumber">
+          <template #default="{ row }">
+            <span v-if="row.nodeNumber == 0">总路</span>
+            <span v-else>线路{{ row.nodeNumber }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column align="left" label="报警类型" prop="alarmType">
+          <template #default="{ row }">
+            <span v-if="row.alarmType == '45'">设备事件</span>
+            <span v-else>操作事件</span>
+          </template>
+        </el-table-column>
+        <el-table-column align="center" label="报警描述" prop="remark" />
+        <el-table-column align="center" label="报警时间" prop="CreatedAt" />
+      </el-table>
+      <div class="gva-pagination">
+        <el-pagination
+          :current-page="page"
+          :page-size="pageSize"
+          :page-sizes="[10, 30, 50, 100]"
+          :total="total"
+          layout="total, sizes, prev, pager, next, jumper"
+          @current-change="handleCurrentChange"
+          @size-change="handleSizeChange"
+        />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+  import * as serve from '@/api/securityControl/alarmList'
+  import * as equipmentListServe from '@/api/equipment/list.js'
+  import { use } from 'echarts/core'
+  import { CanvasRenderer } from 'echarts/renderers'
+  import { PieChart, LineChart } from 'echarts/charts'
+  import { TitleComponent, TooltipComponent, LegendComponent, GridComponent } from 'echarts/components'
+  import VChart from 'vue-echarts'
+
+  import { ref, watch, onMounted } from 'vue'
+  import { ElMessage, ElMessageBox } from 'element-plus'
+  // import { id } from 'element-plus/es/locale'
+  import { useProjectStore } from '@/pinia'
+
+  // 按需注册 ECharts 模块
+  use([CanvasRenderer, PieChart, LineChart, TitleComponent, TooltipComponent, LegendComponent, GridComponent])
+
+  const projectStore = useProjectStore()
+
+  const searchInfo = ref({
+    deviceId: ''
+  })
+
+  const getCurrentMonth = () => {
+    const now = new Date()
+    const y = now.getFullYear()
+    const m = String(now.getMonth() + 1).padStart(2, '0')
+    return `${y}-${m}`
+  }
+
+  const dateType = ref('month')
+  const dateValue = ref(getCurrentMonth())
+
+  const handleDateTypeChange = (type) => {
+    dateValue.value = type === 'month' ? getCurrentMonth() : formatDateKey(new Date())
+  }
+
+  const buildDateParams = () => {
+    if (!dateValue.value) return {}
+    return dateType.value === 'month' ? { month: dateValue.value } : { day: dateValue.value }
+  }
+
+  const page = ref(1)
+  const total = ref(0)
+  const pageSize = ref(10)
+  const tableData = ref([])
+
+  // 报警趋势折线图配置
+  const alarmCountOption = ref(buildAlarmTrendOption({ dates: [], series: [] }))
+
+  // 颜色数组
+  const colorList = ['#409EFF', '#67C23A', '#E6A23C', '#F56C6C']
+
+  // 构建报警趋势折线图 option（基于 dates/series）
+  function buildAlarmTrendOption({ dates = [], series = [] }) {
+    const seriesData = series.map((item, index) => ({
+      name: item.category,
+      type: 'line',
+      data: item.data || [],
+      smooth: true,
+      symbol: 'none',
+      lineStyle: {
+        color: colorList[index % colorList.length],
+        width: 2
+      },
+      areaStyle: {
+        color: {
+          type: 'linear',
+          x: 0,
+          y: 0,
+          x2: 0,
+          y2: 1,
+          colorStops: [
+            { offset: 0, color: colorList[index % colorList.length] + '40' },
+            { offset: 1, color: colorList[index % colorList.length] + '00' }
+          ]
+        }
+      }
+    }))
+
+    return {
+      tooltip: {
+        trigger: 'axis',
+        backgroundColor: 'rgba(15, 23, 42, 0.9)',
+        borderColor: 'transparent',
+        textStyle: { color: '#fff' }
+      },
+      legend: {
+        orient: 'horizontal',
+        top: 0,
+        left: 'center',
+        textStyle: { color: '#606266', fontSize: 12 }
+      },
+      grid: {
+        left: 36,
+        right: 16,
+        top: 40,
+        bottom: 28
+      },
+      xAxis: {
+        type: 'category',
+        data: dates,
+        boundaryGap: false,
+        axisLine: { lineStyle: { color: '#e4e7ed' } },
+        axisLabel: { color: '#909399', fontSize: 11 }
+      },
+      yAxis: {
+        type: 'value',
+        minInterval: 1,
+        axisLine: { show: false },
+        axisTick: { show: false },
+        splitLine: { lineStyle: { color: '#f0f2f5' } },
+        axisLabel: { color: '#909399', fontSize: 11 }
+      },
+      series: seriesData
+    }
+  }
+
+  function formatDateKey(d) {
+    const y = d.getFullYear()
+    const m = String(d.getMonth() + 1).padStart(2, '0')
+    const day = String(d.getDate()).padStart(2, '0')
+    return `${y}-${m}-${day}`
+  }
+
+  onMounted(() => {
+    getAlarmTrend()
+    getAlarmRecordListByPage()
+  })
+
+  // 折线图
+  const getAlarmTrend = async () => {
+    const res = await serve.getAlarmTrend({ category: '过欠压报警', alarmType: '过欠压报警' })
+    if (res.code === 0) {
+      const { dates = [], series = [] } = res.data || {}
+      alarmCountOption.value = buildAlarmTrendOption({ dates, series })
+    }
+  }
+  // 查询
+  const getAlarmRecordListByPage = async () => {
+    const table = await equipmentListServe.getAlarmRecordListByPage({
+      page: page.value,
+      pageSize: pageSize.value,
+      alarmType: '过欠压报警',
+      projectId: projectStore.currentProject?.id,
+      ...searchInfo.value,
+      ...buildDateParams()
+    })
+    if (table.code === 0) {
+      tableData.value = table.data.list
+      total.value = table.data.total
+      page.value = table.data.page
+      pageSize.value = table.data.pageSize
+    }
+  }
+  // 分页
+  const handleSizeChange = (val) => {
+    pageSize.value = val
+    getAlarmRecordListByPage()
+  }
+  const handleCurrentChange = (val) => {
+    page.value = val
+    getAlarmRecordListByPage()
+  }
+
+  const onSubmit = () => {
+    page.value = 1
+    getAlarmRecordListByPage()
+  }
+
+  const onReset = () => {
+    searchInfo.value = {
+      deviceId: ''
+    }
+    dateType.value = 'month'
+    dateValue.value = getCurrentMonth()
+    getAlarmRecordListByPage()
+  }
+</script>
+
+<style lang="scss">
+  .header-img-box {
+    @apply w-52 h-52 border border-solid border-gray-300 rounded-xl flex justify-center items-center cursor-pointer;
+  }
+
+  .gva-table-box {
+    padding-top: 0 !important;
+  }
+  .echarts-box {
+    display: flex;
+    > .item {
+      height: 251px;
+
+      &.broken-line {
+        flex: 1;
+      }
+      .title {
+        font-size: 14px;
+        font-weight: bold;
+      }
+    }
+  }
+  .alarm-count-chart {
+    width: 100%;
+    height: calc(100% - 30px);
+  }
+
+  .date-type-select {
+    width: 72px;
+    margin-right: 8px;
+  }
+
+  .date-picker {
+    width: 160px;
+  }
+
+  .alarm-table-box {
+    padding: 12px;
+    background: #ffffff;
+    border: 1px solid #e4e7ed;
+    border-radius: 6px;
+    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
+    margin-top: 12px;
+  }
+</style>
diff --git a/vite.config.js b/vite.config.js
index e960826..8fc0732 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -65,6 +65,7 @@ export default ({ mode }) => {
         }
       }
     },
+
     server: {
       // 如果使用docker-compose开发模式，设置为false
       open: true,
@@ -105,7 +106,10 @@ export default ({ mode }) => {
       svgBuilder(['./src/plugin/', './src/assets/icons/'], base, outDir, 'assets', NODE_ENV),
       [Banner(`\n Build based on gin-vue-admin \n Time : ${timestamp}`)],
       VueFilePathPlugin('./src/pathInfo.json'),
-      UnoCSS()
+      UnoCSS(),
+      vueDevTools({
+        launchEditor: 'cursor' // 关键配置：指定 Cursor
+      })
     ]
   }
   return config

From 3b3253652f65b2ceeecdcfa267fe47e44302d0a5 Mon Sep 17 00:00:00 2001
From: xiaozhiyong <xiaozhiyong@sdxkhlw.cn>
Date: Thu, 11 Jun 2026 17:54:40 +0800
Subject: [PATCH 4/7] =?UTF-8?q?=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/autoCode.js                           |  235 ---
 src/api/breakpoint.js                         |   43 -
 src/api/customer.js                           |   80 -
 src/api/email.js                              |   14 -
 src/api/exportTemplate.js                     |  128 --
 src/api/sysOperationRecord.js                 |   48 -
 src/api/version.js                            |  114 --
 src/components/bottomInfo/bottomInfo.vue      |   36 -
 src/components/exportExcel/exportExcel.vue    |   84 -
 src/components/exportExcel/exportTemplate.vue |   40 -
 src/components/exportExcel/importExcel.vue    |   45 -
 src/components/logo/index.vue                 |   82 -
 src/components/selectImage/selectImage.vue    |    2 -
 src/components/upload/QR-code.vue             |   65 -
 src/pathInfo.json                             |   32 +-
 src/plugin/announcement/api/info.js           |  110 --
 src/plugin/announcement/form/info.vue         |  137 --
 src/plugin/announcement/view/info.vue         |  510 -----
 src/plugin/email/api/email.js                 |   29 -
 src/plugin/email/view/index.vue               |   60 -
 src/router/index.js                           |    9 -
 src/view/about/index.vue                      |  153 --
 src/view/dashboard/components/quickLinks.vue  |   26 +-
 src/view/example/breakpoint/breakpoint.vue    |  340 ----
 src/view/example/customer/customer.vue        |  215 ---
 src/view/example/index.vue                    |   19 -
 src/view/example/upload/scanUpload.vue        |  245 ---
 src/view/example/upload/upload.vue            |  502 -----
 src/view/layout/header/index.vue              |   44 +-
 src/view/layout/header/tools.vue              |  150 +-
 src/view/layout/index.vue                     |    8 -
 .../layout/setting/modules/general/index.vue  |    5 -
 src/view/login/index.vue                      |   21 -
 src/view/superAdmin/api/api.vue               |  832 --------
 .../superAdmin/dictionary/sysDictionary.vue   |  372 ----
 .../dictionary/sysDictionaryDetail.vue        |  408 ----
 .../operation/sysOperationRecord.vue          |  277 ---
 src/view/superAdmin/params/sysParams.vue      |  604 ------
 src/view/system/state.vue                     |  192 --
 .../autoCode/component/fieldDialog.vue        |  502 -----
 .../autoCode/component/previewCodeDialog.vue  |  119 --
 src/view/systemTools/autoCode/index.vue       | 1680 -----------------
 src/view/systemTools/autoCode/mcp.vue         |  151 --
 src/view/systemTools/autoCode/mcpTest.vue     |  261 ---
 src/view/systemTools/autoCode/picture.vue     |  426 -----
 src/view/systemTools/autoCodeAdmin/index.vue  |  620 ------
 src/view/systemTools/autoPkg/autoPkg.vue      |  207 --
 src/view/systemTools/exportTemplate/code.js   |   32 -
 .../exportTemplate/exportTemplate.vue         | 1004 ----------
 src/view/systemTools/formCreate/index.vue     |   18 -
 src/view/systemTools/index.vue                |   20 -
 src/view/systemTools/installPlugin/index.vue  |   42 -
 src/view/systemTools/pubPlug/pubPlug.vue      |  225 ---
 src/view/systemTools/system/system.vue        | 1091 -----------
 src/view/systemTools/version/version.vue      |  991 ----------
 55 files changed, 39 insertions(+), 13666 deletions(-)
 delete mode 100644 src/api/autoCode.js
 delete mode 100644 src/api/breakpoint.js
 delete mode 100644 src/api/customer.js
 delete mode 100644 src/api/email.js
 delete mode 100644 src/api/exportTemplate.js
 delete mode 100644 src/api/sysOperationRecord.js
 delete mode 100644 src/api/version.js
 delete mode 100644 src/components/bottomInfo/bottomInfo.vue
 delete mode 100644 src/components/exportExcel/exportExcel.vue
 delete mode 100644 src/components/exportExcel/exportTemplate.vue
 delete mode 100644 src/components/exportExcel/importExcel.vue
 delete mode 100644 src/components/logo/index.vue
 delete mode 100644 src/components/upload/QR-code.vue
 delete mode 100644 src/plugin/announcement/api/info.js
 delete mode 100644 src/plugin/announcement/form/info.vue
 delete mode 100644 src/plugin/announcement/view/info.vue
 delete mode 100644 src/plugin/email/api/email.js
 delete mode 100644 src/plugin/email/view/index.vue
 delete mode 100644 src/view/about/index.vue
 delete mode 100644 src/view/example/breakpoint/breakpoint.vue
 delete mode 100644 src/view/example/customer/customer.vue
 delete mode 100644 src/view/example/index.vue
 delete mode 100644 src/view/example/upload/scanUpload.vue
 delete mode 100644 src/view/example/upload/upload.vue
 delete mode 100644 src/view/superAdmin/api/api.vue
 delete mode 100644 src/view/superAdmin/dictionary/sysDictionary.vue
 delete mode 100644 src/view/superAdmin/dictionary/sysDictionaryDetail.vue
 delete mode 100644 src/view/superAdmin/operation/sysOperationRecord.vue
 delete mode 100644 src/view/superAdmin/params/sysParams.vue
 delete mode 100644 src/view/system/state.vue
 delete mode 100644 src/view/systemTools/autoCode/component/fieldDialog.vue
 delete mode 100644 src/view/systemTools/autoCode/component/previewCodeDialog.vue
 delete mode 100644 src/view/systemTools/autoCode/index.vue
 delete mode 100644 src/view/systemTools/autoCode/mcp.vue
 delete mode 100644 src/view/systemTools/autoCode/mcpTest.vue
 delete mode 100644 src/view/systemTools/autoCode/picture.vue
 delete mode 100644 src/view/systemTools/autoCodeAdmin/index.vue
 delete mode 100644 src/view/systemTools/autoPkg/autoPkg.vue
 delete mode 100644 src/view/systemTools/exportTemplate/code.js
 delete mode 100644 src/view/systemTools/exportTemplate/exportTemplate.vue
 delete mode 100644 src/view/systemTools/formCreate/index.vue
 delete mode 100644 src/view/systemTools/index.vue
 delete mode 100644 src/view/systemTools/installPlugin/index.vue
 delete mode 100644 src/view/systemTools/pubPlug/pubPlug.vue
 delete mode 100644 src/view/systemTools/system/system.vue
 delete mode 100644 src/view/systemTools/version/version.vue

diff --git a/src/api/autoCode.js b/src/api/autoCode.js
deleted file mode 100644
index cb3443f..0000000
--- a/src/api/autoCode.js
+++ /dev/null
@@ -1,235 +0,0 @@
-import service from '@/utils/request'
-
-export const preview = (data) => {
-  return service({
-    url: '/autoCode/preview',
-    method: 'post',
-    data
-  })
-}
-
-export const createTemp = (data) => {
-  return service({
-    url: '/autoCode/createTemp',
-    method: 'post',
-    data
-  })
-}
-
-// @Tags SysApi
-// @Summary 获取当前所有数据库
-// @Security ApiKeyAuth
-// @accept application/json
-// @Produce application/json
-// @Success 200 {string} string "{"success":true,"data":{},"msg":"创建成功"}"
-// @Router /autoCode/getDatabase [get]
-export const getDB = (params) => {
-  return service({
-    url: '/autoCode/getDB',
-    method: 'get',
-    params
-  })
-}
-
-// @Tags SysApi
-// @Summary 获取当前数据库所有表
-// @Security ApiKeyAuth
-// @accept application/json
-// @Produce application/json
-// @Success 200 {string} string "{"success":true,"data":{},"msg":"创建成功"}"
-// @Router /autoCode/getTables [get]
-export const getTable = (params) => {
-  return service({
-    url: '/autoCode/getTables',
-    method: 'get',
-    params
-  })
-}
-
-// @Tags SysApi
-// @Summary 获取当前数据库所有表
-// @Security ApiKeyAuth
-// @accept application/json
-// @Produce application/json
-// @Success 200 {string} string "{"success":true,"data":{},"msg":"创建成功"}"
-// @Router /autoCode/getColumn [get]
-export const getColumn = (params) => {
-  return service({
-    url: '/autoCode/getColumn',
-    method: 'get',
-    params
-  })
-}
-
-export const getSysHistory = (data) => {
-  return service({
-    url: '/autoCode/getSysHistory',
-    method: 'post',
-    data
-  })
-}
-
-export const rollback = (data) => {
-  return service({
-    url: '/autoCode/rollback',
-    method: 'post',
-    data
-  })
-}
-
-export const getMeta = (data) => {
-  return service({
-    url: '/autoCode/getMeta',
-    method: 'post',
-    data
-  })
-}
-
-export const delSysHistory = (data) => {
-  return service({
-    url: '/autoCode/delSysHistory',
-    method: 'post',
-    data
-  })
-}
-
-export const createPackageApi = (data) => {
-  return service({
-    url: '/autoCode/createPackage',
-    method: 'post',
-    data
-  })
-}
-
-export const getPackageApi = () => {
-  return service({
-    url: '/autoCode/getPackage',
-    method: 'post'
-  })
-}
-
-export const deletePackageApi = (data) => {
-  return service({
-    url: '/autoCode/delPackage',
-    method: 'post',
-    data
-  })
-}
-
-export const getTemplatesApi = () => {
-  return service({
-    url: '/autoCode/getTemplates',
-    method: 'get'
-  })
-}
-
-export const installPlug = (data) => {
-  return service({
-    url: '/autoCode/installPlug',
-    method: 'post',
-    data
-  })
-}
-
-export const pubPlug = (params) => {
-  return service({
-    url: '/autoCode/pubPlug',
-    method: 'post',
-    params
-  })
-}
-
-export const llmAuto = (data) => {
-  return service({
-    url: '/autoCode/llmAuto',
-    method: 'post',
-    data: { ...data, mode: 'ai' },
-    timeout: 1000 * 60 * 10,
-    loadingOption: {
-      lock: true,
-      fullscreen: true,
-      text: `小淼正在思考，请稍候...`
-    }
-  })
-}
-
-export const butler = (data) => {
-  return service({
-    url: '/autoCode/llmAuto',
-    method: 'post',
-    data: { ...data, mode: 'butler' },
-    timeout: 1000 * 60 * 10
-  })
-}
-
-
-export const eye = (data) => {
-  return service({
-    url: '/autoCode/llmAuto',
-    method: 'post',
-    data: { ...data, mode: 'eye' },
-    timeout: 1000 * 60 * 10
-  })
-}
-
-
-export const createWeb = (data) => {
-  return service({
-    url: '/autoCode/llmAuto',
-    method: 'post',
-    data: { ...data, mode: 'painter' },
-    timeout: 1000 * 60 * 10
-  })
-}
-
-
-
-export const addFunc = (data) => {
-  return service({
-    url: '/autoCode/addFunc',
-    method: 'post',
-    data
-  })
-}
-
-export const initMenu = (data) => {
-  return service({
-    url: '/autoCode/initMenu',
-    method: 'post',
-    data
-  })
-}
-
-export const initAPI = (data) => {
-  return service({
-    url: '/autoCode/initAPI',
-    method: 'post',
-    data
-  })
-}
-
-export const mcp = (data) => {
-  return service({
-    url: '/autoCode/mcp',
-    method: 'post',
-    data
-  })
-}
-
-
-export const mcpList = (data) => {
-  return service({
-    url: '/autoCode/mcpList',
-    method: 'post',
-    data
-  })
-}
-
-
-export const mcpTest = (data) => {
-  return service({
-    url: '/autoCode/mcpTest',
-    method: 'post',
-    data
-  })
-}
diff --git a/src/api/breakpoint.js b/src/api/breakpoint.js
deleted file mode 100644
index 1dbfba2..0000000
--- a/src/api/breakpoint.js
+++ /dev/null
@@ -1,43 +0,0 @@
-import service from '@/utils/request'
-// @Summary 设置角色资源权限
-// @Security ApiKeyAuth
-// @accept application/json
-// @Produce application/json
-// @Param data body sysModel.SysAuthority true "设置角色资源权限"
-// @Success 200 {string} string "{"success":true,"data":{},"msg":"设置成功"}"
-// @Router /authority/setDataAuthority [post]
-
-export const findFile = (params) => {
-  return service({
-    url: '/fileUploadAndDownload/findFile',
-    method: 'get',
-    params
-  })
-}
-
-export const breakpointContinue = (data) => {
-  return service({
-    url: '/fileUploadAndDownload/breakpointContinue',
-    method: 'post',
-    donNotShowLoading: true,
-    headers: { 'Content-Type': 'multipart/form-data' },
-    data
-  })
-}
-
-export const breakpointContinueFinish = (params) => {
-  return service({
-    url: '/fileUploadAndDownload/breakpointContinueFinish',
-    method: 'post',
-    params
-  })
-}
-
-export const removeChunk = (data, params) => {
-  return service({
-    url: '/fileUploadAndDownload/removeChunk',
-    method: 'post',
-    data,
-    params
-  })
-}
diff --git a/src/api/customer.js b/src/api/customer.js
deleted file mode 100644
index 4776f1c..0000000
--- a/src/api/customer.js
+++ /dev/null
@@ -1,80 +0,0 @@
-import service from '@/utils/request'
-// @Tags SysApi
-// @Summary 删除客户
-// @Security ApiKeyAuth
-// @accept application/json
-// @Produce application/json
-// @Param data body dbModel.ExaCustomer true "删除客户"
-// @Success 200 {string} string "{"success":true,"data":{},"msg":"获取成功"}"
-// @Router /customer/customer [post]
-export const createExaCustomer = (data) => {
-  return service({
-    url: '/customer/customer',
-    method: 'post',
-    data
-  })
-}
-
-// @Tags SysApi
-// @Summary 更新客户信息
-// @Security ApiKeyAuth
-// @accept application/json
-// @Produce application/json
-// @Param data body dbModel.ExaCustomer true "更新客户信息"
-// @Success 200 {string} string "{"success":true,"data":{},"msg":"获取成功"}"
-// @Router /customer/customer [put]
-export const updateExaCustomer = (data) => {
-  return service({
-    url: '/customer/customer',
-    method: 'put',
-    data
-  })
-}
-
-// @Tags SysApi
-// @Summary 创建客户
-// @Security ApiKeyAuth
-// @accept application/json
-// @Produce application/json
-// @Param data body dbModel.ExaCustomer true "创建客户"
-// @Success 200 {string} string "{"success":true,"data":{},"msg":"获取成功"}"
-// @Router /customer/customer [delete]
-export const deleteExaCustomer = (data) => {
-  return service({
-    url: '/customer/customer',
-    method: 'delete',
-    data
-  })
-}
-
-// @Tags SysApi
-// @Summary 获取单一客户信息
-// @Security ApiKeyAuth
-// @accept application/json
-// @Produce application/json
-// @Param data body dbModel.ExaCustomer true "获取单一客户信息"
-// @Success 200 {string} string "{"success":true,"data":{},"msg":"获取成功"}"
-// @Router /customer/customer [get]
-export const getExaCustomer = (params) => {
-  return service({
-    url: '/customer/customer',
-    method: 'get',
-    params
-  })
-}
-
-// @Tags SysApi
-// @Summary 获取权限客户列表
-// @Security ApiKeyAuth
-// @accept application/json
-// @Produce application/json
-// @Param data body modelInterface.PageInfo true "获取权限客户列表"
-// @Success 200 {string} string "{"success":true,"data":{},"msg":"获取成功"}"
-// @Router /customer/customerList [get]
-export const getExaCustomerList = (params) => {
-  return service({
-    url: '/customer/customerList',
-    method: 'get',
-    params
-  })
-}
diff --git a/src/api/email.js b/src/api/email.js
deleted file mode 100644
index c2f16f4..0000000
--- a/src/api/email.js
+++ /dev/null
@@ -1,14 +0,0 @@
-import service from '@/utils/request'
-// @Tags email
-// @Summary 发送测试邮件
-// @Security ApiKeyAuth
-// @Produce  application/json
-// @Success 200 {string} string "{"success":true,"data":{},"msg":"返回成功"}"
-// @Router /email/emailTest [post]
-export const emailTest = (data) => {
-  return service({
-    url: '/email/emailTest',
-    method: 'post',
-    data
-  })
-}
diff --git a/src/api/exportTemplate.js b/src/api/exportTemplate.js
deleted file mode 100644
index 9f8729b..0000000
--- a/src/api/exportTemplate.js
+++ /dev/null
@@ -1,128 +0,0 @@
-import service from '@/utils/request'
-
-// @Tags SysExportTemplate
-// @Summary 创建导出模板
-// @Security ApiKeyAuth
-// @accept application/json
-// @Produce application/json
-// @Param data body model.SysExportTemplate true "创建导出模板"
-// @Success 200 {string} string "{"success":true,"data":{},"msg":"创建成功"}"
-// @Router /sysExportTemplate/createSysExportTemplate [post]
-export const createSysExportTemplate = (data) => {
-  return service({
-    url: '/sysExportTemplate/createSysExportTemplate',
-    method: 'post',
-    data
-  })
-}
-
-// @Tags SysExportTemplate
-// @Summary 删除导出模板
-// @Security ApiKeyAuth
-// @accept application/json
-// @Produce application/json
-// @Param data body model.SysExportTemplate true "删除导出模板"
-// @Success 200 {string} string "{"success":true,"data":{},"msg":"删除成功"}"
-// @Router /sysExportTemplate/deleteSysExportTemplate [delete]
-export const deleteSysExportTemplate = (data) => {
-  return service({
-    url: '/sysExportTemplate/deleteSysExportTemplate',
-    method: 'delete',
-    data
-  })
-}
-
-// @Tags SysExportTemplate
-// @Summary 批量删除导出模板
-// @Security ApiKeyAuth
-// @accept application/json
-// @Produce application/json
-// @Param data body request.IdsReq true "批量删除导出模板"
-// @Success 200 {string} string "{"success":true,"data":{},"msg":"删除成功"}"
-// @Router /sysExportTemplate/deleteSysExportTemplate [delete]
-export const deleteSysExportTemplateByIds = (data) => {
-  return service({
-    url: '/sysExportTemplate/deleteSysExportTemplateByIds',
-    method: 'delete',
-    data
-  })
-}
-
-// @Tags SysExportTemplate
-// @Summary 更新导出模板
-// @Security ApiKeyAuth
-// @accept application/json
-// @Produce application/json
-// @Param data body model.SysExportTemplate true "更新导出模板"
-// @Success 200 {string} string "{"success":true,"data":{},"msg":"更新成功"}"
-// @Router /sysExportTemplate/updateSysExportTemplate [put]
-export const updateSysExportTemplate = (data) => {
-  return service({
-    url: '/sysExportTemplate/updateSysExportTemplate',
-    method: 'put',
-    data
-  })
-}
-
-// @Tags SysExportTemplate
-// @Summary 用id查询导出模板
-// @Security ApiKeyAuth
-// @accept application/json
-// @Produce application/json
-// @Param data query model.SysExportTemplate true "用id查询导出模板"
-// @Success 200 {string} string "{"success":true,"data":{},"msg":"查询成功"}"
-// @Router /sysExportTemplate/findSysExportTemplate [get]
-export const findSysExportTemplate = (params) => {
-  return service({
-    url: '/sysExportTemplate/findSysExportTemplate',
-    method: 'get',
-    params
-  })
-}
-
-// @Tags SysExportTemplate
-// @Summary 分页获取导出模板列表
-// @Security ApiKeyAuth
-// @accept application/json
-// @Produce application/json
-// @Param data query request.PageInfo true "分页获取导出模板列表"
-// @Success 200 {string} string "{"success":true,"data":{},"msg":"获取成功"}"
-// @Router /sysExportTemplate/getSysExportTemplateList [get]
-export const getSysExportTemplateList = (params) => {
-  return service({
-    url: '/sysExportTemplate/getSysExportTemplateList',
-    method: 'get',
-    params
-  })
-}
-
-
-// ExportExcel 导出表格token
-// @Tags SysExportTemplate
-// @Summary 导出表格
-// @Security ApiKeyAuth
-// @accept application/json
-// @Produce application/json
-// @Router /sysExportTemplate/exportExcel [get]
-export const exportExcel = (params) => {
-  return service({
-    url: '/sysExportTemplate/exportExcel',
-    method: 'get',
-    params
-  })
-}
-
-// ExportTemplate 导出表格模板
-// @Tags SysExportTemplate
-// @Summary 导出表格模板
-// @Security ApiKeyAuth
-// @accept application/json
-// @Produce application/json
-// @Router /sysExportTemplate/exportTemplate [get]
-export const exportTemplate = (params) => {
-  return service({
-    url: '/sysExportTemplate/exportTemplate',
-    method: 'get',
-    params
-  })
-}
diff --git a/src/api/sysOperationRecord.js b/src/api/sysOperationRecord.js
deleted file mode 100644
index 4428c03..0000000
--- a/src/api/sysOperationRecord.js
+++ /dev/null
@@ -1,48 +0,0 @@
-import service from '@/utils/request'
-// @Tags SysOperationRecord
-// @Summary 删除SysOperationRecord
-// @Security ApiKeyAuth
-// @accept application/json
-// @Produce application/json
-// @Param data body model.SysOperationRecord true "删除SysOperationRecord"
-// @Success 200 {string} string "{"success":true,"data":{},"msg":"删除成功"}"
-// @Router /sysOperationRecord/deleteSysOperationRecord [delete]
-export const deleteSysOperationRecord = (data) => {
-  return service({
-    url: '/sysOperationRecord/deleteSysOperationRecord',
-    method: 'delete',
-    data
-  })
-}
-
-// @Tags SysOperationRecord
-// @Summary 删除SysOperationRecord
-// @Security ApiKeyAuth
-// @accept application/json
-// @Produce application/json
-// @Param data body request.IdsReq true "删除SysOperationRecord"
-// @Success 200 {string} string "{"success":true,"data":{},"msg":"删除成功"}"
-// @Router /sysOperationRecord/deleteSysOperationRecord [delete]
-export const deleteSysOperationRecordByIds = (data) => {
-  return service({
-    url: '/sysOperationRecord/deleteSysOperationRecordByIds',
-    method: 'delete',
-    data
-  })
-}
-
-// @Tags SysOperationRecord
-// @Summary 分页获取SysOperationRecord列表
-// @Security ApiKeyAuth
-// @accept application/json
-// @Produce application/json
-// @Param data body request.PageInfo true "分页获取SysOperationRecord列表"
-// @Success 200 {string} string "{"success":true,"data":{},"msg":"获取成功"}"
-// @Router /sysOperationRecord/getSysOperationRecordList [get]
-export const getSysOperationRecordList = (params) => {
-  return service({
-    url: '/sysOperationRecord/getSysOperationRecordList',
-    method: 'get',
-    params
-  })
-}
diff --git a/src/api/version.js b/src/api/version.js
deleted file mode 100644
index b5b7dcc..0000000
--- a/src/api/version.js
+++ /dev/null
@@ -1,114 +0,0 @@
-import service from '@/utils/request'
-
-// @Tags SysVersion
-// @Summary 删除版本管理
-// @Security ApiKeyAuth
-// @Accept application/json
-// @Produce application/json
-// @Param data body model.SysVersion true "删除版本管理"
-// @Success 200 {string} string "{"success":true,"data":{},"msg":"删除成功"}"
-// @Router /sysVersion/deleteSysVersion [delete]
-export const deleteSysVersion = (params) => {
-  return service({
-    url: '/sysVersion/deleteSysVersion',
-    method: 'delete',
-    params
-  })
-}
-
-// @Tags SysVersion
-// @Summary 批量删除版本管理
-// @Security ApiKeyAuth
-// @Accept application/json
-// @Produce application/json
-// @Param data body request.IdsReq true "批量删除版本管理"
-// @Success 200 {string} string "{"success":true,"data":{},"msg":"删除成功"}"
-// @Router /sysVersion/deleteSysVersion [delete]
-export const deleteSysVersionByIds = (params) => {
-  return service({
-    url: '/sysVersion/deleteSysVersionByIds',
-    method: 'delete',
-    params
-  })
-}
-
-// @Tags SysVersion
-// @Summary 用id查询版本管理
-// @Security ApiKeyAuth
-// @Accept application/json
-// @Produce application/json
-// @Param data query model.SysVersion true "用id查询版本管理"
-// @Success 200 {string} string "{"success":true,"data":{},"msg":"查询成功"}"
-// @Router /sysVersion/findSysVersion [get]
-export const findSysVersion = (params) => {
-  return service({
-    url: '/sysVersion/findSysVersion',
-    method: 'get',
-    params
-  })
-}
-
-// @Tags SysVersion
-// @Summary 分页获取版本管理列表
-// @Security ApiKeyAuth
-// @Accept application/json
-// @Produce application/json
-// @Param data query request.PageInfo true "分页获取版本管理列表"
-// @Success 200 {string} string "{"success":true,"data":{},"msg":"获取成功"}"
-// @Router /sysVersion/getSysVersionList [get]
-export const getSysVersionList = (params) => {
-  return service({
-    url: '/sysVersion/getSysVersionList',
-    method: 'get',
-    params
-  })
-}
-
-// @Tags SysVersion
-// @Summary 导出版本数据
-// @Security ApiKeyAuth
-// @Accept application/json
-// @Produce application/json
-// @Param data body object true "导出版本数据"
-// @Success 200 {string} string "{\"success\":true,\"data\":{},\"msg\":\"导出成功\"}"
-// @Router /sysVersion/exportVersion [post]
-export const exportVersion = (data) => {
-  return service({
-    url: '/sysVersion/exportVersion',
-    method: 'post',
-    data
-  })
-}
-
-// @Tags SysVersion
-// @Summary 下载版本JSON数据
-// @Security ApiKeyAuth
-// @Accept application/json
-// @Produce application/json
-// @Param ID query string true "版本ID"
-// @Success 200 {string} string "{\"success\":true,\"data\":{},\"msg\":\"下载成功\"}"
-// @Router /sysVersion/downloadVersionJson [get]
-export const downloadVersionJson = (params) => {
-  return service({
-    url: '/sysVersion/downloadVersionJson',
-    method: 'get',
-    params,
-    responseType: 'blob'
-  })
-}
-
-// @Tags SysVersion
-// @Summary 导入版本数据
-// @Security ApiKeyAuth
-// @Accept application/json
-// @Produce application/json
-// @Param data body object true "版本JSON数据"
-// @Success 200 {string} string "{\"success\":true,\"data\":{},\"msg\":\"导入成功\"}"
-// @Router /sysVersion/importVersion [post]
-export const importVersion = (data) => {
-  return service({
-    url: '/sysVersion/importVersion',
-    method: 'post',
-    data
-  })
-}
diff --git a/src/components/bottomInfo/bottomInfo.vue b/src/components/bottomInfo/bottomInfo.vue
deleted file mode 100644
index b10ef9d..0000000
--- a/src/components/bottomInfo/bottomInfo.vue
+++ /dev/null
@@ -1,36 +0,0 @@
-<!--
-此文件受版权保护，未经授权禁止修改！如果您尚未获得授权，请通过微信(shouzi_1994)联系我们以购买授权。在未授权状态下，只需保留此代码，不会影响任何正常使用。
-     未经授权的商用使用可能会被我们的资产搜索引擎爬取，并可能导致后续索赔。索赔金额将不低于高级授权费的十倍。请您遵守版权法律法规，尊重知识产权。
- -->
-<template>
-  <div
-    class="flex flex-col md:flex-row gap-2 items-center text-sm text-slate-700 dark:text-slate-500 justify-center py-2"
-  >
-    <div class="text-center">
-      <span class="mr-1">Powered by</span>
-      <span>
-        <a class="font-bold text-active" href="https://github.com/flipped-aurora/gin-vue-admin">Gin-Vue-Admin</a>
-      </span>
-    </div>
-    <slot />
-    <div class="text-center">
-      <span class="mr-1">Copyright</span>
-      <span>
-        <a class="font-bold text-active" href="https://github.com/flipped-aurora">flipped-aurora团队</a>
-      </span>
-    </div>
-  </div>
-</template>
-
-<script setup>
-  defineOptions({
-    name: 'BottomInfo'
-  })
-
-  console.log(
-    `%c powered by %c flipped-aurorae %c`,
-    'background:#0081ff; padding: 1px; border-radius: 3px 0 0 3px; color: #fff',
-    'background:#354855; padding: 1px 5px; border-radius: 0 3px 3px 0; color: #fff; font-weight: bold;',
-    'background:transparent'
-  )
-</script>
diff --git a/src/components/exportExcel/exportExcel.vue b/src/components/exportExcel/exportExcel.vue
deleted file mode 100644
index 1a94db5..0000000
--- a/src/components/exportExcel/exportExcel.vue
+++ /dev/null
@@ -1,84 +0,0 @@
-<template>
-  <el-button type="primary" icon="download" @click="exportExcelFunc"
-    >导出</el-button
-  >
-</template>
-
-<script setup>
-
-import { exportExcel } from '@/api/exportTemplate'
-
-  const props = defineProps({
-    filterDeleted: {
-      type: Boolean,
-      default: true
-    },
-    templateId: {
-      type: String,
-      required: true
-    },
-    condition: {
-      type: Object,
-      default: () => ({})
-    },
-    limit: {
-      type: Number,
-      default: 0
-    },
-    offset: {
-      type: Number,
-      default: 0
-    },
-    order: {
-      type: String,
-      default: ''
-    }
-  })
-
-  import { ElMessage } from 'element-plus'
-
-  const exportExcelFunc = async () => {
-    if (props.templateId === '') {
-      ElMessage.error('组件未设置模板ID')
-      return
-    }
-    let baseUrl = import.meta.env.VITE_BASE_API
-    if (baseUrl === "/"){
-      baseUrl = ""
-    }
-    const paramsCopy = JSON.parse(JSON.stringify(props.condition))
-
-    if (props.filterDeleted) {
-      paramsCopy.filterDeleted = 'true'
-    }
-
-    if (props.limit) {
-      paramsCopy.limit = props.limit
-    }
-    if (props.offset) {
-      paramsCopy.offset = props.offset
-    }
-    if (props.order) {
-      paramsCopy.order = props.order
-    }
-    const params = Object.entries(paramsCopy)
-      .map(
-        ([key, value]) =>
-          `${encodeURIComponent(key)}=${encodeURIComponent(value)}`
-      )
-      .join('&')
-
-    const res = await exportExcel({
-      templateID: props.templateId,
-      params
-    })
-
-    if(res.code === 0){
-      ElMessage.success('创建导出任务成功，开始下载')
-      const url = `${baseUrl}${res.data}`
-      window.open(url, '_blank')
-    }
-
-
-  }
-</script>
diff --git a/src/components/exportExcel/exportTemplate.vue b/src/components/exportExcel/exportTemplate.vue
deleted file mode 100644
index dd77f95..0000000
--- a/src/components/exportExcel/exportTemplate.vue
+++ /dev/null
@@ -1,40 +0,0 @@
-<template>
-  <el-button type="primary" icon="download" @click="exportTemplateFunc"
-    >下载模板</el-button
-  >
-</template>
-
-<script setup>
-  import { ElMessage } from 'element-plus'
-  import {exportTemplate} from "@/api/exportTemplate";
-
-  const props = defineProps({
-    templateId: {
-      type: String,
-      required: true
-    }
-  })
-
-
-  const exportTemplateFunc = async () => {
-    if (props.templateId === '') {
-      ElMessage.error('组件未设置模板ID')
-      return
-    }
-    let baseUrl = import.meta.env.VITE_BASE_API
-    if (baseUrl === "/"){
-      baseUrl = ""
-    }
-
-    const res = await exportTemplate({
-      templateID: props.templateId
-    })
-
-    if(res.code === 0){
-      ElMessage.success('创建导出任务成功，开始下载')
-      const url = `${baseUrl}${res.data}`
-      window.open(url, '_blank')
-    }
-
-  }
-</script>
diff --git a/src/components/exportExcel/importExcel.vue b/src/components/exportExcel/importExcel.vue
deleted file mode 100644
index cd3a7d9..0000000
--- a/src/components/exportExcel/importExcel.vue
+++ /dev/null
@@ -1,45 +0,0 @@
-<template>
-  <el-upload
-    :action="url"
-    :show-file-list="false"
-    :on-success="handleSuccess"
-    :multiple="false"
-    :headers="{'x-token': token}"
-  >
-    <el-button type="primary" icon="upload" class="ml-3"> 导入 </el-button>
-  </el-upload>
-</template>
-
-<script setup>
-  import { ElMessage } from 'element-plus'
-  import { useUserStore } from "@/pinia";
-
-  let baseUrl = import.meta.env.VITE_BASE_API
-  if (baseUrl === "/"){
-    baseUrl = ""
-  }
-
-  const props = defineProps({
-    templateId: {
-      type: String,
-      required: true
-    }
-  })
-
-  const userStore = useUserStore()
-
-  const token = userStore.token
-
-  const emit = defineEmits(['on-success'])
-
-  const url = `${baseUrl}/sysExportTemplate/importExcel?templateID=${props.templateId}`
-
-  const handleSuccess = (res) => {
-    if (res.code === 0) {
-      ElMessage.success('导入成功')
-      emit('on-success')
-    } else {
-      ElMessage.error(res.msg)
-    }
-  }
-</script>
diff --git a/src/components/logo/index.vue b/src/components/logo/index.vue
deleted file mode 100644
index 88c335b..0000000
--- a/src/components/logo/index.vue
+++ /dev/null
@@ -1,82 +0,0 @@
-<script setup>
-import { ref, watchEffect } from 'vue';
-import { useAppStore } from '@/pinia/modules/app.js';
-import { storeToRefs } from 'pinia';
-
-const props = defineProps({
-  // logo 尺寸，单位为:rem
-  size: {
-    type: Number,
-    default: 2
-  }
-})
-
-const darkLogoPath = '/logo-dark.png';
-const lightLogoPath = '/logo.png';
-
-const appStore = useAppStore();
-const { isDark } = storeToRefs(appStore);
-
-const logoSrc = ref('');
-const showTextPlaceholder = ref(false);
-
-// 检查图片是否存在
-function checkImageExists(url) {
-  return new Promise((resolve) => {
-    const tryToLoad = new Image();
-    tryToLoad.onload = () => resolve(true);
-    tryToLoad.onerror = () => resolve(false);
-    tryToLoad.src = url;
-  });
-}
-
-watchEffect(async () => {
-  showTextPlaceholder.value = false; // 重置占位符状态
-
-  // 暗色模式直接 load，可以省一次亮色的 load
-  if (isDark.value && await checkImageExists(darkLogoPath)) {
-    logoSrc.value = darkLogoPath;
-    return;
-  }
-
-  if (await checkImageExists(lightLogoPath)) {
-    logoSrc.value = lightLogoPath;
-    return
-  }
-
-  // 到这里就包没有提供两种 logo 了
-  showTextPlaceholder.value = true;
-  console.error(
-    '错误: 在公共目录中找不到logo.png（或logo-dark.png）。'
-  );
-  console.warn(
-    '解决方案: 请在您的公共目录(/public)中放置logo.png和/或logo-dark.png文件，或确保路径正确。'
-  );
-});
-
-// 直接用 16px 作为默认的基准大小
-const SPACING = 16
-function getSize() {
-  return {
-    width: `${props.size * SPACING}px`,
-    height: `${props.size * SPACING}px`,
-  }
-}
-</script>
-
-<template>
-  <img v-if="!showTextPlaceholder && logoSrc" :src="logoSrc" :alt="$GIN_VUE_ADMIN.appName" class="object-contain"
-    :style="{
-      ...getSize()
-    }" :class="{
-      'filter invert-[90%] hue-rotate-180 brightness-110':
-        isDark && logoSrc === '/logo.png',
-    }" />
-  <div v-else-if="showTextPlaceholder"
-    class="rounded-full bg-gray-300 dark:bg-gray-600 flex items-center justify-center text-gray-700 dark:text-gray-200 font-bold text-xs"
-    :style="{
-      ...getSize()
-    }">
-    GVA
-  </div>
-</template>
diff --git a/src/components/selectImage/selectImage.vue b/src/components/selectImage/selectImage.vue
index 5958e0a..de6186a 100644
--- a/src/components/selectImage/selectImage.vue
+++ b/src/components/selectImage/selectImage.vue
@@ -66,7 +66,6 @@
             <el-button @click="useSelectedImages" type="danger" :disabled="selectedImages.length === 0" :icon="ArrowLeftBold">选定</el-button>
             <upload-common :image-common="imageCommon" :classId="search.classId" @on-success="onSuccess" />
             <cropper-image :classId="search.classId" @on-success="onSuccess" />
-            <QRCodeUpload :classId="search.classId" @on-success="onSuccess" />
             <upload-image :image-url="imageUrl" :file-size="2048" :max-w-h="1080" :classId="search.classId" @on-success="onSuccess" />
           </div>
           <div class="flex flex-wrap gap-4">
@@ -167,7 +166,6 @@ import {
 import selectComponent from '@/components/selectImage/selectComponent.vue'
 import { addCategory, deleteCategory, getCategoryList } from '@/api/attachmentCategory'
 import CropperImage from "@/components/upload/cropper.vue";
-import QRCodeUpload from "@/components/upload/QR-code.vue";
 import draggable from 'vuedraggable'
 
 const imageUrl = ref('')
diff --git a/src/components/upload/QR-code.vue b/src/components/upload/QR-code.vue
deleted file mode 100644
index 2a166c2..0000000
--- a/src/components/upload/QR-code.vue
+++ /dev/null
@@ -1,65 +0,0 @@
-<template>
-  <div>
-    <el-button type="primary" icon="iphone" @click="createQrCode"> 扫码上传</el-button>
-  </div>
-
-  <el-dialog v-model="dialogVisible" title="扫码上传" width="320px" :show-close="false" append-to-body :close-on-click-modal="false"
-             draggable
-  >
-    <div class="m-2">
-      <vue-qr :logoSrc="logoSrc"
-              :size="291"
-              :margin="0"
-              :autoColor="true"
-              :dotScale="1"
-              :text="codeUrl"
-              colorDark="green"
-              colorLight="white"
-              ref="qrcode"
-      />
-    </div>
-    <template #footer>
-      <div class="dialog-footer">
-        <el-button @click="dialogVisible = false">取 消</el-button>
-        <el-button type="primary" @click="onFinished">完成上传</el-button>
-      </div>
-    </template>
-  </el-dialog>
-</template>
-
-<script setup>
-import logoSrc from '@/assets/logo.png'
-import vueQr from 'vue-qr/src/packages/vue-qr.vue'
-import { ref } from 'vue'
-import { useUserStore } from '@/pinia/modules/user'
-
-defineOptions({
-  name: 'QRCodeUpload'
-})
-
-const emit = defineEmits(['on-success'])
-
-const props = defineProps({
-  classId: {
-    type: Number,
-    default: 0
-  }
-})
-
-const dialogVisible = ref(false)
-const userStore = useUserStore()
-const codeUrl = ref('')
-
-const createQrCode = () => {
-  const local = window.location
-  codeUrl.value = local.protocol + '//' + local.host + '/#/scanUpload?id=' + props.classId + '&token=' + userStore.token + '&t=' + Date.now()
-  dialogVisible.value = true
-  console.log(codeUrl.value)
-}
-
-const onFinished = () => {
-  dialogVisible.value = false
-  codeUrl.value = ''
-  emit('on-success', '')
-}
-</script>
diff --git a/src/pathInfo.json b/src/pathInfo.json
index a21069c..d949da1 100644
--- a/src/pathInfo.json
+++ b/src/pathInfo.json
@@ -1,5 +1,4 @@
 {
-  "/src/view/about/index.vue": "About",
   "/src/view/dashboard/components/banner.vue": "Banner",
   "/src/view/dashboard/components/card.vue": "Card",
   "/src/view/dashboard/components/charts-content-numbers.vue": "ChartsContentNumbers",
@@ -23,11 +22,6 @@
   "/src/view/equipment/list/index.vue": "Index",
   "/src/view/error/index.vue": "Error",
   "/src/view/error/reload.vue": "Reload",
-  "/src/view/example/breakpoint/breakpoint.vue": "BreakPoint",
-  "/src/view/example/customer/customer.vue": "Customer",
-  "/src/view/example/index.vue": "Example",
-  "/src/view/example/upload/scanUpload.vue": "scanUpload",
-  "/src/view/example/upload/upload.vue": "Upload",
   "/src/view/init/index.vue": "Init",
   "/src/view/largeScreen/index.vue": "Index",
   "/src/view/largeScreen2/index.vue": "Index",
@@ -72,37 +66,13 @@
   "/src/view/securityControl/index.vue": "SecurityControl",
   "/src/view/securityControl/overloadAlarm/index.vue": "Index",
   "/src/view/securityControl/voltageAlarm/index.vue": "Index",
-  "/src/view/superAdmin/api/api.vue": "Api",
   "/src/view/superAdmin/authority/authority.vue": "Authority",
   "/src/view/superAdmin/authority/components/apis.vue": "Apis",
   "/src/view/superAdmin/authority/components/datas.vue": "Datas",
   "/src/view/superAdmin/authority/components/menus.vue": "Menus",
-  "/src/view/superAdmin/dictionary/sysDictionary.vue": "SysDictionary",
-  "/src/view/superAdmin/dictionary/sysDictionaryDetail.vue": "SysDictionaryDetail",
   "/src/view/superAdmin/index.vue": "SuperAdmin",
   "/src/view/superAdmin/menu/components/components-cascader.vue": "ComponentsCascader",
   "/src/view/superAdmin/menu/icon.vue": "Icon",
   "/src/view/superAdmin/menu/menu.vue": "Menus",
-  "/src/view/superAdmin/operation/sysOperationRecord.vue": "SysOperationRecord",
-  "/src/view/superAdmin/params/sysParams.vue": "SysParams",
-  "/src/view/superAdmin/user/user.vue": "User",
-  "/src/view/system/state.vue": "State",
-  "/src/view/systemTools/autoCode/component/fieldDialog.vue": "FieldDialog",
-  "/src/view/systemTools/autoCode/component/previewCodeDialog.vue": "PreviewCodeDialog",
-  "/src/view/systemTools/autoCode/index.vue": "AutoCode",
-  "/src/view/systemTools/autoCode/mcp.vue": "MCP",
-  "/src/view/systemTools/autoCode/mcpTest.vue": "MCPTest",
-  "/src/view/systemTools/autoCode/picture.vue": "Picture",
-  "/src/view/systemTools/autoCodeAdmin/index.vue": "AutoCodeAdmin",
-  "/src/view/systemTools/autoPkg/autoPkg.vue": "AutoPkg",
-  "/src/view/systemTools/exportTemplate/exportTemplate.vue": "ExportTemplate",
-  "/src/view/systemTools/formCreate/index.vue": "FormGenerator",
-  "/src/view/systemTools/index.vue": "System",
-  "/src/view/systemTools/installPlugin/index.vue": "Index",
-  "/src/view/systemTools/pubPlug/pubPlug.vue": "PubPlug",
-  "/src/view/systemTools/system/system.vue": "Config",
-  "/src/view/systemTools/version/version.vue": "SysVersion",
-  "/src/plugin/announcement/form/info.vue": "InfoForm",
-  "/src/plugin/announcement/view/info.vue": "Info",
-  "/src/plugin/email/view/index.vue": "Email"
+  "/src/view/superAdmin/user/user.vue": "User"
 }
\ No newline at end of file
diff --git a/src/plugin/announcement/api/info.js b/src/plugin/announcement/api/info.js
deleted file mode 100644
index e19770b..0000000
--- a/src/plugin/announcement/api/info.js
+++ /dev/null
@@ -1,110 +0,0 @@
-import service from '@/utils/request'
-
-// @Tags Info
-// @Summary 创建公告
-// @Security ApiKeyAuth
-// @accept application/json
-// @Produce application/json
-// @Param data body model.Info true "创建公告"
-// @Success 200 {string} string "{"success":true,"data":{},"msg":"创建成功"}"
-// @Router /info/createInfo [post]
-export const createInfo = (data) => {
-  return service({
-    url: '/info/createInfo',
-    method: 'post',
-    data
-  })
-}
-
-// @Tags Info
-// @Summary 删除公告
-// @Security ApiKeyAuth
-// @accept application/json
-// @Produce application/json
-// @Param data body model.Info true "删除公告"
-// @Success 200 {string} string "{"success":true,"data":{},"msg":"删除成功"}"
-// @Router /info/deleteInfo [delete]
-export const deleteInfo = (params) => {
-  return service({
-    url: '/info/deleteInfo',
-    method: 'delete',
-    params
-  })
-}
-
-// @Tags Info
-// @Summary 批量删除公告
-// @Security ApiKeyAuth
-// @accept application/json
-// @Produce application/json
-// @Param data body request.IdsReq true "批量删除公告"
-// @Success 200 {string} string "{"success":true,"data":{},"msg":"删除成功"}"
-// @Router /info/deleteInfo [delete]
-export const deleteInfoByIds = (params) => {
-  return service({
-    url: '/info/deleteInfoByIds',
-    method: 'delete',
-    params
-  })
-}
-
-// @Tags Info
-// @Summary 更新公告
-// @Security ApiKeyAuth
-// @accept application/json
-// @Produce application/json
-// @Param data body model.Info true "更新公告"
-// @Success 200 {string} string "{"success":true,"data":{},"msg":"更新成功"}"
-// @Router /info/updateInfo [put]
-export const updateInfo = (data) => {
-  return service({
-    url: '/info/updateInfo',
-    method: 'put',
-    data
-  })
-}
-
-// @Tags Info
-// @Summary 用id查询公告
-// @Security ApiKeyAuth
-// @accept application/json
-// @Produce application/json
-// @Param data query model.Info true "用id查询公告"
-// @Success 200 {string} string "{"success":true,"data":{},"msg":"查询成功"}"
-// @Router /info/findInfo [get]
-export const findInfo = (params) => {
-  return service({
-    url: '/info/findInfo',
-    method: 'get',
-    params
-  })
-}
-
-// @Tags Info
-// @Summary 分页获取公告列表
-// @Security ApiKeyAuth
-// @accept application/json
-// @Produce application/json
-// @Param data query request.PageInfo true "分页获取公告列表"
-// @Success 200 {string} string "{"success":true,"data":{},"msg":"获取成功"}"
-// @Router /info/getInfoList [get]
-export const getInfoList = (params) => {
-  return service({
-    url: '/info/getInfoList',
-    method: 'get',
-    params
-  })
-}
-// @Tags Info
-// @Summary 获取数据源
-// @Security ApiKeyAuth
-// @accept application/json
-// @Produce application/json
-// @Success 200 {string} string "{"success":true,"data":{},"msg":"查询成功"}"
-// @Router /info/findInfoDataSource [get]
-export const getInfoDataSource = () => {
-  return service({
-    url: '/info/getInfoDataSource',
-    method: 'get'
-  })
-}
diff --git a/src/plugin/announcement/form/info.vue b/src/plugin/announcement/form/info.vue
deleted file mode 100644
index 9824048..0000000
--- a/src/plugin/announcement/form/info.vue
+++ /dev/null
@@ -1,137 +0,0 @@
-<template>
-  <div>
-    <div class="gva-form-box">
-      <el-form
-        :model="formData"
-        ref="elFormRef"
-        label-position="right"
-        :rules="rule"
-        label-width="80px"
-      >
-        <el-form-item label="标题:" prop="title">
-          <el-input
-            v-model="formData.title"
-            :clearable="true"
-            placeholder="请输入标题"
-          />
-        </el-form-item>
-        <el-form-item label="内容:" prop="content">
-          <RichEdit v-model="formData.content" />
-        </el-form-item>
-        <el-form-item label="作者:" prop="userID">
-          <el-select
-            v-model="formData.userID"
-            placeholder="请选择作者"
-            style="width: 100%"
-            :clearable="true"
-          >
-            <el-option
-              v-for="(item, key) in dataSource.userID"
-              :key="key"
-              :label="item.label"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-        <el-form-item label="附件:" prop="attachments">
-          <SelectFile v-model="formData.attachments" />
-        </el-form-item>
-        <el-form-item>
-          <el-button type="primary" @click="save">保存</el-button>
-          <el-button type="primary" @click="back">返回</el-button>
-        </el-form-item>
-      </el-form>
-    </div>
-  </div>
-</template>
-
-<script setup>
-  import {
-    getInfoDataSource,
-    createInfo,
-    updateInfo,
-    findInfo
-  } from '@/plugin/announcement/api/info'
-
-  defineOptions({
-    name: 'InfoForm'
-  })
-
-  // 自动获取字典
-  import { useRoute, useRouter } from 'vue-router'
-  import { ElMessage } from 'element-plus'
-  import { ref, reactive } from 'vue'
-  import SelectFile from '@/components/selectFile/selectFile.vue'
-  // 富文本组件
-  import RichEdit from '@/components/richtext/rich-edit.vue'
-
-  const route = useRoute()
-  const router = useRouter()
-
-  const type = ref('')
-  const formData = ref({
-    title: '',
-    content: '',
-    userID: undefined,
-    attachments: []
-  })
-  // 验证规则
-  const rule = reactive({})
-
-  const elFormRef = ref()
-  const dataSource = ref([])
-  const getDataSourceFunc = async () => {
-    const res = await getInfoDataSource()
-    if (res.code === 0) {
-      dataSource.value = res.data
-    }
-  }
-  getDataSourceFunc()
-
-  // 初始化方法
-  const init = async () => {
-    // 建议通过url传参获取目标数据ID 调用 find方法进行查询数据操作 从而决定本页面是create还是update 以下为id作为url参数示例
-    if (route.query.id) {
-      const res = await findInfo({ ID: route.query.id })
-      if (res.code === 0) {
-        formData.value = res.data
-        type.value = 'update'
-      }
-    } else {
-      type.value = 'create'
-    }
-  }
-
-  init()
-  // 保存按钮
-  const save = async () => {
-    elFormRef.value?.validate(async (valid) => {
-      if (!valid) return
-      let res
-      switch (type.value) {
-        case 'create':
-          res = await createInfo(formData.value)
-          break
-        case 'update':
-          res = await updateInfo(formData.value)
-          break
-        default:
-          res = await createInfo(formData.value)
-          break
-      }
-      if (res.code === 0) {
-        ElMessage({
-          type: 'success',
-          message: '创建/更改成功'
-        })
-      }
-    })
-  }
-
-  // 返回按钮
-  const back = () => {
-    router.go(-1)
-  }
-</script>
-
-<style></style>
diff --git a/src/plugin/announcement/view/info.vue b/src/plugin/announcement/view/info.vue
deleted file mode 100644
index 7ccdcb3..0000000
--- a/src/plugin/announcement/view/info.vue
+++ /dev/null
@@ -1,510 +0,0 @@
-<template>
-  <div>
-    <div class="gva-search-box">
-      <el-form
-        ref="elSearchFormRef"
-        :inline="true"
-        :model="searchInfo"
-        class="demo-form-inline"
-        :rules="searchRule"
-        @keyup.enter="onSubmit"
-      >
-        <el-form-item label="创建日期" prop="createdAt">
-          <template #label>
-            <span>
-              创建日期
-              <el-tooltip
-                content="搜索范围是开始日期（包含）至结束日期（不包含）"
-              >
-                <el-icon><QuestionFilled /></el-icon>
-              </el-tooltip>
-            </span>
-          </template>
-          <el-date-picker
-            v-model="searchInfo.startCreatedAt"
-            type="datetime"
-            placeholder="开始日期"
-            :disabled-date="
-              (time) =>
-                searchInfo.endCreatedAt
-                  ? time.getTime() > searchInfo.endCreatedAt.getTime()
-                  : false
-            "
-          />
-          —
-          <el-date-picker
-            v-model="searchInfo.endCreatedAt"
-            type="datetime"
-            placeholder="结束日期"
-            :disabled-date="
-              (time) =>
-                searchInfo.startCreatedAt
-                  ? time.getTime() < searchInfo.startCreatedAt.getTime()
-                  : false
-            "
-          />
-        </el-form-item>
-
-        <template v-if="showAllQuery">
-          <!-- 将需要控制显示状态的查询条件添加到此范围内 -->
-        </template>
-
-        <el-form-item>
-          <el-button type="primary" icon="search" @click="onSubmit">
-            查询
-          </el-button>
-          <el-button icon="refresh" @click="onReset"> 重置 </el-button>
-          <el-button
-            v-if="!showAllQuery"
-            link
-            type="primary"
-            icon="arrow-down"
-            @click="showAllQuery = true"
-          >
-            展开
-          </el-button>
-          <el-button
-            v-else
-            link
-            type="primary"
-            icon="arrow-up"
-            @click="showAllQuery = false"
-          >
-            收起
-          </el-button>
-        </el-form-item>
-      </el-form>
-    </div>
-    <div class="gva-table-box">
-      <div class="gva-btn-list">
-        <el-button type="primary" icon="plus" @click="openDialog">
-          新增
-        </el-button>
-        <el-button
-          icon="delete"
-          style="margin-left: 10px"
-          :disabled="!multipleSelection.length"
-          @click="onDelete"
-        >
-          删除
-        </el-button>
-      </div>
-      <el-table
-        ref="multipleTable"
-        style="width: 100%"
-        tooltip-effect="dark"
-        :data="tableData"
-        row-key="ID"
-        @selection-change="handleSelectionChange"
-      >
-        <el-table-column type="selection" width="55" />
-
-        <el-table-column align="left" label="日期" prop="CreatedAt" width="180">
-          <template #default="scope">
-            {{ formatDate(scope.row.CreatedAt) }}
-          </template>
-        </el-table-column>
-
-        <el-table-column align="left" label="标题" prop="title" width="120" />
-        <el-table-column align="left" label="作者" prop="userID" width="120">
-          <template #default="scope">
-            <span>{{
-              filterDataSource(dataSource.userID, scope.row.userID)
-            }}</span>
-          </template>
-        </el-table-column>
-        <el-table-column label="附件" prop="attachments" width="200">
-          <template #default="scope">
-            <div class="file-list">
-              <el-tag
-                v-for="file in scope.row.attachments"
-                :key="file.uid"
-                @click="downloadFile(file.url)"
-              >
-                {{ file.name }}
-              </el-tag>
-            </div>
-          </template>
-        </el-table-column>
-        <el-table-column
-          align="left"
-          label="操作"
-          fixed="right"
-          min-width="240"
-        >
-          <template #default="scope">
-            <el-button
-              type="primary"
-              link
-              icon="edit"
-              class="table-button"
-              @click="updateInfoFunc(scope.row)"
-            >
-              变更
-            </el-button>
-            <el-button
-              type="primary"
-              link
-              icon="delete"
-              @click="deleteRow(scope.row)"
-            >
-              删除
-            </el-button>
-          </template>
-        </el-table-column>
-      </el-table>
-      <div class="gva-pagination">
-        <el-pagination
-          layout="total, sizes, prev, pager, next, jumper"
-          :current-page="page"
-          :page-size="pageSize"
-          :page-sizes="[10, 30, 50, 100]"
-          :total="total"
-          @current-change="handleCurrentChange"
-          @size-change="handleSizeChange"
-        />
-      </div>
-    </div>
-    <el-drawer
-      v-model="dialogFormVisible"
-      destroy-on-close
-      size="800"
-      :show-close="false"
-      :before-close="closeDialog"
-    >
-      <template #header>
-        <div class="flex justify-between items-center">
-          <span class="text-lg">{{ type === 'create' ? '添加' : '修改' }}</span>
-          <div>
-            <el-button type="primary" @click="enterDialog"> 确 定 </el-button>
-            <el-button @click="closeDialog"> 取 消 </el-button>
-          </div>
-        </div>
-      </template>
-
-      <el-form
-        ref="elFormRef"
-        :model="formData"
-        label-position="top"
-        :rules="rule"
-        label-width="80px"
-      >
-        <el-form-item label="标题:" prop="title">
-          <el-input
-            v-model="formData.title"
-            :clearable="true"
-            placeholder="请输入标题"
-          />
-        </el-form-item>
-        <el-form-item label="内容:" prop="content">
-          <RichEdit v-model="formData.content" />
-        </el-form-item>
-        <el-form-item label="作者:" prop="userID">
-          <el-select
-            v-model="formData.userID"
-            placeholder="请选择作者"
-            style="width: 100%"
-            :clearable="true"
-          >
-            <el-option
-              v-for="(item, key) in dataSource.userID"
-              :key="key"
-              :label="item.label"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-        <el-form-item label="附件:" prop="attachments">
-          <SelectFile v-model="formData.attachments" />
-        </el-form-item>
-      </el-form>
-    </el-drawer>
-  </div>
-</template>
-
-<script setup>
-  import {
-    getInfoDataSource,
-    createInfo,
-    deleteInfo,
-    deleteInfoByIds,
-    updateInfo,
-    findInfo,
-    getInfoList
-  } from '@/plugin/announcement/api/info'
-  import { getUrl } from '@/utils/image'
-  // 富文本组件
-  import RichEdit from '@/components/richtext/rich-edit.vue'
-  // 文件选择组件
-  import SelectFile from '@/components/selectFile/selectFile.vue'
-
-  // 全量引入格式化工具 请按需保留
-  import { formatDate, filterDataSource } from '@/utils/format'
-  import { ElMessage, ElMessageBox } from 'element-plus'
-  import { ref, reactive } from 'vue'
-
-  defineOptions({
-    name: 'Info'
-  })
-
-  // 控制更多查询条件显示/隐藏状态
-  const showAllQuery = ref(false)
-
-  // 自动化生成的字典（可能为空）以及字段
-  const formData = ref({
-    title: '',
-    content: '',
-    userID: undefined,
-    attachments: []
-  })
-  const dataSource = ref([])
-  const getDataSourceFunc = async () => {
-    const res = await getInfoDataSource()
-    if (res.code === 0) {
-      dataSource.value = res.data
-    }
-  }
-  getDataSourceFunc()
-
-  // 验证规则
-  const rule = reactive({})
-
-  const searchRule = reactive({
-    createdAt: [
-      {
-        validator: (rule, value, callback) => {
-          if (
-            searchInfo.value.startCreatedAt &&
-            !searchInfo.value.endCreatedAt
-          ) {
-            callback(new Error('请填写结束日期'))
-          } else if (
-            !searchInfo.value.startCreatedAt &&
-            searchInfo.value.endCreatedAt
-          ) {
-            callback(new Error('请填写开始日期'))
-          } else if (
-            searchInfo.value.startCreatedAt &&
-            searchInfo.value.endCreatedAt &&
-            (searchInfo.value.startCreatedAt.getTime() ===
-              searchInfo.value.endCreatedAt.getTime() ||
-              searchInfo.value.startCreatedAt.getTime() >
-                searchInfo.value.endCreatedAt.getTime())
-          ) {
-            callback(new Error('开始日期应当早于结束日期'))
-          } else {
-            callback()
-          }
-        },
-        trigger: 'change'
-      }
-    ]
-  })
-
-  const elFormRef = ref()
-  const elSearchFormRef = ref()
-
-  // =========== 表格控制部分 ===========
-  const page = ref(1)
-  const total = ref(0)
-  const pageSize = ref(10)
-  const tableData = ref([])
-  const searchInfo = ref({})
-
-  // 重置
-  const onReset = () => {
-    searchInfo.value = {}
-    getTableData()
-  }
-
-  // 搜索
-  const onSubmit = () => {
-    elSearchFormRef.value?.validate(async (valid) => {
-      if (!valid) return
-      page.value = 1
-      getTableData()
-    })
-  }
-
-  // 分页
-  const handleSizeChange = (val) => {
-    pageSize.value = val
-    getTableData()
-  }
-
-  // 修改页面容量
-  const handleCurrentChange = (val) => {
-    page.value = val
-    getTableData()
-  }
-
-  // 查询
-  const getTableData = async () => {
-    const table = await getInfoList({
-      page: page.value,
-      pageSize: pageSize.value,
-      ...searchInfo.value
-    })
-    if (table.code === 0) {
-      tableData.value = table.data.list
-      total.value = table.data.total
-      page.value = table.data.page
-      pageSize.value = table.data.pageSize
-    }
-  }
-
-  getTableData()
-
-  // ============== 表格控制部分结束 ===============
-
-  // 获取需要的字典 可能为空 按需保留
-  const setOptions = async () => {}
-
-  // 获取需要的字典 可能为空 按需保留
-  setOptions()
-
-  // 多选数据
-  const multipleSelection = ref([])
-  // 多选
-  const handleSelectionChange = (val) => {
-    multipleSelection.value = val
-  }
-
-  // 删除行
-  const deleteRow = (row) => {
-    ElMessageBox.confirm('确定要删除吗?', '提示', {
-      confirmButtonText: '确定',
-      cancelButtonText: '取消',
-      type: 'warning'
-    }).then(() => {
-      deleteInfoFunc(row)
-    })
-  }
-
-  // 多选删除
-  const onDelete = async () => {
-    ElMessageBox.confirm('确定要删除吗?', '提示', {
-      confirmButtonText: '确定',
-      cancelButtonText: '取消',
-      type: 'warning'
-    }).then(async () => {
-      const IDs = []
-      if (multipleSelection.value.length === 0) {
-        ElMessage({
-          type: 'warning',
-          message: '请选择要删除的数据'
-        })
-        return
-      }
-      multipleSelection.value &&
-        multipleSelection.value.map((item) => {
-          IDs.push(item.ID)
-        })
-      const res = await deleteInfoByIds({ IDs })
-      if (res.code === 0) {
-        ElMessage({
-          type: 'success',
-          message: '删除成功'
-        })
-        if (tableData.value.length === IDs.length && page.value > 1) {
-          page.value--
-        }
-        getTableData()
-      }
-    })
-  }
-
-  // 行为控制标记（弹窗内部需要增还是改）
-  const type = ref('')
-
-  // 更新行
-  const updateInfoFunc = async (row) => {
-    const res = await findInfo({ ID: row.ID })
-    type.value = 'update'
-    if (res.code === 0) {
-      formData.value = res.data
-      dialogFormVisible.value = true
-    }
-  }
-
-  // 删除行
-  const deleteInfoFunc = async (row) => {
-    const res = await deleteInfo({ ID: row.ID })
-    if (res.code === 0) {
-      ElMessage({
-        type: 'success',
-        message: '删除成功'
-      })
-      if (tableData.value.length === 1 && page.value > 1) {
-        page.value--
-      }
-      getTableData()
-    }
-  }
-
-  // 弹窗控制标记
-  const dialogFormVisible = ref(false)
-
-  // 打开弹窗
-  const openDialog = () => {
-    type.value = 'create'
-    dialogFormVisible.value = true
-  }
-
-  // 关闭弹窗
-  const closeDialog = () => {
-    dialogFormVisible.value = false
-    formData.value = {
-      title: '',
-      content: '',
-      userID: undefined,
-      attachments: []
-    }
-  }
-  // 弹窗确定
-  const enterDialog = async () => {
-    elFormRef.value?.validate(async (valid) => {
-      if (!valid) return
-      let res
-      switch (type.value) {
-        case 'create':
-          res = await createInfo(formData.value)
-          break
-        case 'update':
-          res = await updateInfo(formData.value)
-          break
-        default:
-          res = await createInfo(formData.value)
-          break
-      }
-      if (res.code === 0) {
-        ElMessage({
-          type: 'success',
-          message: '创建/更改成功'
-        })
-        closeDialog()
-        getTableData()
-      }
-    })
-  }
-
-  const downloadFile = (url) => {
-    window.open(getUrl(url), '_blank')
-  }
-</script>
-
-<style>
-  .file-list {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 4px;
-  }
-
-  .fileBtn {
-    margin-bottom: 10px;
-  }
-
-  .fileBtn:last-child {
-    margin-bottom: 0;
-  }
-</style>
diff --git a/src/plugin/email/api/email.js b/src/plugin/email/api/email.js
deleted file mode 100644
index c3f6c7b..0000000
--- a/src/plugin/email/api/email.js
+++ /dev/null
@@ -1,29 +0,0 @@
-import service from '@/utils/request'
-// @Tags System
-// @Summary 发送测试邮件
-// @Security ApiKeyAuth
-// @Produce  application/json
-// @Success 200 {string} string "{"success":true,"data":{},"msg":"发送成功"}"
-// @Router /email/emailTest [post]
-export const emailTest = (data) => {
-  return service({
-    url: '/email/emailTest',
-    method: 'post',
-    data
-  })
-}
-
-// @Tags System
-// @Summary 发送邮件
-// @Security ApiKeyAuth
-// @Produce  application/json
-// @Param data body email_response.Email true "发送邮件必须的参数"
-// @Success 200 {string} string "{"success":true,"data":{},"msg":"发送成功"}"
-// @Router /email/sendEmail [post]
-export const sendEmail = (data) => {
-  return service({
-    url: '/email/sendEmail',
-    method: 'post',
-    data
-  })
-}
diff --git a/src/plugin/email/view/index.vue b/src/plugin/email/view/index.vue
deleted file mode 100644
index 188c45b..0000000
--- a/src/plugin/email/view/index.vue
+++ /dev/null
@@ -1,60 +0,0 @@
-<template>
-  <div>
-    <warning-bar
-      title="需要提前配置email配置文件，为防止不必要的垃圾邮件，在线体验功能不开放此功能体验。"
-    />
-    <div class="gva-form-box">
-      <el-form
-        ref="emailForm"
-        label-position="right"
-        label-width="80px"
-        :model="form"
-      >
-        <el-form-item label="目标邮箱">
-          <el-input v-model="form.to" />
-        </el-form-item>
-        <el-form-item label="邮件">
-          <el-input v-model="form.subject" />
-        </el-form-item>
-        <el-form-item label="邮件内容">
-          <el-input v-model="form.body" type="textarea" />
-        </el-form-item>
-        <el-form-item>
-          <el-button @click="sendTestEmail">发送测试邮件</el-button>
-          <el-button @click="sendEmail">发送邮件</el-button>
-        </el-form-item>
-      </el-form>
-    </div>
-  </div>
-</template>
-
-<script setup>
-  import WarningBar from '@/components/warningBar/warningBar.vue'
-  import { emailTest } from '@/plugin/email/api/email.js'
-  import { ElMessage } from 'element-plus'
-  import { reactive, ref } from 'vue'
-
-  defineOptions({
-    name: 'Email'
-  })
-
-  const emailForm = ref(null)
-  const form = reactive({
-    to: '',
-    subject: '',
-    body: ''
-  })
-  const sendTestEmail = async () => {
-    const res = await emailTest()
-    if (res.code === 0) {
-      ElMessage.success('发送成功')
-    }
-  }
-
-  const sendEmail = async () => {
-    const res = await emailTest()
-    if (res.code === 0) {
-      ElMessage.success('发送成功,请查收')
-    }
-  }
-</script>
diff --git a/src/router/index.js b/src/router/index.js
index 30a039c..12940e2 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -15,15 +15,6 @@ const routes = [
     name: 'Login',
     component: () => import('@/view/login/index.vue')
   },
-  {
-    path: '/scanUpload',
-    name: 'ScanUpload',
-    meta: {
-      title: '扫码上传',
-      client: true
-    },
-    component: () => import('@/view/example/upload/scanUpload.vue')
-  },
   // {
   //   path: '/largeScreen',
   //   name: 'LargeScreen',
diff --git a/src/view/about/index.vue b/src/view/about/index.vue
deleted file mode 100644
index fae07b7..0000000
--- a/src/view/about/index.vue
+++ /dev/null
@@ -1,153 +0,0 @@
-<template>
-  <div class="mt-2">
-    <div class="flex flex-col md:flex-row gap-4">
-      <div class="w-full md:w-1/2">
-        <el-card class="min-w-96">
-          <template #header>
-            <el-divider>gin-vue-admin</el-divider>
-          </template>
-          <div>
-            <div class="w-full flex items-center justify-center">
-              <a href="https://github.com/flipped-aurora/gin-vue-admin">
-                <img class="org-img dom-center" src="@/assets/logo.png" alt="gin-vue-admin" />
-              </a>
-            </div>
-            <div class="w-full flex items-center justify-around">
-              <a href="https://github.com/flipped-aurora/gin-vue-admin">
-                <img
-                  class="dom-center"
-                  src="https://img.shields.io/github/watchers/flipped-aurora/gin-vue-admin.svg?label=Watch"
-                  alt=""
-                />
-              </a>
-              <a href="https://github.com/flipped-aurora/gin-vue-admin">
-                <img
-                  class="dom-center"
-                  src="https://img.shields.io/github/stars/flipped-aurora/gin-vue-admin.svg?style=social"
-                  alt=""
-                />
-              </a>
-              <a href="https://github.com/flipped-aurora/gin-vue-admin">
-                <img
-                  class="dom-center"
-                  src="https://img.shields.io/github/forks/flipped-aurora/gin-vue-admin.svg?label=Fork"
-                  alt=""
-                />
-              </a>
-            </div>
-          </div>
-        </el-card>
-        <el-card class="min-w-96 mt-5">
-          <template #header>
-            <div>flipped-aurora团队</div>
-          </template>
-          <div>
-            <div class="w-full flex items-center justify-center">
-              <a href="https://github.com/flipped-aurora">
-                <img class="org-img dom-center" src="@/assets/flipped-aurora.png" alt="flipped-aurora" />
-              </a>
-            </div>
-            <div class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-3 2xl:grid-cols-4 gap-4 mt-4">
-              <div v-for="(item, index) in members" :key="index" class="min-h-10 flex items-center">
-                <a :href="item.html_url" class="flex items-center group">
-                  <img class="w-8 h-8 rounded-full" :src="item.avatar_url" />
-                  <el-link class="text-blue-700 ml-2 text-lg font-bold font-sans break-all">{{ item.login }}</el-link>
-                </a>
-              </div>
-            </div>
-          </div>
-        </el-card>
-      </div>
-      <div class="w-full md:w-1/2">
-        <el-card>
-          <template #header>
-            <div>提交记录</div>
-          </template>
-          <div class="h-[calc(100vh-300px)] overflow-y-auto">
-            <el-timeline>
-              <el-timeline-item
-                v-for="(item, index) in dataTimeline"
-                :key="index"
-                :timestamp="item.from"
-                placement="top"
-              >
-                <el-card>
-                  <h4>{{ item.title }}</h4>
-                  <p>{{ item.message }}</p>
-                </el-card>
-              </el-timeline-item>
-            </el-timeline>
-          </div>
-          <div class="w-full flex items-center justify-center">
-            <el-button class="load-more" type="primary" link @click="loadMore"> Load more </el-button>
-          </div>
-        </el-card>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup>
-  import { ref } from 'vue'
-  import { Commits, Members } from '@/api/github'
-  import { formatTimeToStr } from '@/utils/date'
-  const page = ref(0)
-
-  defineOptions({
-    name: 'About'
-  })
-
-  const loadMore = () => {
-    page.value++
-    loadCommits()
-  }
-
-  const dataTimeline = ref([])
-  const loadCommits = () => {
-    Commits(page.value).then(({ data }) => {
-      data.forEach((element) => {
-        if (element.commit.message) {
-          dataTimeline.value.push({
-            from: formatTimeToStr(element.commit.author.date, 'yyyy-MM-dd'),
-            title: element.commit.author.name,
-            showDayAndMonth: true,
-            message: element.commit.message
-          })
-        }
-      })
-    })
-  }
-
-  const members = ref([])
-  const loadMembers = () => {
-    Members().then(({ data }) => {
-      members.value = data
-      members.value.sort()
-    })
-  }
-
-  loadCommits()
-  loadMembers()
-</script>
-
-<style scoped>
-  .avatar-img {
-    float: left;
-    height: 40px;
-    width: 40px;
-    border-radius: 50%;
-    -webkit-border-radius: 50%;
-    -moz-border-radius: 50%;
-    margin-top: 15px;
-  }
-
-  .org-img {
-    height: 150px;
-    width: 150px;
-  }
-
-  .dom-center {
-    margin-left: 50%;
-    transform: translateX(-50%);
-  }
-</style>
diff --git a/src/view/dashboard/components/quickLinks.vue b/src/view/dashboard/components/quickLinks.vue
index 5619b88..3dd4568 100644
--- a/src/view/dashboard/components/quickLinks.vue
+++ b/src/view/dashboard/components/quickLinks.vue
@@ -41,16 +41,7 @@
   </div>
 </template>
 <script setup>
-  import {
-    Menu,
-    Link,
-    User,
-    Service,
-    Document,
-    Reading,
-    Files,
-    Memo
-  } from '@element-plus/icons-vue'
+  import { Menu, User, Service, Document, Reading } from '@element-plus/icons-vue'
   import { useRouter } from 'vue-router'
   const router = useRouter()
 
@@ -67,11 +58,6 @@
       title: '菜单管理',
       path: 'menu'
     },
-    {
-      icon: Link,
-      title: 'API管理',
-      path: 'api'
-    },
     {
       icon: Service,
       title: '角色管理',
@@ -81,16 +67,6 @@
       icon: User,
       title: '用户管理',
       path: 'user'
-    },
-    {
-      icon: Files,
-      title: '自动化包',
-      path: 'autoPkg'
-    },
-    {
-      icon: Memo,
-      title: '自动代码',
-      path: 'autoCode'
     }
   ]
 
diff --git a/src/view/example/breakpoint/breakpoint.vue b/src/view/example/breakpoint/breakpoint.vue
deleted file mode 100644
index dbda33d..0000000
--- a/src/view/example/breakpoint/breakpoint.vue
+++ /dev/null
@@ -1,340 +0,0 @@
-<template>
-  <div class="break-point">
-    <div class="gva-table-box">
-      <el-divider content-position="left">大文件上传</el-divider>
-      <form id="fromCont" method="post">
-        <!-- 新增按钮容器，使用 Flexbox 对齐按钮 -->
-        <div class="button-container">
-          <div class="fileUpload" @click="inputChange">
-            <span class="takeFile">选择文件</span>
-            <input
-              v-show="false"
-              id="file"
-              ref="FileInput"
-              multiple="multiple"
-              type="file"
-              @change="choseFile"
-            />
-          </div>
-          <el-button
-            :disabled="limitFileSize"
-            type="primary"
-            class="uploadBtn"
-            @click="getFile"
-          >上传文件</el-button>
-        </div>
-      </form>
-      <div class="el-upload__tip">请上传不超过5MB的文件</div>
-      <div class="list">
-        <transition name="list" tag="p">
-          <div v-if="file" class="list-item">
-            <el-icon>
-              <document />
-            </el-icon>
-            <span>{{ file.name }}</span>
-            <span class="percentage">{{ percentage }}%</span>
-            <el-progress
-              :show-text="false"
-              :text-inside="false"
-              :stroke-width="2"
-              :percentage="percentage"
-            />
-          </div>
-        </transition>
-      </div>
-      <div class="tips">
-        此版本为先行体验功能测试版，样式美化和性能优化正在进行中，上传切片文件和合成的完整文件分别再QMPlusserver目录的breakpointDir文件夹和fileDir文件夹
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup>
-import SparkMD5 from 'spark-md5'
-import {
-  findFile,
-  breakpointContinueFinish,
-  removeChunk,
-  breakpointContinue
-} from '@/api/breakpoint'
-import { ref, watch } from 'vue'
-import { ElMessage } from 'element-plus'
-
-defineOptions({
-  name: 'BreakPoint'
-})
-
-const file = ref(null)
-const fileMd5 = ref('')
-const formDataList = ref([])
-const waitUpLoad = ref([])
-const waitNum = ref(NaN)
-const limitFileSize = ref(false)
-const percentage = ref(0)
-const percentageFlage = ref(true)
-
-// 选中文件的函数
-const choseFile = async (e) => {
-  // 点击选择文件后取消 直接return
-  if (!e.target.files.length) {
-    return
-  }
-  const fileR = new FileReader() // 创建一个reader用来读取文件流
-  const fileInput = e.target.files[0] // 获取当前文件
-  const maxSize = 5 * 1024 * 1024
-  file.value = fileInput // file 丢全局方便后面用 可以改进为func传参形式
-  percentage.value = 0
-  if (file.value.size < maxSize) {
-    fileR.readAsArrayBuffer(file.value) // 把文件读成ArrayBuffer  主要为了保持跟后端的流一致
-    fileR.onload = async (e) => {
-      // 读成arrayBuffer的回调 e 为方法自带参数 相当于 dom的e 流存在e.target.result 中
-      const blob = e.target.result
-      const spark = new SparkMD5.ArrayBuffer() // 创建md5制造工具 （md5用于检测文件一致性 这里不懂就打电话问我）
-      spark.append(blob) // 文件流丢进工具
-      fileMd5.value = spark.end() // 工具结束 产生一个a 总文件的md5
-      const FileSliceCap = 1 * 1024 * 1024 // 分片字节数
-      let start = 0 // 定义分片开始切的地方
-      let end = 0 // 每片结束切的地方a
-      let i = 0 // 第几片
-      formDataList.value = [] // 分片存储的一个池子 丢全局
-      while (end < file.value.size) {
-        // 当结尾数字大于文件总size的时候 结束切片
-        start = i * FileSliceCap // 计算每片开始位置
-        end = (i + 1) * FileSliceCap // 计算每片结束位置
-        var fileSlice = file.value.slice(start, end) // 开始切  file.slice 为 h5方法 对文件切片 参数为 起止字节数
-        const formData = new window.FormData() // 创建FormData用于存储传给后端的信息
-        formData.append('fileMd5', fileMd5.value) // 存储总文件的Md5 让后端知道自己是谁的切片
-        formData.append('file', fileSlice) // 当前的切片
-        formData.append('chunkNumber', i) // 当前是第几片
-        formData.append('fileName', file.value.name) // 当前文件的文件名 用于后端文件切片的命名  formData.appen 为 formData对象添加参数的方法
-        formDataList.value.push({ key: i, formData }) // 把当前切片信息 自己是第几片 存入我们方才准备好的池子
-        i++
-      }
-      const params = {
-        fileName: file.value.name,
-        fileMd5: fileMd5.value,
-        chunkTotal: formDataList.value.length
-      }
-      const res = await findFile(params)
-      // 全部切完以后 发一个请求给后端 拉当前文件后台存储的切片信息 用于检测有多少上传成功的切片
-      const finishList = res.data.file.ExaFileChunk // 上传成功的切片
-      const IsFinish = res.data.file.IsFinish // 是否是同文件不同命 （文件md5相同 文件名不同 则默认是同一个文件但是不同文件名 此时后台数据库只需要拷贝一下数据库文件即可 不需要上传文件 即秒传功能）
-      if (!IsFinish) {
-        // 当是断点续传时候
-        waitUpLoad.value = formDataList.value.filter((all) => {
-          return !(
-            finishList &&
-            finishList.some((fi) => fi.FileChunkNumber === all.key)
-          ) // 找出需要上传的切片
-        })
-      } else {
-        waitUpLoad.value = [] // 秒传则没有需要上传的切片
-        ElMessage.success('文件已秒传!')
-      }
-      waitNum.value = waitUpLoad.value.length // 记录长度用于百分比展示
-    }
-  } else {
-    limitFileSize.value = true
-    ElMessage('请上传小于5M文件!')
-  }
-}
-
-const getFile = () => {
-  // 确定按钮
-  if (file.value === null) {
-    ElMessage('请先上传文件!')
-    return
-  }
-  // 检查文件上传进度
-  if (percentage.value === 100) {
-    ElMessage.success('上传已完成!')  // 添加提示消息
-    percentageFlage.value = false
-    return // 如果进度已完成，阻止继续执行后续代码
-  }
-  // 如果文件未上传完成，继续上传切片
-  sliceFile() // 上传切片
-}
-
-const sliceFile = () => {
-  waitUpLoad.value &&
-  waitUpLoad.value.forEach((item) => {
-    // 需要上传的切片
-    item.formData.append('chunkTotal', formDataList.value.length) // 切片总数携带给后台 总有用的
-    const fileR = new FileReader() // 功能同上
-    const fileF = item.formData.get('file')
-    fileR.readAsArrayBuffer(fileF)
-    fileR.onload = (e) => {
-      const spark = new SparkMD5.ArrayBuffer()
-      spark.append(e.target.result)
-      item.formData.append('chunkMd5', spark.end()) // 获取当前切片md5 后端用于验证切片完整性
-      upLoadFileSlice(item)
-    }
-  })
-}
-
-watch(
-  () => waitNum.value,
-  () => {
-    percentage.value = Math.floor(
-      ((formDataList.value.length - waitNum.value) /
-        formDataList.value.length) *
-      100
-    )
-  }
-)
-
-const upLoadFileSlice = async (item) => {
-  // 切片上传
-  const fileRe = await breakpointContinue(item.formData)
-  if (fileRe.code !== 0) {
-    return
-  }
-  waitNum.value-- // 百分数增加
-  if (waitNum.value === 0) {
-    // 切片传完以后 合成文件
-    const params = {
-      fileName: file.value.name,
-      fileMd5: fileMd5.value
-    }
-    const res = await breakpointContinueFinish(params)
-    if (res.code === 0) {
-      // 合成文件过后 删除缓存切片
-      const params = {
-        fileName: file.value.name,
-        fileMd5: fileMd5.value,
-        filePath: res.data.filePath
-      }
-      ElMessage.success('上传成功')
-      await removeChunk(params)
-    }
-  }
-}
-
-const FileInput = ref(null)
-const inputChange = () => {
-  FileInput.value.dispatchEvent(new MouseEvent('click'))
-}
-</script>
-
-<style lang="scss" scoped>
-h3 {
-  margin: 40px 0 0;
-}
-ul {
-  list-style-type: none;
-  padding: 0;
-}
-li {
-  display: inline-block;
-  margin: 0 10px;
-}
-a {
-  color: #42b983;
-}
-#fromCont {
-  display: inline-block;
-}
-
-.gva-table-box {
-  display: block;
-}
-
-.button-container {
-  display: flex;
-  align-items: center;
-}
-
-.fileUpload,
-.uploadBtn {
-  width: 90px;
-  height: 35px;
-  line-height: 35px;
-  font-size: 14px;
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-  border-radius: 5px;
-  cursor: pointer;
-}
-
-.fileUpload {
-  padding: 0 15px;
-  background-color: #007bff;
-  color: #ffffff;
-  font-weight: 500;
-  transition: all 0.3s ease-in-out;
-  margin-right: 5px;
-}
-
-.uploadBtn {
-  background-color: #007bff;
-  color: #fff;
-  margin-left: 10px;
-}
-
-.fileUpload:hover {
-  background-color: #0056b3;
-}
-
-.uploadBtn:hover {
-  background-color: #0056b3;
-}
-
-
-.fileUpload:active,
-.uploadBtn:active {
-  transform: translateY(2px);
-}
-
-.fileUpload input {
-  position: relative;
-  font-size: 100px;
-  right: 0;
-  top: 0;
-  opacity: 0;
-  cursor: pointer;
-  width: 100%;
-  height: 100%;
-}
-
-
-
-.fileName {
-  display: inline-block;
-  vertical-align: top;
-  margin: 6px 15px 0 15px;
-}
-.tips {
-  margin-top: 30px;
-  font-size: 14px;
-  font-weight: 400;
-  color: #606266;
-}
-.el-divider {
-  margin: 0 0 30px 0;
-}
-
-.list {
-  margin-top: 15px;
-}
-.list-item {
-  display: block;
-  margin-right: 10px;
-  color: #606266;
-  line-height: 25px;
-  margin-bottom: 5px;
-  width: 40%;
-  .percentage {
-    float: right;
-  }
-}
-.list-enter-active,
-.list-leave-active {
-  transition: all 1s;
-}
-.list-enter, .list-leave-to
-  /* .list-leave-active for below version 2.1.8 */ {
-  opacity: 0;
-  transform: translateY(-30px);
-}
-</style>
\ No newline at end of file
diff --git a/src/view/example/customer/customer.vue b/src/view/example/customer/customer.vue
deleted file mode 100644
index f4a3104..0000000
--- a/src/view/example/customer/customer.vue
+++ /dev/null
@@ -1,215 +0,0 @@
-<template>
-  <div>
-    <warning-bar
-      title="在资源权限中将此角色的资源权限清空 或者不包含创建者的角色 即可屏蔽此客户资源的显示"
-    />
-    <div class="gva-table-box">
-      <div class="gva-btn-list">
-        <el-button type="primary" icon="plus" @click="openDrawer"
-          >新增</el-button
-        >
-      </div>
-      <el-table
-        ref="multipleTable"
-        :data="tableData"
-        style="width: 100%"
-        tooltip-effect="dark"
-        row-key="ID"
-      >
-        <el-table-column type="selection" width="55" />
-        <el-table-column align="left" label="接入日期" width="180">
-          <template #default="scope">
-            <span>{{ formatDate(scope.row.CreatedAt) }}</span>
-          </template>
-        </el-table-column>
-        <el-table-column
-          align="left"
-          label="姓名"
-          prop="customerName"
-          width="120"
-        />
-        <el-table-column
-          align="left"
-          label="电话"
-          prop="customerPhoneData"
-          width="120"
-        />
-        <el-table-column
-          align="left"
-          label="接入人ID"
-          prop="sysUserId"
-          width="120"
-        />
-        <el-table-column align="left" label="操作" min-width="160">
-          <template #default="scope">
-            <el-button
-              type="primary"
-              link
-              icon="edit"
-              @click="updateCustomer(scope.row)"
-              >变更</el-button
-            >
-            <el-button
-              type="primary"
-              link
-              icon="delete"
-              @click="deleteCustomer(scope.row)"
-              >删除</el-button
-            >
-          </template>
-        </el-table-column>
-      </el-table>
-      <div class="gva-pagination">
-        <el-pagination
-          :current-page="page"
-          :page-size="pageSize"
-          :page-sizes="[10, 30, 50, 100]"
-          :total="total"
-          layout="total, sizes, prev, pager, next, jumper"
-          @current-change="handleCurrentChange"
-          @size-change="handleSizeChange"
-        />
-      </div>
-    </div>
-    <el-drawer
-      v-model="drawerFormVisible"
-      :before-close="closeDrawer"
-      :show-close="false"
-    >
-      <template #header>
-        <div class="flex justify-between items-center">
-          <span class="text-lg">客户</span>
-          <div>
-            <el-button @click="closeDrawer">取 消</el-button>
-            <el-button type="primary" @click="enterDrawer">确 定</el-button>
-          </div>
-        </div>
-      </template>
-      <el-form :inline="true" :model="form" label-width="80px">
-        <el-form-item label="客户名">
-          <el-input v-model="form.customerName" autocomplete="off" />
-        </el-form-item>
-        <el-form-item label="客户电话">
-          <el-input v-model="form.customerPhoneData" autocomplete="off" />
-        </el-form-item>
-      </el-form>
-    </el-drawer>
-  </div>
-</template>
-
-<script setup>
-  import {
-    createExaCustomer,
-    updateExaCustomer,
-    deleteExaCustomer,
-    getExaCustomer,
-    getExaCustomerList
-  } from '@/api/customer'
-  import WarningBar from '@/components/warningBar/warningBar.vue'
-  import { ref } from 'vue'
-  import { ElMessage, ElMessageBox } from 'element-plus'
-  import { formatDate } from '@/utils/format'
-
-  defineOptions({
-    name: 'Customer'
-  })
-
-  const form = ref({
-    customerName: '',
-    customerPhoneData: ''
-  })
-
-  const page = ref(1)
-  const total = ref(0)
-  const pageSize = ref(10)
-  const tableData = ref([])
-
-  // 分页
-  const handleSizeChange = (val) => {
-    pageSize.value = val
-    getTableData()
-  }
-
-  const handleCurrentChange = (val) => {
-    page.value = val
-    getTableData()
-  }
-
-  // 查询
-  const getTableData = async () => {
-    const table = await getExaCustomerList({
-      page: page.value,
-      pageSize: pageSize.value
-    })
-    if (table.code === 0) {
-      tableData.value = table.data.list
-      total.value = table.data.total
-      page.value = table.data.page
-      pageSize.value = table.data.pageSize
-    }
-  }
-
-  getTableData()
-
-  const drawerFormVisible = ref(false)
-  const type = ref('')
-  const updateCustomer = async (row) => {
-    const res = await getExaCustomer({ ID: row.ID })
-    type.value = 'update'
-    if (res.code === 0) {
-      form.value = res.data.customer
-      drawerFormVisible.value = true
-    }
-  }
-  const closeDrawer = () => {
-    drawerFormVisible.value = false
-    form.value = {
-      customerName: '',
-      customerPhoneData: ''
-    }
-  }
-  const deleteCustomer = async (row) => {
-    ElMessageBox.confirm('确定要删除吗?', '提示', {
-      confirmButtonText: '确定',
-      cancelButtonText: '取消',
-      type: 'warning'
-    }).then(async () => {
-      const res = await deleteExaCustomer({ ID: row.ID })
-      if (res.code === 0) {
-        ElMessage({
-          type: 'success',
-          message: '删除成功'
-        })
-        if (tableData.value.length === 1 && page.value > 1) {
-          page.value--
-        }
-        getTableData()
-      }
-    })
-  }
-  const enterDrawer = async () => {
-    let res
-    switch (type.value) {
-      case 'create':
-        res = await createExaCustomer(form.value)
-        break
-      case 'update':
-        res = await updateExaCustomer(form.value)
-        break
-      default:
-        res = await createExaCustomer(form.value)
-        break
-    }
-
-    if (res.code === 0) {
-      closeDrawer()
-      getTableData()
-    }
-  }
-  const openDrawer = () => {
-    type.value = 'create'
-    drawerFormVisible.value = true
-  }
-</script>
-
-<style></style>
diff --git a/src/view/example/index.vue b/src/view/example/index.vue
deleted file mode 100644
index 0c3b58d..0000000
--- a/src/view/example/index.vue
+++ /dev/null
@@ -1,19 +0,0 @@
-<template>
-  <div>
-    <router-view v-slot="{ Component }">
-      <transition mode="out-in" name="el-fade-in-linear">
-        <keep-alive :include="routerStore.keepAliveRouters">
-          <component :is="Component" />
-        </keep-alive>
-      </transition>
-    </router-view>
-  </div>
-</template>
-
-<script setup>
-  import { useRouterStore } from '@/pinia/modules/router'
-  const routerStore = useRouterStore()
-  defineOptions({
-    name: 'Example'
-  })
-</script>
diff --git a/src/view/example/upload/scanUpload.vue b/src/view/example/upload/scanUpload.vue
deleted file mode 100644
index 59845d7..0000000
--- a/src/view/example/upload/scanUpload.vue
+++ /dev/null
@@ -1,245 +0,0 @@
-<template>
-  <div class="flex justify-center w-full pt-2">
-    <el-upload
-        ref="uploadRef"
-        class="h5-uploader"
-        :action="`${getBaseUrl()}/fileUploadAndDownload/upload`"
-        accept="image/*"
-        :show-file-list="false"
-        :auto-upload="false"
-        :headers="{ 'x-token': token }"
-        :data="{'classId': classId}"
-        :on-success="handleImageSuccess"
-        :on-change="handleFileChange"
-    >
-      <el-icon class="h5-uploader-icon"><Plus /></el-icon>
-    </el-upload>
-  </div>
-
-  <div class="flex flex-col w-full h-auto p-0 pt-4">
-    <!-- 左侧编辑区 -->
-    <div class="flex-1 min-h-[60vh]">
-      <div class="w-screen h-[calc(100vh-175px)] rounded">
-        <template v-if="isCrop">
-          <VueCropper
-              ref="cropperRef"
-              :img="imgSrc"
-              mode="contain"
-              outputType="jpeg"
-              :autoCrop="true"
-              :autoCropWidth="cropWidth"
-              :autoCropHeight="cropHeight"
-              :fixedBox="false"
-              :fixed="fixedRatio"
-              :fixedNumber="fixedNumber"
-              :centerBox="true"
-              :canMoveBox="true"
-              :full="false"
-              :maxImgSize="windowWidth"
-              :original="true"
-          ></VueCropper>
-        </template>
-        <template v-else>
-          <div class="flex justify-center items-center w-full h-[calc(100vh-175px)]">
-            <el-image v-if="imgSrc" :src="imgSrc" class="max-w-full max-h-full" mode="cover" />
-          </div>
-        </template>
-      </div>
-    </div>
-  </div>
-  <!-- 工具栏 -->
-  <div class="toolbar">
-    <el-button-group v-if="isCrop">
-      <el-tooltip content="向左旋转">
-        <el-button @click="rotate(-90)" :icon="RefreshLeft" />
-      </el-tooltip>
-      <el-tooltip content="向右旋转">
-        <el-button @click="rotate(90)" :icon="RefreshRight" />
-      </el-tooltip>
-      <el-button :icon="Plus" @click="changeScale(1)"></el-button>
-      <el-button :icon="Minus" @click="changeScale(-1)"></el-button>
-    </el-button-group>
-
-
-    <el-switch
-        size="large"
-        v-model="isCrop"
-        inline-prompt
-        active-text="裁剪"
-        inactive-text="裁剪"
-    />
-
-    <el-button type="primary" @click="handleUpload" :loading="uploading"> {{ uploading ? '上传中...' : '上 传' }}
-    </el-button>
-  </div>
-
-
-</template>
-
-<script setup>
-import { ref, getCurrentInstance, onMounted } from 'vue'
-import { ElLoading, ElMessage } from 'element-plus'
-import { RefreshLeft, RefreshRight, Plus, Minus } from '@element-plus/icons-vue'
-import 'vue-cropper/dist/index.css'
-import { VueCropper } from 'vue-cropper'
-import { getBaseUrl } from '@/utils/format'
-import { useRouter } from 'vue-router'
-import { useUserStore } from "@/pinia";
-
-defineOptions({
-  name: 'scanUpload'
-})
-
-const classId = ref(0)
-const token = ref('')
-const isCrop = ref(false)
-
-const windowWidth = ref(300)
-
-// 获取屏幕宽度
-const getWindowResize = function() {
-  windowWidth.value = window.innerWidth
-}
-
-// 生命周期
-onMounted(() => {
-  getWindowResize()
-  window.addEventListener('resize', getWindowResize)
-})
-
-const router = useRouter()
-router.isReady().then(() => {
-  let query = router.currentRoute.value.query
-  //console.log(query)
-  classId.value = query.id
-  token.value = query.token
-}).catch((err) => {
-  console.log(err)
-})
-
-const uploadRef = ref(null)
-// 响应式数据
-const imgSrc = ref('')
-const cropperRef = ref(null)
-const { proxy } = getCurrentInstance()
-const previews = ref({})
-const uploading = ref(false)
-
-// 缩放控制
-const changeScale = (value) => {
-  proxy.$refs.cropperRef.changeScale(value)
-}
-
-const fixedNumber = ref([1, 1])
-const cropWidth = ref(300)
-const cropHeight = ref(300)
-
-const fixedRatio = ref(false)
-
-// 文件处理
-const handleFileChange = (file) => {
-  const isImage = file.raw.type.includes('image')
-  if (!isImage) {
-    ElMessage.error('请选择图片文件')
-    return
-  }
-
-  if (file.raw.size / 1024 / 1024 > 8) {
-    ElMessage.error('文件大小不能超过8MB!')
-    return false
-  }
-
-  const loading = ElLoading.service({
-    lock: true,
-    text: '请稍后',
-    background: 'rgba(0, 0, 0, 0.7)',
-  })
-
-  const reader = new FileReader()
-  reader.onload = (e) => {
-    imgSrc.value = e.target.result
-    loading.close()
-  }
-  reader.readAsDataURL(file.raw)
-}
-
-// 旋转控制
-const rotate = (degree) => {
-  if (degree === -90) {
-    proxy.$refs.cropperRef.rotateLeft()
-  } else {
-    proxy.$refs.cropperRef.rotateRight()
-  }
-}
-
-// 上传处理
-const handleUpload = () => {
-  uploading.value = true
-  if(isCrop.value === false){
-    uploadRef.value.submit()
-    return true
-  }
-  proxy.$refs.cropperRef.getCropBlob((blob) => {
-    try {
-      const file = new File([blob], `${Date.now()}.jpg`, { type: 'image/jpeg' })
-      uploadRef.value.clearFiles()
-      uploadRef.value.handleStart(file)
-      uploadRef.value.submit()
-
-    } catch (error) {
-      uploading.value = false
-      ElMessage.error('上传失败: ' + error.message)
-    }
-  })
-}
-
-const handleImageSuccess = (res) => {
-  const { data } = res
-  if (data) {
-    imgSrc.value = null
-    uploading.value = false
-    previews.value = {}
-    ElMessage.success('上传成功')
-  }
-}
-
-</script>
-
-<style scoped>
-
-/* 工具栏（固定在底部） */
-.toolbar {
-  @apply fixed bottom-0 m-0 rounded-none p-2.5 shadow-[0_-2px_10px_rgba(0,0,0,0.1)] z-[1000] flex justify-between w-screen bg-slate-900;
-
-  /* 按钮组适配 */
-  .el-button-group {
-    @apply flex gap-2;
-
-    .el-button {
-      @apply p-2 w-10;
-    }
-  }
-}
-
-:deep(.vue-cropper) {
-  @apply bg-transparent;
-}
-
-</style>
-
-<style>
-.h5-uploader .el-upload {
-  @apply rounded cursor-pointer relative overflow-hidden;
-  border: 1px dashed var(--el-border-color);
-  border-radius: 6px;
-  transition: var(--el-transition-duration-fast);
-}
-
-.h5-uploader .el-upload:hover {
-  border-color: var(--el-color-primary);
-}
-
-.el-icon.h5-uploader-icon {
-  @apply text-2xl text-gray-500 w-32 h-32 text-center;
-}
-</style>
diff --git a/src/view/example/upload/upload.vue b/src/view/example/upload/upload.vue
deleted file mode 100644
index fdc8682..0000000
--- a/src/view/example/upload/upload.vue
+++ /dev/null
@@ -1,502 +0,0 @@
-<template>
-  <div v-loading.fullscreen.lock="fullscreenLoading">
-    <div class="flex gap-4 pt-2">
-      <div
-        class="flex-none w-64 bg-white text-slate-700 dark:text-slate-400 dark:bg-slate-900 rounded p-4"
-      >
-        <el-scrollbar style="height: calc(100vh - 300px)">
-          <el-tree
-            :data="categories"
-            node-key="id"
-            :props="defaultProps"
-            @node-click="handleNodeClick"
-            default-expand-all
-          >
-            <template #default="{ node, data }">
-              <div
-                class="w-36"
-                :class="
-                  search.classId === data.ID ? 'text-blue-500 font-bold' : ''
-                "
-              >
-                {{ data.name }}
-              </div>
-              <el-dropdown>
-                <el-icon class="ml-3 text-right" v-if="data.ID > 0"
-                  ><MoreFilled
-                /></el-icon>
-                <el-icon class="ml-3 text-right mt-1" v-else><Plus /></el-icon>
-                <template #dropdown>
-                  <el-dropdown-menu>
-                    <el-dropdown-item @click="addCategoryFun(data)"
-                      >添加分类</el-dropdown-item
-                    >
-                    <el-dropdown-item
-                      @click="editCategory(data)"
-                      v-if="data.ID > 0"
-                      >编辑分类</el-dropdown-item
-                    >
-                    <el-dropdown-item
-                      @click="deleteCategoryFun(data.ID)"
-                      v-if="data.ID > 0"
-                      >删除分类</el-dropdown-item
-                    >
-                  </el-dropdown-menu>
-                </template>
-              </el-dropdown>
-            </template>
-          </el-tree>
-        </el-scrollbar>
-      </div>
-      <div
-        class="flex-1 bg-white text-slate-700 dark:text-slate-400 dark:bg-slate-900"
-      >
-        <div class="gva-table-box mt-0 mb-0">
-          <warning-bar
-            title="点击“文件名”可以编辑；选择的类别即是上传的类别。"
-          />
-          <div class="gva-btn-list gap-3">
-            <upload-common
-              :image-common="imageCommon"
-              :classId="search.classId"
-              @on-success="onSuccess"
-            />
-            <cropper-image :classId="search.classId" @on-success="onSuccess" />
-            <QRCodeUpload :classId="search.classId" @on-success="onSuccess" />
-            <upload-image
-              :image-url="imageUrl"
-              :file-size="512"
-              :max-w-h="1080"
-              :classId="search.classId"
-              @on-success="onSuccess"
-            />
-            <el-button type="primary" icon="upload" @click="importUrlFunc">
-              导入URL
-            </el-button>
-            <el-input
-              v-model="search.keyword"
-              class="w-72"
-              placeholder="请输入文件名或备注"
-            />
-            <el-button type="primary" icon="search" @click="onSubmit"
-              >查询
-            </el-button>
-          </div>
-
-          <el-table :data="tableData">
-            <el-table-column align="left" label="预览" width="100">
-              <template #default="scope">
-                <CustomPic pic-type="file" :pic-src="scope.row.url" preview />
-              </template>
-            </el-table-column>
-            <el-table-column
-              align="left"
-              label="日期"
-              prop="UpdatedAt"
-              width="180"
-            >
-              <template #default="scope">
-                <div>{{ formatDate(scope.row.UpdatedAt) }}</div>
-              </template>
-            </el-table-column>
-            <el-table-column
-              align="left"
-              label="文件名/备注"
-              prop="name"
-              width="180"
-            >
-              <template #default="scope">
-                <div
-                  class="cursor-pointer"
-                  @click="editFileNameFunc(scope.row)"
-                >
-                  {{ scope.row.name }}
-                </div>
-              </template>
-            </el-table-column>
-            <el-table-column
-              align="left"
-              label="链接"
-              prop="url"
-              min-width="300"
-            />
-            <el-table-column align="left" label="标签" prop="tag" width="100">
-              <template #default="scope">
-                <el-tag
-                  :type="
-                    scope.row.tag?.toLowerCase() === 'jpg' ? 'info' : 'success'
-                  "
-                  disable-transitions
-                  >{{ scope.row.tag }}
-                </el-tag>
-              </template>
-            </el-table-column>
-            <el-table-column align="left" label="操作" width="160">
-              <template #default="scope">
-                <el-button
-                  icon="download"
-                  type="primary"
-                  link
-                  @click="downloadFile(scope.row)"
-                  >下载
-                </el-button>
-                <el-button
-                  icon="delete"
-                  type="primary"
-                  link
-                  @click="deleteFileFunc(scope.row)"
-                  >删除
-                </el-button>
-              </template>
-            </el-table-column>
-          </el-table>
-          <div class="gva-pagination">
-            <el-pagination
-              :current-page="page"
-              :page-size="pageSize"
-              :page-sizes="[10, 30, 50, 100]"
-              :style="{ float: 'right', padding: '20px' }"
-              :total="total"
-              layout="total, sizes, prev, pager, next, jumper"
-              @current-change="handleCurrentChange"
-              @size-change="handleSizeChange"
-            />
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- 添加分类弹窗 -->
-    <el-dialog
-      v-model="categoryDialogVisible"
-      @close="closeAddCategoryDialog"
-      width="520"
-      :title="(categoryFormData.ID === 0 ? '添加' : '编辑') + '分类'"
-      draggable
-    >
-      <el-form
-        ref="categoryForm"
-        :rules="rules"
-        :model="categoryFormData"
-        label-width="80px"
-      >
-        <el-form-item label="上级分类">
-          <el-tree-select
-            v-model="categoryFormData.pid"
-            :data="categories"
-            check-strictly
-            :props="defaultProps"
-            :render-after-expand="false"
-            style="width: 240px"
-          />
-        </el-form-item>
-        <el-form-item label="分类名称" prop="name">
-          <el-input
-            v-model.trim="categoryFormData.name"
-            placeholder="分类名称"
-          ></el-input>
-        </el-form-item>
-      </el-form>
-      <template #footer>
-        <el-button @click="closeAddCategoryDialog">取消</el-button>
-        <el-button type="primary" @click="confirmAddCategory">确定</el-button>
-      </template>
-    </el-dialog>
-  </div>
-</template>
-
-<script setup>
-  import {
-    getFileList,
-    deleteFile,
-    editFileName,
-    importURL
-  } from '@/api/fileUploadAndDownload'
-  import { downloadImage } from '@/utils/downloadImg'
-  import CustomPic from '@/components/customPic/index.vue'
-  import UploadImage from '@/components/upload/image.vue'
-  import UploadCommon from '@/components/upload/common.vue'
-  import { CreateUUID, formatDate } from '@/utils/format'
-  import WarningBar from '@/components/warningBar/warningBar.vue'
-
-  import { ref } from 'vue'
-  import { ElMessage, ElMessageBox } from 'element-plus'
-  import {
-    addCategory,
-    deleteCategory,
-    getCategoryList
-  } from '@/api/attachmentCategory'
-  import CropperImage from '@/components/upload/cropper.vue'
-  import QRCodeUpload from '@/components/upload/QR-code.vue'
-
-  defineOptions({
-    name: 'Upload'
-  })
-
-  const fullscreenLoading = ref(false)
-  const path = ref(import.meta.env.VITE_BASE_API)
-
-  const imageUrl = ref('')
-  const imageCommon = ref('')
-
-  const page = ref(1)
-  const total = ref(0)
-  const pageSize = ref(10)
-  const search = ref({
-    keyword: null,
-    classId: 0
-  })
-  const tableData = ref([])
-
-  // 分页
-  const handleSizeChange = (val) => {
-    pageSize.value = val
-    getTableData()
-  }
-
-  const handleCurrentChange = (val) => {
-    page.value = val
-    getTableData()
-  }
-
-  const onSubmit = () => {
-    search.value.classId = 0
-    page.value = 1
-    getTableData()
-  }
-
-  // 查询
-  const getTableData = async () => {
-    const table = await getFileList({
-      page: page.value,
-      pageSize: pageSize.value,
-      ...search.value
-    })
-    if (table.code === 0) {
-      tableData.value = table.data.list
-      total.value = table.data.total
-      page.value = table.data.page
-      pageSize.value = table.data.pageSize
-    }
-  }
-  getTableData()
-
-  const deleteFileFunc = async (row) => {
-    ElMessageBox.confirm('此操作将永久删除文件, 是否继续?', '提示', {
-      confirmButtonText: '确定',
-      cancelButtonText: '取消',
-      type: 'warning'
-    })
-      .then(async () => {
-        const res = await deleteFile(row)
-        if (res.code === 0) {
-          ElMessage({
-            type: 'success',
-            message: '删除成功!'
-          })
-          if (tableData.value.length === 1 && page.value > 1) {
-            page.value--
-          }
-          await getTableData()
-        }
-      })
-      .catch(() => {
-        ElMessage({
-          type: 'info',
-          message: '已取消删除'
-        })
-      })
-  }
-
-  const downloadFile = (row) => {
-    if (row.url.indexOf('http://') > -1 || row.url.indexOf('https://') > -1) {
-      downloadImage(row.url, row.name)
-    } else {
-      downloadImage(path.value + '/' + row.url, row.name)
-    }
-  }
-
-  /**
-   * 编辑文件名或者备注
-   * @param row
-   * @returns {Promise<void>}
-   */
-  const editFileNameFunc = async (row) => {
-    ElMessageBox.prompt('请输入文件名或者备注', '编辑', {
-      confirmButtonText: '确定',
-      cancelButtonText: '取消',
-      inputPattern: /\S/,
-      inputErrorMessage: '不能为空',
-      inputValue: row.name
-    })
-      .then(async ({ value }) => {
-        row.name = value
-        // console.log(row)
-        const res = await editFileName(row)
-        if (res.code === 0) {
-          ElMessage({
-            type: 'success',
-            message: '编辑成功!'
-          })
-          await getTableData()
-        }
-      })
-      .catch(() => {
-        ElMessage({
-          type: 'info',
-          message: '取消修改'
-        })
-      })
-  }
-
-  /**
-   * 导入URL
-   */
-  const importUrlFunc = () => {
-    ElMessageBox.prompt('格式：文件名|链接或者仅链接。', '导入', {
-      confirmButtonText: '确定',
-      cancelButtonText: '取消',
-      inputType: 'textarea',
-      inputPlaceholder:
-        '我的图片|https://my-oss.com/my.png\nhttps://my-oss.com/my_1.png',
-      inputPattern: /\S/,
-      inputErrorMessage: '不能为空'
-    })
-      .then(async ({ value }) => {
-        let data = value.split('\n')
-        let importData = []
-        data.forEach((item) => {
-          let oneData = item.trim().split('|')
-          let url, name
-          if (oneData.length > 1) {
-            name = oneData[0].trim()
-            url = oneData[1]
-          } else {
-            url = oneData[0].trim()
-            let str = url.substring(url.lastIndexOf('/') + 1)
-            name = str.substring(0, str.lastIndexOf('.'))
-          }
-          if (url) {
-            importData.push({
-              name: name,
-              url: url,
-              classId: search.value.classId,
-              tag: url.substring(url.lastIndexOf('.') + 1),
-              key: CreateUUID()
-            })
-          }
-        })
-
-        const res = await importURL(importData)
-        if (res.code === 0) {
-          ElMessage({
-            type: 'success',
-            message: '导入成功!'
-          })
-          await getTableData()
-        }
-      })
-      .catch(() => {
-        ElMessage({
-          type: 'info',
-          message: '取消导入'
-        })
-      })
-  }
-
-  const onSuccess = () => {
-    search.value.keyword = null
-    page.value = 1
-    getTableData()
-  }
-
-  const defaultProps = {
-    children: 'children',
-    label: 'name',
-    value: 'ID'
-  }
-
-  const categories = ref([])
-  const fetchCategories = async () => {
-    const res = await getCategoryList()
-    let data = {
-      name: '全部分类',
-      ID: 0,
-      pid: 0,
-      children: []
-    }
-    if (res.code === 0) {
-      categories.value = res.data || []
-      categories.value.unshift(data)
-    }
-  }
-
-  const handleNodeClick = (node) => {
-    search.value.keyword = null
-    search.value.classId = node.ID
-    page.value = 1
-    getTableData()
-  }
-
-  const categoryDialogVisible = ref(false)
-  const categoryFormData = ref({
-    ID: 0,
-    pid: 0,
-    name: ''
-  })
-
-  const categoryForm = ref(null)
-  const rules = ref({
-    name: [
-      { required: true, message: '请输入分类名称', trigger: 'blur' },
-      { max: 20, message: '最多20位字符', trigger: 'blur' }
-    ]
-  })
-
-  const addCategoryFun = (category) => {
-    categoryDialogVisible.value = true
-    categoryFormData.value.ID = 0
-    categoryFormData.value.pid = category.ID
-  }
-
-  const editCategory = (category) => {
-    categoryFormData.value = {
-      ID: category.ID,
-      pid: category.pid,
-      name: category.name
-    }
-    categoryDialogVisible.value = true
-  }
-
-  const deleteCategoryFun = async (id) => {
-    const res = await deleteCategory({ id: id })
-    if (res.code === 0) {
-      ElMessage.success({ type: 'success', message: '删除成功' })
-      await fetchCategories()
-    }
-  }
-
-  const confirmAddCategory = async () => {
-    categoryForm.value.validate(async (valid) => {
-      if (valid) {
-        const res = await addCategory(categoryFormData.value)
-        if (res.code === 0) {
-          ElMessage({ type: 'success', message: '操作成功' })
-          await fetchCategories()
-          closeAddCategoryDialog()
-        }
-      }
-    })
-  }
-
-  const closeAddCategoryDialog = () => {
-    categoryDialogVisible.value = false
-    categoryFormData.value = {
-      ID: 0,
-      pid: 0,
-      name: ''
-    }
-  }
-
-  fetchCategories()
-</script>
diff --git a/src/view/layout/header/index.vue b/src/view/layout/header/index.vue
index 52631bd..f37bc5d 100644
--- a/src/view/layout/header/index.vue
+++ b/src/view/layout/header/index.vue
@@ -13,15 +13,10 @@
         :class="isMobile ? '' : 'min-w-48'"
         @click="router.push({ path: '/' })"
       >
-        <Logo />
         <div
           v-if="!isMobile"
           class="inline-flex font-bold text-2xl ml-2"
-          :class="
-            (config.side_mode === 'head' ||
-              config.side_mode === 'combination') &&
-            'min-w-fit'
-          "
+          :class="(config.side_mode === 'head' || config.side_mode === 'combination') && 'min-w-fit'"
         >
           {{ $GIN_VUE_ADMIN.appName }}
         </div>
@@ -32,35 +27,21 @@
         v-if="config.side_mode !== 'head' && config.side_mode !== 'combination'"
         class="ml-4"
       >
-        <el-breadcrumb-item
-          v-for="item in matched.slice(1, matched.length)"
-          :key="item.path"
-        >
+        <el-breadcrumb-item v-for="item in matched.slice(1, matched.length)" :key="item.path">
           {{ fmtTitle(item.meta.title, route) }}
         </el-breadcrumb-item>
       </el-breadcrumb>
-      <gva-aside
-        v-if="config.side_mode === 'head' && !isMobile"
-        class="flex-1"
-      />
-      <gva-aside
-        v-if="config.side_mode === 'combination' && !isMobile"
-        mode="head"
-        class="flex-1"
-      />
+      <gva-aside v-if="config.side_mode === 'head' && !isMobile" class="flex-1" />
+      <gva-aside v-if="config.side_mode === 'combination' && !isMobile" mode="head" class="flex-1" />
     </div>
 
     <div class="ml-2 flex items-center">
       <tools />
       <el-dropdown>
         <div class="flex justify-center items-center h-full w-full">
-          <span
-            class="cursor-pointer flex justify-center items-center text-black dark:text-gray-100"
-          >
+          <span class="cursor-pointer flex justify-center items-center text-black dark:text-gray-100">
             <CustomPic />
-            <span v-show="!isMobile" class="w-16">{{
-              userStore.userInfo.nickName
-            }}</span>
+            <span v-show="!isMobile" class="w-16">{{ userStore.userInfo.nickName }}</span>
             <el-icon>
               <arrow-down />
             </el-icon>
@@ -69,9 +50,7 @@
         <template #dropdown>
           <el-dropdown-menu>
             <el-dropdown-item>
-              <span class="font-bold">
-                当前角色：{{ userStore.userInfo.authority.authorityName }}
-              </span>
+              <span class="font-bold"> 当前角色：{{ userStore.userInfo.authority.authorityName }} </span>
             </el-dropdown-item>
             <template v-if="userStore.userInfo.authorities">
               <el-dropdown-item
@@ -84,12 +63,8 @@
                 <span> 切换为：{{ item.authorityName }} </span>
               </el-dropdown-item>
             </template>
-            <el-dropdown-item icon="avatar" @click="toPerson">
-              个人信息
-            </el-dropdown-item>
-            <el-dropdown-item icon="reading-lamp" @click="userStore.LoginOut">
-              登 出
-            </el-dropdown-item>
+            <el-dropdown-item icon="avatar" @click="toPerson"> 个人信息 </el-dropdown-item>
+            <el-dropdown-item icon="reading-lamp" @click="userStore.LoginOut"> 登 出 </el-dropdown-item>
           </el-dropdown-menu>
         </template>
       </el-dropdown>
@@ -108,7 +83,6 @@
   import { setUserAuthority } from '@/api/user'
   import { fmtTitle } from '@/utils/fmtRouterTitle'
   import gvaAside from '@/view/layout/aside/index.vue'
-  import Logo from '@/components/logo/index.vue'
 
   const userStore = useUserStore()
   const router = useRouter()
diff --git a/src/view/layout/header/tools.vue b/src/view/layout/header/tools.vue
index 51e8645..1b0ebd3 100644
--- a/src/view/layout/header/tools.vue
+++ b/src/view/layout/header/tools.vue
@@ -5,80 +5,46 @@
 
 <template>
   <div class="flex items-center mx-4 gap-4">
-    <el-tooltip class="" effect="dark" content="视频教程" placement="bottom">
-      <el-dropdown @command="toDoc">
-        <span class="w-8 h-8 p-2 rounded-full flex items-center justify-center shadow border border-gray-200 dark:border-gray-600 cursor-pointer border-solid">
-          <el-icon>
-          <Film />
-        </el-icon>
-        </span>
-        <template #dropdown>
-          <el-dropdown-menu>
-            <el-dropdown-item
-              v-for="item in videoList"
-              :key="item.link"
-              :command="item.link"
-              >{{ item.title }}</el-dropdown-item
-            >
-          </el-dropdown-menu>
-        </template>
-      </el-dropdown>
-    </el-tooltip>
-
     <el-tooltip class="" effect="dark" content="搜索" placement="bottom">
-        <span class="w-8 h-8 p-2 rounded-full flex items-center justify-center shadow border border-gray-200 dark:border-gray-600 cursor-pointer border-solid">
-        <el-icon
-            @click="handleCommand"
-        >
-        <Search />
-      </el-icon>
-        </span>
-
+      <span
+        class="w-8 h-8 p-2 rounded-full flex items-center justify-center shadow border border-gray-200 dark:border-gray-600 cursor-pointer border-solid"
+      >
+        <el-icon @click="handleCommand">
+          <Search />
+        </el-icon>
+      </span>
     </el-tooltip>
 
     <el-tooltip class="" effect="dark" content="系统设置" placement="bottom">
-        <span class="w-8 h-8 p-2 rounded-full flex items-center justify-center shadow border border-gray-200 dark:border-gray-600 cursor-pointer border-solid">
-         <el-icon
-             @click="toggleSetting"
-         >
-        <Setting />
-      </el-icon>
-        </span>
-
+      <span
+        class="w-8 h-8 p-2 rounded-full flex items-center justify-center shadow border border-gray-200 dark:border-gray-600 cursor-pointer border-solid"
+      >
+        <el-icon @click="toggleSetting">
+          <Setting />
+        </el-icon>
+      </span>
     </el-tooltip>
 
     <el-tooltip class="" effect="dark" content="刷新" placement="bottom">
-      <span class="w-8 h-8 p-2 rounded-full flex items-center justify-center shadow border border-gray-200 dark:border-gray-600 cursor-pointer border-solid">
-      <el-icon
-          :class="showRefreshAnmite ? 'animate-spin' : ''"
-          @click="toggleRefresh"
+      <span
+        class="w-8 h-8 p-2 rounded-full flex items-center justify-center shadow border border-gray-200 dark:border-gray-600 cursor-pointer border-solid"
       >
-        <Refresh />
-      </el-icon>
+        <el-icon :class="showRefreshAnmite ? 'animate-spin' : ''" @click="toggleRefresh">
+          <Refresh />
+        </el-icon>
       </span>
-
     </el-tooltip>
-    <el-tooltip
-      class=""
-      effect="dark"
-      content="切换主题"
-      placement="bottom"
-    >
-      <span class="w-8 h-8 p-2 rounded-full flex items-center justify-center shadow border border-gray-200 dark:border-gray-600 cursor-pointer border-solid">
-        <el-icon
-            v-if="appStore.isDark"
-            @click="appStore.toggleTheme(false)"
-        >
-        <Sunny />
-      </el-icon>
-      <el-icon
-          v-else
-          @click="appStore.toggleTheme(true)"
+    <el-tooltip class="" effect="dark" content="切换主题" placement="bottom">
+      <span
+        class="w-8 h-8 p-2 rounded-full flex items-center justify-center shadow border border-gray-200 dark:border-gray-600 cursor-pointer border-solid"
       >
-        <Moon />
-      </el-icon>
+        <el-icon v-if="appStore.isDark" @click="appStore.toggleTheme(false)">
+          <Sunny />
+        </el-icon>
+        <el-icon v-else @click="appStore.toggleTheme(true)">
+          <Moon />
+        </el-icon>
       </span>
-
     </el-tooltip>
 
     <gva-setting v-model:drawer="showSettingDrawer"></gva-setting>
@@ -92,7 +58,6 @@
   import { ref } from 'vue'
   import { emitter } from '@/utils/bus.js'
   import CommandMenu from '@/components/commandMenu/index.vue'
-  import { toDoc } from '@/utils/doc'
 
   const appStore = useAppStore()
   const showSettingDrawer = ref(false)
@@ -134,65 +99,6 @@
   }
 
   initPage()
-
-  const videoList = [
-    {
-      title: '1.clone项目和安装依赖',
-      link: 'https://www.bilibili.com/video/BV1jx4y1s7xx'
-    },
-    {
-      title: '2.初始化项目',
-      link: 'https://www.bilibili.com/video/BV1sr421K7sv'
-    },
-    {
-      title: '3.开启调试工具+创建初始化包',
-      link: 'https://www.bilibili.com/video/BV1iH4y1c7Na'
-    },
-    {
-      title: '4.手动使用自动化创建功能',
-      link: 'https://www.bilibili.com/video/BV1UZ421T7fV'
-    },
-    {
-      title: '5.使用已有表格创建业务',
-      link: 'https://www.bilibili.com/video/BV1NE4m1977s'
-    },
-    {
-      title: '6.使用AI创建业务和创建数据源模式的可选项',
-      link: 'https://www.bilibili.com/video/BV17i421a7DE'
-    },
-    {
-      title: '7.创建自己的后端方法',
-      link: 'https://www.bilibili.com/video/BV1Yw4m1k7fg'
-    },
-    {
-      title: '8.新增一个前端页面',
-      link: 'https://www.bilibili.com/video/BV12y411i7oE'
-    },
-    {
-      title: '9.配置一个前端二级页面',
-      link: 'https://www.bilibili.com/video/BV1ZM4m1y7i3'
-    },
-    {
-      title: '10.配置一个前端菜单参数',
-      link: 'https://www.bilibili.com/video/BV1WS42197DZ'
-    },
-    {
-      title: '11.菜单参数实战+动态菜单标题+菜单高亮配置',
-      link: 'https://www.bilibili.com/video/BV1NE4m1979c'
-    },
-    {
-      title: '12.增加菜单可控按钮',
-      link: 'https://www.bilibili.com/video/BV1Sw4m1k746'
-    },
-    {
-      title: '14.新增客户角色和其相关配置教学',
-      link: 'https://www.bilibili.com/video/BV1Ki421a7X2'
-    },
-    {
-      title: '15.发布项目上线',
-      link: 'https://www.bilibili.com/video/BV1Lx4y1s77D'
-    }
-  ]
 </script>
 
 <style scoped lang="scss"></style>
diff --git a/src/view/layout/index.vue b/src/view/layout/index.vue
index b67c9c1..6b0624a 100644
--- a/src/view/layout/index.vue
+++ b/src/view/layout/index.vue
@@ -31,7 +31,6 @@
               </transition>
             </div>
           </router-view>
-          <BottomInfo />
         </div>
       </div>
     </div>
@@ -43,7 +42,6 @@
   import GvaHeader from '@/view/layout/header/index.vue'
   import useResponsive from '@/hooks/responsive'
   import GvaTabs from './tabs/index.vue'
-  import BottomInfo from '@/components/bottomInfo/bottomInfo.vue'
   import { emitter } from '@/utils/bus.js'
   import { ref, onMounted, nextTick, reactive, watchEffect } from 'vue'
   import { useRouter, useRoute } from 'vue-router'
@@ -78,12 +76,6 @@
     if (userStore.loadingInstance) {
       userStore.loadingInstance.close()
     }
-    nextTick(() => {
-      document.getElementsByClassName(
-        'flex flex-col md:flex-row gap-2 items-center text-sm text-slate-700 dark:text-slate-500 justify-center py-2'
-      )[0].style.display = 'none'
-      // opacity = 0
-    })
   })
 
   const userStore = useUserStore()
diff --git a/src/view/layout/setting/modules/general/index.vue b/src/view/layout/setting/modules/general/index.vue
index e23fc24..b10066f 100644
--- a/src/view/layout/setting/modules/general/index.vue
+++ b/src/view/layout/setting/modules/general/index.vue
@@ -123,10 +123,6 @@
       <div class="section-content">
         <div class="bg-gray-50 dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-xl p-6 shadow-sm">
           <div class="flex items-start gap-5">
-            <div
-              class="w-16 h-16 bg-white dark:bg-gray-700 border border-gray-200 dark:border-gray-600 rounded-xl flex items-center justify-center flex-shrink-0 shadow-sm">
-              <Logo />
-            </div>
             <div class="flex-1">
               <h4 class="text-xl font-semibold text-gray-900 dark:text-white mb-3">Gin-Vue-Admin</h4>
               <p class="text-sm text-gray-600 dark:text-gray-400 mb-5 leading-relaxed">
@@ -158,7 +154,6 @@ import { ref, onMounted } from 'vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
 import { storeToRefs } from 'pinia'
 import { useAppStore } from '@/pinia'
-import Logo from '@/components/logo/index.vue'
 
 defineOptions({
   name: 'GeneralSettings'
diff --git a/src/view/login/index.vue b/src/view/login/index.vue
index bf2749c..9fc83fb 100644
--- a/src/view/login/index.vue
+++ b/src/view/login/index.vue
@@ -8,9 +8,6 @@
         <!-- 分割斜块 -->
         <div class="z-[999] pt-12 pb-10 md:w-96 w-full rounded-lg flex flex-col justify-between box-border">
           <div>
-            <!-- <div class="flex items-center justify-center">
-              <Logo :size="6" />
-            </div> -->
             <div class="mb-9">
               <p class="text-center text-4xl font-bold">
                 {{ $GIN_VUE_ADMIN.appName }}
@@ -77,34 +74,16 @@
       </div>
     </div>
 
-    <!-- <BottomInfo class="left-0 right-0 absolute bottom-3 mx-auto w-full z-20">
-      <div class="links items-center justify-center gap-2 hidden md:flex">
-        <a href="https://www.gin-vue-admin.com/" target="_blank">
-          <img src="@/assets/docs.png" class="w-8 h-8" alt="文档" />
-        </a>
-        <a href="https://support.qq.com/product/371961" target="_blank">
-          <img src="@/assets/kefu.png" class="w-8 h-8" alt="客服" />
-        </a>
-        <a href="https://github.com/flipped-aurora/gin-vue-admin" target="_blank">
-          <img src="@/assets/github.png" class="w-8 h-8" alt="github" />
-        </a>
-        <a href="https://space.bilibili.com/322210472" target="_blank">
-          <img src="@/assets/video.png" class="w-8 h-8" alt="视频站" />
-        </a>
-      </div>
-    </BottomInfo> -->
   </div>
 </template>
 
 <script setup>
   import { captcha } from '@/api/user'
   import { checkDB } from '@/api/initdb'
-  import BottomInfo from '@/components/bottomInfo/bottomInfo.vue'
   import { reactive, ref } from 'vue'
   import { ElMessage } from 'element-plus'
   import { useRouter } from 'vue-router'
   import { useUserStore } from '@/pinia/modules/user'
-  import Logo from '@/components/logo/index.vue'
 
   defineOptions({
     name: 'Login'
diff --git a/src/view/superAdmin/api/api.vue b/src/view/superAdmin/api/api.vue
deleted file mode 100644
index db0d21a..0000000
--- a/src/view/superAdmin/api/api.vue
+++ /dev/null
@@ -1,832 +0,0 @@
-<template>
-  <div>
-    <div class="gva-search-box">
-      <el-form ref="searchForm" :inline="true" :model="searchInfo">
-        <el-form-item label="路径">
-          <el-input v-model="searchInfo.path" placeholder="路径" />
-        </el-form-item>
-        <el-form-item label="描述">
-          <el-input v-model="searchInfo.description" placeholder="描述" />
-        </el-form-item>
-        <el-form-item label="API分组">
-          <el-select
-            v-model="searchInfo.apiGroup"
-            clearable
-            placeholder="请选择"
-          >
-            <el-option
-              v-for="item in apiGroupOptions"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-        <el-form-item label="请求">
-          <el-select v-model="searchInfo.method" clearable placeholder="请选择">
-            <el-option
-              v-for="item in methodOptions"
-              :key="item.value"
-              :label="`${item.label}(${item.value})`"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-        <el-form-item>
-          <el-button type="primary" icon="search" @click="onSubmit">
-            查询
-          </el-button>
-          <el-button icon="refresh" @click="onReset"> 重置 </el-button>
-        </el-form-item>
-      </el-form>
-    </div>
-    <div class="gva-table-box">
-      <div class="gva-btn-list">
-        <el-button type="primary" icon="plus" @click="openDialog('addApi')">
-          新增
-        </el-button>
-        <el-button icon="delete" :disabled="!apis.length" @click="onDelete">
-          删除
-        </el-button>
-        <el-button icon="Refresh" @click="onFresh"> 刷新缓存 </el-button>
-        <el-button icon="Compass" @click="onSync"> 同步API </el-button>
-        <ExportTemplate template-id="api" />
-        <ExportExcel template-id="api" :limit="9999" />
-        <ImportExcel template-id="api" @on-success="getTableData" />
-      </div>
-      <el-table
-        :data="tableData"
-        @sort-change="sortChange"
-        @selection-change="handleSelectionChange"
-      >
-        <el-table-column type="selection" width="55" />
-        <el-table-column
-          align="left"
-          label="id"
-          min-width="60"
-          prop="ID"
-          sortable="custom"
-        />
-        <el-table-column
-          align="left"
-          label="API路径"
-          min-width="150"
-          prop="path"
-          sortable="custom"
-        />
-        <el-table-column
-          align="left"
-          label="API分组"
-          min-width="150"
-          prop="apiGroup"
-          sortable="custom"
-        />
-        <el-table-column
-          align="left"
-          label="API简介"
-          min-width="150"
-          prop="description"
-          sortable="custom"
-        />
-        <el-table-column
-          align="left"
-          label="请求"
-          min-width="150"
-          prop="method"
-          sortable="custom"
-        >
-          <template #default="scope">
-            <div>
-              {{ scope.row.method }} / {{ methodFilter(scope.row.method) }}
-            </div>
-          </template>
-        </el-table-column>
-
-        <el-table-column align="left" fixed="right" label="操作" :min-width="appStore.operateMinWith">
-          <template #default="scope">
-            <el-button
-              icon="edit"
-              type="primary"
-              link
-              @click="editApiFunc(scope.row)"
-            >
-              编辑
-            </el-button>
-            <el-button
-              icon="delete"
-              type="primary"
-              link
-              @click="deleteApiFunc(scope.row)"
-            >
-              删除
-            </el-button>
-          </template>
-        </el-table-column>
-      </el-table>
-      <div class="gva-pagination">
-        <el-pagination
-          :current-page="page"
-          :page-size="pageSize"
-          :page-sizes="[10, 30, 50, 100]"
-          :total="total"
-          layout="total, sizes, prev, pager, next, jumper"
-          @current-change="handleCurrentChange"
-          @size-change="handleSizeChange"
-        />
-      </div>
-    </div>
-
-    <el-drawer
-      v-model="syncApiFlag"
-      :size="appStore.drawerSize"
-      :before-close="closeSyncDialog"
-      :show-close="false"
-    >
-      <warning-bar
-        title="同步API，不输入路由分组将不会被自动同步，如果api不需要参与鉴权，可以按忽略按钮进行忽略。"
-      />
-      <template #header>
-        <div class="flex justify-between items-center">
-          <span class="text-lg">同步路由</span>
-          <div>
-            <el-button :loading="apiCompletionLoading" @click="closeSyncDialog">
-              取 消
-            </el-button>
-            <el-button
-              type="primary"
-              :loading="syncing || apiCompletionLoading"
-              @click="enterSyncDialog"
-            >
-              确 定
-            </el-button>
-          </div>
-        </div>
-      </template>
-
-      <h4>
-        新增路由
-        <span class="text-xs text-gray-500 mx-2 font-normal"
-          >存在于当前路由中，但是不存在于api表</span
-        >
-        <el-button type="primary" size="small" @click="apiCompletion">
-          <el-icon size="18">
-            <ai-gva />
-          </el-icon>
-          自动填充
-        </el-button>
-      </h4>
-      <el-table
-        v-loading="syncing || apiCompletionLoading"
-        element-loading-text="小淼正在思考..."
-        :data="syncApiData.newApis"
-      >
-        <el-table-column
-          align="left"
-          label="API路径"
-          min-width="150"
-          prop="path"
-        />
-        <el-table-column
-          align="left"
-          label="API分组"
-          min-width="150"
-          prop="apiGroup"
-        >
-          <template #default="{ row }">
-            <el-select
-              v-model="row.apiGroup"
-              placeholder="请选择或新增"
-              allow-create
-              filterable
-              default-first-option
-            >
-              <el-option
-                v-for="item in apiGroupOptions"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value"
-              />
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column
-          align="left"
-          label="API简介"
-          min-width="150"
-          prop="description"
-        >
-          <template #default="{ row }">
-            <el-input v-model="row.description" autocomplete="off" />
-          </template>
-        </el-table-column>
-        <el-table-column
-          align="left"
-          label="请求"
-          min-width="150"
-          prop="method"
-        >
-          <template #default="scope">
-            <div>
-              {{ scope.row.method }} / {{ methodFilter(scope.row.method) }}
-            </div>
-          </template>
-        </el-table-column>
-        <el-table-column label="操作" min-width="150" fixed="right">
-          <template #default="{ row }">
-            <el-button icon="plus" type="primary" link @click="addApiFunc(row)">
-              单条新增
-            </el-button>
-            <el-button
-              icon="sunrise"
-              type="primary"
-              link
-              @click="ignoreApiFunc(row, true)"
-            >
-              忽略
-            </el-button>
-          </template>
-        </el-table-column>
-      </el-table>
-
-      <h4>
-        已删除路由
-        <span class="text-xs text-gray-500 ml-2 font-normal"
-          >已经不存在于当前项目的路由中，确定同步后会自动从apis表删除</span
-        >
-      </h4>
-      <el-table :data="syncApiData.deleteApis">
-        <el-table-column
-          align="left"
-          label="API路径"
-          min-width="150"
-          prop="path"
-        />
-        <el-table-column
-          align="left"
-          label="API分组"
-          min-width="150"
-          prop="apiGroup"
-        />
-        <el-table-column
-          align="left"
-          label="API简介"
-          min-width="150"
-          prop="description"
-        />
-        <el-table-column
-          align="left"
-          label="请求"
-          min-width="150"
-          prop="method"
-        >
-          <template #default="scope">
-            <div>
-              {{ scope.row.method }} / {{ methodFilter(scope.row.method) }}
-            </div>
-          </template>
-        </el-table-column>
-      </el-table>
-
-      <h4>
-        忽略路由
-        <span class="text-xs text-gray-500 ml-2 font-normal"
-          >忽略路由不参与api同步，常见为不需要进行鉴权行为的路由</span
-        >
-      </h4>
-      <el-table :data="syncApiData.ignoreApis">
-        <el-table-column
-          align="left"
-          label="API路径"
-          min-width="150"
-          prop="path"
-        />
-        <el-table-column
-          align="left"
-          label="API分组"
-          min-width="150"
-          prop="apiGroup"
-        />
-        <el-table-column
-          align="left"
-          label="API简介"
-          min-width="150"
-          prop="description"
-        />
-        <el-table-column
-          align="left"
-          label="请求"
-          min-width="150"
-          prop="method"
-        >
-          <template #default="scope">
-            <div>
-              {{ scope.row.method }} / {{ methodFilter(scope.row.method) }}
-            </div>
-          </template>
-        </el-table-column>
-        <el-table-column label="操作" min-width="150" fixed="right">
-          <template #default="{ row }">
-            <el-button
-              icon="sunny"
-              type="primary"
-              link
-              @click="ignoreApiFunc(row, false)"
-            >
-              取消忽略
-            </el-button>
-          </template>
-        </el-table-column>
-      </el-table>
-    </el-drawer>
-
-    <el-drawer
-      v-model="dialogFormVisible"
-      :size="appStore.drawerSize"
-      :before-close="closeDialog"
-      :show-close="false"
-    >
-      <template #header>
-        <div class="flex justify-between items-center">
-          <span class="text-lg">{{ dialogTitle }}</span>
-          <div>
-            <el-button @click="closeDialog"> 取 消 </el-button>
-            <el-button type="primary" @click="enterDialog"> 确 定 </el-button>
-          </div>
-        </div>
-      </template>
-
-      <warning-bar title="新增API，需要在角色管理内配置权限才可使用" />
-      <el-form ref="apiForm" :model="form" :rules="rules" label-width="80px">
-        <el-form-item label="路径" prop="path">
-          <el-input v-model="form.path" autocomplete="off" />
-        </el-form-item>
-        <el-form-item label="请求" prop="method">
-          <el-select
-            v-model="form.method"
-            placeholder="请选择"
-            style="width: 100%"
-          >
-            <el-option
-              v-for="item in methodOptions"
-              :key="item.value"
-              :label="`${item.label}(${item.value})`"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-        <el-form-item label="api分组" prop="apiGroup">
-          <el-select
-            v-model="form.apiGroup"
-            placeholder="请选择或新增"
-            allow-create
-            filterable
-            default-first-option
-          >
-            <el-option
-              v-for="item in apiGroupOptions"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-        <el-form-item label="api简介" prop="description">
-          <el-input v-model="form.description" autocomplete="off" />
-        </el-form-item>
-      </el-form>
-    </el-drawer>
-  </div>
-</template>
-
-<script setup>
-  import {
-    getApiById,
-    getApiList,
-    createApi,
-    updateApi,
-    deleteApi,
-    deleteApisByIds,
-    freshCasbin,
-    syncApi,
-    getApiGroups,
-    ignoreApi,
-    enterSyncApi
-  } from '@/api/api'
-  import { toSQLLine } from '@/utils/stringFun'
-  import WarningBar from '@/components/warningBar/warningBar.vue'
-  import { ref } from 'vue'
-  import { ElMessage, ElMessageBox } from 'element-plus'
-  import ExportExcel from '@/components/exportExcel/exportExcel.vue'
-  import ExportTemplate from '@/components/exportExcel/exportTemplate.vue'
-  import ImportExcel from '@/components/exportExcel/importExcel.vue'
-  import { butler } from '@/api/autoCode'
-  import { useAppStore } from "@/pinia";
-
-  defineOptions({
-    name: 'Api'
-  })
-
-  const appStore = useAppStore()
-
-  const methodFilter = (value) => {
-    const target = methodOptions.value.filter((item) => item.value === value)[0]
-    return target && `${target.label}`
-  }
-
-  const apis = ref([])
-  const form = ref({
-    path: '',
-    apiGroup: '',
-    method: '',
-    description: ''
-  })
-  const methodOptions = ref([
-    {
-      value: 'POST',
-      label: '创建',
-      type: 'success'
-    },
-    {
-      value: 'GET',
-      label: '查看',
-      type: ''
-    },
-    {
-      value: 'PUT',
-      label: '更新',
-      type: 'warning'
-    },
-    {
-      value: 'DELETE',
-      label: '删除',
-      type: 'danger'
-    }
-  ])
-
-  const type = ref('')
-  const rules = ref({
-    path: [{ required: true, message: '请输入api路径', trigger: 'blur' }],
-    apiGroup: [{ required: true, message: '请输入组名称', trigger: 'blur' }],
-    method: [{ required: true, message: '请选择请求方式', trigger: 'blur' }],
-    description: [{ required: true, message: '请输入api介绍', trigger: 'blur' }]
-  })
-
-  const page = ref(1)
-  const total = ref(0)
-  const pageSize = ref(10)
-  const tableData = ref([])
-  const searchInfo = ref({})
-  const apiGroupOptions = ref([])
-  const apiGroupMap = ref({})
-
-  const getGroup = async () => {
-    const res = await getApiGroups()
-    if (res.code === 0) {
-      const groups = res.data.groups
-      apiGroupOptions.value = groups.map((item) => ({
-        label: item,
-        value: item
-      }))
-      apiGroupMap.value = res.data.apiGroupMap
-    }
-  }
-
-  const ignoreApiFunc = async (row, flag) => {
-    const res = await ignoreApi({ path: row.path, method: row.method, flag })
-    if (res.code === 0) {
-      ElMessage({
-        type: 'success',
-        message: res.msg
-      })
-      if (flag) {
-        syncApiData.value.newApis = syncApiData.value.newApis.filter(
-          (item) => !(item.path === row.path && item.method === row.method)
-        )
-        syncApiData.value.ignoreApis.push(row)
-        return
-      }
-      syncApiData.value.ignoreApis = syncApiData.value.ignoreApis.filter(
-        (item) => !(item.path === row.path && item.method === row.method)
-      )
-      syncApiData.value.newApis.push(row)
-    }
-  }
-
-  const addApiFunc = async (row) => {
-    if (!row.apiGroup) {
-      ElMessage({
-        type: 'error',
-        message: '请先选择API分组'
-      })
-      return
-    }
-    if (!row.description) {
-      ElMessage({
-        type: 'error',
-        message: '请先填写API描述'
-      })
-      return
-    }
-    const res = await createApi(row)
-    if (res.code === 0) {
-      ElMessage({
-        type: 'success',
-        message: '添加成功，请到角色管理页面分配权限',
-        showClose: true
-      })
-      syncApiData.value.newApis = syncApiData.value.newApis.filter(
-        (item) => !(item.path === row.path && item.method === row.method)
-      )
-    }
-    getTableData()
-    getGroup()
-  }
-
-  const closeSyncDialog = () => {
-    syncApiFlag.value = false
-  }
-
-  const syncing = ref(false)
-
-  const enterSyncDialog = async () => {
-    if (
-      syncApiData.value.newApis.some(
-        (item) => !item.apiGroup || !item.description
-      )
-    ) {
-      ElMessage({
-        type: 'error',
-        message: '存在API未分组或未填写描述'
-      })
-      return
-    }
-
-    syncing.value = true
-    const res = await enterSyncApi(syncApiData.value)
-    syncing.value = false
-    if (res.code === 0) {
-      ElMessage({
-        type: 'success',
-        message: res.msg
-      })
-      syncApiFlag.value = false
-      getTableData()
-    }
-  }
-
-  const onReset = () => {
-    searchInfo.value = {}
-    getTableData()
-  }
-  // 搜索
-
-  const onSubmit = () => {
-    page.value = 1
-    getTableData()
-  }
-
-  // 分页
-  const handleSizeChange = (val) => {
-    pageSize.value = val
-    getTableData()
-  }
-
-  const handleCurrentChange = (val) => {
-    page.value = val
-    getTableData()
-  }
-
-  // 排序
-  const sortChange = ({ prop, order }) => {
-    if (prop) {
-      if (prop === 'ID') {
-        prop = 'id'
-      }
-      searchInfo.value.orderKey = toSQLLine(prop)
-      searchInfo.value.desc = order === 'descending'
-    }
-    getTableData()
-  }
-
-  // 查询
-  const getTableData = async () => {
-    const table = await getApiList({
-      page: page.value,
-      pageSize: pageSize.value,
-      ...searchInfo.value
-    })
-    if (table.code === 0) {
-      tableData.value = table.data.list
-      total.value = table.data.total
-      page.value = table.data.page
-      pageSize.value = table.data.pageSize
-    }
-  }
-
-  getTableData()
-  getGroup()
-  // 批量操作
-  const handleSelectionChange = (val) => {
-    apis.value = val
-  }
-
-  const onDelete = async () => {
-    ElMessageBox.confirm('确定要删除吗?', '提示', {
-      confirmButtonText: '确定',
-      cancelButtonText: '取消',
-      type: 'warning'
-    }).then(async () => {
-      const ids = apis.value.map((item) => item.ID)
-      const res = await deleteApisByIds({ ids })
-      if (res.code === 0) {
-        ElMessage({
-          type: 'success',
-          message: res.msg
-        })
-        if (tableData.value.length === ids.length && page.value > 1) {
-          page.value--
-        }
-        getTableData()
-      }
-    })
-  }
-  const onFresh = async () => {
-    ElMessageBox.confirm('确定要刷新缓存吗?', '提示', {
-      confirmButtonText: '确定',
-      cancelButtonText: '取消',
-      type: 'warning'
-    }).then(async () => {
-      const res = await freshCasbin()
-      if (res.code === 0) {
-        ElMessage({
-          type: 'success',
-          message: res.msg
-        })
-      }
-    })
-  }
-
-  const syncApiData = ref({
-    newApis: [],
-    deleteApis: [],
-    ignoreApis: []
-  })
-
-  const syncApiFlag = ref(false)
-
-  const onSync = async () => {
-    const res = await syncApi()
-    if (res.code === 0) {
-      res.data.newApis.forEach((item) => {
-        item.apiGroup = apiGroupMap.value[item.path.split('/')[1]]
-      })
-
-      syncApiData.value = res.data
-      syncApiFlag.value = true
-    }
-  }
-
-  // 弹窗相关
-  const apiForm = ref(null)
-  const initForm = () => {
-    apiForm.value.resetFields()
-    form.value = {
-      path: '',
-      apiGroup: '',
-      method: '',
-      description: ''
-    }
-  }
-
-  const dialogTitle = ref('新增Api')
-  const dialogFormVisible = ref(false)
-  const openDialog = (key) => {
-    switch (key) {
-      case 'addApi':
-        dialogTitle.value = '新增Api'
-        break
-      case 'edit':
-        dialogTitle.value = '编辑Api'
-        break
-      default:
-        break
-    }
-    type.value = key
-    dialogFormVisible.value = true
-  }
-  const closeDialog = () => {
-    initForm()
-    dialogFormVisible.value = false
-  }
-
-  const editApiFunc = async (row) => {
-    const res = await getApiById({ id: row.ID })
-    form.value = res.data.api
-    openDialog('edit')
-  }
-
-  const enterDialog = async () => {
-    apiForm.value.validate(async (valid) => {
-      if (valid) {
-        switch (type.value) {
-          case 'addApi':
-            {
-              const res = await createApi(form.value)
-              if (res.code === 0) {
-                ElMessage({
-                  type: 'success',
-                  message: '添加成功',
-                  showClose: true
-                })
-              }
-              getTableData()
-              getGroup()
-              closeDialog()
-            }
-
-            break
-          case 'edit':
-            {
-              const res = await updateApi(form.value)
-              if (res.code === 0) {
-                ElMessage({
-                  type: 'success',
-                  message: '编辑成功',
-                  showClose: true
-                })
-              }
-              getTableData()
-              closeDialog()
-            }
-            break
-          default:
-            {
-              ElMessage({
-                type: 'error',
-                message: '未知操作',
-                showClose: true
-              })
-            }
-            break
-        }
-      }
-    })
-  }
-
-  const deleteApiFunc = async (row) => {
-    ElMessageBox.confirm('此操作将永久删除所有角色下该api, 是否继续?', '提示', {
-      confirmButtonText: '确定',
-      cancelButtonText: '取消',
-      type: 'warning'
-    }).then(async () => {
-      const res = await deleteApi(row)
-      if (res.code === 0) {
-        ElMessage({
-          type: 'success',
-          message: '删除成功!'
-        })
-        if (tableData.value.length === 1 && page.value > 1) {
-          page.value--
-        }
-        getTableData()
-        getGroup()
-      }
-    })
-  }
-  const apiCompletionLoading = ref(false)
-  const apiCompletion = async () => {
-    apiCompletionLoading.value = true
-    const routerPaths = syncApiData.value.newApis
-      .filter((item) => !item.apiGroup || !item.description)
-      .map((item) => item.path)
-    const res = await butler({ data: routerPaths, command: 'apiCompletion' })
-    apiCompletionLoading.value = false
-    if (res.code === 0) {
-      try {
-        const data = JSON.parse(res.data)
-        syncApiData.value.newApis.forEach((item) => {
-          const target = data.find((d) => d.path === item.path)
-          if (target) {
-            if (!item.apiGroup) {
-              item.apiGroup = target.apiGroup
-            }
-            if (!item.description) {
-              item.description = target.description
-            }
-          }
-        })
-      } catch (_) {
-        ElMessage({
-          type: 'error',
-          message: 'AI自动填充失败,请重新生成'
-        })
-      }
-    }
-  }
-</script>
-
-<style scoped lang="scss">
-  .warning {
-    color: #dc143c;
-  }
-</style>
diff --git a/src/view/superAdmin/dictionary/sysDictionary.vue b/src/view/superAdmin/dictionary/sysDictionary.vue
deleted file mode 100644
index 894e8a3..0000000
--- a/src/view/superAdmin/dictionary/sysDictionary.vue
+++ /dev/null
@@ -1,372 +0,0 @@
-<template>
-  <div>
-    <warning-bar
-      title="获取字典且缓存方法已在前端utils/dictionary 已经封装完成 不必自己书写 使用方法查看文件内注释"
-    />
-    <el-splitter class="h-full">
-      <el-splitter-panel size="400px" min="200px" max="800px" collapsible>
-        <div
-          class="flex-none bg-white text-slate-700 dark:text-slate-400 dark:bg-slate-900 rounded p-4"
-        >
-          <div class="flex justify-between items-center relative">
-            <span class="text font-bold">字典列表</span>
-            <el-input
-              class="!absolute top-0 left-0 z-2 ease-in-out animate-slide-left"
-              placeholder="搜索"
-              v-if="showSearchInput"
-              v-model="searchName"
-              clearable
-              :autofocus="showSearchInput"
-              @clear="clearSearchInput"
-              :prefix-icon="Search"
-              v-click-outside="handleCloseSearchInput"
-              @keydown="handleInputKeyDown"
-            >
-              <template #append>
-                <el-button
-                  :type="searchName ? 'primary' : 'info'"
-                  @click="getTableData"
-                  >搜索</el-button
-                >
-              </template>
-            </el-input>
-            <el-button
-              class="ml-auto"
-              :icon="Search"
-              @click="showSearchInputHandler"
-            ></el-button>
-            <el-button type="primary" @click="openDrawer" :icon="Plus">
-            </el-button>
-          </div>
-          <el-scrollbar class="mt-4" style="height: calc(100vh - 300px)">
-            <div
-              v-for="dictionary in dictionaryData"
-              :key="dictionary.ID"
-              class="rounded flex justify-between items-center px-2 py-4 cursor-pointer mt-2 hover:bg-blue-50 dark:hover:bg-blue-900 bg-gray-50 dark:bg-gray-800 gap-4"
-              :class="[
-                selectID === dictionary.ID
-                  ? 'text-active'
-                  : 'text-slate-700 dark:text-slate-50',
-                dictionary.parentID ? 'ml-4 border-l-2 border-blue-200' : ''
-              ]"
-              @click="toDetail(dictionary)"
-            >
-              <div class="max-w-[160px] truncate">
-                <span
-                  v-if="dictionary.parentID"
-                  class="text-xs text-gray-400 mr-1"
-                  >└─</span
-                >
-                {{ dictionary.name }}
-                <span class="mr-auto text-sm">（{{ dictionary.type }}）</span>
-              </div>
-
-              <div class="min-w-[40px]">
-                <el-icon
-                  class="text-blue-500"
-                  @click.stop="updateSysDictionaryFunc(dictionary)"
-                >
-                  <Edit />
-                </el-icon>
-                <el-icon
-                  class="ml-2 text-red-500"
-                  @click="deleteSysDictionaryFunc(dictionary)"
-                >
-                  <Delete />
-                </el-icon>
-              </div>
-            </div>
-          </el-scrollbar>
-        </div>
-      </el-splitter-panel>
-      <el-splitter-panel :min="200">
-        <div
-          class="flex-1 bg-white text-slate-700 dark:text-slate-400 dark:bg-slate-900"
-        >
-          <sysDictionaryDetail :sys-dictionary-i-d="selectID" />
-        </div>
-      </el-splitter-panel>
-    </el-splitter>
-
-    <el-drawer
-      v-model="drawerFormVisible"
-      :size="appStore.drawerSize"
-      :show-close="false"
-      :before-close="closeDrawer"
-    >
-      <template #header>
-        <div class="flex justify-between items-center">
-          <span class="text-lg">{{
-            type === 'create' ? '添加字典' : '修改字典'
-          }}</span>
-          <div>
-            <el-button @click="closeDrawer"> 取 消 </el-button>
-            <el-button type="primary" @click="enterDrawer"> 确 定 </el-button>
-          </div>
-        </div>
-      </template>
-      <el-form
-        ref="drawerForm"
-        :model="formData"
-        :rules="rules"
-        label-width="110px"
-      >
-        <el-form-item label="父级字典" prop="parentID">
-          <el-select
-            v-model="formData.parentID"
-            placeholder="请选择父级字典（可选）"
-            clearable
-            filterable
-            :style="{ width: '100%' }"
-          >
-            <el-option
-              v-for="dict in availableParentDictionaries"
-              :key="dict.ID"
-              :label="`${dict.name}（${dict.type}）`"
-              :value="dict.ID"
-            />
-          </el-select>
-        </el-form-item>
-        <el-form-item label="字典名（中）" prop="name">
-          <el-input
-            v-model="formData.name"
-            placeholder="请输入字典名（中）"
-            clearable
-            :style="{ width: '100%' }"
-          />
-        </el-form-item>
-        <el-form-item label="字典名（英）" prop="type">
-          <el-input
-            v-model="formData.type"
-            placeholder="请输入字典名（英）"
-            clearable
-            :style="{ width: '100%' }"
-          />
-        </el-form-item>
-        <el-form-item label="状态" prop="status" required>
-          <el-switch
-            v-model="formData.status"
-            active-text="开启"
-            inactive-text="停用"
-          />
-        </el-form-item>
-        <el-form-item label="描述" prop="desc">
-          <el-input
-            v-model="formData.desc"
-            placeholder="请输入描述"
-            clearable
-            :style="{ width: '100%' }"
-          />
-        </el-form-item>
-      </el-form>
-    </el-drawer>
-  </div>
-</template>
-
-<script setup>
-  import {
-    createSysDictionary,
-    deleteSysDictionary,
-    updateSysDictionary,
-    findSysDictionary,
-    getSysDictionaryList
-  } from '@/api/sysDictionary' // 此处请自行替换地址
-  import WarningBar from '@/components/warningBar/warningBar.vue'
-  import { ref } from 'vue'
-  import { ElMessage, ElMessageBox } from 'element-plus'
-
-  import sysDictionaryDetail from './sysDictionaryDetail.vue'
-  import { Edit, Plus, Search } from '@element-plus/icons-vue'
-  import { useAppStore } from '@/pinia'
-
-  defineOptions({
-    name: 'SysDictionary'
-  })
-
-  const appStore = useAppStore()
-
-  const selectID = ref(0)
-
-  const formData = ref({
-    name: null,
-    type: null,
-    status: true,
-    desc: null,
-    parentID: null
-  })
-  const searchName = ref('')
-  const showSearchInput = ref(false)
-  const rules = ref({
-    name: [
-      {
-        required: true,
-        message: '请输入字典名（中）',
-        trigger: 'blur'
-      }
-    ],
-    type: [
-      {
-        required: true,
-        message: '请输入字典名（英）',
-        trigger: 'blur'
-      }
-    ],
-    desc: [
-      {
-        required: true,
-        message: '请输入描述',
-        trigger: 'blur'
-      }
-    ]
-  })
-
-  const dictionaryData = ref([])
-  const availableParentDictionaries = ref([])
-
-  // 查询
-  const getTableData = async () => {
-    const res = await getSysDictionaryList({
-      name: searchName.value.trim()
-    })
-    if (res.code === 0) {
-      dictionaryData.value = res.data
-      selectID.value = res.data[0].ID
-      // 更新可选父级字典列表
-      updateAvailableParentDictionaries()
-    }
-  }
-
-  // 更新可选父级字典列表
-  const updateAvailableParentDictionaries = () => {
-    // 如果是编辑模式，排除当前字典及其子字典
-    if (type.value === 'update' && formData.value.ID) {
-      availableParentDictionaries.value = dictionaryData.value.filter(
-        (dict) => {
-          return (
-            dict.ID !== formData.value.ID &&
-            !isChildDictionary(dict.ID, formData.value.ID)
-          )
-        }
-      )
-    } else {
-      // 创建模式，显示所有字典
-      availableParentDictionaries.value = [...dictionaryData.value]
-    }
-  }
-
-  // 检查是否为子字典（防止循环引用）
-  const isChildDictionary = (dictId, parentId) => {
-    const dict = dictionaryData.value.find((d) => d.ID === dictId)
-    if (!dict || !dict.parentID) return false
-    if (dict.parentID === parentId) return true
-    return isChildDictionary(dict.parentID, parentId)
-  }
-
-  getTableData()
-
-  const toDetail = (row) => {
-    selectID.value = row.ID
-  }
-
-  const drawerFormVisible = ref(false)
-  const type = ref('')
-  const updateSysDictionaryFunc = async (row) => {
-    const res = await findSysDictionary({ ID: row.ID, status: row.status })
-    type.value = 'update'
-    if (res.code === 0) {
-      formData.value = res.data.resysDictionary
-      drawerFormVisible.value = true
-      // 更新可选父级字典列表
-      updateAvailableParentDictionaries()
-    }
-  }
-  const closeDrawer = () => {
-    drawerFormVisible.value = false
-    formData.value = {
-      name: null,
-      type: null,
-      status: true,
-      desc: null,
-      parentID: null
-    }
-  }
-  const deleteSysDictionaryFunc = async (row) => {
-    ElMessageBox.confirm('确定要删除吗?', '提示', {
-      confirmButtonText: '确定',
-      cancelButtonText: '取消',
-      type: 'warning'
-    }).then(async () => {
-      const res = await deleteSysDictionary({ ID: row.ID })
-      if (res.code === 0) {
-        ElMessage({
-          type: 'success',
-          message: '删除成功'
-        })
-        getTableData()
-      }
-    })
-  }
-
-  const drawerForm = ref(null)
-  const enterDrawer = async () => {
-    drawerForm.value.validate(async (valid) => {
-      if (!valid) return
-      let res
-      switch (type.value) {
-        case 'create':
-          res = await createSysDictionary(formData.value)
-          break
-        case 'update':
-          res = await updateSysDictionary(formData.value)
-          break
-        default:
-          res = await createSysDictionary(formData.value)
-          break
-      }
-      if (res.code === 0) {
-        ElMessage.success('操作成功')
-        closeDrawer()
-        getTableData()
-      }
-    })
-  }
-  const openDrawer = () => {
-    type.value = 'create'
-    drawerForm.value && drawerForm.value.clearValidate()
-    drawerFormVisible.value = true
-    // 更新可选父级字典列表
-    updateAvailableParentDictionaries()
-  }
-
-  const clearSearchInput = () => {
-    if (!showSearchInput.value) return
-    searchName.value = ''
-    showSearchInput.value = false
-    getTableData()
-  }
-  const handleCloseSearchInput = () => {
-    if (!showSearchInput.value || searchName.value.trim() != '') return
-    showSearchInput.value = false
-  }
-
-  const showSearchInputHandler = () => {
-    showSearchInput.value = true
-  }
-
-  const handleInputKeyDown = (e) => {
-    if (e.key === 'Enter' && searchName.value.trim() !== '') {
-      getTableData()
-    }
-  }
-</script>
-
-<style>
-  .dict-box {
-    height: calc(100vh - 240px);
-  }
-
-  .active {
-    background-color: var(--el-color-primary) !important;
-    color: #fff;
-  }
-</style>
diff --git a/src/view/superAdmin/dictionary/sysDictionaryDetail.vue b/src/view/superAdmin/dictionary/sysDictionaryDetail.vue
deleted file mode 100644
index 66fc538..0000000
--- a/src/view/superAdmin/dictionary/sysDictionaryDetail.vue
+++ /dev/null
@@ -1,408 +0,0 @@
-<template>
-  <div>
-    <div class="gva-table-box">
-      <div class="gva-btn-list justify-between flex items-center">
-        <span class="text font-bold">字典详细内容</span>
-        <div class="flex items-center gap-2">
-          <el-input
-            placeholder="搜索展示值"
-            v-model="searchName"
-            clearable
-            class="!w-64"
-            @clear="clearSearchInput"
-            :prefix-icon="Search"
-            v-click-outside="handleCloseSearchInput"
-            @keydown="handleInputKeyDown"
-          >
-            <template #append>
-              <el-button
-                :type="searchName ? 'primary' : 'info'"
-                @click="getTreeData"
-                >搜索</el-button
-              >
-            </template>
-          </el-input>
-          <el-button type="primary" icon="plus" @click="openDrawer">
-            新增字典项
-          </el-button>
-        </div>
-      </div>
-      <!-- 表格视图 -->
-      <el-table
-        :data="treeData"
-        style="width: 100%"
-        tooltip-effect="dark"
-        :tree-props="{ children: 'children'}"
-        row-key="ID"
-        default-expand-all
-      >
-        <el-table-column type="selection" width="55" />
-
-        <el-table-column align="left" label="展示值" prop="label" min-width="240"/>
-
-        <el-table-column align="left" label="字典值" prop="value" />
-
-        <el-table-column align="left" label="扩展值" prop="extend" />
-
-        <el-table-column align="left" label="日期" width="180">
-          <template #default="scope">
-            {{ formatDate(scope.row.CreatedAt) }}
-          </template>
-        </el-table-column>
-
-        <el-table-column align="left" label="层级" prop="level" width="80" />
-
-        <el-table-column
-          align="left"
-          label="启用状态"
-          prop="status"
-          width="120"
-        >
-          <template #default="scope">
-            {{ formatBoolean(scope.row.status) }}
-          </template>
-        </el-table-column>
-
-        <el-table-column
-          align="left"
-          label="排序标记"
-          prop="sort"
-          width="120"
-        />
-
-        <el-table-column
-          align="left"
-          label="操作"
-          :min-width="appStore.operateMinWith"
-        >
-          <template #default="scope">
-            <el-button
-              type="success"
-              link
-              icon="plus"
-              @click="addChildNode(scope.row)"
-            >
-              添加子项
-            </el-button>
-            <el-button
-              type="primary"
-              link
-              icon="edit"
-              @click="updateSysDictionaryDetailFunc(scope.row)"
-            >
-              变更
-            </el-button>
-            <el-button
-              type="primary"
-              link
-              icon="delete"
-              @click="deleteSysDictionaryDetailFunc(scope.row)"
-            >
-              删除
-            </el-button>
-          </template>
-        </el-table-column>
-      </el-table>
-    </div>
-
-    <el-drawer
-      v-model="drawerFormVisible"
-      :size="appStore.drawerSize"
-      :show-close="false"
-      :before-close="closeDrawer"
-    >
-      <template #header>
-        <div class="flex justify-between items-center">
-          <span class="text-lg">{{
-            type === 'create' ? '添加字典项' : '修改字典项'
-          }}</span>
-          <div>
-            <el-button @click="closeDrawer"> 取 消 </el-button>
-            <el-button type="primary" @click="enterDrawer"> 确 定 </el-button>
-          </div>
-        </div>
-      </template>
-      <el-form
-        ref="drawerForm"
-        :model="formData"
-        :rules="rules"
-        label-width="110px"
-      >
-        <el-form-item label="父级字典项" prop="parentID">
-          <el-cascader
-            v-model="formData.parentID"
-            :options="[rootOption,...treeData]"
-            :props="cascadeProps"
-            placeholder="请选择父级字典项（可选）"
-            clearable
-            filterable
-            :style="{ width: '100%' }"
-            @change="handleParentChange"
-          />
-        </el-form-item>
-        <el-form-item label="展示值" prop="label">
-          <el-input
-            v-model="formData.label"
-            placeholder="请输入展示值"
-            clearable
-            :style="{ width: '100%' }"
-          />
-        </el-form-item>
-        <el-form-item label="字典值" prop="value">
-          <el-input
-            v-model="formData.value"
-            placeholder="请输入字典值"
-            clearable
-            :style="{ width: '100%' }"
-          />
-        </el-form-item>
-        <el-form-item label="扩展值" prop="extend">
-          <el-input
-            v-model="formData.extend"
-            placeholder="请输入扩展值"
-            clearable
-            :style="{ width: '100%' }"
-          />
-        </el-form-item>
-        <el-form-item label="启用状态" prop="status" required>
-          <el-switch
-            v-model="formData.status"
-            active-text="开启"
-            inactive-text="停用"
-          />
-        </el-form-item>
-        <el-form-item label="排序标记" prop="sort">
-          <el-input-number
-            v-model.number="formData.sort"
-            placeholder="排序标记"
-          />
-        </el-form-item>
-      </el-form>
-    </el-drawer>
-  </div>
-</template>
-
-<script setup>
-  import {
-    createSysDictionaryDetail,
-    deleteSysDictionaryDetail,
-    updateSysDictionaryDetail,
-    findSysDictionaryDetail,
-    getDictionaryTreeList
-  } from '@/api/sysDictionaryDetail' // 此处请自行替换地址
-  import { ref, watch } from 'vue'
-  import { ElMessage, ElMessageBox } from 'element-plus'
-  import { formatBoolean, formatDate } from '@/utils/format'
-  import { useAppStore } from '@/pinia'
-  import { Search } from '@element-plus/icons-vue'
-
-  defineOptions({
-    name: 'SysDictionaryDetail'
-  })
-
-  const appStore = useAppStore()
-  const searchName = ref('')
-
-  const props = defineProps({
-    sysDictionaryID: {
-      type: Number,
-      default: 0
-    }
-  })
-
-  const formData = ref({
-    label: null,
-    value: null,
-    status: true,
-    sort: null,
-    parentID: null
-  })
-
-  const rules = ref({
-    label: [
-      {
-        required: true,
-        message: '请输入展示值',
-        trigger: 'blur'
-      }
-    ],
-    value: [
-      {
-        required: true,
-        message: '请输入字典值',
-        trigger: 'blur'
-      }
-    ],
-    sort: [
-      {
-        required: true,
-        message: '排序标记',
-        trigger: 'blur'
-      }
-    ]
-  })
-
-  const treeData = ref([])
-
-  // 级联选择器配置
-  const cascadeProps = {
-    value: 'ID',
-    label: 'label',
-    children: 'children',
-    checkStrictly: true, // 允许选择任意级别
-    emitPath: false // 只返回选中节点的值
-  }
-
-
-  // 获取树形数据
-  const getTreeData = async () => {
-    if (!props.sysDictionaryID) return
-    try {
-      const res = await getDictionaryTreeList({
-        sysDictionaryID: props.sysDictionaryID
-      })
-      if (res.code === 0) {
-        treeData.value = res.data.list || []
-      }
-    } catch (error) {
-      console.error('获取树形数据失败:', error)
-      ElMessage.error('获取层级数据失败')
-    }
-  }
-
-  const rootOption = {
-    ID: null,
-    label: '无父级（根级）'
-  }
-
-
-  // 初始加载
-  getTreeData()
-
-  const type = ref('')
-  const drawerFormVisible = ref(false)
-
-  const updateSysDictionaryDetailFunc = async (row) => {
-    drawerForm.value && drawerForm.value.clearValidate()
-    const res = await findSysDictionaryDetail({ ID: row.ID })
-    type.value = 'update'
-    if (res.code === 0) {
-      formData.value = res.data.reSysDictionaryDetail
-      drawerFormVisible.value = true
-    }
-  }
-
-  // 添加子节点
-  const addChildNode = (parentNode) => {
-    console.log(parentNode)
-    type.value = 'create'
-    formData.value = {
-      label: null,
-      value: null,
-      status: true,
-      sort: null,
-      parentID: parentNode.ID,
-      sysDictionaryID: props.sysDictionaryID
-    }
-    drawerForm.value && drawerForm.value.clearValidate()
-    drawerFormVisible.value = true
-  }
-
-  // 处理父级选择变化
-  const handleParentChange = (value) => {
-    formData.value.parentID = value
-  }
-
-  const closeDrawer = () => {
-    drawerFormVisible.value = false
-    formData.value = {
-      label: null,
-      value: null,
-      status: true,
-      sort: null,
-      parentID: null,
-      sysDictionaryID: props.sysDictionaryID
-    }
-  }
-
-  const deleteSysDictionaryDetailFunc = async (row) => {
-    ElMessageBox.confirm('确定要删除吗?', '提示', {
-      confirmButtonText: '确定',
-      cancelButtonText: '取消',
-      type: 'warning'
-    }).then(async () => {
-      const res = await deleteSysDictionaryDetail({ ID: row.ID })
-      if (res.code === 0) {
-        ElMessage({
-          type: 'success',
-          message: '删除成功'
-        })
-        if (tableData.value.length === 1 && page.value > 1) {
-          page.value--
-        }
-        await getTreeData() // 重新加载数据
-      }
-    })
-  }
-
-  const drawerForm = ref(null)
-  const enterDrawer = async () => {
-    drawerForm.value.validate(async (valid) => {
-      formData.value.sysDictionaryID = props.sysDictionaryID
-      if (!valid) return
-      let res
-      switch (type.value) {
-        case 'create':
-          res = await createSysDictionaryDetail(formData.value)
-          break
-        case 'update':
-          res = await updateSysDictionaryDetail(formData.value)
-          break
-        default:
-          res = await createSysDictionaryDetail(formData.value)
-          break
-      }
-      if (res.code === 0) {
-        ElMessage({
-          type: 'success',
-          message: '创建/更改成功'
-        })
-        closeDrawer()
-        await getTreeData() // 重新加载数据
-      }
-    })
-  }
-
-  const openDrawer = () => {
-    type.value = 'create'
-    formData.value.parentID = null
-    drawerForm.value && drawerForm.value.clearValidate()
-    drawerFormVisible.value = true
-  }
-
-  const clearSearchInput = () => {
-    searchName.value = ''
-    getTreeData()
-  }
-
-  const handleCloseSearchInput = () => {
-    // 处理搜索输入框关闭
-  }
-
-  const handleInputKeyDown = (e) => {
-    if (e.key === 'Enter' && searchName.value.trim() !== '') {
-      getTreeData()
-    }
-  }
-
-  watch(
-    () => props.sysDictionaryID,
-    () => {
-      getTreeData()
-    }
-  )
-</script>
-
-<style scoped>
-
-</style>
diff --git a/src/view/superAdmin/operation/sysOperationRecord.vue b/src/view/superAdmin/operation/sysOperationRecord.vue
deleted file mode 100644
index 27764c1..0000000
--- a/src/view/superAdmin/operation/sysOperationRecord.vue
+++ /dev/null
@@ -1,277 +0,0 @@
-<template>
-  <div>
-    <div class="gva-search-box">
-      <el-form :inline="true" :model="searchInfo">
-        <el-form-item label="请求方法">
-          <el-input v-model="searchInfo.method" placeholder="搜索条件" />
-        </el-form-item>
-        <el-form-item label="请求路径">
-          <el-input v-model="searchInfo.path" placeholder="搜索条件" />
-        </el-form-item>
-        <el-form-item label="结果状态码">
-          <el-input v-model="searchInfo.status" placeholder="搜索条件" />
-        </el-form-item>
-        <el-form-item>
-          <el-button type="primary" icon="search" @click="onSubmit"
-            >查询</el-button
-          >
-          <el-button icon="refresh" @click="onReset">重置</el-button>
-        </el-form-item>
-      </el-form>
-    </div>
-    <div class="gva-table-box">
-      <div class="gva-btn-list">
-        <el-button
-          icon="delete"
-          :disabled="!multipleSelection.length"
-          @click="onDelete"
-          >删除</el-button
-        >
-      </div>
-      <el-table
-        ref="multipleTable"
-        :data="tableData"
-        style="width: 100%"
-        tooltip-effect="dark"
-        row-key="ID"
-        @selection-change="handleSelectionChange"
-      >
-        <el-table-column align="left" type="selection" width="55" />
-        <el-table-column align="left" label="操作人" width="140">
-          <template #default="scope">
-            <div>
-              {{ scope.row.user.userName }}({{ scope.row.user.nickName }})
-            </div>
-          </template>
-        </el-table-column>
-        <el-table-column align="left" label="日期" width="180">
-          <template #default="scope">{{
-            formatDate(scope.row.CreatedAt)
-          }}</template>
-        </el-table-column>
-        <el-table-column align="left" label="状态码" prop="status" width="120">
-          <template #default="scope">
-            <div>
-              <el-tag type="success">{{ scope.row.status }}</el-tag>
-            </div>
-          </template>
-        </el-table-column>
-        <el-table-column align="left" label="请求IP" prop="ip" width="120" />
-        <el-table-column
-          align="left"
-          label="请求方法"
-          prop="method"
-          width="120"
-        />
-        <el-table-column
-          align="left"
-          label="请求路径"
-          prop="path"
-          width="240"
-        />
-        <el-table-column align="left" label="请求" prop="path" width="80">
-          <template #default="scope">
-            <div>
-              <el-popover
-                v-if="scope.row.body"
-                placement="left-start"
-                :width="444"
-              >
-                <div class="popover-box">
-                  <pre>{{ fmtBody(scope.row.body) }}</pre>
-                </div>
-                <template #reference>
-                  <el-icon style="cursor: pointer"><warning /></el-icon>
-                </template>
-              </el-popover>
-
-              <span v-else>无</span>
-            </div>
-          </template>
-        </el-table-column>
-        <el-table-column align="left" label="响应" prop="path" width="80">
-          <template #default="scope">
-            <div>
-              <el-popover
-                v-if="scope.row.resp"
-                placement="left-start"
-                :width="444"
-              >
-                <div class="popover-box">
-                  <pre>{{ fmtBody(scope.row.resp) }}</pre>
-                </div>
-                <template #reference>
-                  <el-icon style="cursor: pointer"><warning /></el-icon>
-                </template>
-              </el-popover>
-              <span v-else>无</span>
-            </div>
-          </template>
-        </el-table-column>
-        <el-table-column align="left" label="操作">
-          <template #default="scope">
-            <el-button
-              icon="delete"
-              type="primary"
-              link
-              @click="deleteSysOperationRecordFunc(scope.row)"
-              >删除</el-button
-            >
-          </template>
-        </el-table-column>
-      </el-table>
-      <div class="gva-pagination">
-        <el-pagination
-          :current-page="page"
-          :page-size="pageSize"
-          :page-sizes="[10, 30, 50, 100]"
-          :total="total"
-          layout="total, sizes, prev, pager, next, jumper"
-          @current-change="handleCurrentChange"
-          @size-change="handleSizeChange"
-        />
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup>
-  import {
-    deleteSysOperationRecord,
-    getSysOperationRecordList,
-    deleteSysOperationRecordByIds
-  } from '@/api/sysOperationRecord' // 此处请自行替换地址
-  import { formatDate } from '@/utils/format'
-  import { ref } from 'vue'
-  import { ElMessage, ElMessageBox } from 'element-plus'
-
-  defineOptions({
-    name: 'SysOperationRecord'
-  })
-
-  const page = ref(1)
-  const total = ref(0)
-  const pageSize = ref(10)
-  const tableData = ref([])
-  const searchInfo = ref({})
-  const onReset = () => {
-    searchInfo.value = {}
-  }
-  // 条件搜索前端看此方法
-  const onSubmit = () => {
-    page.value = 1
-    if (searchInfo.value.status === '') {
-      searchInfo.value.status = null
-    }
-    getTableData()
-  }
-
-  // 分页
-  const handleSizeChange = (val) => {
-    pageSize.value = val
-    getTableData()
-  }
-
-  const handleCurrentChange = (val) => {
-    page.value = val
-    getTableData()
-  }
-
-  // 查询
-  const getTableData = async () => {
-    const table = await getSysOperationRecordList({
-      page: page.value,
-      pageSize: pageSize.value,
-      ...searchInfo.value
-    })
-    if (table.code === 0) {
-      tableData.value = table.data.list
-      total.value = table.data.total
-      page.value = table.data.page
-      pageSize.value = table.data.pageSize
-    }
-  }
-
-  getTableData()
-
-  const multipleSelection = ref([])
-  const handleSelectionChange = (val) => {
-    multipleSelection.value = val
-  }
-  const onDelete = async () => {
-    ElMessageBox.confirm('确定要删除吗?', '提示', {
-      confirmButtonText: '确定',
-      cancelButtonText: '取消',
-      type: 'warning'
-    }).then(async () => {
-      const ids = []
-      multipleSelection.value &&
-        multipleSelection.value.forEach((item) => {
-          ids.push(item.ID)
-        })
-      const res = await deleteSysOperationRecordByIds({ ids })
-      if (res.code === 0) {
-        ElMessage({
-          type: 'success',
-          message: '删除成功'
-        })
-        if (tableData.value.length === ids.length && page.value > 1) {
-          page.value--
-        }
-        getTableData()
-      }
-    })
-  }
-  const deleteSysOperationRecordFunc = async (row) => {
-    ElMessageBox.confirm('确定要删除吗?', '提示', {
-      confirmButtonText: '确定',
-      cancelButtonText: '取消',
-      type: 'warning'
-    }).then(async () => {
-      const res = await deleteSysOperationRecord({ ID: row.ID })
-      if (res.code === 0) {
-        ElMessage({
-          type: 'success',
-          message: '删除成功'
-        })
-        if (tableData.value.length === 1 && page.value > 1) {
-          page.value--
-        }
-        getTableData()
-      }
-    })
-  }
-  const fmtBody = (value) => {
-    try {
-      return JSON.parse(value)
-    } catch (_) {
-      return value
-    }
-  }
-</script>
-
-<style lang="scss">
-  .table-expand {
-    padding-left: 60px;
-    font-size: 0;
-    label {
-      width: 90px;
-      color: #99a9bf;
-      .el-form-item {
-        margin-right: 0;
-        margin-bottom: 0;
-        width: 50%;
-      }
-    }
-  }
-  .popover-box {
-    background: #112435;
-    color: #f08047;
-    height: 600px;
-    width: 420px;
-    overflow: auto;
-  }
-  .popover-box::-webkit-scrollbar {
-    display: none; /* Chrome Safari */
-  }
-</style>
diff --git a/src/view/superAdmin/params/sysParams.vue b/src/view/superAdmin/params/sysParams.vue
deleted file mode 100644
index f18520c..0000000
--- a/src/view/superAdmin/params/sysParams.vue
+++ /dev/null
@@ -1,604 +0,0 @@
-<template>
-  <div>
-    <warning-bar title="获取参数且缓存方法已在前端utils/params 已经封装完成 不必自己书写 使用方法查看文件内注释" />
-    <div class="gva-search-box">
-      <el-form
-        ref="elSearchFormRef"
-        :inline="true"
-        :model="searchInfo"
-        class="demo-form-inline"
-        :rules="searchRule"
-        @keyup.enter="onSubmit"
-      >
-        <el-form-item label="创建日期" prop="createdAt">
-          <template #label>
-            <span>
-              创建日期
-              <el-tooltip
-                content="搜索范围是开始日期（包含）至结束日期（不包含）"
-              >
-                <el-icon><QuestionFilled /></el-icon>
-              </el-tooltip>
-            </span>
-          </template>
-          <el-date-picker
-            v-model="searchInfo.startCreatedAt"
-            type="datetime"
-            placeholder="开始日期"
-            :disabled-date="
-              (time) =>
-                searchInfo.endCreatedAt
-                  ? time.getTime() > searchInfo.endCreatedAt.getTime()
-                  : false
-            "
-          ></el-date-picker>
-          —
-          <el-date-picker
-            v-model="searchInfo.endCreatedAt"
-            type="datetime"
-            placeholder="结束日期"
-            :disabled-date="
-              (time) =>
-                searchInfo.startCreatedAt
-                  ? time.getTime() < searchInfo.startCreatedAt.getTime()
-                  : false
-            "
-          ></el-date-picker>
-        </el-form-item>
-
-        <el-form-item label="参数名称" prop="name">
-          <el-input v-model="searchInfo.name" placeholder="搜索条件" />
-        </el-form-item>
-        <el-form-item label="参数键" prop="key">
-          <el-input v-model="searchInfo.key" placeholder="搜索条件" />
-        </el-form-item>
-
-        <template v-if="showAllQuery">
-          <!-- 将需要控制显示状态的查询条件添加到此范围内 -->
-        </template>
-
-        <el-form-item>
-          <el-button type="primary" icon="search" @click="onSubmit"
-            >查询</el-button
-          >
-          <el-button icon="refresh" @click="onReset">重置</el-button>
-          <el-button
-            link
-            type="primary"
-            icon="arrow-down"
-            @click="showAllQuery = true"
-            v-if="!showAllQuery"
-            >展开</el-button
-          >
-          <el-button
-            link
-            type="primary"
-            icon="arrow-up"
-            @click="showAllQuery = false"
-            v-else
-            >收起</el-button
-          >
-        </el-form-item>
-      </el-form>
-    </div>
-    <div class="gva-table-box">
-      <div class="gva-btn-list">
-        <el-button type="primary" icon="plus" @click="openDialog"
-          >新增</el-button
-        >
-        <el-button
-          icon="delete"
-          style="margin-left: 10px"
-          :disabled="!multipleSelection.length"
-          @click="onDelete"
-          >删除</el-button
-        >
-      </div>
-      <el-table
-        ref="multipleTable"
-        style="width: 100%"
-        tooltip-effect="dark"
-        :data="tableData"
-        row-key="ID"
-        @selection-change="handleSelectionChange"
-      >
-        <el-table-column type="selection" width="55" />
-
-        <el-table-column align="left" label="日期" prop="createdAt" width="180">
-          <template #default="scope">{{
-            formatDate(scope.row.CreatedAt)
-          }}</template>
-        </el-table-column>
-
-        <el-table-column
-          align="left"
-          label="参数名称"
-          prop="name"
-          width="120"
-        />
-        <el-table-column align="left" label="参数键" prop="key" width="120" />
-        <el-table-column align="left" label="参数值" prop="value" width="120" />
-        <el-table-column
-          align="left"
-          label="参数说明"
-          prop="desc"
-          width="120"
-        />
-        <el-table-column
-          align="left"
-          label="操作"
-          fixed="right"
-          min-width="240"
-        >
-          <template #default="scope">
-            <el-button
-              type="primary"
-              link
-              class="table-button"
-              @click="getDetails(scope.row)"
-              ><el-icon style="margin-right: 5px"><InfoFilled /></el-icon
-              >查看详情</el-button
-            >
-            <el-button
-              type="primary"
-              link
-              icon="edit"
-              class="table-button"
-              @click="updateSysParamsFunc(scope.row)"
-              >变更</el-button
-            >
-            <el-button
-              type="primary"
-              link
-              icon="delete"
-              @click="deleteRow(scope.row)"
-              >删除</el-button
-            >
-          </template>
-        </el-table-column>
-      </el-table>
-      <div class="gva-pagination">
-        <el-pagination
-          layout="total, sizes, prev, pager, next, jumper"
-          :current-page="page"
-          :page-size="pageSize"
-          :page-sizes="[10, 30, 50, 100]"
-          :total="total"
-          @current-change="handleCurrentChange"
-          @size-change="handleSizeChange"
-        />
-      </div>
-    </div>
-    <el-drawer
-      destroy-on-close
-      size="800"
-      v-model="dialogFormVisible"
-      :show-close="false"
-      :before-close="closeDialog"
-    >
-      <template #header>
-        <div class="flex justify-between items-center">
-          <span class="text-lg">{{ type === 'create' ? '添加' : '修改' }}</span>
-          <div>
-            <el-button type="primary" @click="enterDialog">确 定</el-button>
-            <el-button @click="closeDialog">取 消</el-button>
-          </div>
-        </div>
-      </template>
-
-      <el-form
-        :model="formData"
-        label-position="top"
-        ref="elFormRef"
-        :rules="rule"
-        label-width="80px"
-      >
-        <el-form-item label="参数名称:" prop="name">
-          <el-input
-            v-model="formData.name"
-            :clearable="true"
-            placeholder="请输入参数名称"
-          />
-        </el-form-item>
-        <el-form-item label="参数键:" prop="key">
-          <el-input
-            v-model="formData.key"
-            :clearable="true"
-            placeholder="请输入参数键"
-          />
-        </el-form-item>
-        <el-form-item label="参数值:" prop="value">
-          <el-input
-            type="textarea"
-            :rows="5"
-            v-model="formData.value"
-            :clearable="true"
-            placeholder="请输入参数值"
-          />
-        </el-form-item>
-        <el-form-item label="参数说明:" prop="desc">
-          <el-input
-            v-model="formData.desc"
-            :clearable="true"
-            placeholder="请输入参数说明"
-          />
-        </el-form-item>
-      </el-form>
-
-      <div
-        class="usage-instructions bg-gray-100 border border-gray-300 rounded-lg p-4 mt-5"
-      >
-        <h3 class="mb-3 text-lg text-gray-800">使用说明</h3>
-        <p class="mb-2 text-sm text-gray-600">
-          前端可以通过引入
-          <code class="bg-blue-100 px-1 py-0.5 rounded"
-            >import { getParams } from '@/utils/params'</code
-          >
-          然后通过
-          <code class="bg-blue-100 px-1 py-0.5 rounded"
-            >await getParams("{{ formData.key }}")</code
-          >
-          来获取对应的参数。
-        </p>
-        <p class="text-sm text-gray-600">
-          后端需要提前
-          <code class="bg-blue-100 px-1 py-0.5 rounded"
-            >import
-            "github.com/flipped-aurora/gin-vue-admin/server/service/system"</code
-          >
-        </p>
-        <p class="mb-2 text-sm text-gray-600">
-          然后调用
-          <code class="bg-blue-100 px-1 py-0.5 rounded"
-            >new(system.SysParamsService).GetSysParam("{{
-              formData.key
-            }}")</code
-          >
-          来获取对应的 value 值。
-        </p>
-      </div>
-    </el-drawer>
-
-    <el-drawer
-      destroy-on-close
-      size="800"
-      v-model="detailShow"
-      :show-close="true"
-      :before-close="closeDetailShow"
-    >
-      <el-descriptions :column="1" border>
-        <el-descriptions-item label="参数名称">
-          {{ detailForm.name }}
-        </el-descriptions-item>
-        <el-descriptions-item label="参数键">
-          {{ detailForm.key }}
-        </el-descriptions-item>
-        <el-descriptions-item label="参数值">
-          {{ detailForm.value }}
-        </el-descriptions-item>
-        <el-descriptions-item label="参数说明">
-          {{ detailForm.desc }}
-        </el-descriptions-item>
-      </el-descriptions>
-    </el-drawer>
-  </div>
-</template>
-
-<script setup>
-  import {
-    createSysParams,
-    deleteSysParams,
-    deleteSysParamsByIds,
-    updateSysParams,
-    findSysParams,
-    getSysParamsList
-  } from '@/api/sysParams'
-
-  // 全量引入格式化工具 请按需保留
-  import { formatDate } from '@/utils/format'
-  import { ElMessage, ElMessageBox } from 'element-plus'
-  import { ref, reactive } from 'vue'
-  import WarningBar from "@/components/warningBar/warningBar.vue";
-
-  defineOptions({
-    name: 'SysParams'
-  })
-
-  // 控制更多查询条件显示/隐藏状态
-  const showAllQuery = ref(false)
-
-  // 自动化生成的字典（可能为空）以及字段
-  const formData = ref({
-    name: '',
-    key: '',
-    value: '',
-    desc: ''
-  })
-
-  // 验证规则
-  const rule = reactive({
-    name: [
-      {
-        required: true,
-        message: '',
-        trigger: ['input', 'blur']
-      },
-      {
-        whitespace: true,
-        message: '不能只输入空格',
-        trigger: ['input', 'blur']
-      }
-    ],
-    key: [
-      {
-        required: true,
-        message: '',
-        trigger: ['input', 'blur']
-      },
-      {
-        whitespace: true,
-        message: '不能只输入空格',
-        trigger: ['input', 'blur']
-      }
-    ],
-    value: [
-      {
-        required: true,
-        message: '',
-        trigger: ['input', 'blur']
-      },
-      {
-        whitespace: true,
-        message: '不能只输入空格',
-        trigger: ['input', 'blur']
-      }
-    ]
-  })
-
-  const searchRule = reactive({
-    createdAt: [
-      {
-        validator: (rule, value, callback) => {
-          if (
-            searchInfo.value.startCreatedAt &&
-            !searchInfo.value.endCreatedAt
-          ) {
-            callback(new Error('请填写结束日期'))
-          } else if (
-            !searchInfo.value.startCreatedAt &&
-            searchInfo.value.endCreatedAt
-          ) {
-            callback(new Error('请填写开始日期'))
-          } else if (
-            searchInfo.value.startCreatedAt &&
-            searchInfo.value.endCreatedAt &&
-            (searchInfo.value.startCreatedAt.getTime() ===
-              searchInfo.value.endCreatedAt.getTime() ||
-              searchInfo.value.startCreatedAt.getTime() >
-                searchInfo.value.endCreatedAt.getTime())
-          ) {
-            callback(new Error('开始日期应当早于结束日期'))
-          } else {
-            callback()
-          }
-        },
-        trigger: 'change'
-      }
-    ]
-  })
-
-  const elFormRef = ref()
-  const elSearchFormRef = ref()
-
-  // =========== 表格控制部分 ===========
-  const page = ref(1)
-  const total = ref(0)
-  const pageSize = ref(10)
-  const tableData = ref([])
-  const searchInfo = ref({})
-
-  // 重置
-  const onReset = () => {
-    searchInfo.value = {}
-    getTableData()
-  }
-
-  // 搜索
-  const onSubmit = () => {
-    elSearchFormRef.value?.validate(async (valid) => {
-      if (!valid) return
-      page.value = 1
-      getTableData()
-    })
-  }
-
-  // 分页
-  const handleSizeChange = (val) => {
-    pageSize.value = val
-    getTableData()
-  }
-
-  // 修改页面容量
-  const handleCurrentChange = (val) => {
-    page.value = val
-    getTableData()
-  }
-
-  // 查询
-  const getTableData = async () => {
-    const table = await getSysParamsList({
-      page: page.value,
-      pageSize: pageSize.value,
-      ...searchInfo.value
-    })
-    if (table.code === 0) {
-      tableData.value = table.data.list
-      total.value = table.data.total
-      page.value = table.data.page
-      pageSize.value = table.data.pageSize
-    }
-  }
-
-  getTableData()
-
-  // ============== 表格控制部分结束 ===============
-
-  // 获取需要的字典 可能为空 按需保留
-  const setOptions = async () => {}
-
-  // 获取需要的字典 可能为空 按需保留
-  setOptions()
-
-  // 多选数据
-  const multipleSelection = ref([])
-  // 多选
-  const handleSelectionChange = (val) => {
-    multipleSelection.value = val
-  }
-
-  // 删除行
-  const deleteRow = (row) => {
-    ElMessageBox.confirm('确定要删除吗?', '提示', {
-      confirmButtonText: '确定',
-      cancelButtonText: '取消',
-      type: 'warning'
-    }).then(() => {
-      deleteSysParamsFunc(row)
-    })
-  }
-
-  // 多选删除
-  const onDelete = async () => {
-    ElMessageBox.confirm('确定要删除吗?', '提示', {
-      confirmButtonText: '确定',
-      cancelButtonText: '取消',
-      type: 'warning'
-    }).then(async () => {
-      const IDs = []
-      if (multipleSelection.value.length === 0) {
-        ElMessage({
-          type: 'warning',
-          message: '请选择要删除的数据'
-        })
-        return
-      }
-      multipleSelection.value &&
-        multipleSelection.value.map((item) => {
-          IDs.push(item.ID)
-        })
-      const res = await deleteSysParamsByIds({ IDs })
-      if (res.code === 0) {
-        ElMessage({
-          type: 'success',
-          message: '删除成功'
-        })
-        if (tableData.value.length === IDs.length && page.value > 1) {
-          page.value--
-        }
-        getTableData()
-      }
-    })
-  }
-
-  // 行为控制标记（弹窗内部需要增还是改）
-  const type = ref('')
-
-  // 更新行
-  const updateSysParamsFunc = async (row) => {
-    const res = await findSysParams({ ID: row.ID })
-    type.value = 'update'
-    if (res.code === 0) {
-      formData.value = res.data
-      dialogFormVisible.value = true
-    }
-  }
-
-  // 删除行
-  const deleteSysParamsFunc = async (row) => {
-    const res = await deleteSysParams({ ID: row.ID })
-    if (res.code === 0) {
-      ElMessage({
-        type: 'success',
-        message: '删除成功'
-      })
-      if (tableData.value.length === 1 && page.value > 1) {
-        page.value--
-      }
-      getTableData()
-    }
-  }
-
-  // 弹窗控制标记
-  const dialogFormVisible = ref(false)
-
-  // 打开弹窗
-  const openDialog = () => {
-    type.value = 'create'
-    dialogFormVisible.value = true
-  }
-
-  // 关闭弹窗
-  const closeDialog = () => {
-    dialogFormVisible.value = false
-    formData.value = {
-      name: '',
-      key: '',
-      value: '',
-      desc: ''
-    }
-  }
-  // 弹窗确定
-  const enterDialog = async () => {
-    elFormRef.value?.validate(async (valid) => {
-      if (!valid) return
-      let res
-      switch (type.value) {
-        case 'create':
-          res = await createSysParams(formData.value)
-          break
-        case 'update':
-          res = await updateSysParams(formData.value)
-          break
-        default:
-          res = await createSysParams(formData.value)
-          break
-      }
-      if (res.code === 0) {
-        ElMessage({
-          type: 'success',
-          message: '创建/更改成功'
-        })
-        closeDialog()
-        getTableData()
-      }
-    })
-  }
-
-  const detailForm = ref({})
-
-  // 查看详情控制标记
-  const detailShow = ref(false)
-
-  // 打开详情弹窗
-  const openDetailShow = () => {
-    detailShow.value = true
-  }
-
-  // 打开详情
-  const getDetails = async (row) => {
-    // 打开弹窗
-    const res = await findSysParams({ ID: row.ID })
-    if (res.code === 0) {
-      detailForm.value = res.data
-      openDetailShow()
-    }
-  }
-
-  // 关闭详情弹窗
-  const closeDetailShow = () => {
-    detailShow.value = false
-    detailForm.value = {}
-  }
-</script>
-
-<style></style>
diff --git a/src/view/system/state.vue b/src/view/system/state.vue
deleted file mode 100644
index e54eeb9..0000000
--- a/src/view/system/state.vue
+++ /dev/null
@@ -1,192 +0,0 @@
-<template>
-  <div>
-    <el-row :gutter="15" class="py-1">
-      <el-col :span="12">
-        <el-card v-if="state.os" class="card_item">
-          <template #header>
-            <div>Runtime</div>
-          </template>
-          <div>
-            <el-row :gutter="10">
-              <el-col :span="12">os:</el-col>
-              <el-col :span="12">{{ state.os.goos }}</el-col>
-            </el-row>
-            <el-row :gutter="10">
-              <el-col :span="12">cpu nums:</el-col>
-              <el-col :span="12">{{ state.os.numCpu }}</el-col>
-            </el-row>
-            <el-row :gutter="10">
-              <el-col :span="12">compiler:</el-col>
-              <el-col :span="12">{{ state.os.compiler }}</el-col>
-            </el-row>
-            <el-row :gutter="10">
-              <el-col :span="12">go version:</el-col>
-              <el-col :span="12">{{ state.os.goVersion }}</el-col>
-            </el-row>
-            <el-row :gutter="10">
-              <el-col :span="12">goroutine nums:</el-col>
-              <el-col :span="12">{{ state.os.numGoroutine }}</el-col>
-            </el-row>
-          </div>
-        </el-card>
-      </el-col>
-      <el-col :span="12">
-        <el-card
-          v-if="state.disk"
-          class="card_item"
-          :body-style="{ height: '180px', 'overflow-y': 'scroll' }"
-        >
-          <template #header>
-            <div>Disk</div>
-          </template>
-          <div>
-            <el-row
-              v-for="(item, index) in state.disk"
-              :key="index"
-              :gutter="10"
-              style="margin-bottom: 2rem"
-            >
-              <el-col :span="12">
-                <el-row :gutter="10">
-                  <el-col :span="12">MountPoint</el-col>
-                  <el-col :span="12">{{ item.mountPoint }}</el-col>
-                </el-row>
-                <el-row :gutter="10">
-                  <el-col :span="12">total (MB)</el-col>
-                  <el-col :span="12">{{ item.totalMb }}</el-col>
-                </el-row>
-                <el-row :gutter="10">
-                  <el-col :span="12">used (MB)</el-col>
-                  <el-col :span="12">{{ item.usedMb }}</el-col>
-                </el-row>
-                <el-row :gutter="10">
-                  <el-col :span="12">total (GB)</el-col>
-                  <el-col :span="12">{{ item.totalGb }}</el-col>
-                </el-row>
-                <el-row :gutter="10">
-                  <el-col :span="12">used (GB)</el-col>
-                  <el-col :span="12">{{ item.usedGb }}</el-col>
-                </el-row>
-              </el-col>
-              <el-col :span="12">
-                <el-progress
-                  type="dashboard"
-                  :percentage="item.usedPercent"
-                  :color="colors"
-                />
-              </el-col>
-            </el-row>
-          </div>
-        </el-card>
-      </el-col>
-    </el-row>
-    <el-row :gutter="15" class="py-1">
-      <el-col :span="12">
-        <el-card
-          v-if="state.cpu"
-          class="card_item"
-          :body-style="{ height: '180px', 'overflow-y': 'scroll' }"
-        >
-          <template #header>
-            <div>CPU</div>
-          </template>
-          <div>
-            <el-row :gutter="10">
-              <el-col :span="12">physical number of cores:</el-col>
-              <el-col :span="12">{{ state.cpu.cores }}</el-col>
-            </el-row>
-            <el-row
-              v-for="(item, index) in state.cpu.cpus"
-              :key="index"
-              :gutter="10"
-            >
-              <el-col :span="12">core {{ index }}:</el-col>
-              <el-col :span="12">
-                <el-progress
-                  type="line"
-                  :percentage="+item.toFixed(0)"
-                  :color="colors"
-                />
-              </el-col>
-            </el-row>
-          </div>
-        </el-card>
-      </el-col>
-      <el-col :span="12">
-        <el-card v-if="state.ram" class="card_item">
-          <template #header>
-            <div>Ram</div>
-          </template>
-          <div>
-            <el-row :gutter="10">
-              <el-col :span="12">
-                <el-row :gutter="10">
-                  <el-col :span="12">total (MB)</el-col>
-                  <el-col :span="12">{{ state.ram.totalMb }}</el-col>
-                </el-row>
-                <el-row :gutter="10">
-                  <el-col :span="12">used (MB)</el-col>
-                  <el-col :span="12">{{ state.ram.usedMb }}</el-col>
-                </el-row>
-                <el-row :gutter="10">
-                  <el-col :span="12">total (GB)</el-col>
-                  <el-col :span="12">{{ state.ram.totalMb / 1024 }}</el-col>
-                </el-row>
-                <el-row :gutter="10">
-                  <el-col :span="12">used (GB)</el-col>
-                  <el-col :span="12">{{
-                    (state.ram.usedMb / 1024).toFixed(2)
-                  }}</el-col>
-                </el-row>
-              </el-col>
-              <el-col :span="12">
-                <el-progress
-                  type="dashboard"
-                  :percentage="state.ram.usedPercent"
-                  :color="colors"
-                />
-              </el-col>
-            </el-row>
-          </div>
-        </el-card>
-      </el-col>
-    </el-row>
-  </div>
-</template>
-<script setup>
-  import { getSystemState } from '@/api/system'
-  import { onUnmounted, ref } from 'vue'
-
-  defineOptions({
-    name: 'State'
-  })
-
-  const timer = ref(null)
-  const state = ref({})
-  const colors = ref([
-    { color: '#5cb87a', percentage: 20 },
-    { color: '#e6a23c', percentage: 40 },
-    { color: '#f56c6c', percentage: 80 }
-  ])
-
-  const reload = async () => {
-    const { data } = await getSystemState()
-    state.value = data.server
-  }
-
-  reload()
-  timer.value = setInterval(() => {
-    reload()
-  }, 1000 * 10)
-
-  onUnmounted(() => {
-    clearInterval(timer.value)
-    timer.value = null
-  })
-</script>
-
-<style>
-  .card_item {
-    @apply h-80 text-xl p-6  bg-white text-slate-700 dark:text-slate-400  dark:bg-slate-800 rounded m-2;
-  }
-</style>
diff --git a/src/view/systemTools/autoCode/component/fieldDialog.vue b/src/view/systemTools/autoCode/component/fieldDialog.vue
deleted file mode 100644
index 8f130e7..0000000
--- a/src/view/systemTools/autoCode/component/fieldDialog.vue
+++ /dev/null
@@ -1,502 +0,0 @@
-<template>
-  <div>
-    <warning-bar
-      title="id , created_at , updated_at , deleted_at 会自动生成请勿重复创建。搜索时如果条件为LIKE只支持字符串"
-    />
-    <el-form
-      ref="fieldDialogForm"
-      :model="middleDate"
-      label-width="120px"
-      label-position="right"
-      :rules="rules"
-      class="grid grid-cols-2"
-    >
-      <el-form-item label="字段名称" prop="fieldName">
-        <el-input
-          v-model="middleDate.fieldName"
-          autocomplete="off"
-          style="width: 80%"
-        />
-        <el-button style="width: 18%; margin-left: 2%" @click="autoFill">
-          <span style="font-size: 12px">自动填充</span>
-        </el-button>
-      </el-form-item>
-      <el-form-item label="字段中文名" prop="fieldDesc">
-        <el-input v-model="middleDate.fieldDesc" autocomplete="off" />
-      </el-form-item>
-      <el-form-item label="字段JSON" prop="fieldJson">
-        <el-input v-model="middleDate.fieldJson" autocomplete="off" />
-      </el-form-item>
-      <el-form-item label="数据库字段名" prop="columnName">
-        <el-input v-model="middleDate.columnName" autocomplete="off" />
-      </el-form-item>
-      <el-form-item label="数据库字段描述" prop="comment">
-        <el-input v-model="middleDate.comment" autocomplete="off" />
-      </el-form-item>
-      <el-form-item label="字段类型" prop="fieldType">
-        <el-select
-          v-model="middleDate.fieldType"
-          style="width: 100%"
-          placeholder="请选择字段类型"
-          clearable
-          @change="clearOther"
-        >
-          <el-option
-            v-for="item in typeOptions"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value"
-            :disabled="item.disabled"
-          />
-        </el-select>
-      </el-form-item>
-      <el-form-item
-        :label="middleDate.fieldType === 'enum' ? '枚举值' : '类型长度'"
-        prop="dataTypeLong"
-      >
-        <el-input
-          v-model="middleDate.dataTypeLong"
-          :placeholder="
-            middleDate.fieldType === 'enum'
-              ? `例:'北京','天津'`
-              : '数据库类型长度'
-          "
-        />
-      </el-form-item>
-      <el-form-item label="字段查询条件" prop="fieldSearchType">
-        <el-select
-          v-model="middleDate.fieldSearchType"
-          :disabled="middleDate.fieldType === 'json'"
-          style="width: 100%"
-          placeholder="请选择字段查询条件"
-          clearable
-        >
-          <el-option
-            v-for="item in typeSearchOptions"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value"
-            :disabled="canSelect(item.value)"
-          />
-        </el-select>
-      </el-form-item>
-      <el-form-item label="关联字典" prop="dictType">
-        <el-select
-          v-model="middleDate.dictType"
-          style="width: 100%"
-          :disabled="middleDate.fieldType !== 'string' && middleDate.fieldType !== 'array'"
-          placeholder="请选择字典"
-          clearable
-        >
-          <el-option
-            v-for="item in dictOptions"
-            :key="item.type"
-            :label="`${item.type}(${item.name})`"
-            :value="item.type"
-          />
-        </el-select>
-      </el-form-item>
-      <el-form-item label="默认值">
-        <el-input
-          v-model="middleDate.defaultValue"
-          placeholder="请输入默认值"
-        />
-      </el-form-item>
-      <el-form-item label="主键">
-        <el-checkbox v-model="middleDate.primaryKey" />
-      </el-form-item>
-      <el-form-item label="索引类型" prop="fieldIndexType">
-        <el-select
-          v-model="middleDate.fieldIndexType"
-          :disabled="middleDate.fieldType === 'json'"
-          style="width: 100%"
-          placeholder="请选择字段索引类型"
-          clearable
-        >
-          <el-option
-            v-for="item in typeIndexOptions"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value"
-            :disabled="canSelect(item.value)"
-          />
-        </el-select>
-      </el-form-item>
-      <el-form-item label="前端新建/编辑">
-        <el-switch v-model="middleDate.form" />
-      </el-form-item>
-      <el-form-item label="前端表格列">
-        <el-switch v-model="middleDate.table" />
-      </el-form-item>
-      <el-form-item label="前端详情">
-        <el-switch v-model="middleDate.desc" />
-      </el-form-item>
-      <el-form-item label="导入/导出">
-        <el-switch v-model="middleDate.excel" />
-      </el-form-item>
-      <el-form-item label="是否排序">
-        <el-switch v-model="middleDate.sort" />
-      </el-form-item>
-      <el-form-item label="是否必填">
-        <el-switch v-model="middleDate.require" />
-      </el-form-item>
-      <el-form-item label="是否可清空">
-        <el-switch v-model="middleDate.clearable" />
-      </el-form-item>
-      <el-form-item label="隐藏查询条件">
-        <el-switch
-          v-model="middleDate.fieldSearchHide"
-          :disabled="!middleDate.fieldSearchType"
-        />
-      </el-form-item>
-      <el-form-item label="校验失败文案">
-        <el-input v-model="middleDate.errorText" />
-      </el-form-item>
-    </el-form>
-    <el-collapse v-model="activeNames">
-      <el-collapse-item
-        title="数据源配置（此配置为高级配置，如编程基础不牢，可能导致自动化代码不可用）"
-        name="1"
-      >
-        <el-row :gutter="8">
-          <el-col :span="4">
-            <el-select
-              v-model="middleDate.dataSource.dbName"
-              placeholder="数据库【不填则为GVA库】"
-              @change="dbNameChange"
-              clearable
-            >
-              <el-option
-                v-for="item in dbList"
-                :key="item.aliasName"
-                :value="item.aliasName"
-                :label="item.aliasName"
-                :disabled="item.disable"
-              >
-                <div>
-                  <span>{{ item.aliasName }}</span>
-                  <span style="float: right; color: #8492a6; font-size: 13px">{{
-                    item.dbName
-                  }}</span>
-                </div>
-              </el-option>
-            </el-select>
-          </el-col>
-          <el-col :span="4">
-            <el-select
-              v-model="middleDate.dataSource.association"
-              placeholder="关联模式"
-              @change="associationChange"
-            >
-              <el-option label="一对一" :value="1" />
-              <el-option label="一对多" :value="2" />
-            </el-select>
-          </el-col>
-          <el-col :span="5">
-            <el-select
-              v-model="middleDate.dataSource.table"
-              placeholder="请选择数据源表"
-              filterable
-              allow-create
-              clearable
-              @focus="getDBTableList"
-              @change="selectDB"
-              @clear="clearAccress"
-            >
-              <el-option
-                v-for="item in dbTableList"
-                :key="item.tableName"
-                :label="item.tableName"
-                :value="item.tableName"
-              />
-            </el-select>
-          </el-col>
-          <el-col :span="5">
-            <el-select
-              v-model="middleDate.dataSource.value"
-              placeholder="请先选择需要存储的数据"
-            >
-              <template #label="{ value }">
-                <span>存储: </span>
-                <span style="font-weight: bold">{{ value }}</span>
-              </template>
-              <el-option
-                v-for="item in dbColumnList"
-                :key="item.columnName"
-                :value="item.columnName"
-              >
-                <span style="float: left">
-                  <el-tag :type="item.isPrimary ? 'primary' : 'info'">
-                    {{ item.isPrimary ? '主&emsp;键' : '非主键' }}
-                  </el-tag>
-                  {{ item.columnName }}</span
-                >
-                <span
-                  style="
-                    float: right;
-                    margin-left: 5px;
-                    color: var(--el-text-color-secondary);
-                    font-size: 13px;
-                  "
-                >
-                  类型：{{ item.type }}
-                  <block v-if="item.comment != ''"
-                    >，字段说明：{{ item.comment }}</block
-                  >
-                </span>
-              </el-option>
-            </el-select>
-          </el-col>
-          <el-col :span="5">
-            <el-select
-              v-model="middleDate.dataSource.label"
-              placeholder="请先选择需要展示的数据"
-            >
-              <template #label="{ value }">
-                <span>展示: </span>
-                <span style="font-weight: bold">{{ value }}</span>
-              </template>
-              <el-option
-                v-for="item in dbColumnList"
-                :key="item.columnName"
-                :value="item.columnName"
-              >
-                <span style="float: left">
-                  <el-tag :type="item.isPrimary ? 'primary' : 'info'">
-                    {{ item.isPrimary ? '主&emsp;键' : '非主键' }}
-                  </el-tag>
-                  {{ item.columnName }}</span
-                >
-                <span
-                  style="
-                    float: right;
-                    margin-left: 5px;
-                    color: var(--el-text-color-secondary);
-                    font-size: 13px;
-                  "
-                >
-                  类型：{{ item.type }}
-                  <span v-if="item.comment != ''"
-                    >，字段说明：{{ item.comment }}</span
-                  >
-                </span>
-              </el-option>
-            </el-select>
-            <!-- <el-input v-model="middleDate.dataSource.label" placeholder="展示用字段" /> -->
-          </el-col>
-        </el-row>
-      </el-collapse-item>
-    </el-collapse>
-  </div>
-</template>
-
-<script setup>
-  import { toLowerCase, toSQLLine } from '@/utils/stringFun'
-  import { getSysDictionaryList } from '@/api/sysDictionary'
-  import WarningBar from '@/components/warningBar/warningBar.vue'
-  import { ref, onMounted } from 'vue'
-  import { ElMessageBox } from 'element-plus'
-  import { getColumn, getDB, getTable } from '@/api/autoCode'
-
-  defineOptions({
-    name: 'FieldDialog'
-  })
-
-  const props = defineProps({
-    dialogMiddle: {
-      type: Object,
-      default: function () {
-        return {}
-      }
-    },
-    typeOptions: {
-      type: Array,
-      default: function () {
-        return []
-      }
-    },
-    typeSearchOptions: {
-      type: Array,
-      default: function () {
-        return []
-      }
-    },
-    typeIndexOptions: {
-      type: Array,
-      default: function () {
-        return []
-      }
-    }
-  })
-
-  const activeNames = ref([])
-
-  const middleDate = ref({})
-  const dictOptions = ref([])
-
-  const dbList = ref([])
-
-  const getDbFunc = async () => {
-    const res = await getDB()
-    if (res.code === 0) {
-      dbList.value = res.data.dbList
-    }
-  }
-
-  const validateDataTypeLong = (rule, value, callback) => {
-    const regex = /^('([^']*)'(?:,'([^']+)'*)*)$/
-    if (middleDate.value.fieldType == 'enum' && !regex.test(value)) {
-      callback(new Error('枚举值校验错误'))
-    } else {
-      callback()
-    }
-  }
-
-  const rules = ref({
-    fieldName: [
-      { required: true, message: '请输入字段英文名', trigger: 'blur' }
-    ],
-    fieldDesc: [
-      { required: true, message: '请输入字段中文名', trigger: 'blur' }
-    ],
-    fieldJson: [
-      { required: true, message: '请输入字段格式化json', trigger: 'blur' }
-    ],
-    columnName: [
-      { required: true, message: '请输入数据库字段', trigger: 'blur' }
-    ],
-    fieldType: [{ required: true, message: '请选择字段类型', trigger: 'blur' }],
-    dataTypeLong: [{ validator: validateDataTypeLong, trigger: 'blur' }]
-  })
-
-  const init = async () => {
-    middleDate.value = props.dialogMiddle
-    const dictRes = await getSysDictionaryList({
-      page: 1,
-      pageSize: 999999
-    })
-
-    dictOptions.value = dictRes.data
-  }
-  init()
-
-  const autoFill = () => {
-    middleDate.value.fieldJson = toLowerCase(middleDate.value.fieldName)
-    middleDate.value.columnName = toSQLLine(middleDate.value.fieldJson)
-  }
-
-  const canSelect = (item) => {
-    const fieldType = middleDate.value.fieldType;
-
-    if (fieldType === 'richtext') {
-      return item !== 'LIKE';
-    }
-
-    if (fieldType !== 'string' && item === 'LIKE') {
-      return true;
-    }
-
-    const nonNumericTypes = ['int', 'time.Time', 'float64'];
-    if (!nonNumericTypes.includes(fieldType) && ['BETWEEN', 'NOT BETWEEN'].includes(item)) {
-      return true;
-    }
-
-    return false;
-  }
-
-  const clearOther = () => {
-    middleDate.value.fieldSearchType = ''
-    middleDate.value.dictType = ''
-  }
-
-  const associationChange = (val) => {
-    if (val === 2) {
-      ElMessageBox.confirm(
-        '一对多关联模式下，数据类型会改变为数组，后端表现为json，具体表现为数组模式，是否继续？',
-        '提示',
-        {
-          confirmButtonText: '继续',
-          cancelButtonText: '取消',
-          type: 'warning'
-        }
-      )
-        .then(() => {
-          middleDate.value.fieldType = 'array'
-        })
-        .catch(() => {
-          middleDate.value.dataSource.association = 1
-        })
-    }
-  }
-
-  const clearAccress = () => {
-    middleDate.value.dataSource.value = ''
-    middleDate.value.dataSource.label = ''
-  }
-
-  const clearDataSourceTable = () => {
-    middleDate.value.dataSource.table = ''
-  }
-
-  const dbNameChange = () => {
-    getDBTableList()
-    clearDataSourceTable()
-    clearAccress()
-  }
-
-  const dbTableList = ref([])
-
-  const getDBTableList = async () => {
-    const res = await getTable({
-      businessDB: middleDate.value.dataSource.dbName
-    })
-    if (res.code === 0) {
-      let list = res.data.tables // 确保这里正确获取到 tables 数组
-      dbTableList.value = list.map((item) => ({
-        tableName: item.tableName,
-        value: item.tableName // 这里假设 value 也是 tableName，如果不同请调整
-      }))
-    }
-    clearAccress()
-  }
-
-  const dbColumnList = ref([])
-  const selectDB = async (val, isInit) => {
-    middleDate.value.dataSource.hasDeletedAt = false
-    middleDate.value.dataSource.table = val
-    const res = await getColumn({
-      businessDB: middleDate.value.dataSource.dbName,
-      tableName: val
-    })
-
-    if (res.code === 0) {
-      let list = res.data.columns // 确保这里正确获取到 tables 数组
-      dbColumnList.value = list.map((item) => {
-        if (item.columnName === 'deleted_at') {
-          middleDate.value.dataSource.hasDeletedAt = true
-        }
-        return {
-          columnName: item.columnName,
-          value: item.columnName,
-          type: item.dataType,
-          isPrimary: item.primaryKey,
-          comment: item.columnComment
-        }
-      })
-      if (dbColumnList.value.length > 0 && !isInit) {
-        middleDate.value.dataSource.label = dbColumnList.value[0].columnName
-        middleDate.value.dataSource.value = dbColumnList.value[0].columnName
-      }
-    }
-  }
-
-  const fieldDialogForm = ref(null)
-  defineExpose({ fieldDialogForm })
-
-  onMounted(() => {
-    getDbFunc()
-    if (middleDate.value.dataSource.table) {
-      selectDB(middleDate.value.dataSource.table, true)
-    }
-  })
-</script>
diff --git a/src/view/systemTools/autoCode/component/previewCodeDialog.vue b/src/view/systemTools/autoCode/component/previewCodeDialog.vue
deleted file mode 100644
index aa9c030..0000000
--- a/src/view/systemTools/autoCode/component/previewCodeDialog.vue
+++ /dev/null
@@ -1,119 +0,0 @@
-<template>
-  <el-tabs
-    v-model="activeName"
-    tab-position="left"
-    class="h-[calc(100vh-110px)]"
-  >
-    <el-tab-pane
-      v-for="(item, key) in useCode"
-      :key="key"
-      :label="key"
-      :name="key"
-    >
-      <div :id="key" class="h-[calc(100vh-110px)] px-5 overflow-y-scroll"></div>
-    </el-tab-pane>
-  </el-tabs>
-</template>
-
-<script setup>
-  import { Marked } from 'marked'
-  import { markedHighlight } from 'marked-highlight'
-  import hljs from 'highlight.js'
-  import { ElMessage } from 'element-plus'
-  import { onMounted, ref, watchEffect } from 'vue'
-  import { useAppStore } from '@/pinia'
-
-  const appStore = useAppStore()
-
-  const useCode = ref({})
-
-  const createKey = [
-    'enter.go',
-    'gorm_biz.go',
-    'router_biz.go',
-    'api',
-    'router',
-    'initialize',
-    'gen.go'
-  ]
-
-  onMounted(() => {
-    const isDarkMode = appStore.config.darkMode === 'dark'
-    if (isDarkMode) {
-      import('highlight.js/styles/atom-one-dark.css')
-    } else {
-      import('highlight.js/styles/atom-one-light.css')
-    }
-  })
-
-  const props = defineProps({
-    previewCode: {
-      type: Object,
-      default() {
-        return {}
-      }
-    },
-    isAdd: {
-      type: Boolean,
-      default: false
-    }
-  })
-
-  watchEffect(() => {
-    for (const key in props.previewCode) {
-      if (
-        props.isAdd &&
-        createKey.some((createKeyItem) => key.includes(createKeyItem))
-      ) {
-        continue
-      }
-      useCode.value[key] = props.previewCode[key]
-    }
-  })
-
-  const activeName = ref('')
-  onMounted(() => {
-    const marked = new Marked(
-      markedHighlight({
-        langPrefix: 'hljs language-',
-        highlight(code, lang) {
-          const language = hljs.getLanguage(lang) ? lang : 'plaintext'
-          if (lang === 'vue') {
-            return hljs.highlight(code, { language: 'html' }).value
-          }
-          return hljs.highlight(code, { language }).value
-        }
-      })
-    )
-    for (const key in useCode.value) {
-      if (activeName.value === '') {
-        activeName.value = key
-      }
-      document.getElementById(key).innerHTML = marked.parse(useCode.value[key])
-    }
-  })
-
-  const selectText = () => {
-    const element = document.getElementById(activeName.value)
-    if (document.body.createTextRange) {
-      const range = document.body.createTextRange()
-      range.moveToElementText(element)
-      range.select()
-    } else if (window.getSelection) {
-      const selection = window.getSelection()
-      const range = document.createRange()
-      range.selectNodeContents(element)
-      selection.removeAllRanges()
-      selection.addRange(range)
-    } else {
-      alert('none')
-    }
-  }
-  const copy = () => {
-    selectText()
-    document.execCommand('copy')
-    ElMessage.success('复制成功')
-  }
-
-  defineExpose({ copy, selectText })
-</script>
diff --git a/src/view/systemTools/autoCode/index.vue b/src/view/systemTools/autoCode/index.vue
deleted file mode 100644
index a9c4f5c..0000000
--- a/src/view/systemTools/autoCode/index.vue
+++ /dev/null
@@ -1,1680 +0,0 @@
-<template>
-  <div>
-    <warning-bar
-      href="https://www.bilibili.com/video/BV1kv4y1g7nT?p=3"
-      title="此功能为开发环境使用，不建议发布到生产，具体使用效果请点我观看。"
-    />
-    <div class="gva-search-box" v-if="!isAdd">
-      <div class="text-lg mb-2 text-gray-600">
-        使用AI创建<a
-          class="text-blue-600 text-sm ml-4"
-          href="https://plugin.gin-vue-admin.com/#/layout/userInfo/center"
-          target="_blank"
-          >获取AiPath</a
-        >
-      </div>
-      <div class="relative">
-        <el-input
-          v-model="prompt"
-          type="textarea"
-          :rows="5"
-          :maxlength="2000"
-          :placeholder="`现已完全免费\n试试复制一张图片然后按下ctrl+v或者commend+v\n试试描述你的表，让AI帮你完成。\n此功能需要到插件市场个人中心获取自己的AI-Path，把AI-Path填入config.yaml下的autocode-->ai-path，重启项目即可使用。\n按下 Ctrl+Enter 或 Cmd+Enter 直接生成`"
-          resize="none"
-          @focus="handleFocus"
-          @blur="handleBlur"
-        />
-
-        <div class="flex absolute right-28 bottom-2">
-          <el-tooltip effect="light">
-            <template #content>
-              <div>
-                【完全免费】前往<a
-                  class="text-blue-600"
-                  href="https://plugin.gin-vue-admin.com/#/layout/userInfo/center"
-                  target="_blank"
-              >插件市场个人中心</a
-              >申请AIPath，填入config.yaml的ai-path属性即可使用。
-              </div>
-            </template>
-            <el-button
-                :disabled="form.onlyTemplate"
-                type="primary"
-                @click="eyeFunc()"
-            >
-              <el-icon size="18">
-                <ai-gva />
-              </el-icon>
-              识图
-            </el-button>
-          </el-tooltip>
-        </div>
-
-        <div class="flex absolute right-2 bottom-2">
-          <el-tooltip effect="light">
-            <template #content>
-              <div>
-                【完全免费】前往<a
-                  class="text-blue-600"
-                  href="https://plugin.gin-vue-admin.com/#/layout/userInfo/center"
-                  target="_blank"
-                  >插件市场个人中心</a
-                >申请AIPath，填入config.yaml的ai-path属性即可使用。
-              </div>
-            </template>
-            <el-button
-              :disabled="form.onlyTemplate"
-              type="primary"
-              @click="llmAutoFunc()"
-            >
-              <el-icon size="18">
-                <ai-gva />
-              </el-icon>
-              生成
-            </el-button>
-          </el-tooltip>
-        </div>
-      </div>
-    </div>
-    <!-- 从数据库直接获取字段 -->
-    <div class="gva-search-box" v-if="!isAdd">
-      <div class="text-lg mb-2 text-gray-600">从数据库创建</div>
-      <el-form
-        ref="getTableForm"
-        :inline="true"
-        :model="dbform"
-        label-width="120px"
-      >
-        <el-row class="w-full">
-          <el-col :span="6">
-            <el-form-item label="业务库" prop="selectDBtype" class="w-full">
-              <template #label>
-                <el-tooltip
-                  content="注：需要提前到db-list自行配置多数据库，如未配置需配置后重启服务方可使用。（此处可选择对应库表，可理解为从哪个库选择表）"
-                  placement="bottom"
-                  effect="light"
-                >
-                  <div>
-                    业务库 <el-icon><QuestionFilled /></el-icon>
-                  </div>
-                </el-tooltip>
-              </template>
-              <el-select
-                v-model="dbform.businessDB"
-                clearable
-                placeholder="选择业务库"
-                @change="getDbFunc"
-                class="w-full"
-              >
-                <el-option
-                  v-for="item in dbList"
-                  :key="item.aliasName"
-                  :value="item.aliasName"
-                  :label="item.aliasName"
-                  :disabled="item.disable"
-                >
-                  <div>
-                    <span>{{ item.aliasName }}</span>
-                    <span
-                      style="float: right; color: #8492a6; font-size: 13px"
-                      >{{ item.dbName }}</span
-                    >
-                  </div>
-                </el-option>
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="6">
-            <el-form-item label="数据库名" prop="structName" class="w-full">
-              <el-select
-                v-model="dbform.dbName"
-                clearable
-                filterable
-                placeholder="请选择数据库"
-                class="w-full"
-                @change="getTableFunc"
-              >
-                <el-option
-                  v-for="item in dbOptions"
-                  :key="item.database"
-                  :label="item.database"
-                  :value="item.database"
-                />
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="6">
-            <el-form-item label="表名" prop="structName" class="w-full">
-              <el-select
-                v-model="dbform.tableName"
-                :disabled="!dbform.dbName"
-                class="w-full"
-                filterable
-                placeholder="请选择表"
-              >
-                <el-option
-                  v-for="item in tableOptions"
-                  :key="item.tableName"
-                  :label="item.tableName"
-                  :value="item.tableName"
-                />
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="6">
-            <el-form-item class="w-full">
-              <div class="flex justify-end w-full">
-                <el-button type="primary" @click="getColumnFunc">
-                  使用此表
-                </el-button>
-              </div>
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-form>
-    </div>
-    <div class="gva-search-box">
-      <!-- 初始版本自动化代码工具 -->
-      <div class="text-lg mb-2 text-gray-600">自动化结构</div>
-      <el-form
-        :disabled="isAdd"
-        ref="autoCodeForm"
-        :rules="rules"
-        :model="form"
-        label-width="120px"
-        :inline="true"
-      >
-        <el-row class="w-full">
-          <el-col :span="6">
-            <el-form-item label="结构名称" prop="structName" class="w-full">
-              <div class="flex gap-2 w-full">
-                <el-input
-                  v-model="form.structName"
-                  placeholder="首字母自动转换大写"
-                />
-                <el-button
-                  :disabled="form.onlyTemplate"
-                  type="primary"
-                  @click="llmAutoFunc(true)"
-                >
-                  <el-icon size="18">
-                    <ai-gva />
-                  </el-icon>
-                  生成
-                </el-button>
-              </div>
-            </el-form-item>
-          </el-col>
-          <el-col :span="6">
-            <el-form-item label="abbreviation" prop="abbreviation" class="w-full">
-              <template #label>
-                <el-tooltip
-                  content="简称会作为入参对象名和路由group"
-                  placement="bottom"
-                  effect="light"
-                >
-                  <div>
-                    结构简称 <el-icon><QuestionFilled /></el-icon>
-                  </div>
-                </el-tooltip>
-              </template>
-              <el-input
-                v-model="form.abbreviation"
-                placeholder="请输入Struct简称"
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="6">
-            <el-form-item label="中文名称" prop="description" class="w-full">
-              <el-input
-                v-model="form.description"
-                placeholder="中文描述作为自动api描述"
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="6">
-            <el-form-item label="表名" prop="tableName" class="w-full">
-              <el-input
-                v-model="form.tableName"
-                placeholder="指定表名（非必填）"
-              />
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row class="w-full">
-          <el-col :span="6">
-            <el-form-item prop="packageName" class="w-full">
-              <template #label>
-                <el-tooltip
-                  content="生成文件的默认名称(建议为驼峰格式,首字母小写,如sysXxxXxxx)"
-                  placement="bottom"
-                  effect="light"
-                >
-                  <div>
-                    文件名称 <el-icon><QuestionFilled /></el-icon>
-                  </div>
-                </el-tooltip>
-              </template>
-              <el-input
-                v-model="form.packageName"
-                placeholder="请输入文件名称"
-                @blur="toLowerCaseFunc(form, 'packageName')"
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="6">
-            <el-form-item
-              label="选择模板"
-              prop="package"
-              class="w-full relative"
-            >
-              <el-select v-model="form.package" class="w-full pr-12" filterable>
-                <el-option
-                  v-for="item in pkgs"
-                  :key="item.ID"
-                  :value="item.packageName"
-                  :label="item.packageName"
-                />
-              </el-select>
-              <span class="absolute right-0">
-                <el-icon
-                  class="cursor-pointer ml-2 text-gray-600"
-                  @click="getPkgs"
-                >
-                  <refresh />
-                </el-icon>
-                <el-icon
-                  class="cursor-pointer ml-2 text-gray-600"
-                  @click="goPkgs"
-                >
-                  <document-add />
-                </el-icon>
-              </span>
-            </el-form-item>
-          </el-col>
-          <el-col :span="6">
-            <el-form-item label="业务库" prop="businessDB" class="w-full">
-              <template #label>
-                <el-tooltip
-                  content="注：需要提前到db-list自行配置多数据库，此项为空则会使用gva本库创建自动化代码(global.GVA_DB),填写后则会创建指定库的代码(global.MustGetGlobalDBByDBName(dbname))"
-                  placement="bottom"
-                  effect="light"
-                >
-                  <div>
-                    业务库 <el-icon><QuestionFilled /></el-icon>
-                  </div>
-                </el-tooltip>
-              </template>
-              <el-select
-                v-model="form.businessDB"
-                clearable
-                placeholder="选择业务库"
-                class="w-full"
-              >
-                <el-option
-                  v-for="item in dbList"
-                  :key="item.aliasName"
-                  :value="item.aliasName"
-                  :label="item.aliasName"
-                  :disabled="item.disable"
-                >
-                  <div>
-                    <span>{{ item.aliasName }}</span>
-                    <span
-                      style="float: right; color: #8492a6; font-size: 13px"
-                      >{{ item.dbName }}</span
-                    >
-                  </div>
-                </el-option>
-              </el-select>
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-form>
-    </div>
-    <div class="gva-search-box">
-      <el-collapse class="no-border-collapse">
-        <el-collapse-item>
-          <template #title>
-            <div class="text-lg text-gray-600 font-normal">
-              专家模式
-            </div>
-          </template>
-          <template #icon="{ isActive }">
-          <span class="text-lg ml-auto mr-4 font-normal">
-            {{ isActive ? '收起' : '展开' }}
-          </span>
-          </template>
-          <div class="p-4">
-            <!-- 基础设置组 -->
-            <div class="border-b border-gray-200 last:border-0">
-              <h3 class="text-lg font-medium mb-4 text-gray-700">基础设置</h3>
-              <el-row :gutter="20">
-                <el-col :span="3">
-                  <el-tooltip
-                      content="注：会自动在结构体global.Model其中包含主键和软删除相关操作配置"
-                      placement="top"
-                      effect="light"
-                  >
-                    <el-form-item label="使用GVA结构">
-                      <el-checkbox v-model="form.gvaModel" @change="useGva" />
-                    </el-form-item>
-                  </el-tooltip>
-                </el-col>
-                <el-col :span="3">
-                  <el-tooltip
-                      content="注：会自动产生页面内的按钮权限配置，若不在角色管理中进行按钮分配则按钮不可见"
-                      placement="top"
-                      effect="light"
-                  >
-                    <el-form-item label="创建按钮权限">
-                      <el-checkbox :disabled="!form.generateWeb" v-model="form.autoCreateBtnAuth" />
-                    </el-form-item>
-                  </el-tooltip>
-                </el-col>
-                <el-col :span="3">
-                  <el-form-item label="生成前端">
-                    <el-checkbox v-model="form.generateWeb" />
-                  </el-form-item>
-                </el-col>
-                <el-col :span="3">
-                  <el-form-item label="生成后端">
-                    <el-checkbox disabled v-model="form.generateServer" />
-                  </el-form-item>
-                </el-col>
-              </el-row>
-            </div>
-
-            <!-- 自动化设置组 -->
-            <div class="border-b border-gray-200 last:border-0">
-              <h3 class="text-lg font-medium mb-4 text-gray-700">自动化设置</h3>
-              <el-row :gutter="20">
-                <el-col :span="3">
-                  <el-tooltip
-                      content="注：把自动生成的API注册进数据库"
-                      placement="top"
-                      effect="light"
-                  >
-                    <el-form-item label="自动创建API">
-                      <el-checkbox  :disabled="!form.generateServer" v-model="form.autoCreateApiToSql" />
-                    </el-form-item>
-                  </el-tooltip>
-                </el-col>
-                <el-col :span="3">
-                  <el-tooltip
-                      content="注：把自动生成的菜单注册进数据库"
-                      placement="top"
-                      effect="light"
-                  >
-                    <el-form-item label="自动创建菜单">
-                      <el-checkbox :disabled="!form.generateWeb" v-model="form.autoCreateMenuToSql" />
-                    </el-form-item>
-                  </el-tooltip>
-                </el-col>
-                <el-col :span="3">
-                  <el-tooltip
-                      content="注：自动同步数据库表结构，如果不需要可以选择关闭"
-                      placement="top"
-                      effect="light"
-                  >
-                    <el-form-item label="同步表结构">
-                      <el-checkbox  :disabled="!form.generateServer" v-model="form.autoMigrate" />
-                    </el-form-item>
-                  </el-tooltip>
-                </el-col>
-              </el-row>
-            </div>
-
-            <!-- 高级设置组 -->
-            <div class="border-b border-gray-200 last:border-0">
-              <h3 class="text-lg font-medium mb-4 text-gray-700">高级设置</h3>
-              <el-row :gutter="20">
-                <el-col :span="3">
-                  <el-tooltip
-                      content="注：会自动在结构体添加 created_by updated_by deleted_by，方便用户进行资源权限控制"
-                      placement="top"
-                      effect="light"
-                  >
-                    <el-form-item label="创建资源标识">
-                      <el-checkbox v-model="form.autoCreateResource" />
-                    </el-form-item>
-                  </el-tooltip>
-                </el-col>
-                <el-col :span="3">
-                  <el-tooltip
-                      content="注：使用基础模板将不会生成任何结构体和CURD,仅仅配置enter等属性方便自行开发非CURD逻辑"
-                      placement="top"
-                      effect="light"
-                  >
-                    <el-form-item label="基础模板">
-                      <el-checkbox v-model="form.onlyTemplate" />
-                    </el-form-item>
-                  </el-tooltip>
-                </el-col>
-              </el-row>
-            </div>
-
-            <!-- 树形结构设置 -->
-            <div class="last:pb-0">
-              <h3 class="text-lg font-medium mb-4 text-gray-700">树形结构设置</h3>
-              <el-row :gutter="20" align="middle">
-                <el-col :span="24">
-                    <el-form-item label="树型结构">
-                      <div class="flex items-center gap-4">
-                        <el-tooltip
-                            content="注：会自动创建parentID来进行父子关系关联,仅支持主键为int类型"
-                            placement="top"
-                            effect="light"
-                        >
-                          <el-checkbox v-model="form.isTree" />
-                        </el-tooltip>
-                        <el-input
-                            v-model="form.treeJson"
-                            :disabled="!form.isTree"
-                            placeholder="前端展示json属性"
-                            class="flex-1"
-                        />
-                      </div>
-                    </el-form-item>
-                </el-col>
-              </el-row>
-            </div>
-          </div>
-        </el-collapse-item>
-      </el-collapse>
-    </div>
-    <!-- 组件列表 -->
-    <div class="gva-table-box">
-      <div class="gva-btn-list">
-        <el-button
-          type="primary"
-          @click="editAndAddField()"
-          :disabled="form.onlyTemplate"
-        >
-          新增字段
-        </el-button>
-      </div>
-      <div class="draggable">
-        <el-table :data="form.fields" row-key="fieldName">
-          <el-table-column
-            v-if="!isAdd"
-            fixed="left"
-            align="left"
-            type="index"
-            width="60"
-          >
-            <template #default>
-              <el-icon class="cursor-grab drag-column">
-                <MoreFilled />
-              </el-icon>
-            </template>
-          </el-table-column>
-          <el-table-column
-            fixed="left"
-            align="left"
-            type="index"
-            label="序列"
-            width="60"
-          />
-          <el-table-column
-            fixed="left"
-            align="left"
-            type="index"
-            label="主键"
-            width="60"
-          >
-            <template #default="{ row }">
-              <el-checkbox :disabled="row.disabled" v-model="row.primaryKey" />
-            </template>
-          </el-table-column>
-          <el-table-column
-            fixed="left"
-            align="left"
-            prop="fieldName"
-            label="字段名称"
-            width="160"
-          >
-            <template #default="{ row }">
-              <el-input disabled v-model="row.fieldName" />
-            </template>
-          </el-table-column>
-          <el-table-column
-            align="left"
-            prop="fieldDesc"
-            label="中文名"
-            width="160"
-          >
-            <template #default="{ row }">
-              <el-input :disabled="row.disabled" v-model="row.fieldDesc" />
-            </template>
-          </el-table-column>
-          <el-table-column
-            align="left"
-            prop="defaultValue"
-            label="默认值"
-            width="160"
-          >
-            <template #default="{ row }">
-              <el-input :disabled="row.disabled" v-model="row.defaultValue" />
-            </template>
-          </el-table-column>
-          <el-table-column align="left" prop="require" label="必填">
-            <template #default="{ row }">
-              <el-checkbox :disabled="row.disabled" v-model="row.require" />
-            </template>
-          </el-table-column>
-          <el-table-column align="left" prop="sort" label="排序">
-            <template #default="{ row }">
-              <el-checkbox :disabled="row.disabled" v-model="row.sort" />
-            </template>
-          </el-table-column>
-          <el-table-column
-            align="left"
-            prop="form"
-            width="100"
-            label="新建/编辑"
-          >
-            <template #default="{ row }">
-              <el-checkbox :disabled="row.disabled" v-model="row.form" />
-            </template>
-          </el-table-column>
-          <el-table-column align="left" prop="table" label="表格">
-            <template #default="{ row }">
-              <el-checkbox :disabled="row.disabled" v-model="row.table" />
-            </template>
-          </el-table-column>
-          <el-table-column align="left" prop="desc" label="详情">
-            <template #default="{ row }">
-              <el-checkbox :disabled="row.disabled" v-model="row.desc" />
-            </template>
-          </el-table-column>
-          <el-table-column
-            align="left"
-            prop="excel"
-            width="100"
-            label="导入/导出"
-            v-if="!isAdd"
-          >
-            <template #default="{ row }">
-              <el-checkbox v-model="row.excel" />
-            </template>
-          </el-table-column>
-          <el-table-column
-            align="left"
-            prop="fieldJson"
-            width="160px"
-            label="字段Json"
-          >
-            <template #default="{ row }">
-              <el-input :disabled="row.disabled" v-model="row.fieldJson" />
-            </template>
-          </el-table-column>
-          <el-table-column
-            align="left"
-            prop="fieldType"
-            label="字段类型"
-            width="160"
-          >
-            <template #default="{ row }">
-              <el-select
-                v-model="row.fieldType"
-                style="width: 100%"
-                placeholder="请选择字段类型"
-                :disabled="row.disabled"
-                clearable
-              >
-                <el-option
-                  v-for="item in typeOptions"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value"
-                />
-              </el-select>
-            </template>
-          </el-table-column>
-          <el-table-column
-            align="left"
-            prop="fieldIndexType"
-            label="索引类型"
-            width="160"
-          >
-            <template #default="{ row }">
-              <el-select
-                v-model="row.fieldIndexType"
-                style="width: 100%"
-                placeholder="请选择字段索引类型"
-                :disabled="row.disabled"
-                clearable
-              >
-                <el-option
-                  v-for="item in typeIndexOptions"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value"
-                />
-              </el-select>
-            </template>
-          </el-table-column>
-          <el-table-column
-            align="left"
-            prop="dataTypeLong"
-            label="字段长度/枚举值"
-            width="160"
-          >
-            <template #default="{ row }">
-              <el-input :disabled="row.disabled" v-model="row.dataTypeLong" />
-            </template>
-          </el-table-column>
-          <el-table-column
-            align="left"
-            prop="columnName"
-            label="数据库字段"
-            width="160"
-          >
-            <template #default="{ row }">
-              <el-input :disabled="row.disabled" v-model="row.columnName" />
-            </template>
-          </el-table-column>
-          <el-table-column
-            align="left"
-            prop="comment"
-            label="数据库字段描述"
-            width="160"
-          >
-            <template #default="{ row }">
-              <el-input :disabled="row.disabled" v-model="row.comment" />
-            </template>
-          </el-table-column>
-          <el-table-column
-            align="left"
-            prop="fieldSearchType"
-            label="搜索条件"
-            width="130"
-          >
-            <template #default="{ row }">
-              <el-select
-                v-model="row.fieldSearchType"
-                style="width: 100%"
-                placeholder="请选择字段查询条件"
-                clearable
-                :disabled="row.fieldType === 'json' || row.disabled"
-              >
-                <el-option
-                  v-for="item in typeSearchOptions"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value"
-                  :disabled="canSelect(row.fieldType,item.value)"
-                />
-              </el-select>
-            </template>
-          </el-table-column>
-          <el-table-column align="left" label="操作" width="300" fixed="right">
-            <template #default="scope">
-              <el-button
-                v-if="!scope.row.disabled"
-                type="primary"
-                link
-                icon="edit"
-                @click="editAndAddField(scope.row)"
-              >
-                高级编辑
-              </el-button>
-              <el-button
-                v-if="!scope.row.disabled"
-                type="primary"
-                link
-                icon="delete"
-                @click="deleteField(scope.$index)"
-              >
-                删除
-              </el-button>
-            </template>
-          </el-table-column>
-        </el-table>
-      </div>
-      <!-- 组件列表 -->
-      <div class="gva-btn-list justify-end mt-4">
-        <el-button type="primary" :disabled="isAdd" @click="exportJson()">
-          导出json
-        </el-button>
-        <el-upload
-          class="flex items-center"
-          :before-upload="importJson"
-          :show-file-list="false"
-          :headers="{'x-token': token}"
-          accept=".json"
-        >
-          <el-button type="primary" class="mx-2" :disabled="isAdd"
-            >导入json</el-button
-          >
-        </el-upload>
-        <el-button type="primary" :disabled="isAdd" @click="clearCatch()">
-          清除暂存
-        </el-button>
-        <el-button type="primary" :disabled="isAdd" @click="catchData()">
-          暂存
-        </el-button>
-        <el-button type="primary" :disabled="isAdd" @click="enterForm(false)">
-          生成代码
-        </el-button>
-        <el-button type="primary" @click="enterForm(true)">
-          {{ isAdd ? '查看代码' : '预览代码' }}
-        </el-button>
-      </div>
-    </div>
-    <!-- 组件弹窗 -->
-    <el-drawer v-model="dialogFlag" size="70%" :show-close="false">
-      <template #header>
-        <div class="flex justify-between items-center">
-          <span class="text-lg">组件内容</span>
-          <div>
-            <el-button @click="closeDialog"> 取 消 </el-button>
-            <el-button type="primary" @click="enterDialog"> 确 定 </el-button>
-          </div>
-        </div>
-      </template>
-
-      <FieldDialog
-        v-if="dialogFlag"
-        ref="fieldDialogNode"
-        :dialog-middle="dialogMiddle"
-        :type-options="typeOptions"
-        :type-search-options="typeSearchOptions"
-        :type-index-options="typeIndexOptions"
-      />
-    </el-drawer>
-
-    <el-drawer v-model="previewFlag" size="80%" :show-close="false">
-      <template #header>
-        <div class="flex justify-between items-center">
-          <span class="text-lg">操作栏</span>
-          <div>
-            <el-button type="primary" @click="selectText"> 全选 </el-button>
-            <el-button type="primary" @click="copy"> 复制 </el-button>
-          </div>
-        </div>
-      </template>
-      <PreviewCodeDialog
-        v-if="previewFlag"
-        :is-add="isAdd"
-        ref="previewNode"
-        :preview-code="preViewCode"
-      />
-    </el-drawer>
-  </div>
-</template>
-
-<script setup>
-  import FieldDialog from '@/view/systemTools/autoCode/component/fieldDialog.vue'
-  import PreviewCodeDialog from '@/view/systemTools/autoCode/component/previewCodeDialog.vue'
-  import {
-    toUpperCase,
-    toHump,
-    toSQLLine,
-    toLowerCase
-  } from '@/utils/stringFun'
-  import {
-    createTemp,
-    getDB,
-    getTable,
-    getColumn,
-    preview,
-    getMeta,
-    getPackageApi,
-    llmAuto, butler, eye
-  } from '@/api/autoCode'
-  import { getDict } from '@/utils/dictionary'
-  import { ref, watch, toRaw, onMounted, nextTick } from 'vue'
-  import { useRoute, useRouter } from 'vue-router'
-  import { ElMessage, ElMessageBox } from 'element-plus'
-  import WarningBar from '@/components/warningBar/warningBar.vue'
-  import Sortable from 'sortablejs'
-  import { useUserStore } from "@/pinia";
-
-  const userStore = useUserStore()
-
-  const token = userStore.token
-
-  const handleFocus = () => {
-    document.addEventListener('keydown', handleKeydown);
-    document.addEventListener('paste', handlePaste);
-  }
-
-  const handleBlur = () => {
-    document.removeEventListener('keydown', handleKeydown);
-    document.removeEventListener('paste', handlePaste);
-  }
-
-  const handleKeydown = (event) => {
-    if ((event.ctrlKey || event.metaKey) && event.key === 'Enter') {
-      llmAutoFunc()
-    }
-  }
-
-  const handlePaste = (event) => {
-    const items = event.clipboardData.items;
-    for (let i = 0; i < items.length; i++) {
-      if (items[i].type.indexOf('image') !== -1) {
-        const file = items[i].getAsFile();
-        const reader = new FileReader();
-        reader.onload =async (e) => {
-          const base64String = e.target.result;
-          const res = await eye({ picture: base64String,command: 'eye' })
-          if (res.code === 0) {
-            prompt.value = res.data
-            llmAutoFunc()
-          }
-        };
-        reader.readAsDataURL(file);
-      }
-    }
-  };
-
-  const getOnlyNumber = () => {
-    let randomNumber = ''
-    while (randomNumber.length < 16) {
-      randomNumber += Math.random().toString(16).substring(2)
-    }
-    return randomNumber.substring(0, 16)
-  }
-
-  const prompt = ref('')
-
-  const eyeFunc = async () => {
-    const input = document.createElement('input');
-    input.type = 'file';
-    input.accept = 'image/*';
-
-    input.onchange = (event) => {
-      const file = event.target.files[0];
-      if (file) {
-        const reader = new FileReader();
-        reader.onload = async (e) => {
-          const base64String = e.target.result;
-
-          const res = await eye({ picture: base64String,command: 'eye' })
-          if (res.code === 0) {
-            prompt.value = res.data
-            llmAutoFunc()
-          }
-        };
-        reader.readAsDataURL(file);
-      }
-    };
-
-    input.click();
-  }
-
-
-  const llmAutoFunc = async (flag) => {
-    if (flag && !form.value.structName) {
-      ElMessage.error('请输入结构体名称')
-      return
-    }
-    if (!flag && !prompt.value) {
-      ElMessage.error('请输入描述')
-      return
-    }
-
-    if (form.value.fields.length > 0) {
-      const res = await ElMessageBox.confirm(
-        'AI生成会清空当前数据，是否继续?',
-        '提示',
-        {
-          confirmButtonText: '确定',
-          cancelButtonText: '取消',
-          type: 'warning'
-        }
-      )
-      if (res !== 'confirm') {
-        return
-      }
-    }
-
-    const res = await llmAuto({
-      prompt: flag ? '结构体名称为' + form.value.structName : prompt.value
-    })
-    if (res.code === 0) {
-      form.value.fields = []
-      const json = JSON.parse(res.data)
-      json.fields?.forEach((item) => {
-        item.fieldName = toUpperCase(item.fieldName)
-      })
-
-      for (let key in json) {
-        form.value[key] = json[key]
-      }
-
-      form.value.generateServer = true
-      form.value.generateWeb = true
-
-    }
-  }
-
-  const isAdd = ref(false)
-
-  // 行拖拽
-  const rowDrop = () => {
-    // 要拖拽元素的父容器
-    const tbody = document.querySelector(
-      '.draggable .el-table__body-wrapper tbody'
-    )
-    Sortable.create(tbody, {
-      //  可被拖拽的子元素
-      draggable: '.draggable .el-table__row',
-      handle: '.drag-column',
-      onEnd: async ({ newIndex, oldIndex }) => {
-        await nextTick()
-        const currRow = form.value.fields.splice(oldIndex, 1)[0]
-        form.value.fields.splice(newIndex, 0, currRow)
-      }
-    })
-  }
-
-  onMounted(() => {
-    rowDrop()
-  })
-
-  defineOptions({
-    name: 'AutoCode'
-  })
-  const gormModelList = ['id', 'created_at', 'updated_at', 'deleted_at']
-
-  const dataModelList = ['created_by', 'updated_by', 'deleted_by']
-
-  const typeOptions = ref([
-    {
-      label: '字符串',
-      value: 'string'
-    },
-    {
-      label: '富文本',
-      value: 'richtext'
-    },
-    {
-      label: '整型',
-      value: 'int'
-    },
-    {
-      label: '布尔值',
-      value: 'bool'
-    },
-    {
-      label: '浮点型',
-      value: 'float64'
-    },
-    {
-      label: '时间',
-      value: 'time.Time'
-    },
-    {
-      label: '枚举',
-      value: 'enum'
-    },
-    {
-      label: '单图片（字符串）',
-      value: 'picture'
-    },
-    {
-      label: '多图片（json字符串）',
-      value: 'pictures'
-    },
-    {
-      label: '视频（字符串）',
-      value: 'video'
-    },
-    {
-      label: '文件（json字符串）',
-      value: 'file'
-    },
-    {
-      label: 'JSON',
-      value: 'json'
-    },
-    {
-      label: '数组',
-      value: 'array'
-    }
-  ])
-
-  const typeSearchOptions = ref([
-    {
-      label: '=',
-      value: '='
-    },
-    {
-      label: '<>',
-      value: '<>'
-    },
-    {
-      label: '>',
-      value: '>'
-    },
-    {
-      label: '<',
-      value: '<'
-    },
-    {
-      label: 'LIKE',
-      value: 'LIKE'
-    },
-    {
-      label: 'BETWEEN',
-      value: 'BETWEEN'
-    },
-    {
-      label: 'NOT BETWEEN',
-      value: 'NOT BETWEEN'
-    }
-  ])
-
-  const typeIndexOptions = ref([
-    {
-      label: 'index',
-      value: 'index'
-    },
-    {
-      label: 'uniqueIndex',
-      value: 'uniqueIndex'
-    }
-  ])
-
-  const fieldTemplate = {
-    fieldName: '',
-    fieldDesc: '',
-    fieldType: '',
-    dataType: '',
-    fieldJson: '',
-    columnName: '',
-    dataTypeLong: '',
-    comment: '',
-    defaultValue: '',
-    require: false,
-    sort: false,
-    form: true,
-    desc: true,
-    table: true,
-    excel: false,
-    errorText: '',
-    primaryKey: false,
-    clearable: true,
-    fieldSearchType: '',
-    fieldIndexType: '',
-    dictType: '',
-    dataSource: {
-      dbName: '',
-      association: 1,
-      table: '',
-      label: '',
-      value: '',
-      hasDeletedAt: false
-    }
-  }
-  const route = useRoute()
-  const router = useRouter()
-  const preViewCode = ref({})
-  const dbform = ref({
-    businessDB: '',
-    dbName: '',
-    tableName: ''
-  })
-  const tableOptions = ref([])
-  const addFlag = ref('')
-  const fdMap = ref({})
-  const form = ref({
-    structName: '',
-    tableName: '',
-    packageName: '',
-    package: '',
-    abbreviation: '',
-    description: '',
-    businessDB: '',
-    autoCreateApiToSql: true,
-    autoCreateMenuToSql: true,
-    autoCreateBtnAuth: false,
-    autoMigrate: true,
-    gvaModel: true,
-    autoCreateResource: false,
-    onlyTemplate: false,
-    isTree: false,
-    generateWeb:true,
-    generateServer:true,
-    treeJson: "",
-    fields: []
-  })
-  const rules = ref({
-    structName: [
-      { required: true, message: '请输入结构体名称', trigger: 'blur' }
-    ],
-    abbreviation: [
-      { required: true, message: '请输入结构体简称', trigger: 'blur' }
-    ],
-    description: [
-      { required: true, message: '请输入结构体描述', trigger: 'blur' }
-    ],
-    packageName: [
-      {
-        required: true,
-        message: '文件名称：sysXxxxXxxx',
-        trigger: 'blur'
-      }
-    ],
-    package: [{ required: true, message: '请选择package', trigger: 'blur' }]
-  })
-  const dialogMiddle = ref({})
-  const bk = ref({})
-  const dialogFlag = ref(false)
-  const previewFlag = ref(false)
-
-  const useGva = (e) => {
-    if (e && form.value.fields.length) {
-      ElMessageBox.confirm(
-        '如果您开启GVA默认结构，会自动添加ID,CreatedAt,UpdatedAt,DeletedAt字段，此行为将自动清除您目前在下方创建的重名字段，是否继续？',
-        '注意',
-        {
-          confirmButtonText: '继续',
-          cancelButtonText: '取消',
-          type: 'warning'
-        }
-      )
-        .then(() => {
-          form.value.fields = form.value.fields.filter(
-            (item) =>
-              !gormModelList.some((gormfd) => gormfd === item.columnName)
-          )
-        })
-        .catch(() => {
-          form.value.gvaModel = false
-        })
-    }
-  }
-
-  const toLowerCaseFunc = (form, key) => {
-    form[key] = toLowerCase(form[key])
-  }
-  const previewNode = ref(null)
-  const selectText = () => {
-    previewNode.value.selectText()
-  }
-  const copy = () => {
-    previewNode.value.copy()
-  }
-  const editAndAddField = (item) => {
-    dialogFlag.value = true
-    if (item) {
-      addFlag.value = 'edit'
-      if (!item.dataSource) {
-        item.dataSource = {
-          dbName: '',
-          association: 1,
-          table: '',
-          label: '',
-          value: '',
-          hasDeletedAt: false
-        }
-      }
-      bk.value = JSON.parse(JSON.stringify(item))
-      dialogMiddle.value = item
-    } else {
-      addFlag.value = 'add'
-      fieldTemplate.onlyNumber = getOnlyNumber()
-      dialogMiddle.value = JSON.parse(JSON.stringify(fieldTemplate))
-    }
-  }
-
-  const fieldDialogNode = ref(null)
-  const enterDialog = () => {
-    fieldDialogNode.value.fieldDialogForm.validate((valid) => {
-      if (valid) {
-        dialogMiddle.value.fieldName = toUpperCase(dialogMiddle.value.fieldName)
-        if (addFlag.value === 'add') {
-          form.value.fields.push(dialogMiddle.value)
-        }
-        dialogFlag.value = false
-      } else {
-        return false
-      }
-    })
-  }
-  const closeDialog = () => {
-    if (addFlag.value === 'edit') {
-      dialogMiddle.value = bk.value
-    }
-    dialogFlag.value = false
-  }
-  const deleteField = (index) => {
-    ElMessageBox.confirm('确定要删除吗?', '提示', {
-      confirmButtonText: '确定',
-      cancelButtonText: '取消',
-      type: 'warning'
-    }).then(async () => {
-      form.value.fields.splice(index, 1)
-    })
-  }
-  const autoCodeForm = ref(null)
-  const enterForm = async (isPreview) => {
-    if (form.value.isTree && !form.value.treeJson){
-      ElMessage({
-        type: 'error',
-        message: '请填写树型结构的前端展示json属性'
-      })
-      return false
-    }
-    if(!form.value.generateWeb && !form.value.generateServer){
-      ElMessage({
-        type: 'error',
-        message: '请至少选择一个生成项'
-      })
-      return false
-    }
-    if (!form.value.onlyTemplate) {
-      if (form.value.fields.length <= 0) {
-        ElMessage({
-          type: 'error',
-          message: '请填写至少一个field'
-        })
-        return false
-      }
-
-      if (
-        !form.value.gvaModel &&
-        form.value.fields.every((item) => !item.primaryKey)
-      ) {
-        ElMessage({
-          type: 'error',
-          message: '您至少需要创建一个主键才能保证自动化代码的可行性'
-        })
-        return false
-      }
-
-      if (
-        form.value.fields.some(
-          (item) => item.fieldName === form.value.structName
-        )
-      ) {
-        ElMessage({
-          type: 'error',
-          message: '存在与结构体同名的字段'
-        })
-        return false
-      }
-
-      if (
-        form.value.fields.some((item) => item.fieldJson === form.value.package)
-      ) {
-        ElMessage({
-          type: 'error',
-          message: '存在与模板同名的的字段JSON'
-        })
-        return false
-      }
-
-      if (form.value.fields.some((item) => !item.fieldType)) {
-        ElMessage({
-          type: 'error',
-          message: '请填写所有字段类型后进行提交'
-        })
-        return false
-      }
-
-      if (form.value.package === form.value.abbreviation) {
-        ElMessage({
-          type: 'error',
-          message: 'package和结构体简称不可同名'
-        })
-        return false
-      }
-    }
-
-    autoCodeForm.value.validate(async (valid) => {
-      if (valid) {
-        for (const key in form.value) {
-          if (typeof form.value[key] === 'string') {
-            form.value[key] = form.value[key].trim()
-          }
-        }
-        form.value.structName = toUpperCase(form.value.structName)
-        form.value.tableName = form.value.tableName.replace(' ', '')
-        if (!form.value.tableName) {
-          form.value.tableName = toSQLLine(toLowerCase(form.value.structName))
-        }
-        if (form.value.structName === form.value.abbreviation) {
-          ElMessage({
-            type: 'error',
-            message: 'structName和struct简称不能相同'
-          })
-          return false
-        }
-        form.value.humpPackageName = toSQLLine(form.value.packageName)
-
-        form.value.fields?.forEach((item) => {
-          item.fieldName = toUpperCase(item.fieldName)
-          if (item.fieldType === 'enum') {
-            // 判断一下 item.dataTypeLong 按照,切割后的每个元素是否都使用 '' 包裹，如果没包 则修改为包裹起来的 然后再转为字符串赋值给 item.dataTypeLong
-            item.dataTypeLong = item.dataTypeLong.replace(/[\[\]{}()]/g, '')
-            const arr = item.dataTypeLong.split(',')
-            arr.forEach((ele, index) => {
-              if (ele.indexOf("'") === -1) {
-                arr[index] = `'${ele}'`
-              }
-            })
-            item.dataTypeLong = arr.join(',')
-          }
-        })
-
-        delete form.value.primaryField
-        if (isPreview) {
-          const res = await preview({
-            ...form.value,
-            isAdd: !!isAdd.value,
-            fields: form.value.fields.filter((item) => !item.disabled)
-          })
-          if(res.code !== 0){
-            return
-          }
-          preViewCode.value = res.data.autoCode
-          previewFlag.value = true
-        } else {
-          const res = await createTemp(form.value)
-          if (res.code !== 0) {
-            return
-          }
-          ElMessage({
-            type: 'success',
-            message: '自动化代码创建成功，自动移动成功'
-          })
-          clearCatch()
-        }
-      }
-    })
-  }
-
-  const dbList = ref([])
-  const dbOptions = ref([])
-
-  const getDbFunc = async () => {
-    dbform.value.dbName = ''
-    dbform.value.tableName = ''
-    const res = await getDB({ businessDB: dbform.value.businessDB })
-    if (res.code === 0) {
-      dbOptions.value = res.data.dbs
-      dbList.value = res.data.dbList
-    }
-  }
-  const getTableFunc = async () => {
-    const res = await getTable({
-      businessDB: dbform.value.businessDB,
-      dbName: dbform.value.dbName
-    })
-    if (res.code === 0) {
-      tableOptions.value = res.data.tables
-    }
-    dbform.value.tableName = ''
-  }
-
-  const getColumnFunc = async () => {
-    const res = await getColumn(dbform.value)
-    if (res.code === 0) {
-      let dbtype = ''
-      if (dbform.value.businessDB !== '') {
-        const dbtmp = dbList.value.find(
-          (item) => item.aliasName === dbform.value.businessDB
-        )
-        const dbraw = toRaw(dbtmp)
-        dbtype = dbraw.dbtype
-      }
-      form.value.gvaModel = false
-      const tbHump = toHump(dbform.value.tableName)
-      form.value.structName = toUpperCase(tbHump)
-      form.value.tableName = dbform.value.tableName
-      form.value.packageName = toLowerCase(tbHump)
-      form.value.abbreviation = toLowerCase(tbHump)
-      form.value.description = tbHump + '表'
-      form.value.autoCreateApiToSql = true
-      form.value.generateServer = true
-      form.value.generateWeb = true
-      form.value.fields = []
-      res.data.columns &&
-        res.data.columns.forEach((item) => {
-          if (needAppend(item)) {
-            const fbHump = toHump(item.columnName)
-            form.value.fields.push({
-              onlyNumber: getOnlyNumber(),
-              fieldName: toUpperCase(fbHump),
-              fieldDesc: item.columnComment || fbHump + '字段',
-              fieldType: fdMap.value[item.dataType],
-              dataType: item.dataType,
-              fieldJson: fbHump,
-              primaryKey: item.primaryKey,
-              dataTypeLong:
-                item.dataTypeLong && item.dataTypeLong.split(',')[0],
-              columnName:
-                dbtype === 'oracle'
-                  ? item.columnName.toUpperCase()
-                  : item.columnName,
-              comment: item.columnComment,
-              require: false,
-              errorText: '',
-              clearable: true,
-              fieldSearchType: '',
-              fieldIndexType: '',
-              dictType: '',
-              form: true,
-              table: true,
-              excel: false,
-              desc: true,
-              dataSource: {
-                dbName: '',
-                association: 1,
-                table: '',
-                label: '',
-                value: '',
-                hasDeletedAt: false
-              }
-            })
-          }
-        })
-    }
-  }
-
-  const needAppend = (item) => {
-    let isAppend = true
-    if (
-      form.value.gvaModel &&
-      gormModelList.some((gormfd) => gormfd === item.columnName)
-    ) {
-      isAppend = false
-    }
-    if (
-      form.value.autoCreateResource &&
-      dataModelList.some((datafd) => datafd === item.columnName)
-    ) {
-      isAppend = false
-    }
-    return isAppend
-  }
-
-  const setFdMap = async () => {
-    const fdTypes = ['string', 'int', 'bool', 'float64', 'time.Time']
-    fdTypes.forEach(async (fdtype) => {
-      const res = await getDict(fdtype)
-      res &&
-        res.forEach((item) => {
-          fdMap.value[item.label] = fdtype
-        })
-    })
-  }
-  const getAutoCodeJson = async (id) => {
-    const res = await getMeta({ id: Number(id) })
-    if (res.code === 0) {
-      const add = route.query.isAdd
-      isAdd.value = add
-      form.value = JSON.parse(res.data.meta)
-      if (isAdd.value) {
-        form.value.fields.forEach((item) => {
-          item.disabled = true
-        })
-      }
-    }
-  }
-
-  const pkgs = ref([])
-  const getPkgs = async () => {
-    const res = await getPackageApi()
-    if (res.code === 0) {
-      pkgs.value = res.data.pkgs
-    }
-  }
-
-  const goPkgs = () => {
-    router.push({ name: 'autoPkg' })
-  }
-
-  const init = () => {
-    getDbFunc()
-    setFdMap()
-    getPkgs()
-    const id = route.params.id
-    if (id) {
-      getAutoCodeJson(id)
-    }
-  }
-  init()
-
-  watch(()=>form.value.generateServer,()=>{
-    if(!form.value.generateServer){
-      form.value.autoCreateApiToSql = false
-      form.value.autoMigrate = false
-    }
-  })
-
-  watch(()=>form.value.generateWeb,()=>{
-    if(!form.value.generateWeb){
-      form.value.autoCreateMenuToSql = false
-      form.value.autoCreateBtnAuth = false
-    }
-  })
-
-  const catchData = () => {
-    window.sessionStorage.setItem('autoCode', JSON.stringify(form.value))
-    ElMessage.success('暂存成功')
-  }
-
-  const getCatch = () => {
-    const data = window.sessionStorage.getItem('autoCode')
-    if (data) {
-      form.value = JSON.parse(data)
-    }
-  }
-
-  const clearCatch = async () => {
-    form.value = {
-      structName: '',
-      tableName: '',
-      packageName: '',
-      package: '',
-      abbreviation: '',
-      description: '',
-      businessDB: '',
-      autoCreateApiToSql: true,
-      autoCreateMenuToSql: true,
-      autoCreateBtnAuth: false,
-      autoMigrate: true,
-      gvaModel: true,
-      autoCreateResource: false,
-      onlyTemplate: false,
-      isTree: false,
-      treeJson: "",
-      fields: []
-    }
-    await nextTick()
-    window.sessionStorage.removeItem('autoCode')
-  }
-
-  getCatch()
-
-  const exportJson = () => {
-    const dataStr = JSON.stringify(form.value, null, 2)
-    const blob = new Blob([dataStr], { type: 'application/json' })
-    const url = URL.createObjectURL(blob)
-    const a = document.createElement('a')
-    a.href = url
-    a.download = 'form_data.json'
-    document.body.appendChild(a)
-    a.click()
-    document.body.removeChild(a)
-    URL.revokeObjectURL(url)
-  }
-
-  const importJson = (file) => {
-    const reader = new FileReader()
-    reader.onload = (e) => {
-      try {
-        form.value = JSON.parse(e.target.result)
-        form.value.generateServer = true
-        form.value.generateWeb = true
-        ElMessage.success('JSON 文件导入成功')
-      } catch (_) {
-        ElMessage.error('无效的 JSON 文件')
-      }
-    }
-    reader.readAsText(file)
-    return false
-  }
-
-  watch(
-    () => form.value.onlyTemplate,
-    (val) => {
-      if (val) {
-        ElMessageBox.confirm(
-          '使用基础模板将不会生成任何结构体和CURD,仅仅配置enter等属性方便自行开发非CURD逻辑',
-          '注意',
-          {
-            confirmButtonText: '继续',
-            cancelButtonText: '取消',
-            type: 'warning'
-          }
-        )
-          .then(() => {
-            form.value.fields = []
-          })
-          .catch(() => {
-            form.value.onlyTemplate = false
-          })
-      }
-    }
-  )
-
-  const canSelect = (fieldType,item) => {
-    if (fieldType === 'richtext') {
-      return item !== 'LIKE';
-    }
-
-    if (fieldType !== 'string' && item === 'LIKE') {
-      return true;
-    }
-
-    const nonNumericTypes = ['int', 'time.Time', 'float64'];
-    if (!nonNumericTypes.includes(fieldType) && ['BETWEEN', 'NOT BETWEEN'].includes(item)) {
-      return true;
-    }
-
-    return false;
-  }
-</script>
-
-<style>
-.no-border-collapse{
-  @apply border-none;
-  .el-collapse-item__header{
-    @apply border-none;
-  }
-  .el-collapse-item__wrap{
-    @apply border-none;
-  }
-  .el-collapse-item__content{
-    @apply pb-0;
-  }
-}
-</style>
diff --git a/src/view/systemTools/autoCode/mcp.vue b/src/view/systemTools/autoCode/mcp.vue
deleted file mode 100644
index 0113a7b..0000000
--- a/src/view/systemTools/autoCode/mcp.vue
+++ /dev/null
@@ -1,151 +0,0 @@
-<template>
-  <div class="gva-form-box">
-    <el-form :model="form" ref="formRef" label-width="100px" :rules="rules">
-      <el-form-item label="工具名称" prop="name">
-        <el-input v-model="form.name" placeholder="例:CurrentTime" />
-      </el-form-item>
-      <el-form-item label="工具描述" prop="description">
-        <el-input type="textarea" v-model="form.description" placeholder="请输入工具描述" />
-      </el-form-item>
-      <el-form-item label="参数列表">
-        <el-table :data="form.params"  style="width: 100%">
-          <el-table-column prop="name" label="参数名" width="120">
-            <template #default="scope">
-              <el-input v-model="scope.row.name" placeholder="参数名" />
-            </template>
-          </el-table-column>
-          <el-table-column prop="description" label="描述" min-width="180">
-            <template #default="scope">
-              <el-input v-model="scope.row.description" placeholder="描述" />
-            </template>
-          </el-table-column>
-          <el-table-column prop="type" label="类型" width="120">
-            <template #default="scope">
-              <el-select v-model="scope.row.type" placeholder="类型">
-                <el-option label="string" value="string" />
-                <el-option label="number" value="number" />
-                <el-option label="boolean" value="boolean" />
-                <el-option label="object" value="object" />
-                <el-option label="array" value="array" />
-              </el-select>
-            </template>
-          </el-table-column>
-          <el-table-column label="默认值" width="300">
-            <template #default="scope">
-              <el-input :disabled="scope.row.type === 'object'" v-model="scope.row.default" />
-            </template>
-          </el-table-column>
-          <el-table-column prop="required" label="必填" width="80">
-            <template #default="scope">
-              <el-checkbox v-model="scope.row.required" />
-            </template>
-          </el-table-column>
-          <el-table-column label="操作" width="80">
-            <template #default="scope">
-              <el-button type="text" @click="removeParam(scope.$index)">删除</el-button>
-            </template>
-          </el-table-column>
-        </el-table>
-      </el-form-item>
-      <div class="flex justify-end">
-        <el-button type="primary" icon="plus" @click="addParam" style="margin-top: 10px;">添加参数</el-button>
-      </div>
-      <el-form-item label="返回参数">
-        <el-table :data="form.response" style="width: 100%">
-          <el-table-column prop="type" label="类型" min-width="120">
-            <template #default="scope">
-              <el-select v-model="scope.row.type" placeholder="类型">
-                <el-option label="text" value="text" />
-                <el-option label="image" value="image" />
-              </el-select>
-            </template>
-          </el-table-column>
-          <el-table-column label="操作" width="80">
-            <template #default="scope">
-              <el-button type="text" @click="removeResponse(scope.$index)">删除</el-button>
-            </template>
-          </el-table-column>
-        </el-table>
-      </el-form-item>
-      <div class="flex justify-end">
-        <el-button type="primary" icon="plus" @click="addResponse" style="margin-top: 10px;">添加返回参数</el-button>
-      </div>
-
-      <div class="flex justify-end mt-8">
-        <el-button type="primary" @click="submit">生成</el-button>
-      </div>
-    </el-form>
-  </div>
-</template>
-
-<script setup>
-import { ref, reactive } from 'vue'
-import { ElMessage } from 'element-plus'
-import { mcp } from '@/api/autoCode'
-
-defineOptions({
-  name: 'MCP'
-})
-
-const formRef = ref(null)
-const form = reactive({
-  name: '',
-  description: '',
-  type: '',
-  params: [],
-  response: []
-})
-
-const rules = {
-  name: [{ required: true, message: '请输入工具名称', trigger: 'blur' }],
-  description: [{ required: true, message: '请输入工具描述', trigger: 'blur' }],
-  type: [{ required: true, message: '请选择类型', trigger: 'change' }]
-}
-
-function addParam() {
-  form.params.push({
-    name: '',
-    description: '',
-    type: '',
-    required: false
-  })
-}
-
-function removeParam(index) {
-  form.params.splice(index, 1)
-}
-
-function addResponse() {
-  form.response.push({
-    type: ''
-  })
-}
-
-function removeResponse(index) {
-  form.response.splice(index, 1)
-}
-
-function submit() {
-  formRef.value.validate(async (valid) => {
-    if (!valid) return
-    // 简单校验参数
-    for (const p of form.params) {
-      if (!p.name || !p.description || !p.type) {
-        ElMessage.error('请完善所有参数信息')
-        return
-      }
-    }
-    // 校验返回参数
-    for (const r of form.response) {
-      if (!r.type) {
-        ElMessage.error('请完善所有返回参数类型')
-        return
-      }
-    }
-      const res = await mcp(form)
-      if (res.code === 0) {
-        ElMessage.success(res.msg)
-      }
-  })
-}
-</script>
diff --git a/src/view/systemTools/autoCode/mcpTest.vue b/src/view/systemTools/autoCode/mcpTest.vue
deleted file mode 100644
index c20704e..0000000
--- a/src/view/systemTools/autoCode/mcpTest.vue
+++ /dev/null
@@ -1,261 +0,0 @@
-<template>
-  <div class="p-2">
-
-    <el-card class="mb-2">
-      <template #header>
-        <div class="flex justify-between items-center font-bold">
-          <span>MCP 服务器配置示例</span>
-          <el-tooltip content="复制配置" placement="top">
-            <el-button :icon="DocumentCopy" circle @click="copyMcpConfig" />
-          </el-tooltip>
-        </div>
-      </template>
-      <pre class="font-mono whitespace-pre-wrap break-words bg-gray-100 p-2.5 rounded text-gray-700">{{ mcpServerConfig }}</pre>
-    </el-card>
-
-    
-    <el-row :gutter="8">
-      <el-col v-for="tool in mcpTools" :key="tool.name" :xs="24" :sm="12" :md="12" :lg="8">
-        <el-card class="mb-5 min-h-[150px] flex flex-col overflow-hidden">
-          <template #header>
-            <div class="flex justify-between items-center font-bold">
-              <span>{{ tool.name }}</span>
-              <el-tooltip content="测试工具" placement="top">
-                <el-button :icon="VideoPlay" circle @click="openTestDialog(tool)" />
-              </el-tooltip>
-            </div>
-          </template>
-          <div class="text-sm mb-1">{{ tool.description }}</div>
-          <div v-if="tool.inputSchema && tool.inputSchema.properties && Object.keys(tool.inputSchema.properties).length > 0" class="mt-1 text-xs overflow-y-auto max-h-[100px] p-2 border-t border-gray-200 bg-gray-50 rounded-b">
-            <p class="font-semibold mb-1 text-gray-700 flex items-center">
-              <span class="mr-1 my-2">参数列表</span>
-              <span class="text-xs text-gray-500">({{ Object.keys(tool.inputSchema.properties).length }})</span>
-            </p>
-            <div class="space-y-2">
-              <div v-for="(propDetails, propName) in tool.inputSchema.properties" :key="propName" class="flex flex-col p-1.5 bg-white rounded border border-gray-100 hover:border-gray-300 transition-colors">
-                <div class="flex items-center justify-between">
-                  <div class="flex items-center">
-                    <span class="font-medium text-gray-800">{{ propName }}</span>
-                    <span v-if="tool.inputSchema.required && tool.inputSchema.required.includes(propName)" class="ml-1 text-red-500 text-xs">*</span>
-                  </div>
-                  <span class="text-xs px-1.5 py-0.5 bg-blue-100 text-blue-700 rounded">{{ propDetails.type }}</span>
-                </div>
-                <div class="text-gray-500 mt-0.5 text-xs line-clamp-2" :title="propDetails.description || '无描述'">
-                  {{ propDetails.description || '无描述' }}
-                </div>
-              </div>
-            </div>
-          </div>
-          <div v-else class="mt-1 text-xs p-2 border-t border-gray-200 bg-gray-50 rounded-b flex items-center justify-center">
-            <span class="text-gray-500 italic py-3">无输入参数</span>
-          </div>
-        </el-card>
-      </el-col>
-    </el-row>
-
-
-    <el-dialog
-      v-model="testDialogVisible"
-      :title="currentTestingTool ? `${currentTestingTool.name} - 参数测试` : '参数测试'"
-      width="60%"
-      :before-close="handleCloseDialog"
-    >
-      <el-form v-if="currentTestingTool" :model="testParamsForm" ref="testParamsFormRef" label-width="120px" label-position="top" class="max-h-[calc(60vh-120px)] overflow-y-auto">
-        <el-form-item
-          v-for="(propDetails, propName) in currentTestingTool.inputSchema.properties"
-          :key="propName"
-          :label="propDetails.description || propName"
-          :prop="propName"
-          :rules="currentTestingTool.inputSchema.required && currentTestingTool.inputSchema.required.includes(propName) ? [{ required: true, message: '请输入 ' + (propDetails.description || propName), trigger: 'blur' }] : []"
-        >
-          <el-input 
-            v-if="propDetails.type === 'string' && !propDetails.enum" 
-            v-model="testParamsForm[propName]" 
-            :placeholder="propDetails.description || '请输入' + propName" 
-          />
-          <el-input 
-            v-else-if="propDetails.type === 'number'" 
-            v-model.number="testParamsForm[propName]" 
-            type="number" 
-            :placeholder="propDetails.description || '请输入数字' + propName" 
-          />
-          <el-select 
-            v-else-if="propDetails.type === 'boolean'" 
-            v-model="testParamsForm[propName]" 
-            :placeholder="propDetails.description || '请选择'"
-          >
-            <el-option label="True" :value="true" />
-            <el-option label="False" :value="false" />
-          </el-select>
-          <el-select 
-            v-else-if="propDetails.type === 'string' && propDetails.enum" 
-            v-model="testParamsForm[propName]" 
-            :placeholder="propDetails.description || '请选择' + propName"
-          >
-            <el-option v-for="enumValue in propDetails.enum" :key="enumValue" :label="enumValue" :value="enumValue" />
-          </el-select>
-          <el-input 
-            v-else 
-            type="textarea" 
-            v-model="testParamsForm[propName]" 
-            :placeholder="(propDetails.description || propName) + ' (请输入JSON格式)'" 
-            :autosize="{ minRows: 2, maxRows: 6 }"
-          />
-        </el-form-item>
-      </el-form>
-      <div v-if="apiDialogResponse" class="mt-5 p-[15px] border border-gray-200 rounded bg-gray-50">
-        <h4 class="mt-0 mb-2.5 text-base">API 返回结果:</h4>
-        <div v-if="typeof apiDialogResponse === 'string'">
-          <pre class="bg-gray-100 p-2.5 rounded whitespace-pre-wrap break-words overflow-y-auto">{{ apiDialogResponse }}</pre>
-        </div>
-        <div v-else-if="apiDialogResponse.type === 'image' && apiDialogResponse.content">
-           <el-image
-              class="max-w-full max-h-[300px]"
-              :src="apiDialogResponse.content"
-              :preview-src-list="[apiDialogResponse.content]"
-              fit="contain"
-            />
-        </div>
-         <div v-else-if="apiDialogResponse.type === 'text' && apiDialogResponse.content">
-          <pre class="bg-gray-100 p-2.5 rounded whitespace-pre-wrap break-words overflow-y-auto">{{ apiDialogResponse.content }}</pre>
-        </div>
-        <div v-else>
-          <pre class="bg-gray-100 p-2.5 rounded whitespace-pre-wrap break-words overflow-y-auto">{{ JSON.stringify(apiDialogResponse, null, 2) }}</pre>
-        </div>
-      </div>
-      <template #footer>
-        <span class="dialog-footer">
-          <el-button @click="testDialogVisible = false">取消</el-button>
-          <el-button type="primary" @click="handleDialogTestTool">测试</el-button>
-        </span>
-      </template>
-    </el-dialog>
-  </div>
-</template>
-
-<script setup>
-import { ref, reactive, onMounted } from 'vue'
-import { ElMessage } from 'element-plus'
-import { VideoPlay, DocumentCopy } from '@element-plus/icons-vue' // Added DocumentCopy
-import { mcpList, mcpTest } from '@/api/autoCode'
-
-defineOptions({
-  name: 'MCPTest'
-})
-
-
-const mcpTools = ref([])
-const testDialogVisible = ref(false)
-const currentTestingTool = ref(null)
-const testParamsForm = reactive({})
-const testParamsFormRef = ref(null)
-const apiDialogResponse = ref(null)
-
-const mcpServerConfig = ref(JSON.stringify({
-  "mcpServers": {
-    "gva": {
-      "url": "https://127.0.0.1/sse"
-    }
-  }
-}, null, 2))
-
-const fetchMcpTools = async () => {
-    const res = await mcpList()
-    if (res.code === 0 && res.data && res.data.list.tools) {
-      mcpTools.value = res.data.list.tools
-      mcpServerConfig.value = JSON.stringify(res.data.mcpServerConfig, null, 2)
-    } else {
-      ElMessage.error(res.msg || '获取工具列表失败或数据格式不正确')
-    }
-}
-
-onMounted(() => {
-  fetchMcpTools()
-})
-
-const copyMcpConfig = async () => {
-  try {
-    await navigator.clipboard.writeText(mcpServerConfig.value)
-    ElMessage.success('配置已复制到剪贴板')
-  } catch (err) {
-    ElMessage.error('复制失败: ' + err)
-  }
-}
-
-const openTestDialog = (tool) => {
-  currentTestingTool.value = tool
-  apiDialogResponse.value = null // 清空之前的API响应
-
-  // 重置并初始化表单数据
-  for (const key in testParamsForm) {
-    delete testParamsForm[key]
-  }
-  if (tool.inputSchema && tool.inputSchema.properties) {
-    Object.keys(tool.inputSchema.properties).forEach(propName => {
-      const propDetails = tool.inputSchema.properties[propName]
-      // 设置默认值，优先使用 schema 中的 default，否则根据类型给初始值
-      if (propDetails.default !== undefined) {
-        testParamsForm[propName] = propDetails.default
-      } else if (propDetails.type === 'boolean') {
-        testParamsForm[propName] = false
-      } else if (propDetails.type === 'number') {
-        testParamsForm[propName] = null // 或者 0
-      } else if (propDetails.type === 'object' || propDetails.type === 'array') {
-        testParamsForm[propName] = '' // 对象和数组类型，默认为空字符串，提示用户输入JSON
-      } else {
-        testParamsForm[propName] = ''
-      }
-    })
-  }
-  testDialogVisible.value = true
-  // 清除表单校验状态
-  if (testParamsFormRef.value) {
-    testParamsFormRef.value.clearValidate()
-  }
-}
-
-const handleCloseDialog = (done) => {
-  apiDialogResponse.value = null
-  done()
-}
-
-const handleDialogTestTool = async () => {
-  if (!currentTestingTool.value) {
-    ElMessage.warning('没有选中的测试工具')
-    return
-  }
-  if (testParamsFormRef.value) {
-    testParamsFormRef.value.validate(async (valid) => {
-      if (valid) {
-     
-          const toolName = currentTestingTool.value.name
-          const payload = { ...testParamsForm }
-          
-          if (currentTestingTool.value.inputSchema && currentTestingTool.value.inputSchema.properties) {
-            Object.keys(currentTestingTool.value.inputSchema.properties).forEach(propName => {
-              const propDetails = currentTestingTool.value.inputSchema.properties[propName]
-              if ((propDetails.type === 'object' || propDetails.type === 'array') && payload[propName] && typeof payload[propName] === 'string') {
-                try {
-                  payload[propName] = JSON.parse(payload[propName])
-                } catch (e) {
-                  ElMessage.error(`参数 ${propName} 的JSON格式无效: ${e.message}`)
-                  throw new Error(`参数 ${propName} JSON无效`); 
-                }
-              }
-            })
-          }
-
-          const res = await mcpTest({
-            name:toolName,
-            arguments:payload
-          })
-          apiDialogResponse.value = res.data
-          if (res.code === 0) {
-            ElMessage.success('API调用成功')
-          }
-      }
-    })
-  }
-}
-
-</script>
\ No newline at end of file
diff --git a/src/view/systemTools/autoCode/picture.vue b/src/view/systemTools/autoCode/picture.vue
deleted file mode 100644
index 4863d36..0000000
--- a/src/view/systemTools/autoCode/picture.vue
+++ /dev/null
@@ -1,426 +0,0 @@
-<template>
-  <div>
-    <warning-bar
-        href="https://www.gin-vue-admin.com/empower/"
-        title="此功能只针对授权用户开放，点我【购买授权】"
-    />
-    <div class="gva-search-box">
-      <div class="text-xl mb-2 text-gray-600">
-        AI前端工程师<a
-          class="text-blue-600 text-sm ml-4"
-          href="https://plugin.gin-vue-admin.com/#/layout/userInfo/center"
-          target="_blank"
-      >获取AiPath</a
-      >
-      </div>
-      
-      <!-- 选项模式 -->
-      <div class="mb-4">
-        <div class="mb-3">
-          <div class="text-base font-medium mb-2">页面用途</div>
-          <el-radio-group v-model="pageType" class="mb-2" @change="handlePageTypeChange">
-            <el-radio label="企业官网">企业官网</el-radio>
-            <el-radio label="电商页面">电商页面</el-radio>
-            <el-radio label="个人博客">个人博客</el-radio>
-            <el-radio label="产品介绍">产品介绍</el-radio>
-            <el-radio label="活动落地页">活动落地页</el-radio>
-            <el-radio label="其他">其他</el-radio>
-          </el-radio-group>
-          <el-input v-if="pageType === '其他'" v-model="pageTypeCustom" placeholder="请输入页面用途" class="w-full" />
-        </div>
-        
-        <div class="mb-3">
-          <div class="text-base font-medium mb-2">主要内容板块</div>
-          <el-checkbox-group v-model="contentBlocks" class="flex flex-wrap gap-2 mb-2">
-            <el-checkbox label="Banner轮播图">Banner轮播图</el-checkbox>
-            <el-checkbox label="产品/服务介绍">产品/服务介绍</el-checkbox>
-            <el-checkbox label="功能特点展示">功能特点展示</el-checkbox>
-            <el-checkbox label="客户案例">客户案例</el-checkbox>
-            <el-checkbox label="团队介绍">团队介绍</el-checkbox>
-            <el-checkbox label="联系表单">联系表单</el-checkbox>
-            <el-checkbox label="新闻/博客列表">新闻/博客列表</el-checkbox>
-            <el-checkbox label="价格表">价格表</el-checkbox>
-            <el-checkbox label="FAQ/常见问题">FAQ/常见问题</el-checkbox>
-            <el-checkbox label="用户评价">用户评价</el-checkbox>
-            <el-checkbox label="数据统计">数据统计</el-checkbox>
-            <el-checkbox label="商品列表">商品列表</el-checkbox>
-            <el-checkbox label="商品卡片">商品卡片</el-checkbox>
-            <el-checkbox label="购物车">购物车</el-checkbox>
-            <el-checkbox label="结算页面">结算页面</el-checkbox>
-            <el-checkbox label="订单跟踪">订单跟踪</el-checkbox>
-            <el-checkbox label="商品分类">商品分类</el-checkbox>
-            <el-checkbox label="热门推荐">热门推荐</el-checkbox>
-            <el-checkbox label="限时特惠">限时特惠</el-checkbox>
-            <el-checkbox label="其他">其他</el-checkbox>
-          </el-checkbox-group>
-          <el-input v-if="contentBlocks.includes('其他')" v-model="contentBlocksCustom" placeholder="请输入其他内容板块" class="w-full" />
-        </div>
-        
-        <div class="mb-3">
-          <div class="text-base font-medium mb-2">风格偏好</div>
-          <el-radio-group v-model="stylePreference" class="mb-2">
-            <el-radio label="简约">简约</el-radio>
-            <el-radio label="科技感">科技感</el-radio>
-            <el-radio label="温馨">温馨</el-radio>
-            <el-radio label="专业">专业</el-radio>
-            <el-radio label="创意">创意</el-radio>
-            <el-radio label="复古">复古</el-radio>
-            <el-radio label="奢华">奢华</el-radio>
-            <el-radio label="其他">其他</el-radio>
-          </el-radio-group>
-          <el-input v-if="stylePreference === '其他'" v-model="stylePreferenceCustom" placeholder="请输入风格偏好" class="w-full" />
-        </div>
-        
-        <div class="mb-3">
-          <div class="text-base font-medium mb-2">设计布局</div>
-          <el-radio-group v-model="layoutDesign" class="mb-2">
-            <el-radio label="单栏布局">单栏布局</el-radio>
-            <el-radio label="双栏布局">双栏布局</el-radio>
-            <el-radio label="三栏布局">三栏布局</el-radio>
-            <el-radio label="网格布局">网格布局</el-radio>
-            <el-radio label="画廊布局">画廊布局</el-radio>
-            <el-radio label="瀑布流">瀑布流</el-radio>
-            <el-radio label="卡片式">卡片式</el-radio>
-            <el-radio label="侧边栏+内容布局">侧边栏+内容布局</el-radio>
-            <el-radio label="分屏布局">分屏布局</el-radio>
-            <el-radio label="全屏滚动布局">全屏滚动布局</el-radio>
-            <el-radio label="混合布局">混合布局</el-radio>
-            <el-radio label="响应式">响应式</el-radio>
-            <el-radio label="其他">其他</el-radio>
-          </el-radio-group>
-          <el-input v-if="layoutDesign === '其他'" v-model="layoutDesignCustom" placeholder="请输入设计布局" class="w-full" />
-        </div>
-        
-        <div class="mb-3">
-          <div class="text-base font-medium mb-2">配色方案</div>
-          <el-radio-group v-model="colorScheme" class="mb-2">
-            <el-radio label="蓝色系">蓝色系</el-radio>
-            <el-radio label="绿色系">绿色系</el-radio>
-            <el-radio label="红色系">红色系</el-radio>
-            <el-radio label="黑白灰">黑白灰</el-radio>
-            <el-radio label="纯黑白">纯黑白</el-radio>
-            <el-radio label="暖色调">暖色调</el-radio>
-            <el-radio label="冷色调">冷色调</el-radio>
-            <el-radio label="其他">其他</el-radio>
-          </el-radio-group>
-          <el-input v-if="colorScheme === '其他'" v-model="colorSchemeCustom" placeholder="请输入配色方案" class="w-full" />
-        </div>
-      </div>
-      
-      <!-- 详细描述输入框 -->
-      <div class="relative">
-        <div class="text-base font-medium mb-2">详细描述（可选）</div>
-        <el-input
-            v-model="prompt"
-            :maxlength="2000"
-            :placeholder="placeholder"
-            :rows="5"
-            resize="none"
-            type="textarea"
-            @blur="handleBlur"
-            @focus="handleFocus"
-        />
-        <div class="flex absolute right-2 bottom-2">
-          <el-tooltip effect="light">
-            <template #content>
-              <div>
-                此功能仅针对授权用户开放，前往<a
-                  class="text-blue-600"
-                  href="https://www.gin-vue-admin.com/empower/"
-                  target="_blank"
-              >购买授权</a
-              >
-              </div>
-            </template>
-            <el-button
-                type="primary"
-                @click="llmAutoFunc()"
-            >
-              <el-icon size="18">
-                <ai-gva/>
-              </el-icon>
-              生成
-            </el-button>
-          </el-tooltip>
-        </div>
-      </div>
-    </div>
-    <div>
-      <div v-if="!outPut">
-        <el-empty :image-size="200"/>
-      </div>
-      <div v-if="outPut && htmlFromLLM">
-        <el-tabs type="border-card">
-          <el-tab-pane label="页面预览">
-            <div class="h-[500px] overflow-auto bg-gray-50 p-4 rounded">
-              <div v-if="!loadedComponents" class="text-gray-500 text-center py-4">
-                组件加载中...
-              </div>
-              <component
-                v-else
-                :is="loadedComponents" 
-                class="vue-component-container w-full"
-              />
-            </div>
-          </el-tab-pane>
-          <el-tab-pane label="源代码">
-            <div class="relative h-[500px] overflow-auto bg-gray-50 p-4 rounded">
-              <el-button 
-                type="primary" 
-                :icon="DocumentCopy" 
-                class="absolute top-2 right-2 px-2 py-1" 
-                @click="copySnippet(htmlFromLLM)" 
-                plain
-              >
-                复制
-              </el-button>
-              <pre class="mt-10 whitespace-pre-wrap">{{ htmlFromLLM }}</pre>
-            </div>
-          </el-tab-pane>
-        </el-tabs>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { createWeb } from '@/api/autoCode'
-import { ref, reactive, markRaw } from 'vue'
-import * as Vue from "vue";
-import WarningBar from '@/components/warningBar/warningBar.vue'
-import { ElMessage } from 'element-plus'
-import { defineAsyncComponent } from 'vue'
-import { DocumentCopy } from '@element-plus/icons-vue'
-import { loadModule } from "vue3-sfc-loader";
-
-defineOptions({
-  name: 'Picture'
-})
-
-const handleFocus = () => {
-  document.addEventListener('keydown', handleKeydown);
-}
-
-const handleBlur = () => {
-  document.removeEventListener('keydown', handleKeydown);
-}
-
-const handleKeydown = (event) => {
-  if ((event.ctrlKey || event.metaKey) && event.key === 'Enter') {
-    llmAutoFunc()
-  }
-}
-
-// 复制方法：把某个字符串写进剪贴板
-const copySnippet = (vueString) => {
-  navigator.clipboard.writeText(vueString)
-      .then(() => {
-        ElMessage({
-          message: '复制成功',
-          type: 'success',
-        })
-      })
-      .catch(err => {
-        ElMessage({
-          message: '复制失败',
-          type: 'warning',
-        })
-      })
-}
-
-// 选项模式相关变量
-const pageType = ref('企业官网')
-const pageTypeCustom = ref('')
-const contentBlocks = ref(['Banner轮播图', '产品/服务介绍'])
-const contentBlocksCustom = ref('')
-const stylePreference = ref('简约')
-const stylePreferenceCustom = ref('')
-const layoutDesign = ref('响应式')
-const layoutDesignCustom = ref('')
-const colorScheme = ref('蓝色系')
-const colorSchemeCustom = ref('')
-
-// 页面用途与内容板块的推荐映射关系
-const pageTypeContentMap = {
-  '企业官网': ['Banner轮播图', '产品/服务介绍', '功能特点展示', '客户案例', '联系表单'],
-  '电商页面': ['Banner轮播图', '商品列表', '商品卡片', '购物车', '商品分类', '热门推荐', '限时特惠', '结算页面', '用户评价'],
-  '个人博客': ['Banner轮播图', '新闻/博客列表', '用户评价', '联系表单'],
-  '产品介绍': ['Banner轮播图', '产品/服务介绍', '功能特点展示', '价格表', 'FAQ/常见问题'],
-  '活动落地页': ['Banner轮播图', '功能特点展示', '联系表单', '数据统计']
-}
-
-const prompt = ref('')
-
-// 判断是否返回的标志
-const outPut = ref(false)
-// 容纳llm返回的vue组件代码
-const htmlFromLLM = ref("")
-
-// 存储加载的组件
-const loadedComponents = ref(null)
-
-const loadVueComponent = async (vueCode) => {
-  try {
-    // 使用内存中的虚拟路径
-    const fakePath = `virtual:component-0.vue`
-    
-    const component = defineAsyncComponent({
-      loader: async () => {
-        try {
-          const options = {
-            moduleCache: {
-              vue: Vue,
-            },
-            getFile(url) {
-              // 处理所有可能的URL格式，包括相对路径、绝对路径等
-              // 提取路径的最后部分，忽略查询参数
-              const fileName = url.split('/').pop().split('?')[0]
-              const componentFileName = fakePath.split('/').pop()
-              
-              // 如果文件名包含我们的组件名称，或者url完全匹配fakePath
-              if (fileName === componentFileName || url === fakePath || 
-                  url === `./component/0.vue`) {
-                return Promise.resolve({
-                  type: '.vue',
-                  getContentData: () => vueCode
-                })
-              }
-              
-              console.warn('请求未知文件:', url)
-              return Promise.reject(new Error(`找不到文件: ${url}`))
-            },
-            addStyle(textContent) {
-              // 不再将样式添加到document.head，而是返回样式内容
-              // 稍后会将样式添加到Shadow DOM中
-              return textContent
-            },
-            handleModule(type, source, path, options) {
-              // 默认处理器
-              return undefined
-            },
-            log(type, ...args) {
-              console.log(`[vue3-sfc-loader] [${type}]`, ...args)
-            }
-          }
-          
-          // 尝试加载组件
-          const comp = await loadModule(fakePath, options)
-          return comp.default || comp
-        } catch (error) {
-          console.error('组件加载详细错误:', error)
-          throw error
-        }
-      },
-      loadingComponent: {
-        template: '<div>加载中...</div>'
-      },
-      errorComponent: {
-        props: ['error'],
-        template: '<div>组件加载失败: {{ error && error.message }}</div>',
-        setup(props) {
-          console.error('错误组件收到的错误:', props.error)
-          return {}
-        }
-      },
-      // 添加超时和重试选项
-      timeout: 30000,
-      delay: 200,
-      suspensible: false,
-      onError(error, retry, fail) {
-        console.error('加载错误，细节:', error)
-        fail()
-      }
-    })
-
-    // 创建一个包装组件，使用Shadow DOM隔离样式
-    const ShadowWrapper = {
-      name: 'ShadowWrapper',
-      setup() {
-        return {}
-      },
-      render() {
-        return Vue.h('div', { class: 'shadow-wrapper' })
-      },
-      mounted() {
-        // 创建Shadow DOM
-        const shadowRoot = this.$el.attachShadow({ mode: 'open' })
-        
-        // 创建一个容器元素
-        const container = document.createElement('div')
-        container.className = 'shadow-container'
-        shadowRoot.appendChild(container)
-        
-        // 提取组件中的样式
-        const styleContent = vueCode.match(/<style[^>]*>([\s\S]*?)<\/style>/i)?.[1] || ''
-        
-        // 创建样式元素并添加到Shadow DOM
-        if (styleContent) {
-          const style = document.createElement('style')
-          style.textContent = styleContent
-          shadowRoot.appendChild(style)
-        }
-        
-        // 创建Vue应用并挂载到Shadow DOM容器中
-        const app = Vue.createApp({
-          render: () => Vue.h(component)
-        })
-        app.mount(container)
-      }
-    }
-
-    loadedComponents.value = markRaw(ShadowWrapper)
-    return ShadowWrapper
-  } catch (error) {
-    console.error('组件创建总错误:', error)
-    return null
-  }
-}
-
-// 当页面用途改变时，更新内容板块的选择
-const handlePageTypeChange = (value) => {
-  if (value !== '其他' && pageTypeContentMap[value]) {
-    contentBlocks.value = [...pageTypeContentMap[value]]
-  }
-}
-
-const llmAutoFunc = async () => {
-  // 构建完整的描述，包含选项模式的选择
-  let fullPrompt = ''
-  
-  // 添加页面用途
-  fullPrompt += `页面用途: ${pageType.value === '其他' ? pageTypeCustom.value : pageType.value}\n`
-  
-  // 添加内容板块
-  fullPrompt += '主要内容板块: '
-  const blocks = contentBlocks.value.filter(block => block !== '其他')
-  if (contentBlocksCustom.value) {
-    blocks.push(contentBlocksCustom.value)
-  }
-  fullPrompt += blocks.join(', ') + '\n'
-  
-  // 添加风格偏好
-  fullPrompt += `风格偏好: ${stylePreference.value === '其他' ? stylePreferenceCustom.value : stylePreference.value}\n`
-  
-  // 添加设计布局
-  fullPrompt += `设计布局: ${layoutDesign.value === '其他' ? layoutDesignCustom.value : layoutDesign.value}\n`
-  
-  // 添加配色方案
-  fullPrompt += `配色方案: ${colorScheme.value === '其他' ? colorSchemeCustom.value : colorScheme.value}\n`
-  
-  // 添加用户的详细描述
-  if (prompt.value) {
-    fullPrompt += `\n详细描述: ${prompt.value}`
-  }
-  
-  const res = await createWeb({web: fullPrompt, command: 'createWeb'})
-  if (res.code === 0) {
-    outPut.value = true
-    // 添加返回的Vue组件代码到数组
-    htmlFromLLM.value = res.data
-    // 加载新生成的组件
-    await loadVueComponent(res.data)
-  }
-}
-
-const placeholder = ref(`补充您对页面的其他要求或特殊需求，例如：特别强调的元素、参考网站、交互效果等。`)
-</script>
diff --git a/src/view/systemTools/autoCodeAdmin/index.vue b/src/view/systemTools/autoCodeAdmin/index.vue
deleted file mode 100644
index 18bb089..0000000
--- a/src/view/systemTools/autoCodeAdmin/index.vue
+++ /dev/null
@@ -1,620 +0,0 @@
-<template>
-  <div>
-    <div class="gva-table-box">
-      <div class="gva-btn-list">
-        <el-button type="primary" icon="plus" @click="goAutoCode(null)">
-          新增
-        </el-button>
-      </div>
-      <el-table :data="tableData">
-        <el-table-column type="selection" width="55" />
-        <el-table-column align="left" label="id" width="60" prop="ID" />
-        <el-table-column align="left" label="日期" width="180">
-          <template #default="scope">
-            {{ formatDate(scope.row.CreatedAt) }}
-          </template>
-        </el-table-column>
-        <el-table-column
-          align="left"
-          label="结构体名"
-          min-width="150"
-          prop="structName"
-        />
-        <el-table-column
-          align="left"
-          label="结构体描述"
-          min-width="150"
-          prop="description"
-        />
-        <el-table-column
-          align="left"
-          label="表名称"
-          min-width="150"
-          prop="tableName"
-        />
-        <el-table-column
-          align="left"
-          label="回滚标记"
-          min-width="150"
-          prop="flag"
-        >
-          <template #default="scope">
-            <el-tag v-if="scope.row.flag" type="danger" effect="dark">
-              已回滚
-            </el-tag>
-            <el-tag v-else type="success" effect="dark"> 未回滚 </el-tag>
-          </template>
-        </el-table-column>
-        <el-table-column align="left" label="操作" min-width="240">
-          <template #default="scope">
-            <div>
-              <el-button
-                type="primary"
-                link
-                :disabled="scope.row.flag === 1"
-                @click="addFuncBtn(scope.row)"
-              >
-                增加方法
-              </el-button>
-              <el-button type="primary" link @click="goAutoCode(scope.row, 1)">
-                增加字段
-              </el-button>
-              <el-button
-                type="primary"
-                link
-                :disabled="scope.row.flag === 1"
-                @click="openDialog(scope.row)"
-              >
-                回滚
-              </el-button>
-              <el-button type="primary" link @click="goAutoCode(scope.row)">
-                复用
-              </el-button>
-              <el-button type="primary" link @click="deleteRow(scope.row)">
-                删除
-              </el-button>
-            </div>
-          </template>
-        </el-table-column>
-      </el-table>
-      <div class="gva-pagination">
-        <el-pagination
-          :current-page="page"
-          :page-size="pageSize"
-          :page-sizes="[10, 30, 50, 100]"
-          :total="total"
-          layout="total, sizes, prev, pager, next, jumper"
-          @current-change="handleCurrentChange"
-          @size-change="handleSizeChange"
-        />
-      </div>
-    </div>
-    <el-dialog
-      v-model="dialogFormVisible"
-      :title="dialogFormTitle"
-      :before-close="closeDialog"
-      width="600px"
-    >
-      <el-form :inline="true" :model="formData" label-width="80px">
-        <el-form-item label="选项：">
-          <el-checkbox v-model="formData.deleteApi" label="删除接口" />
-          <el-checkbox v-model="formData.deleteMenu" label="删除菜单" />
-          <el-checkbox
-            v-model="formData.deleteTable"
-            label="删除表"
-            @change="deleteTableCheck"
-          />
-        </el-form-item>
-      </el-form>
-      <template #footer>
-        <div class="dialog-footer">
-          <el-button @click="closeDialog"> 取 消 </el-button>
-          <el-popconfirm
-            title="此操作将回滚生成文件和勾选项目, 是否继续?"
-            @confirm="enterDialog"
-          >
-            <template #reference>
-              <el-button type="primary"> 确 定 </el-button>
-            </template>
-          </el-popconfirm>
-        </div>
-      </template>
-    </el-dialog>
-
-    <el-drawer
-      v-model="funcFlag"
-      size="60%"
-      :show-close="false"
-      :close-on-click-modal="false"
-    >
-      <template #header>
-        <div class="flex justify-between items-center">
-          <span class="text-lg">操作栏</span>
-          <div>
-            <el-button type="primary" @click="runFunc" :loading="aiLoading">
-              生成
-            </el-button>
-            <el-button type="primary" @click="closeFunc" :loading="aiLoading">
-              取消
-            </el-button>
-          </div>
-        </div>
-      </template>
-      <div class="">
-        <el-form
-          v-loading="aiLoading"
-          label-position="top"
-          element-loading-text="小淼正在思考，请稍候..."
-          :model="autoFunc"
-          label-width="80px"
-        >
-          <el-row :gutter="12">
-            <el-col :span="8">
-              <el-form-item label="包名：">
-                <el-input
-                    v-model="autoFunc.package"
-                    placeholder="请输入包名"
-                    disabled
-                />
-              </el-form-item>
-            </el-col>
-            <el-col :span="8">
-              <el-form-item label="结构体名：">
-                <el-input
-                    v-model="autoFunc.structName"
-                    placeholder="请输入结构体名"
-                    disabled
-                />
-              </el-form-item>
-            </el-col>
-            <el-col :span="8">
-              <el-form-item label="前端文件名：">
-                <el-input
-                    v-model="autoFunc.packageName"
-                    placeholder="请输入文件名"
-                    disabled
-                />
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row :gutter="12">
-            <el-col :span="8">
-              <el-form-item label="后端文件名：">
-                <el-input
-                    v-model="autoFunc.humpPackageName"
-                    placeholder="请输入文件名"
-                    disabled
-                />
-              </el-form-item>
-            </el-col>
-            <el-col :span="8">
-              <el-form-item label="描述：">
-                <el-input
-                    v-model="autoFunc.description"
-                    placeholder="请输入描述"
-                    disabled
-                />
-              </el-form-item>
-            </el-col>
-            <el-col :span="8">
-              <el-form-item label="缩写：">
-                <el-input
-                    v-model="autoFunc.abbreviation"
-                    placeholder="请输入缩写"
-                    disabled
-                />
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-form-item label="是否AI填充：">
-            <el-switch v-model="autoFunc.isAi" />
-            <span class="text-sm text-red-600 p-2"
-              >当前ai帮写存在不稳定因素，生成代码后请注意手动调整部分内容</span
-            >
-          </el-form-item>
-          <template v-if="autoFunc.isAi">
-            <el-form-item label="Ai帮写:">
-              <div class="relative w-full">
-                <el-input
-                  type="textarea"
-                  placeholder="AI帮写功能，输入提示信息，自动生成代码"
-                  v-model="autoFunc.prompt"
-                  :rows="5"
-                  @input="autoFunc.router = autoFunc.router.replace(/\//g, '')"
-                />
-                <el-button
-                  @click="aiAddFunc"
-                  type="primary"
-                  class="absolute right-2 bottom-2"
-                  ><ai-gva />帮写</el-button
-                >
-              </div>
-            </el-form-item>
-            <el-form-item label="Api方法:">
-              <v-ace-editor
-                v-model:value="autoFunc.apiFunc"
-                lang="golang"
-                theme="github_dark"
-                class="h-80 w-full"
-              />
-            </el-form-item>
-            <el-form-item label="Server方法:">
-              <v-ace-editor
-                v-model:value="autoFunc.serverFunc"
-                lang="golang"
-                theme="github_dark"
-                class="h-80 w-full"
-              />
-            </el-form-item>
-            <el-form-item label="前端JSAPI方法:">
-              <v-ace-editor
-                v-model:value="autoFunc.jsFunc"
-                lang="javascript"
-                theme="github_dark"
-                class="h-80 w-full"
-              />
-            </el-form-item>
-          </template>
-
-          <el-form-item label="方法介绍：">
-            <div class="flex w-full gap-2">
-              <el-input
-                class="flex-1"
-                v-model="autoFunc.funcDesc"
-                placeholder="请输入方法介绍"
-              />
-              <el-button type="primary" @click="autoComplete"
-                ><ai-gva />补全</el-button
-              >
-            </div>
-          </el-form-item>
-          <el-form-item label="方法名：">
-            <el-input
-              @blur="autoFunc.funcName = toUpperCase(autoFunc.funcName)"
-              v-model="autoFunc.funcName"
-              placeholder="请输入方法名"
-            />
-          </el-form-item>
-          <el-form-item label="方法：">
-            <el-select v-model="autoFunc.method" placeholder="请选择方法">
-              <el-option
-                v-for="item in ['GET', 'POST', 'PUT', 'DELETE']"
-                :key="item"
-                :label="item"
-                :value="item"
-              />
-            </el-select>
-          </el-form-item>
-          <el-form-item label="是否鉴权：">
-            <el-switch
-              v-model="autoFunc.isAuth"
-              active-text="是"
-              inactive-text="否"
-            />
-          </el-form-item>
-          <el-form-item label="路由path:">
-            <el-input
-              v-model="autoFunc.router"
-              placeholder="路由path"
-              @input="autoFunc.router = autoFunc.router.replace(/\//g, '')"
-            />
-            <div>
-              API路径: [{{ autoFunc.method }}] /{{ autoFunc.abbreviation }}/{{
-                autoFunc.router
-              }}
-            </div>
-          </el-form-item>
-        </el-form>
-      </div>
-    </el-drawer>
-  </div>
-</template>
-
-<script setup>
-  import {
-    getSysHistory,
-    rollback,
-    delSysHistory,
-    addFunc,
-    butler
-  } from '@/api/autoCode.js'
-  import { useRouter } from 'vue-router'
-  import { ElMessage, ElMessageBox } from 'element-plus'
-  import { ref } from 'vue'
-  import { formatDate } from '@/utils/format'
-  import { toUpperCase } from '@/utils/stringFun'
-
-  import { VAceEditor } from 'vue3-ace-editor'
-  import 'ace-builds/src-noconflict/mode-javascript'
-  import 'ace-builds/src-noconflict/mode-golang'
-  import 'ace-builds/src-noconflict/theme-github_dark'
-
-  defineOptions({
-    name: 'AutoCodeAdmin'
-  })
-
-  const aiLoading = ref(false)
-
-  const formData = ref({
-    id: undefined,
-    deleteApi: true,
-    deleteMenu: true,
-    deleteTable: false
-  })
-
-  const router = useRouter()
-  const dialogFormVisible = ref(false)
-  const dialogFormTitle = ref('')
-
-  const page = ref(1)
-  const total = ref(0)
-  const pageSize = ref(10)
-  const tableData = ref([])
-
-  const activeInfo = ref('')
-
-  const autoFunc = ref({
-    package: '',
-    funcName: '',
-    structName: '',
-    packageName: '',
-    description: '',
-    abbreviation: '',
-    humpPackageName: '',
-    businessDB: '',
-    method: '',
-    funcDesc: '',
-    isAuth: false,
-    isAi: false,
-    apiFunc: '',
-    serverFunc: '',
-    jsFunc: ''
-  })
-
-  const addFuncBtn = (row) => {
-    const req = JSON.parse(row.request)
-    activeInfo.value = row.request
-    autoFunc.value.package = req.package
-    autoFunc.value.structName = req.structName
-    autoFunc.value.packageName = req.packageName
-    autoFunc.value.description = req.description
-    autoFunc.value.abbreviation = req.abbreviation
-    autoFunc.value.humpPackageName = req.humpPackageName
-    autoFunc.value.businessDB = req.businessDB
-    autoFunc.value.method = ''
-    autoFunc.value.funcName = ''
-    autoFunc.value.router = ''
-    autoFunc.value.funcDesc = ''
-    autoFunc.value.isAuth = false
-    autoFunc.value.isAi = false
-    autoFunc.value.apiFunc = ''
-    autoFunc.value.serverFunc = ''
-    autoFunc.value.jsFunc = ''
-    funcFlag.value = true
-  }
-
-  const funcFlag = ref(false)
-
-  const closeFunc = () => {
-    funcFlag.value = false
-  }
-
-  const runFunc = async () => {
-    // 首字母自动转换为大写
-    autoFunc.value.funcName = toUpperCase(autoFunc.value.funcName)
-
-    if (!autoFunc.value.funcName) {
-      ElMessage.error('请输入方法名')
-      return
-    }
-    if (!autoFunc.value.method) {
-      ElMessage.error('请选择方法')
-      return
-    }
-    if (!autoFunc.value.router) {
-      ElMessage.error('请输入路由')
-      return
-    }
-    if (!autoFunc.value.funcDesc) {
-      ElMessage.error('请输入方法介绍')
-      return
-    }
-
-    if (autoFunc.value.isAi) {
-      if (
-        !autoFunc.value.apiFunc ||
-        !autoFunc.value.serverFunc ||
-        !autoFunc.value.jsFunc
-      ) {
-        ElMessage.error('请先使用AI帮写完成基础代码，如果生成失败请重新调用')
-        return
-      }
-    }
-
-    const res = await addFunc(autoFunc.value)
-    if (res.code === 0) {
-      ElMessage.success('增加方法成功')
-      closeFunc()
-    }
-  }
-
-  // 分页
-  const handleSizeChange = (val) => {
-    pageSize.value = val
-    getTableData()
-  }
-
-  const handleCurrentChange = (val) => {
-    page.value = val
-    getTableData()
-  }
-
-  // 查询
-  const getTableData = async () => {
-    const table = await getSysHistory({
-      page: page.value,
-      pageSize: pageSize.value
-    })
-    if (table.code === 0) {
-      tableData.value = table.data.list
-      total.value = table.data.total
-      page.value = table.data.page
-      pageSize.value = table.data.pageSize
-    }
-  }
-
-  getTableData()
-
-  const deleteRow = async (row) => {
-    ElMessageBox.confirm('此操作将删除本历史, 是否继续?', '提示', {
-      confirmButtonText: '确定',
-      cancelButtonText: '取消',
-      type: 'warning'
-    }).then(async () => {
-      const res = await delSysHistory({ id: Number(row.ID) })
-      if (res.code === 0) {
-        ElMessage.success('删除成功')
-        getTableData()
-      }
-    })
-  }
-
-  // 打开弹窗
-  const openDialog = (row) => {
-    dialogFormTitle.value = '回滚：' + row.structName
-    formData.value.id = row.ID
-    dialogFormVisible.value = true
-  }
-
-  // 关闭弹窗
-  const closeDialog = () => {
-    dialogFormVisible.value = false
-    formData.value = {
-      id: undefined,
-      deleteApi: true,
-      deleteMenu: true,
-      deleteTable: false
-    }
-  }
-
-  // 确认删除表
-  const deleteTableCheck = (flag) => {
-    if (flag) {
-      ElMessageBox.confirm(
-        `此操作将删除自动创建的文件和api（会删除表！！！）, 是否继续?`,
-        '提示',
-        {
-          closeOnClickModal: false,
-          distinguishCancelAndClose: true,
-          confirmButtonText: '确定',
-          cancelButtonText: '取消',
-          type: 'warning'
-        }
-      )
-        .then(() => {
-          ElMessageBox.confirm(
-            `此操作将删除自动创建的文件和api（会删除表！！！）, 请继续确认！！！`,
-            '会删除表',
-            {
-              closeOnClickModal: false,
-              distinguishCancelAndClose: true,
-              confirmButtonText: '确定',
-              cancelButtonText: '取消',
-              type: 'warning'
-            }
-          ).catch(() => {
-            formData.value.deleteTable = false
-          })
-        })
-        .catch(() => {
-          formData.value.deleteTable = false
-        })
-    }
-  }
-
-  const enterDialog = async () => {
-    const res = await rollback(formData.value)
-    if (res.code === 0) {
-      ElMessage.success('回滚成功')
-      getTableData()
-    }
-  }
-
-  const goAutoCode = (row, isAdd) => {
-    if (row) {
-      router.push({
-        name: 'autoCodeEdit',
-        params: {
-          id: row.ID
-        },
-        query: {
-          isAdd: isAdd
-        }
-      })
-    } else {
-      router.push({ name: 'autoCode' })
-    }
-  }
-
-  const aiAddFunc = async () => {
-    aiLoading.value = true
-    autoFunc.value.apiFunc = ''
-    autoFunc.value.serverFunc = ''
-    autoFunc.value.jsFunc = ''
-
-    if (!autoFunc.value.prompt) {
-      ElMessage.error('请输入提示信息')
-      return
-    }
-
-    const res = await addFunc({ ...autoFunc.value, isPreview: true })
-    if (res.code !== 0) {
-      aiLoading.value = false
-      ElMessage.error(res.msg)
-      return
-    }
-
-    const aiRes = await butler({
-      structInfo: activeInfo.value,
-      template: JSON.stringify(res.data),
-      prompt: autoFunc.value.prompt,
-      command: 'addFunc'
-    })
-    aiLoading.value = false
-    if (aiRes.code === 0) {
-      try {
-        const aiData = JSON.parse(aiRes.data)
-        autoFunc.value.apiFunc = aiData.api
-        autoFunc.value.serverFunc = aiData.server
-        autoFunc.value.jsFunc = aiData.js
-        autoFunc.value.method = aiData.method
-        autoFunc.value.funcName = aiData.funcName
-        const routerArr = aiData.router.split('/')
-        autoFunc.value.router = routerArr[routerArr.length - 1]
-        autoFunc.value.funcDesc = autoFunc.value.prompt
-      } catch (_) {
-        ElMessage.error('小淼忙碌，请重新调用')
-      }
-    }
-  }
-
-  const autoComplete = async () => {
-    aiLoading.value = true
-    const aiRes = await butler({
-      prompt: autoFunc.value.funcDesc,
-      command: 'autoCompleteFunc'
-    })
-    aiLoading.value = false
-    if (aiRes.code === 0) {
-      try {
-        const aiData = JSON.parse(aiRes.data)
-        autoFunc.value.method = aiData.method
-        autoFunc.value.funcName = aiData.funcName
-        autoFunc.value.router = aiData.router
-        autoFunc.value.prompt = autoFunc.value.funcDesc
-      } catch (_) {
-        ElMessage.error('小淼开小差了，请重新调用')
-      }
-    }
-  }
-</script>
diff --git a/src/view/systemTools/autoPkg/autoPkg.vue b/src/view/systemTools/autoPkg/autoPkg.vue
deleted file mode 100644
index 7a60a75..0000000
--- a/src/view/systemTools/autoPkg/autoPkg.vue
+++ /dev/null
@@ -1,207 +0,0 @@
-<template>
-  <div>
-    <warning-bar
-      href="https://www.bilibili.com/video/BV1kv4y1g7nT?p=3"
-      title="此功能为开发环境使用，不建议发布到生产，具体使用效果请看视频https://www.bilibili.com/video/BV1kv4y1g7nT?p=3"
-    />
-    <div class="gva-table-box">
-      <div class="gva-btn-list gap-3 flex items-center">
-        <el-button type="primary" icon="plus" @click="openDialog('addApi')">
-          新增
-        </el-button>
-      </div>
-      <el-table :data="tableData">
-        <el-table-column align="left" label="id" width="120" prop="ID" />
-        <el-table-column
-          align="left"
-          label="包名"
-          width="150"
-          prop="packageName"
-        />
-        <el-table-column
-          align="left"
-          label="模板"
-          width="150"
-          prop="template"
-        />
-        <el-table-column align="left" label="展示名" width="150" prop="label" />
-        <el-table-column
-          align="left"
-          label="描述"
-          min-width="150"
-          prop="desc"
-        />
-
-        <el-table-column align="left" label="操作" width="200">
-          <template #default="scope">
-            <el-button
-              icon="delete"
-              type="primary"
-              link
-              @click="deleteApiFunc(scope.row)"
-            >
-              删除
-            </el-button>
-          </template>
-        </el-table-column>
-      </el-table>
-    </div>
-
-    <el-drawer v-model="dialogFormVisible" size="40%" :show-close="false">
-      <warning-bar
-        title="模板package会创建集成于项目本体中的代码包，模板plugin会创建插件包"
-      />
-      <el-form ref="pkgForm" :model="form" :rules="rules" label-width="80px">
-        <el-form-item label="包名" prop="packageName">
-          <el-input v-model="form.packageName" autocomplete="off" />
-        </el-form-item>
-        <el-form-item label="模板" prop="template">
-          <el-select v-model="form.template">
-            <el-option
-              v-for="template in templatesOptions"
-              :label="template"
-              :value="template"
-              :key="template"
-            />
-          </el-select>
-        </el-form-item>
-
-        <el-form-item label="展示名" prop="label">
-          <el-input v-model="form.label" autocomplete="off" />
-        </el-form-item>
-        <el-form-item label="描述" prop="desc">
-          <el-input v-model="form.desc" autocomplete="off" />
-        </el-form-item>
-      </el-form>
-      <template #header>
-        <div class="flex justify-between items-center">
-          <span class="text-lg">创建Package</span>
-          <div>
-            <el-button @click="closeDialog"> 取 消 </el-button>
-            <el-button type="primary" @click="enterDialog"> 确 定 </el-button>
-          </div>
-        </div>
-      </template>
-    </el-drawer>
-  </div>
-</template>
-
-<script setup>
-  import {
-    createPackageApi,
-    getPackageApi,
-    deletePackageApi,
-    getTemplatesApi
-  } from '@/api/autoCode'
-  import { ref } from 'vue'
-  import WarningBar from '@/components/warningBar/warningBar.vue'
-  import { ElMessage, ElMessageBox } from 'element-plus'
-
-  defineOptions({
-    name: 'AutoPkg'
-  })
-
-  const form = ref({
-    packageName: '',
-    template: '',
-    label: '',
-    desc: ''
-  })
-  const templatesOptions = ref([])
-
-  const getTemplates = async () => {
-    const res = await getTemplatesApi()
-    if (res.code === 0) {
-      templatesOptions.value = res.data
-    }
-  }
-
-  getTemplates()
-
-  const validateData = (rule, value, callback) => {
-    if (/[\u4E00-\u9FA5]/g.test(value)) {
-      callback(new Error('不能为中文'))
-    } else if (/^\d+$/.test(value[0])) {
-      callback(new Error('不能够以数字开头'))
-    } else if (!/^[a-zA-Z0-9_]+$/.test(value)) {
-      callback(new Error('只能包含英文字母、数字和下划线'))
-    } else {
-      callback()
-    }
-  }
-
-  const rules = ref({
-    packageName: [
-      { required: true, message: '请输入包名', trigger: 'blur' },
-      { validator: validateData, trigger: 'blur' }
-    ],
-    template: [
-      { required: true, message: '请选择模板', trigger: 'change' },
-      { validator: validateData, trigger: 'blur' }
-    ]
-  })
-
-  const dialogFormVisible = ref(false)
-  const openDialog = () => {
-    dialogFormVisible.value = true
-  }
-
-  const closeDialog = () => {
-    dialogFormVisible.value = false
-    form.value = {
-      packageName: '',
-      template: '',
-      label: '',
-      desc: ''
-    }
-  }
-
-  const pkgForm = ref(null)
-  const enterDialog = async () => {
-    pkgForm.value.validate(async (valid) => {
-      if (valid) {
-        const res = await createPackageApi(form.value)
-        if (res.code === 0) {
-          ElMessage({
-            type: 'success',
-            message: '添加成功',
-            showClose: true
-          })
-        }
-        getTableData()
-        closeDialog()
-      }
-    })
-  }
-
-  const tableData = ref([])
-  const getTableData = async () => {
-    const table = await getPackageApi()
-    if (table.code === 0) {
-      tableData.value = table.data.pkgs
-    }
-  }
-
-  const deleteApiFunc = async (row) => {
-    ElMessageBox.confirm(
-      '此操作仅删除数据库中的pkg存储，后端相应目录结构请自行删除与数据库保持一致！',
-      '提示',
-      {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      }
-    ).then(async () => {
-      const res = await deletePackageApi(row)
-      if (res.code === 0) {
-        ElMessage({
-          type: 'success',
-          message: '删除成功!'
-        })
-        getTableData()
-      }
-    })
-  }
-
-  getTableData()
-</script>
diff --git a/src/view/systemTools/exportTemplate/code.js b/src/view/systemTools/exportTemplate/code.js
deleted file mode 100644
index 98823ee..0000000
--- a/src/view/systemTools/exportTemplate/code.js
+++ /dev/null
@@ -1,32 +0,0 @@
-export const getCode = (templateID) => {
-  return `<template>
-  <!-- 导出组件 -->
-  <ExportExcel templateId="${templateID}" :condition="condition" :limit="limit" :offset="offset" :order="order" />
-
-  <!-- 导入组件 handleSuccess为导入成功后的回调函数 -->
-  <ImportExcel templateId="${templateID}" @on-success="handleSuccess" />
-
-  <!-- 导出模板 -->
-  <ExportTemplate templateId="${templateID}" />
-</template>
-
-<script setup>
-import { ref } from 'vue';
-// 导出组件
-import ExportExcel from '@/components/exportExcel/exportExcel.vue';
-// 导入组件
-import ImportExcel from '@/components/exportExcel/importExcel.vue';
-// 导出模板组件
-import ExportTemplate from '@/components/exportExcel/exportTemplate.vue';
-
-const condition = ref({}); // 查询条件
-const limit = ref(10); // 最大条数限制
-const offset = ref(0); // 偏移量
-const order = ref('id desc'); // 排序条件
-
-const handleSuccess = (res) => {
-  console.log(res);
-  // 导入成功的回调函数
-};
-</script>`
-}
diff --git a/src/view/systemTools/exportTemplate/exportTemplate.vue b/src/view/systemTools/exportTemplate/exportTemplate.vue
deleted file mode 100644
index 86449bf..0000000
--- a/src/view/systemTools/exportTemplate/exportTemplate.vue
+++ /dev/null
@@ -1,1004 +0,0 @@
-<template>
-  <div>
-    <WarningBar
-      title="本功能提供同步的表格导出功能，大数据量的异步表格导出功能，可以选择点我定制"
-      href="https://flipped-aurora.feishu.cn/docx/KwjxdnvatozgwIxGV0rcpkZSn4d"
-    />
-    <div class="gva-search-box">
-      <el-form
-        ref="elSearchFormRef"
-        :inline="true"
-        :model="searchInfo"
-        class="demo-form-inline"
-        :rules="searchRule"
-        @keyup.enter="onSubmit"
-      >
-        <el-form-item label="创建日期" prop="createdAt">
-          <template #label>
-            <span>
-              创建日期
-              <el-tooltip
-                content="搜索范围是开始日期（包含）至结束日期（不包含）"
-              >
-                <el-icon><QuestionFilled /></el-icon>
-              </el-tooltip>
-            </span>
-          </template>
-          <el-date-picker
-            v-model="searchInfo.startCreatedAt"
-            type="datetime"
-            placeholder="开始日期"
-            :disabled-date="
-              (time) =>
-                searchInfo.endCreatedAt
-                  ? time.getTime() > searchInfo.endCreatedAt.getTime()
-                  : false
-            "
-          />
-          —
-          <el-date-picker
-            v-model="searchInfo.endCreatedAt"
-            type="datetime"
-            placeholder="结束日期"
-            :disabled-date="
-              (time) =>
-                searchInfo.startCreatedAt
-                  ? time.getTime() < searchInfo.startCreatedAt.getTime()
-                  : false
-            "
-          />
-        </el-form-item>
-        <el-form-item label="模板名称" prop="name">
-          <el-input v-model="searchInfo.name" placeholder="搜索条件" />
-        </el-form-item>
-        <el-form-item label="表名称" prop="tableName">
-          <el-input v-model="searchInfo.tableName" placeholder="搜索条件" />
-        </el-form-item>
-        <el-form-item label="模板标识" prop="templateID">
-          <el-input v-model="searchInfo.templateID" placeholder="搜索条件" />
-        </el-form-item>
-        <el-form-item>
-          <el-button type="primary" icon="search" @click="onSubmit"
-            >查询</el-button
-          >
-          <el-button icon="refresh" @click="onReset">重置</el-button>
-        </el-form-item>
-      </el-form>
-    </div>
-    <div class="gva-table-box">
-      <div class="gva-btn-list">
-        <el-button type="primary" icon="plus" @click="openDialog"
-          >新增</el-button
-        >
-
-        <el-button
-          icon="delete"
-          style="margin-left: 10px"
-          :disabled="!multipleSelection.length"
-          @click="onDelete"
-          >删除</el-button
-        >
-      </div>
-      <el-table
-        ref="multipleTable"
-        style="width: 100%"
-        tooltip-effect="dark"
-        :data="tableData"
-        row-key="ID"
-        @selection-change="handleSelectionChange"
-      >
-        <el-table-column type="selection" width="55" />
-        <el-table-column align="left" label="日期" width="180">
-          <template #default="scope">{{
-            formatDate(scope.row.CreatedAt)
-          }}</template>
-        </el-table-column>
-        <el-table-column align="left" label="数据库" width="120">
-          <template #default="scope">
-            <span>{{ scope.row.dbName || 'GVA库' }}</span>
-          </template>
-        </el-table-column>
-        <el-table-column
-          align="left"
-          label="模板标识"
-          prop="templateID"
-          width="120"
-        />
-        <el-table-column
-          align="left"
-          label="模板名称"
-          prop="name"
-          width="120"
-        />
-        <el-table-column
-          align="left"
-          label="表名称"
-          prop="tableName"
-          width="120"
-        />
-        <el-table-column
-          align="left"
-          label="模板信息"
-          prop="templateInfo"
-          min-width="120"
-          show-overflow-tooltip
-        />
-        <el-table-column align="left" label="操作" min-width="280">
-          <template #default="scope">
-            <el-button
-                type="primary"
-                link
-                icon="documentCopy"
-                class="table-button"
-                @click="copyFunc(scope.row)"
-            >复制</el-button
-            >
-            <el-button
-              type="primary"
-              link
-              icon="edit-pen"
-              class="table-button"
-              @click="showCode(scope.row)"
-              >代码</el-button
-            >
-            <el-button
-              type="primary"
-              link
-              icon="edit"
-              class="table-button"
-              @click="updateSysExportTemplateFunc(scope.row)"
-              >变更</el-button
-            >
-            <el-button
-              type="primary"
-              link
-              icon="delete"
-              @click="deleteRow(scope.row)"
-              >删除</el-button
-            >
-          </template>
-        </el-table-column>
-      </el-table>
-      <div class="gva-pagination">
-        <el-pagination
-          layout="total, sizes, prev, pager, next, jumper"
-          :current-page="page"
-          :page-size="pageSize"
-          :page-sizes="[10, 30, 50, 100]"
-          :total="total"
-          @current-change="handleCurrentChange"
-          @size-change="handleSizeChange"
-        />
-      </div>
-    </div>
-    <el-drawer
-      v-model="dialogFormVisible"
-      size="60%"
-      :before-close="closeDialog"
-      :title="type === 'create' ? '添加' : '修改'"
-      :show-close="false"
-      destroy-on-close
-    >
-      <template #header>
-        <div class="flex justify-between items-center">
-          <span class="text-lg">{{ type === 'create' ? '添加' : '修改' }}</span>
-          <div>
-            <el-button @click="closeDialog">取 消</el-button>
-            <el-button type="primary" @click="enterDialog">确 定</el-button>
-          </div>
-        </div>
-      </template>
-
-      <el-form
-        ref="elFormRef"
-        :model="formData"
-        label-position="right"
-        :rules="rule"
-        label-width="100px"
-        v-loading="aiLoading"
-        element-loading-text="小淼正在思考..."
-      >
-        <el-form-item label="业务库" prop="dbName">
-          <template #label>
-            <el-tooltip
-              content="注：需要提前到db-list自行配置多数据库，如未配置需配置后重启服务方可使用。若无法选择，请到config.yaml中设置disabled:false，选择导入导出的目标库。"
-              placement="bottom"
-              effect="light"
-            >
-              <div>
-                业务库 <el-icon><QuestionFilled /></el-icon>
-              </div>
-            </el-tooltip>
-          </template>
-          <el-select
-            v-model="formData.dbName"
-            clearable
-            @change="dbNameChange"
-            placeholder="选择业务库"
-          >
-            <el-option
-              v-for="item in dbList"
-              :key="item.aliasName"
-              :value="item.aliasName"
-              :label="item.aliasName"
-              :disabled="item.disable"
-            >
-              <div>
-                <span>{{ item.aliasName }}</span>
-                <span style="float: right; color: #8492a6; font-size: 13px">{{
-                  item.dbName
-                }}</span>
-              </div>
-            </el-option>
-          </el-select>
-        </el-form-item>
-
-        <el-form-item label="需用到的表" prop="tables">
-          <el-select
-            multiple
-            v-model="tables"
-            clearable
-            placeholder="使用AI的情况下请选择"
-          >
-            <el-option
-              v-for="item in tableOptions"
-              :key="item.tableName"
-              :label="item.tableName"
-              :value="item.tableName"
-            />
-          </el-select>
-        </el-form-item>
-
-        <el-form-item label="AI帮写:" prop="ai">
-          <div class="relative w-full">
-            <el-input
-              type="textarea"
-              v-model="prompt"
-              :clearable="true"
-              :rows="5"
-              placeholder="试试描述你要做的导出功能让AI帮你完成，在此之前请选择你需要导出的表所在的业务库，如不做选择，则默认使用gva库"
-            />
-            <el-button
-              class="absolute bottom-2 right-2"
-              type="primary"
-              @click="autoExport"
-              ><el-icon><ai-gva /></el-icon>帮写</el-button
-            >
-          </div>
-        </el-form-item>
-
-        <el-form-item label="表名称:" clearable prop="tableName">
-          <div class="w-full flex gap-4">
-            <el-select
-              v-model="formData.tableName"
-              class="flex-1"
-              filterable
-              placeholder="请选择表"
-            >
-              <el-option
-                v-for="item in tableOptions"
-                :key="item.tableName"
-                :label="item.tableName"
-                :value="item.tableName"
-              />
-            </el-select>
-            <el-button
-              :disabled="!formData.tableName"
-              type="primary"
-              @click="getColumnFunc(true)"
-              ><el-icon><ai-gva /></el-icon>自动补全</el-button
-            >
-            <el-button
-              :disabled="!formData.tableName"
-              type="primary"
-              @click="getColumnFunc(false)"
-              >自动生成模板</el-button
-            >
-          </div>
-        </el-form-item>
-
-        <el-form-item label="模板名称:" prop="name">
-          <el-input
-            v-model="formData.name"
-            :clearable="true"
-            placeholder="请输入模板名称"
-          />
-        </el-form-item>
-
-        <el-form-item label="模板标识:" prop="templateID">
-          <el-input
-            v-model="formData.templateID"
-            :clearable="true"
-            placeholder="模板标识为前端组件需要挂在的标识属性"
-          />
-        </el-form-item>
-
-        <el-form-item label="关联条件:">
-          <div
-            v-for="(join, key) in formData.joinTemplate"
-            :key="key"
-            class="flex gap-4 w-full mb-2"
-          >
-            <el-select v-model="join.joins" placeholder="请选择关联方式">
-              <el-option label="LEFT JOIN" value="LEFT JOIN" />
-              <el-option label="INNER JOIN" value="INNER JOIN" />
-              <el-option label="RIGHT JOIN" value="RIGHT JOIN" />
-            </el-select>
-            <el-input v-model="join.table" placeholder="请输入关联表" />
-            <el-input
-              v-model="join.on"
-              placeholder="关联条件 table1.a = table2.b"
-            />
-            <el-button
-              type="danger"
-              icon="delete"
-              @click="() => formData.joinTemplate.splice(key, 1)"
-              >删除</el-button
-            >
-          </div>
-          <div class="flex justify-end w-full">
-            <el-button type="primary" icon="plus" @click="addJoin"
-              >添加条件</el-button
-            >
-          </div>
-        </el-form-item>
-
-        <el-form-item label="模板信息:" prop="templateInfo">
-          <el-input
-            v-model="formData.templateInfo"
-            type="textarea"
-            :rows="12"
-            :clearable="true"
-            :placeholder="templatePlaceholder"
-          />
-        </el-form-item>
-        <el-form-item label="默认导出条数:">
-          <el-input-number
-            v-model="formData.limit"
-            :step="1"
-            :step-strictly="true"
-            :precision="0"
-          />
-        </el-form-item>
-        <el-form-item label="默认排序条件:">
-          <el-input v-model="formData.order" placeholder="例:id desc" />
-        </el-form-item>
-        <el-form-item label="导出条件:">
-          <div
-            v-for="(condition, key) in formData.conditions"
-            :key="key"
-            class="flex gap-4 w-full mb-2"
-          >
-            <el-input
-              v-model="condition.from"
-              placeholder="需要从查询条件取的json key"
-            />
-            <el-input v-model="condition.column" placeholder="表对应的column" />
-            <el-select
-              v-model="condition.operator"
-              placeholder="请选择查询条件"
-            >
-              <el-option
-                v-for="item in typeSearchOptions"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value"
-              />
-            </el-select>
-            <el-button
-              type="danger"
-              icon="delete"
-              @click="() => formData.conditions.splice(key, 1)"
-              >删除</el-button
-            >
-          </div>
-          <div class="flex justify-end w-full">
-            <el-button type="primary" icon="plus" @click="addCondition"
-              >添加条件</el-button
-            >
-          </div>
-        </el-form-item>
-      </el-form>
-    </el-drawer>
-
-    <el-drawer
-      v-model="codeVisible"
-      size="60%"
-      :before-close="closeDialog"
-      :title="type === 'create' ? '添加' : '修改'"
-      :show-close="false"
-      destroy-on-close
-    >
-      <template #header>
-        <div class="flex justify-between items-center">
-          <span class="text-lg">模板</span>
-          <div>
-            <el-button type="primary" @click="closeDialog">确 定</el-button>
-          </div>
-        </div>
-      </template>
-      <v-ace-editor
-        v-model:value="webCode"
-        lang="vue"
-        theme="github_dark"
-        class="h-full"
-      />
-    </el-drawer>
-  </div>
-</template>
-
-<script setup>
-  import {
-    createSysExportTemplate,
-    deleteSysExportTemplate,
-    deleteSysExportTemplateByIds,
-    updateSysExportTemplate,
-    findSysExportTemplate,
-    getSysExportTemplateList
-  } from '@/api/exportTemplate.js'
-
-  // 全量引入格式化工具 请按需保留
-  import { formatDate } from '@/utils/format'
-  import { ElMessage, ElMessageBox } from 'element-plus'
-  import { ref, reactive } from 'vue'
-  import WarningBar from '@/components/warningBar/warningBar.vue'
-  import { getDB, getTable, getColumn, butler } from '@/api/autoCode'
-  import { getCode } from './code'
-  import { VAceEditor } from 'vue3-ace-editor'
-
-  import 'ace-builds/src-noconflict/mode-vue'
-  import 'ace-builds/src-noconflict/theme-github_dark'
-
-  defineOptions({
-    name: 'ExportTemplate'
-  })
-
-  const templatePlaceholder = `模板信息格式：key标识数据库column列名称（在join模式下需要写为 table.column），value标识导出excel列名称，如key为数据库关键字或函数，请按照关键字的处理模式处理，当前以mysql为例，如下：
-{
-  "table_column1":"第一列",
-  "table_column3":"第三列",
-  "table_column4":"第四列",
-  "\`rows\`":"我属于数据库关键字或函数",
-}
-如果增加了JOINS导出key应该列为 {table_name1.table_column1:"第一列",table_name2.table_column2:"第二列"}
-如果有重复的列名导出格式应为 {table_name1.table_column1 as key:"第一列",table_name2.table_column2 as key2:"第二列"}
-JOINS模式下不支持导入
-`
-
-  // 自动化生成的字典（可能为空）以及字段
-  const formData = ref({
-    name: '',
-    tableName: '',
-    dbName: '',
-    templateID: '',
-    templateInfo: '',
-    limit: 0,
-    order: '',
-    conditions: [],
-    joinTemplate: []
-  })
-
-  const prompt = ref('')
-  const tables = ref([])
-
-  const typeSearchOptions = ref([
-    {
-      label: '=',
-      value: '='
-    },
-    {
-      label: '<>',
-      value: '<>'
-    },
-    {
-      label: '>',
-      value: '>'
-    },
-    {
-      label: '<',
-      value: '<'
-    },
-    {
-      label: 'LIKE',
-      value: 'LIKE'
-    },
-    {
-      label: 'BETWEEN',
-      value: 'BETWEEN'
-    },
-    {
-      label: 'NOT BETWEEN',
-      value: 'NOT BETWEEN'
-    },
-    {
-      label: 'IN',
-      value: 'IN'
-    },
-    {
-      label: 'NOT IN',
-      value: 'NOT IN'
-    },
-  ])
-
-  const addCondition = () => {
-    formData.value.conditions.push({
-      from: '',
-      column: '',
-      operator: ''
-    })
-  }
-
-  const addJoin = () => {
-    formData.value.joinTemplate.push({
-      joins: 'LEFT JOIN',
-      table: '',
-      on: ''
-    })
-  }
-
-  // 验证规则
-  const rule = reactive({
-    name: [
-      {
-        required: true,
-        message: '',
-        trigger: ['input', 'blur']
-      },
-      {
-        whitespace: true,
-        message: '不能只输入空格',
-        trigger: ['input', 'blur']
-      }
-    ],
-    tableName: [
-      {
-        required: true,
-        message: '',
-        trigger: ['input', 'blur']
-      },
-      {
-        whitespace: true,
-        message: '不能只输入空格',
-        trigger: ['input', 'blur']
-      }
-    ],
-    templateID: [
-      {
-        required: true,
-        message: '',
-        trigger: ['input', 'blur']
-      },
-      {
-        whitespace: true,
-        message: '不能只输入空格',
-        trigger: ['input', 'blur']
-      }
-    ],
-    templateInfo: [
-      {
-        required: true,
-        message: '',
-        trigger: ['input', 'blur']
-      },
-      {
-        whitespace: true,
-        message: '不能只输入空格',
-        trigger: ['input', 'blur']
-      }
-    ]
-  })
-
-  const searchRule = reactive({
-    createdAt: [
-      {
-        validator: (rule, value, callback) => {
-          if (
-            searchInfo.value.startCreatedAt &&
-            !searchInfo.value.endCreatedAt
-          ) {
-            callback(new Error('请填写结束日期'))
-          } else if (
-            !searchInfo.value.startCreatedAt &&
-            searchInfo.value.endCreatedAt
-          ) {
-            callback(new Error('请填写开始日期'))
-          } else if (
-            searchInfo.value.startCreatedAt &&
-            searchInfo.value.endCreatedAt &&
-            (searchInfo.value.startCreatedAt.getTime() ===
-              searchInfo.value.endCreatedAt.getTime() ||
-              searchInfo.value.startCreatedAt.getTime() >
-                searchInfo.value.endCreatedAt.getTime())
-          ) {
-            callback(new Error('开始日期应当早于结束日期'))
-          } else {
-            callback()
-          }
-        },
-        trigger: 'change'
-      }
-    ]
-  })
-
-  const elFormRef = ref()
-  const elSearchFormRef = ref()
-
-  // =========== 表格控制部分 ===========
-  const page = ref(1)
-  const total = ref(0)
-  const pageSize = ref(10)
-  const tableData = ref([])
-  const searchInfo = ref({})
-
-  const dbList = ref([])
-  const tableOptions = ref([])
-  const aiLoading = ref(false)
-
-  const getTablesCloumn = async () => {
-    const tablesMap = {}
-    const promises = tables.value.map(async (item) => {
-      const res = await getColumn({
-        businessDB: formData.value.dbName,
-        tableName: item
-      })
-      if (res.code === 0) {
-        tablesMap[item] = res.data.columns
-      }
-    })
-    await Promise.all(promises)
-    return tablesMap
-  }
-
-  const autoExport = async () => {
-    if (tables.value.length === 0) {
-      ElMessage({
-        type: 'error',
-        message: '请先选择需要参与导出的表'
-      })
-      return
-    }
-    aiLoading.value = true
-    const tableMap = await getTablesCloumn()
-    const aiRes = await butler({
-      prompt: prompt.value,
-      businessDB: formData.value.dbName || '',
-      tableMap: tableMap,
-      command: 'autoExportTemplate'
-    })
-    aiLoading.value = false
-    if (aiRes.code === 0) {
-      const aiData = JSON.parse(aiRes.data)
-      formData.value.name = aiData.name
-      formData.value.tableName = aiData.tableName
-      formData.value.templateID = aiData.templateID
-      formData.value.templateInfo = JSON.stringify(aiData.templateInfo, null, 2)
-      formData.value.joinTemplate = aiData.joinTemplate
-    }
-  }
-
-  const getDbFunc = async () => {
-    const res = await getDB()
-    if (res.code === 0) {
-      dbList.value = res.data.dbList
-    }
-  }
-
-  getDbFunc()
-
-  const dbNameChange = () => {
-    formData.value.tableName = ''
-    formData.value.templateInfo = ''
-    tables.value = []
-    getTableFunc()
-  }
-
-  const getTableFunc = async () => {
-    const res = await getTable({ businessDB: formData.value.dbName })
-    if (res.code === 0) {
-      tableOptions.value = res.data.tables
-    }
-    formData.value.tableName = ''
-  }
-  getTableFunc()
-  const getColumnFunc = async (aiFLag) => {
-    if (!formData.value.tableName) {
-      ElMessage({
-        type: 'error',
-        message: '请先选择业务库及选择表后再进行操作'
-      })
-      return
-    }
-    formData.value.templateInfo = ''
-    aiLoading.value = true
-    const res = await getColumn({
-      businessDB: formData.value.dbName,
-      tableName: formData.value.tableName
-    })
-    if (res.code === 0) {
-      if (aiFLag) {
-        const aiRes = await butler({
-          data: res.data.columns,
-          command: 'exportCompletion'
-        })
-        if (aiRes.code === 0) {
-          const aiData = JSON.parse(aiRes.data)
-          aiLoading.value = false
-          formData.value.templateInfo = JSON.stringify(
-            aiData.templateInfo,
-            null,
-            2
-          )
-          formData.value.name = aiData.name
-          formData.value.templateID = aiData.templateID
-          return
-        }
-        ElMessage.warning('AI自动补全失败，已调整为逻辑填写')
-      }
-
-      // 把返回值的data.columns做尊换，制作一组JSON数据，columnName做key，columnComment做value
-      const templateInfo = {}
-      res.data.columns.forEach((item) => {
-        templateInfo[item.columnName] = item.columnComment || item.columnName
-      })
-      formData.value.templateInfo = JSON.stringify(templateInfo, null, 2)
-    }
-    aiLoading.value = false
-  }
-
-  // 重置
-  const onReset = () => {
-    searchInfo.value = {}
-    getTableData()
-  }
-
-  // 搜索
-  const onSubmit = () => {
-    elSearchFormRef.value?.validate(async (valid) => {
-      if (!valid) return
-      page.value = 1
-      getTableData()
-    })
-  }
-
-  // 分页
-  const handleSizeChange = (val) => {
-    pageSize.value = val
-    getTableData()
-  }
-
-  // 修改页面容量
-  const handleCurrentChange = (val) => {
-    page.value = val
-    getTableData()
-  }
-
-  // 查询
-  const getTableData = async () => {
-    const table = await getSysExportTemplateList({
-      page: page.value,
-      pageSize: pageSize.value,
-      ...searchInfo.value
-    })
-    if (table.code === 0) {
-      tableData.value = table.data.list
-      total.value = table.data.total
-      page.value = table.data.page
-      pageSize.value = table.data.pageSize
-    }
-  }
-
-  getTableData()
-
-  // ============== 表格控制部分结束 ===============
-
-  // 获取需要的字典 可能为空 按需保留
-  const setOptions = async () => {}
-
-  // 获取需要的字典 可能为空 按需保留
-  setOptions()
-
-  // 多选数据
-  const multipleSelection = ref([])
-  // 多选
-  const handleSelectionChange = (val) => {
-    multipleSelection.value = val
-  }
-
-  // 删除行
-  const deleteRow = (row) => {
-    ElMessageBox.confirm('确定要删除吗?', '提示', {
-      confirmButtonText: '确定',
-      cancelButtonText: '取消',
-      type: 'warning'
-    }).then(() => {
-      deleteSysExportTemplateFunc(row)
-    })
-  }
-
-  // 多选删除
-  const onDelete = async () => {
-    ElMessageBox.confirm('确定要删除吗?', '提示', {
-      confirmButtonText: '确定',
-      cancelButtonText: '取消',
-      type: 'warning'
-    }).then(async () => {
-      const ids = []
-      if (multipleSelection.value.length === 0) {
-        ElMessage({
-          type: 'warning',
-          message: '请选择要删除的数据'
-        })
-        return
-      }
-      multipleSelection.value &&
-        multipleSelection.value.map((item) => {
-          ids.push(item.ID)
-        })
-      const res = await deleteSysExportTemplateByIds({ ids })
-      if (res.code === 0) {
-        ElMessage({
-          type: 'success',
-          message: '删除成功'
-        })
-        if (tableData.value.length === ids.length && page.value > 1) {
-          page.value--
-        }
-        getTableData()
-      }
-    })
-  }
-
-  // 行为控制标记（弹窗内部需要增还是改）
-  const type = ref('')
-
-  // 复制
-  const copyFunc = async (row) => {
-    let copyData
-    const res = await findSysExportTemplate({ ID: row.ID })
-    if (res.code === 0) {
-      copyData = JSON.parse(JSON.stringify(res.data.resysExportTemplate))
-      if (!copyData.conditions) {
-        copyData.conditions = []
-      }
-      if (!copyData.joinTemplate) {
-        copyData.joinTemplate = []
-      }
-      delete copyData.ID
-      delete copyData.CreatedAt
-      delete copyData.UpdatedAt
-      copyData.templateID = copyData.templateID + '_copy'
-      copyData.name = copyData.name + '_copy'
-      formData.value = copyData
-      dialogFormVisible.value = true
-    }
-  }
-
-  // 更新行
-  const updateSysExportTemplateFunc = async (row) => {
-    const res = await findSysExportTemplate({ ID: row.ID })
-    type.value = 'update'
-    if (res.code === 0) {
-      formData.value = res.data.resysExportTemplate
-      if (!formData.value.conditions) {
-        formData.value.conditions = []
-      }
-      if (!formData.value.joinTemplate) {
-        formData.value.joinTemplate = []
-      }
-      dialogFormVisible.value = true
-    }
-  }
-
-  // 删除行
-  const deleteSysExportTemplateFunc = async (row) => {
-    const res = await deleteSysExportTemplate({ ID: row.ID })
-    if (res.code === 0) {
-      ElMessage({
-        type: 'success',
-        message: '删除成功'
-      })
-      if (tableData.value.length === 1 && page.value > 1) {
-        page.value--
-      }
-      getTableData()
-    }
-  }
-  const codeVisible = ref(false)
-  // 弹窗控制标记
-  const dialogFormVisible = ref(false)
-
-  const webCode = ref('')
-
-  const showCode = (row) => {
-    webCode.value = getCode(row.templateID)
-    codeVisible.value = true
-  }
-
-  // 打开弹窗
-  const openDialog = () => {
-    type.value = 'create'
-    dialogFormVisible.value = true
-  }
-
-  // 关闭弹窗
-  const closeDialog = () => {
-    codeVisible.value = false
-    dialogFormVisible.value = false
-    formData.value = {
-      name: '',
-      tableName: '',
-      templateID: '',
-      templateInfo: '',
-      limit: 0,
-      order: '',
-      conditions: [],
-      joinTemplate: []
-    }
-  }
-  // 弹窗确定
-  const enterDialog = async () => {
-    // 判断 formData.templateInfo 是否为标准json格式 如果不是标准json 则辅助调整
-    try {
-      JSON.parse(formData.value.templateInfo)
-    } catch (_) {
-      ElMessage({
-        type: 'error',
-        message: '模板信息格式不正确，请检查'
-      })
-      return
-    }
-
-    const reqData = JSON.parse(JSON.stringify(formData.value))
-    for (let i = 0; i < reqData.conditions.length; i++) {
-      if (
-        !reqData.conditions[i].from ||
-        !reqData.conditions[i].column ||
-        !reqData.conditions[i].operator
-      ) {
-        ElMessage({
-          type: 'error',
-          message: '请填写完整的导出条件'
-        })
-        return
-      }
-      reqData.conditions[i].templateID = reqData.templateID
-    }
-
-    for (let i = 0; i < reqData.joinTemplate.length; i++) {
-      if (!reqData.joinTemplate[i].joins || !reqData.joinTemplate[i].on) {
-        ElMessage({
-          type: 'error',
-          message: '请填写完整的关联'
-        })
-        return
-      }
-      reqData.joinTemplate[i].templateID = reqData.templateID
-    }
-
-    elFormRef.value?.validate(async (valid) => {
-      if (!valid) return
-      let res
-      switch (type.value) {
-        case 'create':
-          res = await createSysExportTemplate(reqData)
-          break
-        case 'update':
-          res = await updateSysExportTemplate(reqData)
-          break
-        default:
-          res = await createSysExportTemplate(reqData)
-          break
-      }
-      if (res.code === 0) {
-        ElMessage({
-          type: 'success',
-          message: '创建/更改成功'
-        })
-        closeDialog()
-        getTableData()
-      }
-    })
-  }
-</script>
-
-<style></style>
diff --git a/src/view/systemTools/formCreate/index.vue b/src/view/systemTools/formCreate/index.vue
deleted file mode 100644
index 7e266f9..0000000
--- a/src/view/systemTools/formCreate/index.vue
+++ /dev/null
@@ -1,18 +0,0 @@
-<template>
-  <fc-designer ref="designer" :config="config" height="calc(100vh - 160px)" />
-</template>
-
-<script setup>
-  import { ref } from 'vue'
-  import FcDesigner from '@form-create/designer'
-
-  defineOptions({
-    name: 'FormGenerator'
-  })
-
-  const designer = ref(null)
-
-  const config = {
-    fieldReadonly: false
-  }
-</script>
diff --git a/src/view/systemTools/index.vue b/src/view/systemTools/index.vue
deleted file mode 100644
index 697d431..0000000
--- a/src/view/systemTools/index.vue
+++ /dev/null
@@ -1,20 +0,0 @@
-<template>
-  <div>
-    <router-view v-slot="{ Component }">
-      <transition mode="out-in" name="el-fade-in-linear">
-        <keep-alive :include="routerStore.keepAliveRouters">
-          <component :is="Component" />
-        </keep-alive>
-      </transition>
-    </router-view>
-  </div>
-</template>
-
-<script setup>
-  import { useRouterStore } from '@/pinia/modules/router'
-  const routerStore = useRouterStore()
-
-  defineOptions({
-    name: 'System'
-  })
-</script>
diff --git a/src/view/systemTools/installPlugin/index.vue b/src/view/systemTools/installPlugin/index.vue
deleted file mode 100644
index ce88c5c..0000000
--- a/src/view/systemTools/installPlugin/index.vue
+++ /dev/null
@@ -1,42 +0,0 @@
-<template>
-  <div class="gva-form-box">
-    <el-upload
-      drag
-      :action="`${getBaseUrl()}/autoCode/installPlugin`"
-      :show-file-list="false"
-      :on-success="handleSuccess"
-      :on-error="handleSuccess"
-      :headers="{'x-token': token}"
-      name="plug"
-    >
-      <el-icon class="el-icon--upload"><upload-filled /></el-icon>
-      <div class="el-upload__text">拖拽或<em>点击上传</em></div>
-      <template #tip>
-        <div class="el-upload__tip">请把安装包的zip拖拽至此处上传</div>
-      </template>
-    </el-upload>
-  </div>
-</template>
-
-<script setup>
-  import { ElMessage } from 'element-plus'
-  import { getBaseUrl } from '@/utils/format'
-  import { useUserStore } from "@/pinia";
-
-  const userStore = useUserStore()
-
-  const token = userStore.token
-
-  const handleSuccess = (res) => {
-    if (res.code === 0) {
-      let msg = ``
-      res.data &&
-        res.data.forEach((item, index) => {
-          msg += `${index + 1}.${item.msg}\n`
-        })
-      alert(msg)
-    } else {
-      ElMessage.error(res.msg)
-    }
-  }
-</script>
diff --git a/src/view/systemTools/pubPlug/pubPlug.vue b/src/view/systemTools/pubPlug/pubPlug.vue
deleted file mode 100644
index b16eaf2..0000000
--- a/src/view/systemTools/pubPlug/pubPlug.vue
+++ /dev/null
@@ -1,225 +0,0 @@
-<template>
-  <div class="gva-form-box">
-    <div class="p-4 bg-white dark:bg-slate-900">
-      <WarningBar
-        title="目前只支持标准插件（通过插件模板生成的标准目录插件），非标准插件请自行打包"
-      />
-      <div class="flex items-center gap-3">
-        <el-input v-model="plugName" placeholder="插件模板处填写的【插件名】" />
-      </div>
-      <el-card class="mt-2 text-center">
-        <WarningBar title="穿梭框请只选择子级菜单即可" />
-        <el-input
-          v-model="parentMenu"
-          placeholder="请输入菜单组名，例：公告管理"
-          class="mb-2"
-        ></el-input>
-        <el-transfer
-          v-model="menus"
-          :props="{
-            key: 'ID'
-          }"
-          class="plugin-transfer"
-          :data="menusData"
-          filterable
-          :filter-method="filterMenuMethod"
-          filter-placeholder="请输入菜单名称/路径"
-          :titles="['可选菜单', '使用菜单']"
-          :button-texts="['移除', '选中']"
-        >
-          <template #default="{ option }">
-            {{ option.meta.title }} {{ option.component }}
-          </template>
-        </el-transfer>
-        <div class="flex justify-end mt-2">
-          <el-button type="primary" @click="fmtInitMenu">
-            定义安装菜单
-          </el-button>
-        </div>
-      </el-card>
-      <el-card class="mt-2 text-center">
-        <el-transfer
-          v-model="apis"
-          :props="{
-            key: 'ID'
-          }"
-          class="plugin-transfer"
-          :data="apisData"
-          filterable
-          :filter-method="filterApiMethod"
-          filter-placeholder="请输入API描述/PATH"
-          :titles="['可选API', '使用API']"
-          :button-texts="['移除', '选中']"
-        >
-          <template #default="{ option }">
-            {{ option.description }} {{ option.path }}
-          </template>
-        </el-transfer>
-        <div class="flex justify-end mt-2">
-          <el-button type="primary" @click="fmtInitAPI">
-            定义安装API
-          </el-button>
-        </div>
-      </el-card>
-    </div>
-    <div class="flex justify-end">
-      <el-button type="primary" @click="pubPlugin"> 打包插件 </el-button>
-    </div>
-  </div>
-</template>
-
-<script setup>
-  import { ref } from 'vue'
-  import WarningBar from '@/components/warningBar/warningBar.vue'
-  import { pubPlug, initMenu, initAPI } from '@/api/autoCode.js'
-  import { ElMessage, ElMessageBox } from 'element-plus'
-  import { getAllApis } from '@/api/api'
-  import { getMenuList } from '@/api/menu'
-
-  const plugName = ref('')
-
-  const menus = ref([])
-  const menusData = ref([])
-  const apis = ref([])
-  const apisData = ref([])
-  const parentMenu = ref('')
-
-  const fmtMenu = (menus) => {
-    // 如果menu存在children，递归展开到一级
-    const res = []
-    menus.forEach((item) => {
-      if (item.children) {
-        res.push(...fmtMenu(item.children))
-      } else {
-        res.push(item)
-      }
-    })
-    return res
-  }
-
-  const initData = async () => {
-    const menuRes = await getMenuList()
-    if (menuRes.code === 0) {
-      menusData.value = fmtMenu(menuRes.data)
-    }
-    const apiRes = await getAllApis()
-    if (apiRes.code === 0) {
-      apisData.value = apiRes.data.apis
-    }
-  }
-
-  const filterMenuMethod = (query, item) => {
-    return (
-      item.meta.title.indexOf(query) > -1 || item.component.indexOf(query) > -1
-    )
-  }
-
-  const filterApiMethod = (query, item) => {
-    return item.description.indexOf(query) > -1 || item.path.indexOf(query) > -1
-  }
-
-  initData()
-
-  const pubPlugin = async () => {
-    ElMessageBox.confirm(
-      `请检查server下的/plugin/${plugName.value}/plugin.go是否已放开需要的 initialize.Api(ctx) 和 initialize.Menu(ctx)?`,
-      '打包',
-      {
-        confirmButtonText: '打包',
-        cancelButtonText: '取消',
-        type: 'warning'
-      }
-    )
-      .then(async () => {
-        const res = await pubPlug({ plugName: plugName.value })
-        if (res.code === 0) {
-          ElMessage.success(res.msg)
-        }
-      })
-      .catch(() => {
-        ElMessage({
-          type: 'info',
-          message: '关闭打包'
-        })
-      })
-  }
-
-  const fmtInitMenu = () => {
-    if (!parentMenu.value) {
-      ElMessage.error('请填写菜单组名')
-      return
-    }
-    if (menus.value.length === 0) {
-      ElMessage.error('请至少选择一个菜单')
-      return
-    }
-    if (plugName.value === '') {
-      ElMessage.error('请填写插件名')
-      return
-    }
-    ElMessageBox.confirm(
-      `点击后将会覆盖server下的/plugin/${plugName.value}/initialize/menu. 是否继续?`,
-      '生成初始菜单',
-      {
-        confirmButtonText: '生成',
-        cancelButtonText: '取消',
-        type: 'warning'
-      }
-    )
-      .then(() => {
-        const req = {
-          plugName: plugName.value,
-          parentMenu: parentMenu.value,
-          menus: menus.value
-        }
-        initMenu(req)
-      })
-      .catch(() => {
-        ElMessage({
-          type: 'info',
-          message: '关闭生成菜单'
-        })
-      })
-  }
-  const fmtInitAPI = () => {
-    if (apis.value.length === 0) {
-      ElMessage.error('请至少选择一个API')
-      return
-    }
-    if (plugName.value === '') {
-      ElMessage.error('请填写插件名')
-      return
-    }
-    ElMessageBox.confirm(
-      `点击后将会覆盖server下的/plugin/${plugName.value}/initialize/api. 是否继续?`,
-      '生成初始API',
-      {
-        confirmButtonText: '生成',
-        cancelButtonText: '取消',
-        type: 'warning'
-      }
-    )
-      .then(() => {
-        const req = {
-          plugName: plugName.value,
-          apis: apis.value
-        }
-        initAPI(req)
-        console.log(req)
-      })
-      .catch(() => {
-        ElMessage({
-          type: 'info',
-          message: '关闭生成API'
-        })
-      })
-  }
-</script>
-
-<style lang="scss">
-  .plugin-transfer {
-    .el-transfer-panel {
-      width: 400px !important;
-    }
-  }
-</style>
diff --git a/src/view/systemTools/system/system.vue b/src/view/systemTools/system/system.vue
deleted file mode 100644
index 1b07638..0000000
--- a/src/view/systemTools/system/system.vue
+++ /dev/null
@@ -1,1091 +0,0 @@
-<template>
-  <div class="system">
-    <el-form ref="form" :model="config" label-width="240px">
-      <!--  System start  -->
-      <el-tabs v-model="activeNames">
-        <el-tab-pane label="系统配置" name="1" class="mt-3.5">
-          <el-form-item label="端口值">
-            <el-input-number
-              v-model="config.system.addr"
-              placeholder="请输入端口值"
-            />
-          </el-form-item>
-          <el-form-item label="数据库类型">
-            <el-select v-model="config.system['db-type']" class="w-full">
-              <el-option value="mysql" />
-              <el-option value="pgsql" />
-              <el-option value="mssql" />
-              <el-option value="sqlite" />
-              <el-option value="oracle" />
-            </el-select>
-          </el-form-item>
-          <el-form-item label="Oss类型">
-            <el-select v-model="config.system['oss-type']" class="w-full">
-              <el-option value="local">本地</el-option>
-              <el-option value="qiniu">七牛</el-option>
-              <el-option value="tencent-cos">腾讯云COS</el-option>
-              <el-option value="aliyun-oss">阿里云OSS</el-option>
-              <el-option value="huawei-obs">华为云OBS</el-option>
-              <el-option value="cloudflare-r2">cloudflare R2</el-option>
-            </el-select>
-          </el-form-item>
-          <el-form-item label="多点登录拦截">
-            <el-switch v-model="config.system['use-multipoint']" />
-          </el-form-item>
-          <el-form-item label="开启redis">
-            <el-switch v-model="config.system['use-redis']" />
-          </el-form-item>
-          <el-form-item label="开启Mongo">
-            <el-switch v-model="config.system['use-mongo']" />
-          </el-form-item>
-          <el-form-item label="严格角色模式">
-            <el-switch v-model="config.system['use-strict-auth']" />
-          </el-form-item>
-          <el-form-item label="限流次数">
-            <el-input-number v-model.number="config.system['iplimit-count']" />
-          </el-form-item>
-          <el-form-item label="限流时间">
-            <el-input-number v-model.number="config.system['iplimit-time']" />
-          </el-form-item>
-          <el-form-item label="禁用自动迁移数据库表结构">
-            <el-switch v-model="config.system['disable-auto-migrate']" />
-          </el-form-item>
-          <el-tooltip
-            content="请修改完成后，注意一并修改前端env环境下的VITE_BASE_PATH"
-            placement="top-start"
-          >
-            <el-form-item label="全局路由前缀">
-              <el-input
-                v-model.trim="config.system['router-prefix']"
-                placeholder="请输入全局路由前缀"
-              />
-            </el-form-item>
-          </el-tooltip>
-        </el-tab-pane>
-        <el-tab-pane label="jwt签名" name="2" class="mt-3.5">
-          <el-form-item label="jwt签名">
-            <el-input
-              v-model.trim="config.jwt['signing-key']"
-              placeholder="请输入jwt签名"
-            >
-              <template #append>
-                <el-button @click="getUUID">生成</el-button>
-              </template>
-            </el-input>
-          </el-form-item>
-          <el-form-item label="有效期">
-            <el-input
-              v-model.trim="config.jwt['expires-time']"
-              placeholder="请输入有效期"
-            />
-          </el-form-item>
-          <el-form-item label="缓冲期">
-            <el-input
-              v-model.trim="config.jwt['buffer-time']"
-              placeholder="请输入缓冲期"
-            />
-          </el-form-item>
-          <el-form-item label="签发者">
-            <el-input
-              v-model.trim="config.jwt.issuer"
-              placeholder="请输入签发者"
-            />
-          </el-form-item>
-        </el-tab-pane>
-        <el-tab-pane label="Zap日志配置" name="3" class="mt-3.5">
-          <el-form-item label="级别">
-            <el-select v-model="config.zap.level">
-              <el-option value="off" label="关闭" />
-              <el-option value="fatal" label="致命" />
-              <el-option value="error" label="错误" />
-              <el-option value="warn" label="警告" />
-              <el-option value="info" label="信息" />
-              <el-option value="debug" label="调试" />
-              <el-option value="trace" label="跟踪" />
-            </el-select>
-          </el-form-item>
-          <el-form-item label="输出">
-            <el-select v-model="config.zap.format">
-              <el-option value="console" label="console" />
-              <el-option value="json" label="json" />
-            </el-select>
-          </el-form-item>
-          <el-form-item label="日志前缀">
-            <el-input
-              v-model.trim="config.zap.prefix"
-              placeholder="请输入日志前缀"
-            />
-          </el-form-item>
-          <el-form-item label="日志文件夹">
-            <el-input
-              v-model.trim="config.zap.director"
-              placeholder="请输入日志文件夹"
-            />
-          </el-form-item>
-          <el-form-item label="编码级">
-            <el-select v-model="config.zap['encode-level']" class="w-6/12">
-              <el-option
-                value="LowercaseLevelEncoder"
-                label="LowercaseLevelEncoder"
-              />
-              <el-option
-                value="LowercaseColorLevelEncoder"
-                label="LowercaseColorLevelEncoder"
-              />
-              <el-option
-                value="CapitalLevelEncoder"
-                label="CapitalLevelEncoder"
-              />
-              <el-option
-                value="CapitalColorLevelEncoder"
-                label="CapitalColorLevelEncoder"
-              />
-            </el-select>
-          </el-form-item>
-          <el-form-item label="栈名">
-            <el-input
-              v-model.trim="config.zap['stacktrace-key']"
-              placeholder="请输入栈名"
-            />
-          </el-form-item>
-          <el-form-item label="日志留存时间(默认以天为单位)">
-            <el-input-number v-model="config.zap['retention-day']" />
-          </el-form-item>
-          <el-form-item label="显示行">
-            <el-switch v-model="config.zap['show-line']" />
-          </el-form-item>
-          <el-form-item label="输出控制台">
-            <el-switch v-model="config.zap['log-in-console']" />
-          </el-form-item>
-        </el-tab-pane>
-        <el-tab-pane
-          label="Redis"
-          name="4"
-          class="mt-3.5"
-          v-if="config.system['use-redis']"
-        >
-          <el-form-item label="库">
-            <el-input-number v-model="config.redis.db" min="0" max="16" />
-          </el-form-item>
-          <el-form-item label="地址">
-            <el-input
-              v-model.trim="config.redis.addr"
-              placeholder="请输入地址"
-            />
-          </el-form-item>
-          <el-form-item label="密码">
-            <el-input
-              v-model.trim="config.redis.password"
-              placeholder="请输入密码"
-            />
-          </el-form-item>
-        </el-tab-pane>
-        <el-tab-pane label="邮箱配置" name="5" class="mt-3.5">
-          <el-form-item label="接收者邮箱">
-            <el-input
-              v-model="config.email.to"
-              placeholder="可多个，以逗号分隔"
-            />
-          </el-form-item>
-          <el-form-item label="端口">
-            <el-input-number v-model="config.email.port" />
-          </el-form-item>
-          <el-form-item label="发送者邮箱">
-            <el-input
-              v-model.trim="config.email.from"
-              placeholder="请输入发送者邮箱"
-            />
-          </el-form-item>
-          <el-form-item label="host">
-            <el-input
-              v-model.trim="config.email.host"
-              placeholder="请输入host"
-            />
-          </el-form-item>
-          <el-form-item label="是否为ssl">
-            <el-switch v-model="config.email['is-ssl']" />
-          </el-form-item>
-          <el-form-item label="是否LoginAuth认证">
-            <el-switch v-model="config.email['is-loginauth']" />
-          </el-form-item>
-          <el-form-item label="secret">
-            <el-input
-              v-model.trim="config.email.secret"
-              placeholder="请输入secret"
-            />
-          </el-form-item>
-          <el-form-item label="测试邮件">
-            <el-button @click="email">测试邮件</el-button>
-          </el-form-item>
-        </el-tab-pane>
-        <el-tab-pane
-          label="Mongo 数据库配置"
-          name="14"
-          class="mt-3.5"
-          v-if="config.system['use-mongo']"
-        >
-          <el-form-item label="collection name(表名,一般不写)">
-            <el-input
-              v-model.trim="config.mongo.coll"
-              placeholder="请输入collection name"
-            />
-          </el-form-item>
-          <el-form-item label="mongodb 选项">
-            <el-input
-              v-model.trim="config.mongo.options"
-              placeholder="请输入mongodb 选项"
-            />
-          </el-form-item>
-          <el-form-item label="database name(数据库名)">
-            <el-input
-              v-model.trim="config.mongo.database"
-              placeholder="请输入数据库名"
-            />
-          </el-form-item>
-          <el-form-item label="用户名">
-            <el-input
-              v-model.trim="config.mongo.username"
-              placeholder="请输入用户名"
-            />
-          </el-form-item>
-          <el-form-item label="密码">
-            <el-input
-              v-model.trim="config.mongo.password"
-              placeholder="请输入密码"
-            />
-          </el-form-item>
-          <el-form-item label="最小连接池">
-            <el-input-number v-model="config.mongo['min-pool-size']" min="0" />
-          </el-form-item>
-          <el-form-item label="最大连接池">
-            <el-input-number
-              v-model="config.mongo['max-pool-size']"
-              min="100"
-            />
-          </el-form-item>
-          <el-form-item label="socket超时时间">
-            <el-input-number
-              v-model="config.mongo['socket-timeout-ms']"
-              min="0"
-            />
-          </el-form-item>
-          <el-form-item label="连接超时时间">
-            <el-input-number
-              v-model="config.mongo['socket-timeout-ms']"
-              min="0"
-            />
-          </el-form-item>
-          <el-form-item label="是否开启zap日志">
-            <el-switch v-model="config.mongo['is-zap']" />
-          </el-form-item>
-          <el-form-item
-            v-for="(item, k) in config.mongo.hosts"
-            :key="k"
-            :label="`节点 ${k + 1}`"
-          >
-            <div v-for="(_, k2) in item" :key="k2">
-              <el-form-item :key="k + k2" :label="k2" label-width="60">
-                <el-input
-                  v-model.trim="item[k2]"
-                  :placeholder="k2 === 'host' ? '请输入地址' : '请输入端口'"
-                />
-              </el-form-item>
-            </div>
-            <el-form-item v-if="k > 0">
-              <el-button
-                type="danger"
-                size="small"
-                plain
-                :icon="Minus"
-                @click="removeNode(k)"
-                class="ml-3"
-              />
-            </el-form-item>
-          </el-form-item>
-          <el-form-item>
-            <el-button
-              type="primary"
-              size="small"
-              plain
-              :icon="Plus"
-              @click="addNode"
-            />
-          </el-form-item>
-        </el-tab-pane>
-        <el-tab-pane label="验证码配置" name="7" class="mt-3.5">
-          <el-form-item label="字符长度">
-            <el-input-number
-              v-model="config.captcha['key-long']"
-              :min="4"
-              :max="6"
-            />
-          </el-form-item>
-          <el-form-item label="图片宽度">
-            <el-input-number v-model.number="config.captcha['img-width']" />
-          </el-form-item>
-          <el-form-item label="图片高度">
-            <el-input-number v-model.number="config.captcha['img-height']" />
-          </el-form-item>
-        </el-tab-pane>
-        <el-tab-pane label="数据库配置" name="9" class="mt-3.5">
-          <template v-if="config.system['db-type'] === 'mysql'">
-            <el-form-item label="">
-              <h3>MySQL</h3>
-            </el-form-item>
-            <el-form-item label="用户名">
-              <el-input
-                v-model.trim="config.mysql.username"
-                placeholder="请输入用户名"
-              />
-            </el-form-item>
-            <el-form-item label="密码">
-              <el-input
-                v-model.trim="config.mysql.password"
-                placeholder="请输入密码"
-              />
-            </el-form-item>
-            <el-form-item label="地址">
-              <el-input
-                v-model.trim="config.mysql.path"
-                placeholder="请输入地址"
-              />
-            </el-form-item>
-            <el-form-item label="数据库名称">
-              <el-input
-                v-model.trim="config.mysql['db-name']"
-                placeholder="请输入数据库名称"
-              />
-            </el-form-item>
-            <el-form-item label="前缀">
-              <el-input
-                v-model.trim="config.mysql['prefix']"
-                placeholder="默认为空"
-              />
-            </el-form-item>
-            <el-form-item label="复数表">
-              <el-switch v-model="config.mysql['singular']" />
-            </el-form-item>
-            <el-form-item label="引擎">
-              <el-input
-                v-model.trim="config.mysql['engine']"
-                placeholder="默认为InnoDB"
-              />
-            </el-form-item>
-            <el-form-item label="maxIdleConns">
-              <el-input-number
-                v-model="config.mysql['max-idle-conns']"
-                :min="1"
-              />
-            </el-form-item>
-            <el-form-item label="maxOpenConns">
-              <el-input-number
-                v-model="config.mysql['max-open-conns']"
-                :min="1"
-              />
-            </el-form-item>
-            <el-form-item label="写入日志">
-              <el-switch v-model="config.mysql['log-zap']" />
-            </el-form-item>
-            <el-form-item label="日志模式">
-              <el-select v-model="config.mysql['log-mode']">
-                <el-option value="off" label="关闭" />
-                <el-option value="fatal" label="致命" />
-                <el-option value="error" label="错误" />
-                <el-option value="warn" label="警告" />
-                <el-option value="info" label="信息" />
-                <el-option value="debug" label="调试" />
-                <el-option value="trace" label="跟踪" />
-              </el-select>
-            </el-form-item>
-          </template>
-          <template v-if="config.system['db-type'] === 'pgsql'">
-            <el-form-item label="">
-              <h3>PostgreSQL</h3>
-            </el-form-item>
-            <el-form-item label="用户名">
-              <el-input
-                v-model="config.pgsql.username"
-                placeholder="请输入用户名"
-              />
-            </el-form-item>
-            <el-form-item label="密码">
-              <el-input
-                v-model="config.pgsql.password"
-                placeholder="请输入密码"
-              />
-            </el-form-item>
-            <el-form-item label="地址">
-              <el-input
-                v-model.trim="config.pgsql.path"
-                placeholder="请输入地址"
-              />
-            </el-form-item>
-            <el-form-item label="数据库">
-              <el-input
-                v-model.trim="config.pgsql['db-name']"
-                placeholder="请输入数据库"
-              />
-            </el-form-item>
-            <el-form-item label="前缀">
-              <el-input
-                v-model.trim="config.pgsql['prefix']"
-                placeholder="请输入前缀"
-              />
-            </el-form-item>
-            <el-form-item label="复数表">
-              <el-switch v-model="config.pgsql['singular']" />
-            </el-form-item>
-            <el-form-item label="引擎">
-              <el-input
-                v-model.trim="config.pgsql['engine']"
-                placeholder="请输入引擎"
-              />
-            </el-form-item>
-            <el-form-item label="maxIdleConns">
-              <el-input-number v-model="config.pgsql['max-idle-conns']" />
-            </el-form-item>
-            <el-form-item label="maxOpenConns">
-              <el-input-number v-model="config.pgsql['max-open-conns']" />
-            </el-form-item>
-            <el-form-item label="写入日志">
-              <el-switch v-model="config.pgsql['log-zap']" />
-            </el-form-item>
-            <el-form-item label="日志模式">
-              <el-select v-model="config.pgsql['log-mode']">
-                <el-option value="off" label="关闭" />
-                <el-option value="fatal" label="致命" />
-                <el-option value="error" label="错误" />
-                <el-option value="warn" label="警告" />
-                <el-option value="info" label="信息" />
-                <el-option value="debug" label="调试" />
-                <el-option value="trace" label="跟踪" />
-              </el-select>
-            </el-form-item>
-          </template>
-          <template v-if="config.system['db-type'] === 'mssql'">
-            <el-form-item label="">
-              <h3>MsSQL</h3>
-            </el-form-item>
-            <el-form-item label="用户名">
-              <el-input
-                v-model.trim="config.mssql.username"
-                placeholder="请输入用户名"
-              />
-            </el-form-item>
-            <el-form-item label.trim="密码">
-              <el-input
-                v-model.trim="config.mssql.password"
-                placeholder="请输入密码"
-              />
-            </el-form-item>
-            <el-form-item label="地址">
-              <el-input
-                v-model.trim="config.mssql.path"
-                placeholder="请输入地址"
-              />
-            </el-form-item>
-            <el-form-item label="端口">
-              <el-input
-                v-model.trim="config.mssql.port"
-                placeholder="请输入端口"
-              />
-            </el-form-item>
-            <el-form-item label="数据库">
-              <el-input
-                v-model.trim="config.mssql['db-name']"
-                placeholder="请输入数据库"
-              />
-            </el-form-item>
-            <el-form-item label="前缀">
-              <el-input
-                v-model.trim="config.mssql['prefix']"
-                placeholder="请输入前缀"
-              />
-            </el-form-item>
-            <el-form-item label="复数表">
-              <el-switch v-model="config.mssql['singular']" />
-            </el-form-item>
-            <el-form-item label="引擎">
-              <el-input
-                v-model.trim="config.mssql['engine']"
-                placeholder="请输入引擎"
-              />
-            </el-form-item>
-            <el-form-item label="maxIdleConns">
-              <el-input-number v-model="config.mssql['max-idle-conns']" />
-            </el-form-item>
-            <el-form-item label="maxOpenConns">
-              <el-input-number v-model="config.mssql['max-open-conns']" />
-            </el-form-item>
-            <el-form-item label="写入日志">
-              <el-switch v-model="config.mssql['log-zap']" />
-            </el-form-item>
-            <el-form-item label="日志模式">
-              <el-select v-model="config.mssql['log-mode']">
-                <el-option value="off" label="关闭" />
-                <el-option value="fatal" label="致命" />
-                <el-option value="error" label="错误" />
-                <el-option value="warn" label="警告" />
-                <el-option value="info" label="信息" />
-                <el-option value="debug" label="调试" />
-                <el-option value="trace" label="跟踪" />
-              </el-select>
-            </el-form-item>
-          </template>
-          <template v-if="config.system['db-type'] === 'sqlite'">
-            <el-form-item label="">
-              <h3>sqlite</h3>
-            </el-form-item>
-            <el-form-item label="用户名">
-              <el-input
-                v-model.trim="config.sqlite.username"
-                placeholder="请输入用户名"
-              />
-            </el-form-item>
-            <el-form-item label="密码">
-              <el-input
-                v-model.trim="config.sqlite.password"
-                placeholder="请输入密码"
-              />
-            </el-form-item>
-            <el-form-item label="地址">
-              <el-input
-                v-model.trim="config.sqlite.path"
-                placeholder="请输入地址"
-              />
-            </el-form-item>
-            <el-form-item label="端口">
-              <el-input
-                v-model.trim="config.sqlite.port"
-                placeholder="请输入端口"
-              />
-            </el-form-item>
-            <el-form-item label="数据库">
-              <el-input
-                v-model.trim="config.sqlite['db-name']"
-                placeholder="请输入数据库"
-              />
-            </el-form-item>
-            <el-form-item label="maxIdleConns">
-              <el-input-number v-model="config.sqlite['max-idle-conns']" />
-            </el-form-item>
-            <el-form-item label="maxOpenConns">
-              <el-input-number v-model="config.sqlite['max-open-conns']" />
-            </el-form-item>
-            <el-form-item label="写入日志">
-              <el-switch v-model="config.sqlite['log-zap']" />
-            </el-form-item>
-            <el-form-item label="日志模式">
-              <el-select v-model="config.sqlite['log-mode']">
-                <el-option value="off" label="关闭" />
-                <el-option value="fatal" label="致命" />
-                <el-option value="error" label="错误" />
-                <el-option value="warn" label="警告" />
-                <el-option value="info" label="信息" />
-                <el-option value="debug" label="调试" />
-                <el-option value="trace" label="跟踪" />
-              </el-select>
-            </el-form-item>
-          </template>
-          <template v-if="config.system['db-type'] === 'oracle'">
-            <el-form-item label="">
-              <h3>oracle</h3>
-            </el-form-item>
-            <el-form-item label="用户名">
-              <el-input
-                v-model.trim="config.oracle.username"
-                placeholder="请输入用户名"
-              />
-            </el-form-item>
-            <el-form-item label="密码">
-              <el-input
-                v-model.trim="config.oracle.password"
-                placeholder="请输入密码"
-              />
-            </el-form-item>
-            <el-form-item label="地址">
-              <el-input
-                v-model.trim="config.oracle.path"
-                placeholder="请输入地址"
-              />
-            </el-form-item>
-            <el-form-item label="数据库名称">
-              <el-input
-                v-model.trim="config.oracle['db-name']"
-                placeholder="请输入数据库名称"
-              />
-            </el-form-item>
-            <el-form-item label="前缀">
-              <el-input
-                v-model.trim="config.oracle['prefix']"
-                placeholder="默认为空"
-              />
-            </el-form-item>
-            <el-form-item label="复数表">
-              <el-switch v-model="config.oracle['singular']" />
-            </el-form-item>
-            <el-form-item label="引擎">
-              <el-input
-                v-model.trim="config.oracle['engine']"
-                placeholder="默认为InnoDB"
-              />
-            </el-form-item>
-            <el-form-item label="maxIdleConns">
-              <el-input-number
-                v-model="config.oracle['max-idle-conns']"
-                :min="1"
-              />
-            </el-form-item>
-            <el-form-item label="maxOpenConns">
-              <el-input-number
-                v-model="config.oracle['max-open-conns']"
-                :min="1"
-              />
-            </el-form-item>
-            <el-form-item label="写入日志">
-              <el-switch v-model="config.oracle['log-zap']" />
-            </el-form-item>
-            <el-form-item label="日志模式">
-              <el-select v-model="config.oracle['log-mode']">
-                <el-option value="off" label="关闭" />
-                <el-option value="fatal" label="致命" />
-                <el-option value="error" label="错误" />
-                <el-option value="warn" label="警告" />
-                <el-option value="info" label="信息" />
-                <el-option value="debug" label="调试" />
-                <el-option value="trace" label="跟踪" />
-              </el-select>
-            </el-form-item>
-          </template>
-        </el-tab-pane>
-        <el-tab-pane label="oss配置" name="10" class="mt-3.5">
-          <template v-if="config.system['oss-type'] === 'local'">
-            <h2>本地配置</h2>
-            <el-form-item label="本地文件访问路径">
-              <el-input
-                v-model.trim="config.local.path"
-                placeholder="请输入本地文件访问路径"
-              />
-            </el-form-item>
-            <el-form-item label="本地文件存储路径">
-              <el-input
-                v-model.trim="config.local['store-path']"
-                placeholder="请输入本地文件存储路径"
-              />
-            </el-form-item>
-          </template>
-          <template v-if="config.system['oss-type'] === 'qiniu'">
-            <h2>七牛上传配置</h2>
-            <el-form-item label="存储区域">
-              <el-input
-                v-model.trim="config.qiniu.zone"
-                placeholder="请输入存储区域"
-              />
-            </el-form-item>
-            <el-form-item label="空间名称">
-              <el-input
-                v-model.trim="config.qiniu.bucket"
-                placeholder="请输入空间名称"
-              />
-            </el-form-item>
-            <el-form-item label="CDN加速域名">
-              <el-input
-                v-model.trim="config.qiniu['img-path']"
-                placeholder="请输入CDN加速域名"
-              />
-            </el-form-item>
-            <el-form-item label="是否使用https">
-              <el-switch v-model="config.qiniu['use-https']">开启</el-switch>
-            </el-form-item>
-            <el-form-item label="accessKey">
-              <el-input
-                v-model.trim="config.qiniu['access-key']"
-                placeholder="请输入accessKey"
-              />
-            </el-form-item>
-            <el-form-item label="secretKey">
-              <el-input
-                v-model.trim="config.qiniu['secret-key']"
-                placeholder="请输入secretKey"
-              />
-            </el-form-item>
-            <el-form-item label="上传是否使用CDN上传加速">
-              <el-switch v-model="config.qiniu['use-cdn-domains']" />
-            </el-form-item>
-          </template>
-          <template v-if="config.system['oss-type'] === 'tencent-cos'">
-            <h2>腾讯云COS上传配置</h2>
-            <el-form-item label="存储桶名称">
-              <el-input
-                v-model.trim="config['tencent-cos']['bucket']"
-                placeholder="请输入存储桶名称"
-              />
-            </el-form-item>
-            <el-form-item label="所属地域">
-              <el-input
-                v-model.trim="config['tencent-cos'].region"
-                placeholder="请输入所属地域"
-              />
-            </el-form-item>
-            <el-form-item label="secretID">
-              <el-input
-                v-model.trim="config['tencent-cos']['secret-id']"
-                placeholder="请输入secretID"
-              />
-            </el-form-item>
-            <el-form-item label="secretKey">
-              <el-input
-                v-model.trim="config['tencent-cos']['secret-key']"
-                placeholder="请输入secretKey"
-              />
-            </el-form-item>
-            <el-form-item label="路径前缀">
-              <el-input
-                v-model.trim="config['tencent-cos']['path-prefix']"
-                placeholder="请输入路径前缀"
-              />
-            </el-form-item>
-            <el-form-item label="访问域名">
-              <el-input
-                v-model.trim="config['tencent-cos']['base-url']"
-                placeholder="请输入访问域名"
-              />
-            </el-form-item>
-          </template>
-          <template v-if="config.system['oss-type'] === 'aliyun-oss'">
-            <h2>阿里云OSS上传配置</h2>
-            <el-form-item label="区域">
-              <el-input
-                v-model.trim="config['aliyun-oss'].endpoint"
-                placeholder="请输入区域"
-              />
-            </el-form-item>
-            <el-form-item label="accessKeyId">
-              <el-input
-                v-model.trim="config['aliyun-oss']['access-key-id']"
-                placeholder="请输入accessKeyId"
-              />
-            </el-form-item>
-            <el-form-item label="accessKeySecret">
-              <el-input
-                v-model.trim="config['aliyun-oss']['access-key-secret']"
-                placeholder="请输入accessKeySecret"
-              />
-            </el-form-item>
-            <el-form-item label="存储桶名称">
-              <el-input
-                v-model.trim="config['aliyun-oss']['bucket-name']"
-                placeholder="请输入存储桶名称"
-              />
-            </el-form-item>
-            <el-form-item label="访问域名">
-              <el-input
-                v-model.trim="config['aliyun-oss']['bucket-url']"
-                placeholder="请输入访问域名"
-              />
-            </el-form-item>
-          </template>
-          <template v-if="config.system['oss-type'] === 'huawei-obs'">
-            <h2>华为云OBS上传配置</h2>
-            <el-form-item label="路径">
-              <el-input
-                v-model.trim="config['hua-wei-obs'].path"
-                placeholder="请输入路径"
-              />
-            </el-form-item>
-            <el-form-item label="存储桶名称">
-              <el-input
-                v-model.trim="config['hua-wei-obs'].bucket"
-                placeholder="请输入存储桶名称"
-              />
-            </el-form-item>
-            <el-form-item label="区域">
-              <el-input
-                v-model.trim="config['hua-wei-obs'].endpoint"
-                placeholder="请输入区域"
-              />
-            </el-form-item>
-            <el-form-item label="accessKey">
-              <el-input
-                v-model.trim="config['hua-wei-obs']['access-key']"
-                placeholder="请输入accessKey"
-              />
-            </el-form-item>
-            <el-form-item label="secretKey">
-              <el-input
-                v-model.trim="config['hua-wei-obs']['secret-key']"
-                placeholder="请输入secretKey"
-              />
-            </el-form-item>
-          </template>
-          <template v-if="config.system['oss-type'] === 'cloudflare-r2'">
-            <h2>Cloudflare R2上传配置</h2>
-            <el-form-item label="路径">
-              <el-input
-                v-model.trim="config['cloudflare-r2'].path"
-                placeholder="请输入路径"
-              />
-            </el-form-item>
-            <el-form-item label="存储桶名称">
-              <el-input
-                v-model.trim="config['cloudflare-r2'].bucket"
-                placeholder="请输入存储桶名称"
-              />
-            </el-form-item>
-            <el-form-item label="Base URL">
-              <el-input
-                v-model.trim="config['cloudflare-r2']['base-url']"
-                placeholder="请输入Base URL"
-              />
-            </el-form-item>
-            <el-form-item label="Account ID">
-              <el-input
-                v-model.trim="config['cloudflare-r2']['account-id']"
-                placeholder="请输入secretKey"
-              />
-            </el-form-item>
-            <el-form-item label="Access Key ID">
-              <el-input
-                v-model.trim="config['cloudflare-r2']['access-key-id']"
-                placeholder="请输入secretKey"
-              />
-            </el-form-item>
-            <el-form-item label="Secret Access Key">
-              <el-input
-                v-model.trim="config['cloudflare-r2']['secret-access-key']"
-                placeholder="请输入secretKey"
-              />
-            </el-form-item>
-          </template>
-        </el-tab-pane>
-        <el-tab-pane label="Excel上传配置" name="11" class="mt-3.5">
-          <el-form-item label="合成目标地址">
-            <el-input
-              v-model.trim="config.excel.dir"
-              placeholder="请输入合成目标地址"
-            />
-          </el-form-item>
-        </el-tab-pane>
-        <el-tab-pane label="自动化代码配置" name="12" class="mt-3.5">
-          <el-form-item label="是否自动重启(linux)">
-            <el-switch v-model="config.autocode['transfer-restart']" />
-          </el-form-item>
-          <el-form-item label="root(项目根路径)">
-            <el-input v-model="config.autocode.root" disabled />
-          </el-form-item>
-          <el-form-item label="Server(后端代码地址)">
-            <el-input
-              v-model.trim="config.autocode['server']"
-              placeholder="请输入后端代码地址"
-            />
-          </el-form-item>
-          <el-form-item label="SApi(后端api文件夹地址)">
-            <el-input
-              v-model.trim="config.autocode['server-api']"
-              placeholder="请输入后端api文件夹地址"
-            />
-          </el-form-item>
-          <el-form-item label="SInitialize(后端Initialize文件夹)">
-            <el-input
-              v-model.trim="config.autocode['server-initialize']"
-              placeholder="请输入后端Initialize文件夹"
-            />
-          </el-form-item>
-          <el-form-item label="SModel(后端Model文件地址)">
-            <el-input
-              v-model.trim="config.autocode['server-model']"
-              placeholder="请输入后端Model文件地址"
-            />
-          </el-form-item>
-          <el-form-item label="SRequest(后端Request文件夹地址)">
-            <el-input
-              v-model.trim="config.autocode['server-request']"
-              placeholder="请输入后端Request文件夹地址"
-            />
-          </el-form-item>
-          <el-form-item label="SRouter(后端Router文件夹地址)">
-            <el-input
-              v-model.trim="config.autocode['server-router']"
-              placeholder="请输入后端Router文件夹地址"
-            />
-          </el-form-item>
-          <el-form-item label="SService(后端Service文件夹地址)">
-            <el-input
-              v-model.trim="config.autocode['server-service']"
-              placeholder="请输入后端Service文件夹地址"
-            />
-          </el-form-item>
-          <el-form-item label="Web(前端文件夹地址)">
-            <el-input
-              v-model.trim="config.autocode.web"
-              placeholder="请输入前端文件夹地址"
-            />
-          </el-form-item>
-          <el-form-item label="WApi(后端WApi文件夹地址)">
-            <el-input
-              v-model.trim="config.autocode['web-api']"
-              placeholder="请输入后端WApi文件夹地址"
-            />
-          </el-form-item>
-          <el-form-item label="WForm(后端WForm文件夹地址)">
-            <el-input
-              v-model.trim="config.autocode['web-form']"
-              placeholder="请输入后端WForm文件夹地址"
-            />
-          </el-form-item>
-          <el-form-item label="WTable(后端WTable文件夹地址)">
-            <el-input
-              v-model.trim="config.autocode['web-table']"
-              placeholder="请输入后端WTable文件夹地址"
-            />
-          </el-form-item>
-        </el-tab-pane>
-      </el-tabs>
-    </el-form>
-    <div class="mt-4">
-      <el-button type="primary" @click="update">立即更新 </el-button>
-      <el-button type="primary" @click="reload">重载服务 </el-button>
-    </div>
-  </div>
-</template>
-
-<script setup>
-  import { getSystemConfig, reloadSystem, setSystemConfig } from '@/api/system'
-  import { ref } from 'vue'
-  import { ElMessage, ElMessageBox } from 'element-plus'
-  import { Minus, Plus } from '@element-plus/icons-vue'
-  import { emailTest } from '@/api/email'
-  import { CreateUUID } from '@/utils/format'
-
-  defineOptions({
-    name: 'Config'
-  })
-
-  const activeNames = ref('1')
-  const config = ref({
-    system: {
-      'iplimit-count': 0,
-      'iplimit-time': 0
-    },
-    jwt: {},
-    mysql: {},
-    mssql: {},
-    sqlite: {},
-    pgsql: {},
-    oracle: {},
-    excel: {},
-    autocode: {},
-    redis: {},
-    mongo: {
-      coll: '',
-      options: '',
-      database: '',
-      username: '',
-      password: '',
-      'min-pool-size': '',
-      'max-pool-size': '',
-      'socket-timeout-ms': '',
-      'connect-timeout-ms': '',
-      'is-zap': false,
-      hosts: [
-        {
-          host: '',
-          port: ''
-        }
-      ]
-    },
-    qiniu: {},
-    'tencent-cos': {},
-    'aliyun-oss': {},
-    'hua-wei-obs': {},
-    'cloudflare-r2': {},
-    captcha: {},
-    zap: {},
-    local: {},
-    email: {},
-    timer: {
-      detail: {}
-    }
-  })
-
-  const initForm = async () => {
-    const res = await getSystemConfig()
-    if (res.code === 0) {
-      config.value = res.data.config
-    }
-  }
-  initForm()
-  const reload = () => {
-    ElMessageBox.confirm('确定要重载服务?', '警告', {
-      confirmButtonText: '确定',
-      cancelButtonText: '取消',
-      type: 'warning'
-    })
-      .then(async () => {
-        const res = await reloadSystem()
-        if (res.code === 0) {
-          ElMessage({
-            type: 'success',
-            message: '操作成功'
-          })
-        }
-      })
-      .catch(() => {
-        ElMessage({
-          type: 'info',
-          message: '取消重启'
-        })
-      })
-  }
-
-  const update = async () => {
-    const res = await setSystemConfig({ config: config.value })
-    if (res.code === 0) {
-      ElMessage({
-        type: 'success',
-        message: '配置文件设置成功'
-      })
-      await initForm()
-    }
-  }
-
-  const email = async () => {
-    const res = await emailTest()
-    if (res.code === 0) {
-      ElMessage({
-        type: 'success',
-        message: '邮件发送成功'
-      })
-      await initForm()
-    } else {
-      ElMessage({
-        type: 'error',
-        message: '邮件发送失败'
-      })
-    }
-  }
-
-  const getUUID = () => {
-    config.value.jwt['signing-key'] = CreateUUID()
-  }
-
-  const addNode = () => {
-    config.value.mongo.hosts.push({
-      host: '',
-      port: ''
-    })
-  }
-
-  const removeNode = (index) => {
-    config.value.mongo.hosts.splice(index, 1)
-  }
-</script>
-
-<style lang="scss" scoped>
-  .system {
-    @apply bg-white p-9 rounded dark:bg-slate-900;
-    h2 {
-      @apply p-2.5 my-2.5 text-lg shadow;
-    }
-  }
-</style>
diff --git a/src/view/systemTools/version/version.vue b/src/view/systemTools/version/version.vue
deleted file mode 100644
index 6f48382..0000000
--- a/src/view/systemTools/version/version.vue
+++ /dev/null
@@ -1,991 +0,0 @@
-<template>
-  <div>
-    <div class="gva-search-box">
-      <el-form ref="elSearchFormRef" :inline="true" :model="searchInfo" class="demo-form-inline"
-        @keyup.enter="onSubmit">
-        <el-form-item label="创建日期" prop="createdAtRange">
-          <template #label>
-            <span>
-              创建日期
-              <el-tooltip content="搜索范围是开始日期（包含）至结束日期（不包含）">
-                <el-icon>
-                  <QuestionFilled />
-                </el-icon>
-              </el-tooltip>
-            </span>
-          </template>
-
-          <el-date-picker v-model="searchInfo.createdAtRange" class="w-[380px]" type="datetimerange" range-separator="至"
-            start-placeholder="开始时间" end-placeholder="结束时间" />
-        </el-form-item>
-
-        <el-form-item label="版本名称" prop="versionName">
-          <el-input v-model="searchInfo.versionName" placeholder="搜索条件" />
-        </el-form-item>
-
-        <el-form-item label="版本号" prop="versionCode">
-          <el-input v-model="searchInfo.versionCode" placeholder="搜索条件" />
-        </el-form-item>
-
-
-
-        <template v-if="showAllQuery">
-          <!-- 将需要控制显示状态的查询条件添加到此范围内 -->
-        </template>
-
-        <el-form-item>
-          <el-button type="primary" icon="search" @click="onSubmit">查询</el-button>
-          <el-button icon="refresh" @click="onReset">重置</el-button>
-          <el-button link type="primary" icon="arrow-down" @click="showAllQuery = true"
-            v-if="!showAllQuery">展开</el-button>
-          <el-button link type="primary" icon="arrow-up" @click="showAllQuery = false" v-else>收起</el-button>
-        </el-form-item>
-      </el-form>
-    </div>
-    <div class="gva-table-box">
-      <div class="gva-btn-list">
-        <el-button type="success" icon="download" @click="openExportDialog">创建发版</el-button>
-        <el-button type="warning" icon="upload" @click="openImportDialog">导入版本</el-button>
-        <el-button icon="delete" style="margin-left: 10px;" :disabled="!multipleSelection.length"
-          @click="onDelete">删除</el-button>
-      </div>
-      <el-table ref="multipleTable" style="width: 100%" tooltip-effect="dark" :data="tableData" row-key="ID"
-        @selection-change="handleSelectionChange">
-        <el-table-column type="selection" width="55" />
-
-        <el-table-column sortable align="left" label="日期" prop="CreatedAt" width="180">
-          <template #default="scope">{{ formatDate(scope.row.CreatedAt) }}</template>
-        </el-table-column>
-
-        <el-table-column align="left" label="版本名称" prop="versionName" width="120" />
-
-        <el-table-column align="left" label="版本号" prop="versionCode" width="120" />
-
-        <el-table-column align="left" label="操作" fixed="right" min-width="320">
-          <template #default="scope">
-            <el-button type="primary" link class="table-button" @click="getDetails(scope.row)"><el-icon
-                style="margin-right: 5px">
-                <InfoFilled />
-              </el-icon>查看</el-button>
-            <el-button type="success" link icon="download" class="table-button"
-              @click="downloadJson(scope.row)">下载发版包</el-button>
-            <el-button type="primary" link icon="delete" @click="deleteRow(scope.row)">删除</el-button>
-          </template>
-        </el-table-column>
-      </el-table>
-      <div class="gva-pagination">
-        <el-pagination layout="total, sizes, prev, pager, next, jumper" :current-page="page" :page-size="pageSize"
-          :page-sizes="[10, 30, 50, 100]" :total="total" @current-change="handleCurrentChange"
-          @size-change="handleSizeChange" />
-      </div>
-    </div>
-
-    <el-drawer destroy-on-close :size="appStore.drawerSize" v-model="detailShow" :show-close="true"
-      :before-close="closeDetailShow" title="查看">
-      <el-descriptions :column="1" border>
-        <el-descriptions-item label="版本名称">
-          {{ detailForm.versionName }}
-        </el-descriptions-item>
-        <el-descriptions-item label="版本号">
-          {{ detailForm.versionCode }}
-        </el-descriptions-item>
-        <el-descriptions-item label="版本描述">
-          {{ detailForm.description }}
-        </el-descriptions-item>
-      </el-descriptions>
-    </el-drawer>
-
-    <!-- 导出版本抽屉 -->
-    <el-drawer v-model="exportDialogVisible" title="创建发版" direction="rtl" size="80%" :before-close="closeExportDialog" :show-close="false">
-      <template #header>
-        <div class="flex justify-between items-center">
-          <span class="text-lg">创建发版</span>
-          <div>
-            <el-button @click="closeExportDialog">取消</el-button>
-            <el-button type="primary" @click="handleExport" :loading="exportLoading">创建发版</el-button>
-          </div>
-        </div>
-      </template>
-      <el-form :model="exportForm" label-width="100px">
-        <el-form-item label="版本名称" required>
-          <el-input v-model="exportForm.versionName" placeholder="请输入版本名称" />
-        </el-form-item>
-        <el-form-item label="版本号" required>
-          <el-input v-model="exportForm.versionCode" placeholder="请输入版本号" />
-        </el-form-item>
-        <el-form-item label="版本描述">
-          <el-input v-model="exportForm.description" type="textarea" placeholder="请输入版本描述" />
-        </el-form-item>
-        <el-form-item label="发版信息">
-          <div class="flex gap-3 w-full">
-            <!-- 菜单选择 -->
-            <div class="flex flex-col border border-gray-300 rounded overflow-hidden h-full flex-1 w-1/3">
-              <div class="flex justify-between items-center px-4 py-3 bg-gray-50 border-b border-gray-300">
-                <span class="m-0 text-gray-800 text-base font-medium">选择菜单</span>
-              </div>
-              <div class="px-4 py-3 border-b border-gray-300 bg-gray-50">
-                <el-input v-model="menuFilterText" placeholder="输入关键字进行过滤" clearable size="small" />
-              </div>
-              <div class="flex-1 p-2 min-h-[300px] max-h-[400px] overflow-y-auto">
-                <el-tree ref="menuTreeRef" :data="menuTreeData" :default-checked-keys="selectedMenuIds"
-                  :props="menuTreeProps" default-expand-all highlight-current node-key="ID" show-checkbox
-                  :filter-node-method="filterMenuNode" @check="onMenuCheck" class="menu-tree">
-                  <template #default="{ node }">
-                    <span class="flex-1 flex items-center justify-between text-sm pr-2">
-                      <span>{{ node.label }}</span>
-                    </span>
-                  </template>
-                </el-tree>
-              </div>
-            </div>
-
-            <!-- API选择 -->
-            <div class="flex flex-col border border-gray-300 rounded overflow-hidden h-full flex-1 w-1/3">
-              <div class="flex justify-between items-center px-4 py-3 bg-gray-50 border-b border-gray-300">
-                <span class="m-0 text-gray-800 text-base font-medium">选择API</span>
-              </div>
-              <div class="px-4 py-3 border-b border-gray-300 bg-gray-50">
-                <el-input v-model="apiFilterTextName" placeholder="按名称过滤" clearable size="small"
-                  style="margin-bottom: 8px" />
-                <el-input v-model="apiFilterTextPath" placeholder="按路径过滤" clearable size="small" />
-              </div>
-              <div class="flex-1 p-2 min-h-[300px] max-h-[400px] overflow-y-auto">
-                <el-tree ref="apiTreeRef" :data="apiTreeData" :default-checked-keys="selectedApiIds"
-                  :props="apiTreeProps" default-expand-all highlight-current node-key="onlyId" show-checkbox
-                  :filter-node-method="filterApiNode" @check="onApiCheck" class="api-tree">
-                  <template #default="{ data }">
-                    <div class="flex items-center justify-between w-full pr-1">
-                      <span>{{ data.description }}</span>
-                      <el-tooltip :content="data.path">
-                        <span class="max-w-[240px] break-all overflow-ellipsis overflow-hidden">
-                          {{ data.path }}
-                        </span>
-                      </el-tooltip>
-                    </div>
-                  </template>
-                </el-tree>
-              </div>
-            </div>
-
-            <!-- 字典选择 -->
-            <div class="flex flex-col border border-gray-300 rounded overflow-hidden h-full flex-1 w-1/3">
-              <div class="flex justify-between items-center px-4 py-3 bg-gray-50 border-b border-gray-300">
-                <span class="m-0 text-gray-800 text-base font-medium">选择字典</span>
-              </div>
-              <div class="px-4 py-3 border-b border-gray-300 bg-gray-50">
-                <el-input v-model="dictFilterText" placeholder="输入关键字进行过滤" clearable size="small" />
-              </div>
-              <div class="flex-1 p-2 min-h-[300px] max-h-[400px] overflow-y-auto">
-                <el-tree ref="dictTreeRef" :data="dictTreeData" :default-checked-keys="selectedDictIds"
-                  :props="dictTreeProps" default-expand-all highlight-current node-key="ID" show-checkbox
-                  :filter-node-method="filterDictNode" @check="onDictCheck" class="dict-tree">
-                  <template #default="{ data }">
-                    <div class="flex items-center justify-between w-full pr-1">
-                      <span>{{ data.name || data.label }}</span>
-                      <el-tooltip :content="data.desc || (data.value ? `值: ${data.value}` : '')">
-                        <span class="text-gray-500 text-xs ml-2">
-                          {{ data.type || (data.value ? `值: ${data.value}` : '') }}
-                        </span>
-                      </el-tooltip>
-                    </div>
-                  </template>
-                </el-tree>
-              </div>
-            </div>
-          </div>
-        </el-form-item>
-      </el-form>
-    </el-drawer>
-
-    <!-- 导入版本抽屉 -->
-    <el-drawer v-model="importDialogVisible" title="导入版本" direction="rtl" size="80%" :before-close="closeImportDialog" :show-close="false">
-      <template #header>
-        <div class="flex justify-between items-center">
-          <span class="text-lg">导入版本</span>
-          <div>
-            <el-button @click="closeImportDialog">取消</el-button>
-            <el-button type="primary" @click="handleImport" :loading="importLoading"
-              :disabled="!importJsonContent.trim()">导入</el-button>
-          </div>
-        </div>
-      </template>
-      <el-form label-width="100px">
-        <el-form-item label="上传文件">
-          <el-upload
-            ref="uploadRef"
-            :auto-upload="false"
-            :show-file-list="true"
-            :limit="1"
-            accept=".json"
-            :on-change="handleFileChange"
-            :on-remove="handleFileRemove"
-            drag
-          >
-            <el-icon class="el-icon--upload"><upload-filled /></el-icon>
-            <div class="el-upload__text">
-              将JSON文件拖到此处，或<em>点击上传</em>
-            </div>
-            <template #tip>
-              <div class="el-upload__tip">
-                只能上传JSON文件
-              </div>
-            </template>
-          </el-upload>
-        </el-form-item>
-        <el-form-item label="版本JSON">
-          <el-input v-model="importJsonContent" type="textarea" :rows="20" placeholder="请粘贴版本JSON"
-            @input="handleJsonContentChange" />
-        </el-form-item>
-        <el-form-item label="预览内容" v-if="importPreviewData">
-          <div class="flex flex-col flex-1 gap-4 border border-gray-300 rounded p-4 bg-gray-50">
-            <div class="flex gap-3 w-full">
-              <div class="border border-gray-300 rounded overflow-hidden flex-1 w-1/3">
-                <div class="flex flex-col border border-gray-300 rounded overflow-hidden h-full">
-                  <div class="flex justify-between items-center px-4 py-3 bg-gray-50 border-b border-gray-300">
-                    <h3 class="m-0 text-gray-800 text-base font-medium">菜单 ({{ getTotalMenuCount() }}项)</h3>
-                  </div>
-                  <div class="flex-1 p-2 min-h-[300px] max-h-[400px] overflow-y-auto">
-                    <el-tree
-                      :data="previewMenuTreeData"
-                      :props="menuTreeProps"
-                      node-key="name"
-                      :expand-on-click-node="false"
-                      :check-on-click-node="false"
-                      :show-checkbox="false"
-                      default-expand-all
-                    >
-                      <template #default="{ data }">
-                        <div class="flex-1 flex items-center justify-between text-sm pr-2">
-                          <span>{{ data.meta?.title || data.title }}</span>
-                          <span class="text-gray-500 text-xs ml-2">{{ data.path }}</span>
-                        </div>
-                      </template>
-                    </el-tree>
-                  </div>
-                </div>
-              </div>
-              <div class="border border-gray-300 rounded overflow-hidden flex-1 w-1/3">
-                <div class="flex flex-col border border-gray-300 rounded overflow-hidden h-full">
-                  <div class="flex justify-between items-center px-4 py-3 bg-gray-50 border-b border-gray-300">
-                    <h3 class="m-0 text-gray-800 text-base font-medium">API ({{ importPreviewData.apis?.length || 0 }}项)</h3>
-                  </div>
-                  <div class="flex-1 p-2 min-h-[300px] max-h-[400px] overflow-y-auto">
-                    <el-tree
-                      :data="previewApiTreeData"
-                      :props="apiTreeProps"
-                      node-key="ID"
-                      :expand-on-click-node="false"
-                      :check-on-click-node="false"
-                      :show-checkbox="false"
-                      default-expand-all
-                    >
-                      <template #default="{ data }">
-                        <div class="flex-1 flex items-center justify-between text-sm pr-2">
-                          <span>{{ data.description }}</span>
-                          <span class="text-gray-500 text-xs ml-2">{{ data.path }} [{{ data.method }}]</span>
-                        </div>
-                      </template>
-                    </el-tree>
-                  </div>
-                </div>
-              </div>
-              <div class="border border-gray-300 rounded overflow-hidden flex-1 w-1/3">
-                <div class="flex flex-col border border-gray-300 rounded overflow-hidden h-full">
-                  <div class="flex justify-between items-center px-4 py-3 bg-gray-50 border-b border-gray-300">
-                    <h3 class="m-0 text-gray-800 text-base font-medium">字典 ({{ importPreviewData.dictionaries?.length || 0 }}项)</h3>
-                  </div>
-                  <div class="flex-1 p-2 min-h-[300px] max-h-[400px] overflow-y-auto">
-                    <el-tree
-                      :data="previewDictTreeData"
-                      :props="dictTreeProps"
-                      node-key="ID"
-                      :expand-on-click-node="false"
-                      :check-on-click-node="false"
-                      :show-checkbox="false"
-                      default-expand-all
-                    >
-                      <template #default="{ data }">
-                        <div class="flex-1 flex items-center justify-between text-sm pr-2">
-                          <span>{{ data.name || data.label }}</span>
-                          <span class="text-gray-500 text-xs ml-2">
-                            {{ data.type || (data.value ? `值: ${data.value}` : '') }}
-                          </span>
-                        </div>
-                      </template>
-                    </el-tree>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </el-form-item>
-      </el-form>
-    </el-drawer>
-
-  </div>
-</template>
-
-<script setup>
-import {
-  deleteSysVersion,
-  deleteSysVersionByIds,
-  findSysVersion,
-  getSysVersionList,
-  exportVersion,
-  importVersion,
-  downloadVersionJson
-} from '@/api/version'
-
-// 导入菜单和API相关接口
-import { getMenuList } from '@/api/menu'
-import { getApiList } from '@/api/api'
-import { getSysDictionaryList } from '@/api/sysDictionary'
-
-// 全量引入格式化工具 请按需保留
-import { formatDate } from '@/utils/format'
-import { ElMessage, ElMessageBox } from 'element-plus'
-import { UploadFilled } from '@element-plus/icons-vue'
-import { ref, watch } from 'vue'
-import { useAppStore } from "@/pinia"
-
-defineOptions({
-  name: 'SysVersion'
-})
-
-const appStore = useAppStore()
-
-// 控制更多查询条件显示/隐藏状态
-const showAllQuery = ref(false)
-
-// 导出相关数据
-const exportDialogVisible = ref(false)
-const exportLoading = ref(false)
-const exportForm = ref({
-  versionName: '',
-  versionCode: '',
-  description: '',
-  menuIds: [],
-  apiIds: [],
-  dictIds: []
-})
-
-// 树形结构相关数据
-const menuTreeData = ref([])
-const apiTreeData = ref([])
-const dictTreeData = ref([])
-const selectedMenuIds = ref([])
-const selectedApiIds = ref([])
-const selectedDictIds = ref([])
-const menuFilterText = ref('')
-const apiFilterTextName = ref('')
-const apiFilterTextPath = ref('')
-const dictFilterText = ref('')
-
-// 树形组件引用
-const menuTreeRef = ref(null)
-const apiTreeRef = ref(null)
-const dictTreeRef = ref(null)
-
-// 树形属性配置
-const menuTreeProps = ref({
-  children: 'children',
-  label: function (data) {
-    return data.meta?.title || data.title
-  }
-})
-
-const apiTreeProps = ref({
-  children: 'children',
-  label: 'description'
-})
-
-const dictTreeProps = ref({
-  children: 'sysDictionaryDetails',
-  label: function (data) {
-    // 如果是字典主项，显示字典名称
-    if (data.name) {
-      return data.name
-    }
-    // 如果是字典详情项，显示标签
-    if (data.label) {
-      return data.label
-    }
-    return '未知项'
-  }
-})
-
-// 导入相关数据
-const importDialogVisible = ref(false)
-const importLoading = ref(false)
-const importJsonContent = ref('')
-const importPreviewData = ref(null)
-const uploadRef = ref(null)
-const previewMenuTreeData = ref([])
-const previewApiTreeData = ref([])
-const previewDictTreeData = ref([])
-
-
-
-const elSearchFormRef = ref()
-
-// =========== 表格控制部分 ===========
-const page = ref(1)
-const total = ref(0)
-const pageSize = ref(10)
-const tableData = ref([])
-const searchInfo = ref({})
-// 重置
-const onReset = () => {
-  searchInfo.value = {}
-  getTableData()
-}
-
-// 搜索
-const onSubmit = () => {
-  elSearchFormRef.value?.validate(async (valid) => {
-    if (!valid) return
-    page.value = 1
-    getTableData()
-  })
-}
-
-// 分页
-const handleSizeChange = (val) => {
-  pageSize.value = val
-  getTableData()
-}
-
-// 修改页面容量
-const handleCurrentChange = (val) => {
-  page.value = val
-  getTableData()
-}
-
-// 查询
-const getTableData = async () => {
-  const table = await getSysVersionList({ page: page.value, pageSize: pageSize.value, ...searchInfo.value })
-  if (table.code === 0) {
-    tableData.value = table.data.list
-    total.value = table.data.total
-    page.value = table.data.page
-    pageSize.value = table.data.pageSize
-  }
-}
-
-getTableData()
-
-// ============== 表格控制部分结束 ===============
-
-// 多选数据
-const multipleSelection = ref([])
-// 多选
-const handleSelectionChange = (val) => {
-  multipleSelection.value = val
-}
-
-// 删除行
-const deleteRow = (row) => {
-  ElMessageBox.confirm('确定要删除吗?', '提示', {
-    confirmButtonText: '确定',
-    cancelButtonText: '取消',
-    type: 'warning'
-  }).then(() => {
-    deleteSysVersionFunc(row)
-  })
-}
-
-// 多选删除
-const onDelete = async () => {
-  ElMessageBox.confirm('确定要删除吗?', '提示', {
-    confirmButtonText: '确定',
-    cancelButtonText: '取消',
-    type: 'warning'
-  }).then(async () => {
-    const IDs = []
-    if (multipleSelection.value.length === 0) {
-      ElMessage({
-        type: 'warning',
-        message: '请选择要删除的数据'
-      })
-      return
-    }
-    multipleSelection.value &&
-      multipleSelection.value.map(item => {
-        IDs.push(item.ID)
-      })
-    const res = await deleteSysVersionByIds({ IDs })
-    if (res.code === 0) {
-      ElMessage({
-        type: 'success',
-        message: '删除成功'
-      })
-      if (tableData.value.length === IDs.length && page.value > 1) {
-        page.value--
-      }
-      getTableData()
-    }
-  })
-}
-
-// 删除行
-const deleteSysVersionFunc = async (row) => {
-  const res = await deleteSysVersion({ ID: row.ID })
-  if (res.code === 0) {
-    ElMessage({
-      type: 'success',
-      message: '删除成功'
-    })
-    if (tableData.value.length === 1 && page.value > 1) {
-      page.value--
-    }
-    getTableData()
-  }
-}
-
-const detailForm = ref({})
-
-// 查看详情控制标记
-const detailShow = ref(false)
-
-
-// 打开详情弹窗
-const openDetailShow = () => {
-  detailShow.value = true
-}
-
-
-// 打开详情
-const getDetails = async (row) => {
-  // 打开弹窗
-  const res = await findSysVersion({ ID: row.ID })
-  if (res.code === 0) {
-    detailForm.value = res.data
-    openDetailShow()
-  }
-}
-
-
-// 关闭详情弹窗
-const closeDetailShow = () => {
-  detailShow.value = false
-  detailForm.value = {}
-}
-
-
-
-// 获取菜单和API列表
-const getMenuAndApiList = async () => {
-  try {
-    // 获取菜单列表
-    const menuRes = await getMenuList()
-    if (menuRes.code === 0) {
-      menuTreeData.value = menuRes.data || []
-    }
-
-    // 获取API列表
-    const apiRes = await getApiList({ page: 1, pageSize: 9999 })
-    if (apiRes.code === 0) {
-      console.log('原始API数据:', apiRes.data)
-      const apis = apiRes.data.list || []
-      apiTreeData.value = buildApiTree(apis)
-    }
-  } catch (error) {
-    console.error('获取数据失败:', error)
-    ElMessage.error('获取菜单或API数据失败')
-  }
-}
-
-// 获取字典列表
-const getDictList = async () => {
-  try {
-    const dictRes = await getSysDictionaryList({ page: 1, pageSize: 9999 })
-    if (dictRes.code === 0) {
-      dictTreeData.value = dictRes.data || []
-    }
-  } catch (error) {
-    console.error('获取字典数据失败:', error)
-    ElMessage.error('获取字典数据失败')
-  }
-}
-
-// 构建API树形结构
-const buildApiTree = (apis) => {
-  const apiObj = {}
-  apis.forEach((item) => {
-    item.onlyId = 'p:' + item.path + 'm:' + item.method
-    if (Object.prototype.hasOwnProperty.call(apiObj, item.apiGroup)) {
-      apiObj[item.apiGroup].push(item)
-    } else {
-      Object.assign(apiObj, { [item.apiGroup]: [item] })
-    }
-  })
-  const apiTree = []
-  for (const key in apiObj) {
-    const treeNode = {
-      ID: key,
-      description: key + '组',
-      children: apiObj[key]
-    }
-    apiTree.push(treeNode)
-  }
-  return apiTree
-}
-
-// 树形组件事件处理方法
-const filterMenuNode = (value, data) => {
-  if (!value) return true
-  const title = data.meta?.title || data.title || ''
-  return title.indexOf(value) !== -1
-}
-
-const filterApiNode = (value, data) => {
-  if (!apiFilterTextName.value && !apiFilterTextPath.value) return true
-  let matchesName, matchesPath
-  if (!apiFilterTextName.value) {
-    matchesName = true
-  } else {
-    matchesName = data.description && data.description.includes(apiFilterTextName.value)
-  }
-  if (!apiFilterTextPath.value) {
-    matchesPath = true
-  } else {
-    matchesPath = data.path && data.path.includes(apiFilterTextPath.value)
-  }
-  return matchesName && matchesPath
-}
-
-const filterDictNode = (value, data) => {
-  if (!value) return true
-  const name = data.name || ''
-  const type = data.type || ''
-  const desc = data.desc || ''
-  const label = data.label || ''
-  const dataValue = data.value || ''
-  return name.indexOf(value) !== -1 || 
-         type.indexOf(value) !== -1 || 
-         desc.indexOf(value) !== -1 || 
-         label.indexOf(value) !== -1 || 
-         dataValue.indexOf(value) !== -1
-}
-
-const onMenuCheck = (data, checked) => {
-  if (checked.checkedKeys) {
-    selectedMenuIds.value = checked.checkedKeys
-  }
-}
-
-const onApiCheck = (data, checked) => {
-  if (checked.checkedKeys) {
-    selectedApiIds.value = checked.checkedKeys
-  }
-}
-
-const onDictCheck = (data, checked) => {
-  if (checked.checkedKeys) {
-    selectedDictIds.value = checked.checkedKeys
-  }
-}
-
-// 监听过滤文本变化
-watch(menuFilterText, (val) => {
-  if (menuTreeRef.value) {
-    menuTreeRef.value.filter(val)
-  }
-})
-
-watch([apiFilterTextName, apiFilterTextPath], () => {
-  if (apiTreeRef.value) {
-    apiTreeRef.value.filter('')
-  }
-})
-
-watch(dictFilterText, (val) => {
-  if (dictTreeRef.value) {
-    dictTreeRef.value.filter(val)
-  }
-})
-
-// 导出相关方法
-const openExportDialog = async () => {
-  exportDialogVisible.value = true
-  await getMenuAndApiList()
-  await getDictList()
-}
-
-const closeExportDialog = () => {
-  exportDialogVisible.value = false
-  exportForm.value = {
-    versionName: '',
-    versionCode: '',
-    description: '',
-    menuIds: [],
-    apiIds: [],
-    dictIds: []
-  }
-  selectedMenuIds.value = []
-  selectedApiIds.value = []
-  selectedDictIds.value = []
-  menuFilterText.value = ''
-  apiFilterTextName.value = ''
-  apiFilterTextPath.value = ''
-  dictFilterText.value = ''
-}
-
-const handleExport = async () => {
-  if (!exportForm.value.versionName || !exportForm.value.versionCode) {
-    ElMessage.warning('请填写版本名称和版本号')
-    return
-  }
-
-  exportLoading.value = true
-  try {
-    // 获取选中的菜单、API和字典
-    const checkedMenus = menuTreeRef.value ? menuTreeRef.value.getCheckedNodes(false, true) : []
-    const checkedApis = apiTreeRef.value ? apiTreeRef.value.getCheckedNodes(true) : []
-    const checkedDicts = dictTreeRef.value ? dictTreeRef.value.getCheckedNodes(true) : []
-
-    const menuIds = checkedMenus.map(menu => menu.ID)
-    const apiIds = checkedApis.map(api => api.ID)
-    const dictIds = checkedDicts.map(dict => dict.ID)
-
-    exportForm.value.menuIds = menuIds
-    exportForm.value.apiIds = apiIds
-    exportForm.value.dictIds = dictIds
-
-    const res = await exportVersion(exportForm.value)
-    if (res.code !== 0) {
-      ElMessage.error(res.msg || '创建发版失败')
-      return
-    }
-
-    ElMessage.success('创建发版成功')
-    closeExportDialog()
-    getTableData() // 刷新表格数据
-  } catch (error) {
-    console.error('创建发版失败:', error)
-    ElMessage.error('创建发版失败')
-  } finally {
-    exportLoading.value = false
-  }
-}
-
-// 导入相关方法
-const openImportDialog = () => {
-  importDialogVisible.value = true
-}
-
-const closeImportDialog = () => {
-  importDialogVisible.value = false
-  importJsonContent.value = ''
-  importPreviewData.value = null
-  previewMenuTreeData.value = []
-  previewApiTreeData.value = []
-  // 清理上传文件
-  if (uploadRef.value) {
-    uploadRef.value.clearFiles()
-  }
-}
-
-// 文件上传处理函数
-const handleFileChange = (file) => {
-  if (!file.raw) return
-  
-  // 验证文件类型
-  if (!file.name.toLowerCase().endsWith('.json')) {
-    ElMessage.error('只能上传JSON文件')
-    uploadRef.value.clearFiles()
-    return
-  }
-  
-  // 读取文件内容
-  const reader = new FileReader()
-  reader.onload = (e) => {
-    try {
-      const content = e.target.result
-      // 验证JSON格式
-      JSON.parse(content)
-      importJsonContent.value = content
-      handleJsonContentChange()
-      ElMessage.success('文件上传成功')
-    } catch (error) {
-      ElMessage.error('JSON文件格式错误')
-      uploadRef.value.clearFiles()
-    }
-  }
-  reader.readAsText(file.raw)
-}
-
-const handleFileRemove = () => {
-  importJsonContent.value = ''
-  importPreviewData.value = null
-  previewMenuTreeData.value = []
-  previewApiTreeData.value = []
-}
-
-// 计算菜单总数（递归计算所有菜单项）
-const getTotalMenuCount = () => {
-  if (!importPreviewData.value?.menus) return 0
-  
-  const countMenus = (menus) => {
-    let count = 0
-    menus.forEach(menu => {
-      count += 1 // 当前菜单
-      if (menu.children && menu.children.length > 0) {
-        count += countMenus(menu.children) // 递归计算子菜单
-      }
-    })
-    return count
-  }
-  
-  return countMenus(importPreviewData.value.menus)
-}
-
-
-
-const handleJsonContentChange = () => {
-  if (!importJsonContent.value.trim()) {
-    importPreviewData.value = null
-    previewMenuTreeData.value = []
-    previewApiTreeData.value = []
-    previewDictTreeData.value = []
-    return
-  }
-
-  try {
-    const data = JSON.parse(importJsonContent.value)
-
-    // 构建预览数据
-    importPreviewData.value = {
-      menus: data.menus || [],
-      apis: data.apis || [],
-      dictionaries: data.dictionaries || []
-    }
-
-    // 直接使用菜单数据，因为它已经是树形结构（包含children字段）
-    if (data.menus && data.menus.length > 0) {
-      previewMenuTreeData.value = data.menus
-    } else {
-      previewMenuTreeData.value = []
-    }
-
-    // 构建API树形数据（按分组组织）
-    if (data.apis && data.apis.length > 0) {
-      const apiGroups = {}
-      data.apis.forEach(api => {
-        const group = api.apiGroup || '未分组'
-        if (!apiGroups[group]) {
-          apiGroups[group] = {
-            ID: `group_${group}`,
-            description: group,
-            path: '',
-            method: '',
-            children: []
-          }
-        }
-        apiGroups[group].children.push(api)
-      })
-      previewApiTreeData.value = Object.values(apiGroups)
-    } else {
-      previewApiTreeData.value = []
-    }
-
-    // 处理字典数据
-    if (data.dictionaries && data.dictionaries.length > 0) {
-      previewDictTreeData.value = data.dictionaries
-    } else {
-      previewDictTreeData.value = []
-    }
-  } catch (error) {
-    console.error('JSON解析失败:', error)
-    importPreviewData.value = null
-    previewMenuTreeData.value = []
-    previewApiTreeData.value = []
-    previewDictTreeData.value = []
-  }
-}
-
-const handleImport = async () => {
-  if (!importJsonContent.value.trim()) {
-    ElMessage.warning('请输入版本JSON')
-    return
-  }
-
-  try {
-    JSON.parse(importJsonContent.value)
-  } catch (error) {
-    ElMessage.error('JSON格式错误，请检查输入内容')
-    return
-  }
-
-  importLoading.value = true
-  try {
-    const data = JSON.parse(importJsonContent.value)
-    const res = await importVersion(data)
-    if (res.code === 0) {
-      ElMessage.success('导入成功')
-      closeImportDialog()
-      getTableData() // 刷新表格数据
-    } else {
-      ElMessage.error(res.msg || '导入失败')
-    }
-  } catch (error) {
-    console.error('导入失败:', error)
-    ElMessage.error('导入失败')
-  } finally {
-    importLoading.value = false
-  }
-}
-
-// 下载版本JSON
-const downloadJson = async (row) => {
-  try {
-    const res = await downloadVersionJson({ ID: row.ID })
-    // 处理axios响应，获取实际的blob数据
-    // 当responseType为blob时，axios拦截器会返回完整的response对象
-    let blob
-    if (res instanceof Blob) {
-      blob = res
-    } else if (res.data instanceof Blob) {
-      blob = res.data
-    } else {
-      // 如果不是blob，可能是错误响应，尝试从response中获取
-      blob = res
-    }
-
-    const url = window.URL.createObjectURL(blob)
-    const link = document.createElement('a')
-    link.href = url
-    link.download = `${row.versionName}_${row.versionCode}.json`
-    document.body.appendChild(link)
-    link.click()
-    document.body.removeChild(link)
-    window.URL.revokeObjectURL(url)
-
-    ElMessage.success('下载成功')
-  } catch (error) {
-    console.error('下载失败:', error)
-    ElMessage.error('下载失败')
-  }
-}
-
-</script>
-
-<style scoped>
-/* Element Plus 树形组件样式优化 */
-:deep(.el-tree) {
-  background-color: transparent;
-}
-
-:deep(.el-tree-node__content) {
-  height: 32px;
-  line-height: 32px;
-}
-
-:deep(.el-tree-node__label) {
-  font-size: 14px;
-}
-
-:deep(.el-scrollbar__view) {
-  padding: 0;
-}
-</style>

From 18883cbb03d3e58fe061bf56eb5660e1bc09f078 Mon Sep 17 00:00:00 2001
From: xiaozhiyong <xiaozhiyong@sdxkhlw.cn>
Date: Thu, 11 Jun 2026 18:19:47 +0800
Subject: [PATCH 5/7] =?UTF-8?q?=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/github.js              |  19 --
 src/api/initdb.js              |  27 ---
 src/api/system.js              |  55 ------
 src/router/index.js            |  20 +-
 src/utils/btnAuth.js           |   6 -
 src/utils/closeThisPage.js     |   5 -
 src/utils/date.js              |  44 -----
 src/utils/dictionary.js        |   7 +-
 src/utils/downloadImg.js       |  20 --
 src/utils/format.js            |  42 ++---
 src/utils/params.js            |  14 --
 src/view/error/index.vue       |  16 +-
 src/view/init/index.vue        | 334 ---------------------------------
 src/view/layout/tabs/index.vue |   4 -
 src/view/login/index.vue       |  27 ---
 15 files changed, 18 insertions(+), 622 deletions(-)
 delete mode 100644 src/api/github.js
 delete mode 100644 src/api/initdb.js
 delete mode 100644 src/api/system.js
 delete mode 100644 src/utils/btnAuth.js
 delete mode 100644 src/utils/closeThisPage.js
 delete mode 100644 src/utils/date.js
 delete mode 100644 src/utils/downloadImg.js
 delete mode 100644 src/utils/params.js
 delete mode 100644 src/view/init/index.vue

diff --git a/src/api/github.js b/src/api/github.js
deleted file mode 100644
index 38e1067..0000000
--- a/src/api/github.js
+++ /dev/null
@@ -1,19 +0,0 @@
-import axios from 'axios'
-
-const service = axios.create()
-
-export function Commits(page) {
-  return service({
-    url:
-      'https://api.github.com/repos/flipped-aurora/gin-vue-admin/commits?page=' +
-      page,
-    method: 'get'
-  })
-}
-
-export function Members() {
-  return service({
-    url: 'https://api.github.com/orgs/FLIPPED-AURORA/members',
-    method: 'get'
-  })
-}
diff --git a/src/api/initdb.js b/src/api/initdb.js
deleted file mode 100644
index f1eb2f4..0000000
--- a/src/api/initdb.js
+++ /dev/null
@@ -1,27 +0,0 @@
-import service from '@/utils/request'
-// @Tags InitDB
-// @Summary 初始化用户数据库
-// @Produce  application/json
-// @Param data body request.InitDB true "初始化数据库参数"
-// @Success 200 {string} string "{"code":0,"data":{},"msg":"自动创建数据库成功"}"
-// @Router /init/initdb [post]
-export const initDB = (data) => {
-  return service({
-    url: '/init/initdb',
-    method: 'post',
-    data,
-    donNotShowLoading: true
-  })
-}
-
-// @Tags CheckDB
-// @Summary 初始化用户数据库
-// @Produce  application/json
-// @Success 200 {string} string "{"code":0,"data":{},"msg":"探测完成"}"
-// @Router /init/checkdb [post]
-export const checkDB = () => {
-  return service({
-    url: '/init/checkdb',
-    method: 'post'
-  })
-}
diff --git a/src/api/system.js b/src/api/system.js
deleted file mode 100644
index ff41abf..0000000
--- a/src/api/system.js
+++ /dev/null
@@ -1,55 +0,0 @@
-import service from '@/utils/request'
-// @Tags systrm
-// @Summary 获取配置文件内容
-// @Security ApiKeyAuth
-// @Produce  application/json
-// @Success 200 {string} string "{"success":true,"data":{},"msg":"返回成功"}"
-// @Router /system/getSystemConfig [post]
-export const getSystemConfig = () => {
-  return service({
-    url: '/system/getSystemConfig',
-    method: 'post'
-  })
-}
-
-// @Tags system
-// @Summary 设置配置文件内容
-// @Security ApiKeyAuth
-// @Produce  application/json
-// @Param data body sysModel.System true
-// @Success 200 {string} string "{"success":true,"data":{},"msg":"返回成功"}"
-// @Router /system/setSystemConfig [post]
-export const setSystemConfig = (data) => {
-  return service({
-    url: '/system/setSystemConfig',
-    method: 'post',
-    data
-  })
-}
-
-// @Tags system
-// @Summary 获取服务器运行状态
-// @Security ApiKeyAuth
-// @Produce  application/json
-// @Success 200 {string} string "{"success":true,"data":{},"msg":"返回成功"}"
-// @Router /system/getServerInfo [post]
-export const getSystemState = () => {
-  return service({
-    url: '/system/getServerInfo',
-    method: 'post',
-    donNotShowLoading: true
-  })
-}
-
-/**
- * 重载服务
- * @param data
- * @returns {*}
- */
-export const reloadSystem = (data) => {
-  return service({
-    url: '/system/reloadSystem',
-    method: 'post',
-    data
-  })
-}
diff --git a/src/router/index.js b/src/router/index.js
index 12940e2..d5203b2 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -15,31 +15,13 @@ const routes = [
     name: 'Login',
     component: () => import('@/view/login/index.vue')
   },
-  // {
-  //   path: '/largeScreen',
-  //   name: 'LargeScreen',
-  //   meta: {
-  //     title: '智能用电云平台',
-  //     client: true,
-  //     defaultMenu: true
-  //   },
-  //   component: () => import('@/view/largeScreen/index.vue')
-  // },
-  //   {
-  //   path: '/largeScreen2',
-  //   name: 'largeScreen2',
-  //   meta: {
-  //     title: 'largeScreen2',
-  //   },
-  //   component: () => import('@/view/largeScreen2/index.vue')
-  // },
   {
     path: '/:catchAll(.*)',
     meta: {
       closeTab: true
     },
     component: () => import('@/view/error/index.vue')
-  },
+  }
 ]
 
 const router = createRouter({
diff --git a/src/utils/btnAuth.js b/src/utils/btnAuth.js
deleted file mode 100644
index f94fa9b..0000000
--- a/src/utils/btnAuth.js
+++ /dev/null
@@ -1,6 +0,0 @@
-import { useRoute } from 'vue-router'
-import { reactive } from 'vue'
-export const useBtnAuth = () => {
-  const route = useRoute()
-  return route.meta.btns || reactive({})
-}
diff --git a/src/utils/closeThisPage.js b/src/utils/closeThisPage.js
deleted file mode 100644
index b2a0c05..0000000
--- a/src/utils/closeThisPage.js
+++ /dev/null
@@ -1,5 +0,0 @@
-import { emitter } from '@/utils/bus.js'
-
-export const closeThisPage = () => {
-  emitter.emit('closeThisPage')
-}
diff --git a/src/utils/date.js b/src/utils/date.js
deleted file mode 100644
index 987a40d..0000000
--- a/src/utils/date.js
+++ /dev/null
@@ -1,44 +0,0 @@
-// 对Date的扩展，将 Date 转化为指定格式的String
-// 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符，
-// 年(y)可以用 1-4 个占位符，毫秒(S)只能用 1 个占位符(是 1-3 位的数字)
-// (new Date()).Format("yyyy-MM-dd hh:mm:ss.S") ==> 2006-07-02 08:09:04.423
-// (new Date()).Format("yyyy-M-d h:m:s.S")      ==> 2006-7-2 8:9:4.18
-// eslint-disable-next-line no-extend-native
-Date.prototype.Format = function(fmt) {
-  const o = {
-    'M+': this.getMonth() + 1, // 月份
-    'd+': this.getDate(), // 日
-    'h+': this.getHours(), // 小时
-    'm+': this.getMinutes(), // 分
-    's+': this.getSeconds(), // 秒
-    'q+': Math.floor((this.getMonth() + 3) / 3), // 季度
-    'S': this.getMilliseconds() // 毫秒
-  }
-  const reg = /(y+)/
-  if (reg.test(fmt)) {
-    const t = reg.exec(fmt)[1]
-    fmt = fmt.replace(
-      t,
-      (this.getFullYear() + '').substring(4 - t.length)
-    )
-  }
-  for (let k in o) {
-    const regx = new RegExp('(' + k + ')')
-    if (regx.test(fmt)) {
-      const t = regx.exec(fmt)[1]
-      fmt = fmt.replace(
-        t,
-        t.length === 1 ? o[k] : ('00' + o[k]).substring(('' + o[k]).length)
-      )
-    }
-  }
-  return fmt
-}
-
-export function formatTimeToStr(times, pattern) {
-  let d = new Date(times).Format('yyyy-MM-dd hh:mm:ss')
-  if (pattern) {
-    d = new Date(times).Format(pattern)
-  }
-  return d.toLocaleString()
-}
diff --git a/src/utils/dictionary.js b/src/utils/dictionary.js
index c67bb82..43e9104 100644
--- a/src/utils/dictionary.js
+++ b/src/utils/dictionary.js
@@ -74,12 +74,7 @@ export const getDict = async (
 }
 
 //  字典文字展示方法
-export const showDictLabel = (
-  dict,
-  code,
-  keyCode = 'value',
-  valueCode = 'label'
-) => {
+export const showDictLabel = (dict, code, keyCode = 'value', valueCode = 'label') => {
   if (!dict) {
     return ''
   }
diff --git a/src/utils/downloadImg.js b/src/utils/downloadImg.js
deleted file mode 100644
index 10506c7..0000000
--- a/src/utils/downloadImg.js
+++ /dev/null
@@ -1,20 +0,0 @@
-export const downloadImage = (imgsrc, name) => {
-  // 下载图片地址和图片名
-  var image = new Image()
-  image.setAttribute('crossOrigin', 'anonymous')
-  image.onload = function () {
-    var canvas = document.createElement('canvas')
-    canvas.width = image.width
-    canvas.height = image.height
-    var context = canvas.getContext('2d')
-    context.drawImage(image, 0, 0, image.width, image.height)
-    var url = canvas.toDataURL('image/png') // 得到图片的base64编码数据
-
-    var a = document.createElement('a') // 生成一个a元素
-    var event = new MouseEvent('click') // 创建一个单击事件
-    a.download = name || 'photo' // 设置图片名称
-    a.href = url // 将生成的URL设置为a.href属性
-    a.dispatchEvent(event) // 触发a的单击事件
-  }
-  image.src = imgsrc
-}
diff --git a/src/utils/format.js b/src/utils/format.js
index dc5cf07..78b84e0 100644
--- a/src/utils/format.js
+++ b/src/utils/format.js
@@ -1,4 +1,3 @@
-import { formatTimeToStr } from '@/utils/date'
 import { getDict } from '@/utils/dictionary'
 import { ref } from 'vue'
 
@@ -9,34 +8,26 @@ export const formatBoolean = (bool) => {
     return ''
   }
 }
-export const formatDate = (time) => {
-  if (time !== null && time !== '') {
-    var date = new Date(time)
-    return formatTimeToStr(date, 'yyyy-MM-dd hh:mm:ss')
-  } else {
-    return ''
-  }
-}
 
 export const filterDict = (value, options) => {
   // 递归查找函数
   const findInOptions = (opts, targetValue) => {
     if (!opts || !Array.isArray(opts)) return null
-    
+
     for (const item of opts) {
       if (item.value === targetValue) {
         return item
       }
-      
+
       if (item.children && Array.isArray(item.children)) {
         const found = findInOptions(item.children, targetValue)
         if (found) return found
       }
     }
-    
+
     return null
   }
-  
+
   const rowLabel = findInOptions(options, value)
   return rowLabel && rowLabel.label
 }
@@ -45,30 +36,30 @@ export const filterDataSource = (dataSource, value) => {
   // 递归查找函数
   const findInDataSource = (data, targetValue) => {
     if (!data || !Array.isArray(data)) return null
-    
+
     for (const item of data) {
       // 检查当前项是否匹配
       if (item.value === targetValue) {
         return item
       }
-      
+
       // 如果有children属性，递归查找
       if (item.children && Array.isArray(item.children)) {
         const found = findInDataSource(item.children, targetValue)
         if (found) return found
       }
     }
-    
+
     return null
   }
-  
+
   if (Array.isArray(value)) {
     return value.map((item) => {
       const rowLabel = findInDataSource(dataSource, item)
       return rowLabel?.label
     })
   }
-  
+
   const rowLabel = findInDataSource(dataSource, value)
   return rowLabel?.label
 }
@@ -78,8 +69,7 @@ export const getDictFunc = async (type) => {
   return dicts
 }
 
-const path =
-  import.meta.env.VITE_BASE_PATH + ':' + import.meta.env.VITE_SERVER_PORT + '/'
+const path = import.meta.env.VITE_BASE_PATH + ':' + import.meta.env.VITE_SERVER_PORT + '/'
 export const ReturnArrImg = (arr) => {
   const imgArr = []
   if (arr instanceof Array) {
@@ -144,10 +134,7 @@ export const setBodyPrimaryColor = (primaryColor, darkMode) => {
   }
 
   document.documentElement.style.setProperty('--el-color-primary', primaryColor)
-  document.documentElement.style.setProperty(
-    '--el-color-primary-bg',
-    addOpacityToColor(primaryColor, 0.4)
-  )
+  document.documentElement.style.setProperty('--el-color-primary-bg', addOpacityToColor(primaryColor, 0.4))
   for (let times = 1; times <= 2; times++) {
     document.documentElement.style.setProperty(
       `--el-color-primary-dark-${times}`,
@@ -160,10 +147,7 @@ export const setBodyPrimaryColor = (primaryColor, darkMode) => {
       fmtColorFunc(primaryColor, times / 10)
     )
   }
-  document.documentElement.style.setProperty(
-    `--el-menu-hover-bg-color`,
-    addOpacityToColor(primaryColor, 0.2)
-  )
+  document.documentElement.style.setProperty(`--el-menu-hover-bg-color`, addOpacityToColor(primaryColor, 0.2))
 }
 
 const baseUrl = ref(import.meta.env.VITE_BASE_API)
@@ -178,7 +162,7 @@ export const CreateUUID = () => {
     d += performance.now()
   }
   return '00000000-0000-0000-0000-000000000000'.replace(/0/g, (c) => {
-    const r = (d + Math.random() * 16) % 16 | 0 // d是随机种子
+    const r = ((d + Math.random() * 16) % 16) | 0 // d是随机种子
     d = Math.floor(d / 16)
     return (c === '0' ? r : (r & 0x3) | 0x8).toString(16)
   })
diff --git a/src/utils/params.js b/src/utils/params.js
deleted file mode 100644
index b03d539..0000000
--- a/src/utils/params.js
+++ /dev/null
@@ -1,14 +0,0 @@
-import { useParamsStore } from '@/pinia/modules/params'
-/*
- * 获取参数方法 使用示例 getParams('key').then(res)  或者 async函数下 const res = await getParams('key')
- *   const res = ref('')
- *   const fun = async () => {
- *       res.value = await getParams('test')
- *   }
- *   fun()
- */
-export const getParams = async(key) => {
-    const paramsStore = useParamsStore()
-    await paramsStore.getParams(key)
-    return paramsStore.paramsMap[key]
-}
diff --git a/src/view/error/index.vue b/src/view/error/index.vue
index ec91562..f058a27 100644
--- a/src/view/error/index.vue
+++ b/src/view/error/index.vue
@@ -4,17 +4,7 @@
       <div class="flex flex-col items-center text-2xl gap-4">
         <img class="w-1/3" src="../../assets/404.png" />
         <p class="text-lg">页面被神秘力量吸走了</p>
-        <p class="text-lg">
-          常见问题为当前此角色无当前路由，如果确定要使用本路由，请到角色管理进行分配
-        </p>
-        <p>
-          项目地址：<a
-            href="https://github.com/flipped-aurora/gin-vue-admin"
-            target="_blank"
-            class="text-blue-600"
-            >https://github.com/flipped-aurora/gin-vue-admin</a
-          >
-        </p>
+        <p class="text-lg">常见问题为当前此角色无当前路由，如果确定要使用本路由，请到角色管理进行分配</p>
         <el-button @click="toDashboard">返回首页</el-button>
       </div>
     </div>
@@ -36,9 +26,9 @@
     try {
       router.push({ name: userStore.userInfo.authority.defaultRouter })
     } catch (error) {
-        emitter.emit('show-error', {
+      emitter.emit('show-error', {
         code: '401',
-        message: "检测到其他用户修改了路由权限，请重新登录",
+        message: '检测到其他用户修改了路由权限，请重新登录',
         fn: () => {
           userStore.ClearStorage()
           router.push({ name: 'Login', replace: true })
diff --git a/src/view/init/index.vue b/src/view/init/index.vue
deleted file mode 100644
index 623c5e2..0000000
--- a/src/view/init/index.vue
+++ /dev/null
@@ -1,334 +0,0 @@
-<template>
-  <div
-    class="rounded-lg flex items-center justify-evenly w-full h-full relative md:w-screen md:h-screen md:bg-[#194bfb] overflow-hidden"
-  >
-    <div class="rounded-md w-full h-full flex items-center justify-center overflow-hidden">
-      <div class="oblique h-[130%] w-3/5 bg-white dark:bg-slate-900 transform -rotate-12 absolute -ml-80" />
-      <div v-if="!page.showForm" :class="[page.showReadme ? 'slide-out-right' : 'slide-in-fwd-top']">
-        <div class="text-lg">
-          <div class="font-sans text-4xl font-bold text-center mb-4 dark:text-white">GIN-VUE-ADMIN</div>
-          <p class="text-gray-600 dark:text-gray-300 mb-2">初始化须知</p>
-          <p class="text-gray-600 dark:text-gray-300 mb-2">1.您需有用一定的VUE和GOLANG基础</p>
-          <p class="text-gray-600 dark:text-gray-300 mb-2">
-            2.请您确认是否已经阅读过<a
-              class="text-blue-600 font-bold"
-              href="https://www.gin-vue-admin.com"
-              target="_blank"
-              >官方文档</a
-            >
-            <a class="text-blue-600 font-bold" href="https://www.bilibili.com/video/BV1kv4y1g7nT?p=2" target="_blank"
-              >初始化视频</a
-            >
-          </p>
-          <p class="text-gray-600 dark:text-gray-300 mb-2">3.请您确认是否了解后续的配置流程</p>
-          <p class="text-gray-600 dark:text-gray-300 mb-2">
-            4.如果您使用mysql数据库，请确认数据库引擎为<span class="text-red-600 font-bold text-3xl ml-2">innoDB</span>
-          </p>
-          <p class="text-gray-600 dark:text-gray-300 mb-2">注：开发组不为文档中书写过的内容提供无偿服务</p>
-          <p class="flex items-center justify-between mt-8">
-            <el-button type="primary" size="large" @click="goDoc"> 阅读文档 </el-button>
-            <el-button type="primary" size="large" @click="showNext"> 我已确认 </el-button>
-          </p>
-        </div>
-      </div>
-      <div v-if="page.showForm" :class="[page.showForm ? 'slide-in-left' : 'slide-out-right']" class="w-96">
-        <el-form ref="formRef" :model="form" label-width="100px" size="large">
-          <el-form-item label="管理员密码">
-            <el-input v-model="form.adminPassword" placeholder="admin账号的默认密码"></el-input>
-          </el-form-item>
-          <el-form-item label="数据库类型">
-            <el-select v-model="form.dbType" placeholder="请选择" class="w-full" @change="changeDB">
-              <el-option key="mysql" label="mysql" value="mysql" />
-              <el-option key="pgsql" label="pgsql" value="pgsql" />
-              <el-option key="oracle" label="oracle" value="oracle" />
-              <el-option key="mssql" label="mssql" value="mssql" />
-              <el-option key="sqlite" label="sqlite" value="sqlite" />
-            </el-select>
-          </el-form-item>
-          <el-form-item v-if="form.dbType !== 'sqlite'" label="host">
-            <el-input v-model="form.host" placeholder="请输入数据库链接" />
-          </el-form-item>
-          <el-form-item v-if="form.dbType !== 'sqlite'" label="port">
-            <el-input v-model="form.port" placeholder="请输入数据库端口" />
-          </el-form-item>
-          <el-form-item v-if="form.dbType !== 'sqlite'" label="userName">
-            <el-input v-model="form.userName" placeholder="请输入数据库用户名" />
-          </el-form-item>
-          <el-form-item v-if="form.dbType !== 'sqlite'" label="password">
-            <el-input v-model="form.password" placeholder="请输入数据库密码（没有则为空）" />
-          </el-form-item>
-          <el-form-item label="dbName">
-            <el-input v-model="form.dbName" placeholder="请输入数据库名称" />
-          </el-form-item>
-          <el-form-item v-if="form.dbType === 'sqlite'" label="dbPath">
-            <el-input v-model="form.dbPath" placeholder="请输入sqlite数据库文件存放路径" />
-          </el-form-item>
-          <el-form-item v-if="form.dbType === 'pgsql'" label="template">
-            <el-input v-model="form.template" placeholder="请输入postgresql指定template" />
-          </el-form-item>
-          <el-form-item>
-            <div style="text-align: right">
-              <el-button type="primary" @click="onSubmit">立即初始化</el-button>
-            </div>
-          </el-form-item>
-        </el-form>
-      </div>
-    </div>
-
-    <div class="hidden md:block w-1/2 h-full float-right bg-[#194bfb]">
-      <img class="h-full" src="@/assets/login_right_banner.jpg" alt="banner" />
-    </div>
-  </div>
-</template>
-
-<script setup>
-  // @ts-ignore
-  import { initDB } from '@/api/initdb'
-  import { reactive, ref } from 'vue'
-  import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
-  import { useRouter } from 'vue-router'
-
-  defineOptions({
-    name: 'Init'
-  })
-
-  const router = useRouter()
-
-  const page = reactive({
-    showReadme: false,
-    showForm: false
-  })
-
-  const showNext = () => {
-    page.showReadme = false
-    setTimeout(() => {
-      page.showForm = true
-    }, 20)
-  }
-
-  const goDoc = () => {
-    window.open('https://www.gin-vue-admin.com/guide/start-quickly/env.html')
-  }
-
-  const out = ref(false)
-
-  const form = reactive({
-    adminPassword: '123456',
-    dbType: 'mysql',
-    host: '127.0.0.1',
-    port: '3306',
-    userName: 'root',
-    password: '',
-    dbName: 'gva',
-    dbPath: ''
-  })
-
-  const changeDB = (val) => {
-    switch (val) {
-      case 'mysql':
-        Object.assign(form, {
-          adminPassword: '123456',
-          reAdminPassword: '',
-          dbType: 'mysql',
-          host: '127.0.0.1',
-          port: '3306',
-          userName: 'root',
-          password: '',
-          dbName: 'gva',
-          dbPath: ''
-        })
-        break
-      case 'pgsql':
-        Object.assign(form, {
-          adminPassword: '123456',
-          dbType: 'pgsql',
-          host: '127.0.0.1',
-          port: '5432',
-          userName: 'postgres',
-          password: '',
-          dbName: 'gva',
-          dbPath: '',
-          template: 'template0'
-        })
-        break
-      case 'oracle':
-        Object.assign(form, {
-          adminPassword: '123456',
-          dbType: 'oracle',
-          host: '127.0.0.1',
-          port: '1521',
-          userName: 'oracle',
-          password: '',
-          dbName: 'gva',
-          dbPath: ''
-        })
-        break
-      case 'mssql':
-        Object.assign(form, {
-          adminPassword: '123456',
-          dbType: 'mssql',
-          host: '127.0.0.1',
-          port: '1433',
-          userName: 'mssql',
-          password: '',
-          dbName: 'gva',
-          dbPath: ''
-        })
-        break
-      case 'sqlite':
-        Object.assign(form, {
-          adminPassword: '123456',
-          dbType: 'sqlite',
-          host: '',
-          port: '',
-          userName: '',
-          password: '',
-          dbName: 'gva',
-          dbPath: ''
-        })
-        break
-      default:
-        Object.assign(form, {
-          adminPassword: '123456',
-          dbType: 'mysql',
-          host: '127.0.0.1',
-          port: '3306',
-          userName: 'root',
-          password: '',
-          dbName: 'gva',
-          dbPath: ''
-        })
-    }
-  }
-  const onSubmit = async () => {
-    if (form.adminPassword.length < 6) {
-      ElMessage({
-        type: 'error',
-        message: '密码长度不能小于6位'
-      })
-      return
-    }
-
-    const loading = ElLoading.service({
-      lock: true,
-      text: '正在初始化数据库，请稍候',
-      spinner: 'loading',
-      background: 'rgba(0, 0, 0, 0.7)'
-    })
-    try {
-      const res = await initDB(form)
-      if (res.code === 0) {
-        out.value = true
-        ElMessage({
-          type: 'success',
-          message: res.msg
-        })
-
-        // 显示AI助手配置提示弹窗
-        ElMessageBox.confirm(
-          '已经完成基础数据库初始化！建议先进行编辑器AI助手配置，以获得更好的开发体验。',
-          '配置完成',
-          {
-            confirmButtonText: '查看AI配置文档',
-            cancelButtonText: '稍后配置',
-            type: 'success',
-            center: true
-          }
-        )
-          .then(() => {
-            // 点击确认按钮，打开AI配置文档
-            window.open('https://www.gin-vue-admin.com/guide/server/mcp.html', '_blank')
-            router.push({ name: 'Login' })
-          })
-          .catch(() => {
-            // 点击取消按钮或关闭弹窗，直接跳转到登录页
-            router.push({ name: 'Login' })
-          })
-      }
-      loading.close()
-    } catch (_) {
-      loading.close()
-    }
-  }
-</script>
-
-<style lang="scss" scoped>
-  .slide-in-fwd-top {
-    -webkit-animation: slide-in-fwd-top 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
-    animation: slide-in-fwd-top 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
-  }
-  .slide-out-right {
-    -webkit-animation: slide-out-right 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
-    animation: slide-out-right 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
-  }
-  .slide-in-left {
-    -webkit-animation: slide-in-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
-    animation: slide-in-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
-  }
-  @-webkit-keyframes slide-in-fwd-top {
-    0% {
-      transform: translateZ(-1400px) translateY(-800px);
-      opacity: 0;
-    }
-    100% {
-      transform: translateZ(0) translateY(0);
-      opacity: 1;
-    }
-  }
-  @keyframes slide-in-fwd-top {
-    0% {
-      transform: translateZ(-1400px) translateY(-800px);
-      opacity: 0;
-    }
-    100% {
-      transform: translateZ(0) translateY(0);
-      opacity: 1;
-    }
-  }
-  @-webkit-keyframes slide-out-right {
-    0% {
-      transform: translateX(0);
-      opacity: 1;
-    }
-    100% {
-      transform: translateX(1000px);
-      opacity: 0;
-    }
-  }
-  @keyframes slide-out-right {
-    0% {
-      transform: translateX(0);
-      opacity: 1;
-    }
-    100% {
-      transform: translateX(1000px);
-      opacity: 0;
-    }
-  }
-  @-webkit-keyframes slide-in-left {
-    0% {
-      transform: translateX(-1000px);
-      opacity: 0;
-    }
-    100% {
-      transform: translateX(0);
-      opacity: 1;
-    }
-  }
-  @keyframes slide-in-left {
-    0% {
-      transform: translateX(-1000px);
-      opacity: 0;
-    }
-    100% {
-      transform: translateX(0);
-      opacity: 1;
-    }
-  }
-  @media (max-width: 750px) {
-    .form {
-      width: 94vw !important;
-      padding: 0;
-    }
-  }
-</style>
diff --git a/src/view/layout/tabs/index.vue b/src/view/layout/tabs/index.vue
index 6a6ad8a..22b2be6 100644
--- a/src/view/layout/tabs/index.vue
+++ b/src/view/layout/tabs/index.vue
@@ -283,10 +283,6 @@
   )
 
   const initPage = () => {
-    // 全局监听 关闭当前页面函数
-    emitter.on('closeThisPage', () => {
-      removeTab(getFmtString(route))
-    })
     // 全局监听 关闭所有页面函数
     emitter.on('closeAllPage', () => {
       closeAll()
diff --git a/src/view/login/index.vue b/src/view/login/index.vue
index 9fc83fb..f2477ad 100644
--- a/src/view/login/index.vue
+++ b/src/view/login/index.vue
@@ -56,15 +56,6 @@
                   >登 录</el-button
                 >
               </el-form-item>
-              <!-- <el-form-item class="mb-6">
-                <el-button
-                  class="shadow shadow-active h-11 w-full"
-                  type="primary"
-                  size="large"
-                  @click="checkInit"
-                  >前往初始化</el-button
-                >
-              </el-form-item> -->
             </el-form>
           </div>
         </div>
@@ -73,13 +64,11 @@
         <img class="h-full" src="@/assets/new-background.jpg" alt="banner" />
       </div>
     </div>
-
   </div>
 </template>
 
 <script setup>
   import { captcha } from '@/api/user'
-  import { checkDB } from '@/api/initdb'
   import { reactive, ref } from 'vue'
   import { ElMessage } from 'element-plus'
   import { useRouter } from 'vue-router'
@@ -181,20 +170,4 @@
       return true
     })
   }
-
-  // 跳转初始化
-  const checkInit = async () => {
-    const res = await checkDB()
-    if (res.code === 0) {
-      if (res.data?.needInit) {
-        userStore.NeedInit()
-        await router.push({ name: 'Init' })
-      } else {
-        ElMessage({
-          type: 'info',
-          message: '已配置数据库信息，无法初始化'
-        })
-      }
-    }
-  }
 </script>

From 987b2c8f90f1691ddf38d3fa6acaa298465fcf68 Mon Sep 17 00:00:00 2001
From: xiaozhiyong <xiaozhiyong@sdxkhlw.cn>
Date: Thu, 11 Jun 2026 18:32:58 +0800
Subject: [PATCH 6/7] =?UTF-8?q?=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pathInfo.json   | 1 -
 src/router/index.js | 5 -----
 2 files changed, 6 deletions(-)

diff --git a/src/pathInfo.json b/src/pathInfo.json
index d949da1..a0ce0c6 100644
--- a/src/pathInfo.json
+++ b/src/pathInfo.json
@@ -22,7 +22,6 @@
   "/src/view/equipment/list/index.vue": "Index",
   "/src/view/error/index.vue": "Error",
   "/src/view/error/reload.vue": "Reload",
-  "/src/view/init/index.vue": "Init",
   "/src/view/largeScreen/index.vue": "Index",
   "/src/view/largeScreen2/index.vue": "Index",
   "/src/view/layout/aside/asideComponent/asyncSubmenu.vue": "AsyncSubmenu",
diff --git a/src/router/index.js b/src/router/index.js
index d5203b2..7fe00ed 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -5,11 +5,6 @@ const routes = [
     path: '/',
     redirect: '/login'
   },
-  {
-    path: '/init',
-    name: 'Init',
-    component: () => import('@/view/init/index.vue')
-  },
   {
     path: '/login',
     name: 'Login',

From 0ae8ba168b3eba86e7fdce4a0d67a600c03cfa55 Mon Sep 17 00:00:00 2001
From: xiaozhiyong <xiaozhiyong@sdxkhlw.cn>
Date: Thu, 11 Jun 2026 18:39:29 +0800
Subject: [PATCH 7/7] =?UTF-8?q?=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../{ => system/dictionary}/sysDictionary.js  |   0
 .../dictionary}/sysDictionaryDetail.js        |   0
 src/pathInfo.json                             |   2 +
 src/pinia/modules/dictionary.js               |  59 +---
 .../superAdmin/dictionary/sysDictionary.vue   | 309 ++++++++++++++++
 .../dictionary/sysDictionaryDetail.vue        | 333 ++++++++++++++++++
 6 files changed, 655 insertions(+), 48 deletions(-)
 rename src/api/{ => system/dictionary}/sysDictionary.js (100%)
 rename src/api/{ => system/dictionary}/sysDictionaryDetail.js (100%)
 create mode 100644 src/view/superAdmin/dictionary/sysDictionary.vue
 create mode 100644 src/view/superAdmin/dictionary/sysDictionaryDetail.vue

diff --git a/src/api/sysDictionary.js b/src/api/system/dictionary/sysDictionary.js
similarity index 100%
rename from src/api/sysDictionary.js
rename to src/api/system/dictionary/sysDictionary.js
diff --git a/src/api/sysDictionaryDetail.js b/src/api/system/dictionary/sysDictionaryDetail.js
similarity index 100%
rename from src/api/sysDictionaryDetail.js
rename to src/api/system/dictionary/sysDictionaryDetail.js
diff --git a/src/pathInfo.json b/src/pathInfo.json
index a0ce0c6..da7147e 100644
--- a/src/pathInfo.json
+++ b/src/pathInfo.json
@@ -69,6 +69,8 @@
   "/src/view/superAdmin/authority/components/apis.vue": "Apis",
   "/src/view/superAdmin/authority/components/datas.vue": "Datas",
   "/src/view/superAdmin/authority/components/menus.vue": "Menus",
+  "/src/view/superAdmin/dictionary/sysDictionary.vue": "SysDictionary",
+  "/src/view/superAdmin/dictionary/sysDictionaryDetail.vue": "SysDictionaryDetail",
   "/src/view/superAdmin/index.vue": "SuperAdmin",
   "/src/view/superAdmin/menu/components/components-cascader.vue": "ComponentsCascader",
   "/src/view/superAdmin/menu/icon.vue": "Icon",
diff --git a/src/pinia/modules/dictionary.js b/src/pinia/modules/dictionary.js
index b0c089f..e76d19f 100644
--- a/src/pinia/modules/dictionary.js
+++ b/src/pinia/modules/dictionary.js
@@ -1,5 +1,5 @@
-import { findSysDictionary } from '@/api/sysDictionary'
-import { getDictionaryTreeListByType } from '@/api/sysDictionaryDetail'
+import { findSysDictionary } from '@/api/system/dictionary/sysDictionary'
+import { getDictionaryTreeListByType } from '@/api/system/dictionary/sysDictionaryDetail'
 
 import { defineStore } from 'pinia'
 import { ref } from 'vue'
@@ -32,9 +32,7 @@ export const useDictionaryStore = defineStore('dictionary', () => {
       label: item.label,
       value: item.value,
       extend: item.extend,
-      children: item.children
-        ? filterTreeByDepth(item.children, currentDepth + 1, targetDepth)
-        : undefined
+      children: item.children ? filterTreeByDepth(item.children, currentDepth + 1, targetDepth) : undefined
     }))
   }
 
@@ -66,20 +64,12 @@ export const useDictionaryStore = defineStore('dictionary', () => {
       label: item.label,
       value: item.value,
       extend: item.extend,
-      children:
-        item.children && item.children.length > 0
-          ? normalizeTreeData(item.children)
-          : undefined
+      children: item.children && item.children.length > 0 ? normalizeTreeData(item.children) : undefined
     }))
   }
 
   // 根据value和depth查找指定节点并返回其children
-  const findNodeByValue = (
-    items,
-    targetValue,
-    currentDepth = 1,
-    maxDepth = 0
-  ) => {
+  const findNodeByValue = (items, targetValue, currentDepth = 1, maxDepth = 0) => {
     for (const item of items) {
       // 如果找到目标value的节点
       if (item.value === targetValue) {
@@ -95,17 +85,8 @@ export const useDictionaryStore = defineStore('dictionary', () => {
       }
 
       // 如果当前深度小于最大深度，继续在children中查找
-      if (
-        item.children &&
-        item.children.length > 0 &&
-        (maxDepth === 0 || currentDepth < maxDepth)
-      ) {
-        const result = findNodeByValue(
-          item.children,
-          targetValue,
-          currentDepth + 1,
-          maxDepth
-        )
+      if (item.children && item.children.length > 0 && (maxDepth === 0 || currentDepth < maxDepth)) {
+        const result = findNodeByValue(item.children, targetValue, currentDepth + 1, maxDepth)
         if (result !== null) {
           return result
         }
@@ -120,29 +101,16 @@ export const useDictionaryStore = defineStore('dictionary', () => {
       // 构建缓存key，包含value和depth信息
       const cacheKey = `${type}_value_${value}_depth_${depth}`
 
-      if (
-        dictionaryMap.value[cacheKey] &&
-        dictionaryMap.value[cacheKey].length
-      ) {
+      if (dictionaryMap.value[cacheKey] && dictionaryMap.value[cacheKey].length) {
         return dictionaryMap.value[cacheKey]
       }
 
       try {
         // 获取完整的树形结构数据
         const treeRes = await getDictionaryTreeListByType({ type })
-        if (
-          treeRes.code === 0 &&
-          treeRes.data &&
-          treeRes.data.list &&
-          treeRes.data.list.length > 0
-        ) {
+        if (treeRes.code === 0 && treeRes.data && treeRes.data.list && treeRes.data.list.length > 0) {
           // 查找指定value的节点并返回其children
-          const targetNodeChildren = findNodeByValue(
-            treeRes.data.list,
-            value,
-            1,
-            depth
-          )
+          const targetNodeChildren = findNodeByValue(treeRes.data.list, value, 1, depth)
 
           if (targetNodeChildren !== null) {
             let resultData
@@ -179,12 +147,7 @@ export const useDictionaryStore = defineStore('dictionary', () => {
       try {
         // 首先尝试获取树形结构数据
         const treeRes = await getDictionaryTreeListByType({ type })
-        if (
-          treeRes.code === 0 &&
-          treeRes.data &&
-          treeRes.data.list &&
-          treeRes.data.list.length > 0
-        ) {
+        if (treeRes.code === 0 && treeRes.data && treeRes.data.list && treeRes.data.list.length > 0) {
           // 使用树形结构数据
           const treeData = treeRes.data.list
 
diff --git a/src/view/superAdmin/dictionary/sysDictionary.vue b/src/view/superAdmin/dictionary/sysDictionary.vue
new file mode 100644
index 0000000..a8690c5
--- /dev/null
+++ b/src/view/superAdmin/dictionary/sysDictionary.vue
@@ -0,0 +1,309 @@
+<template>
+  <div>
+    <warning-bar title="获取字典且缓存方法已在前端utils/dictionary 已经封装完成 不必自己书写 使用方法查看文件内注释" />
+    <el-splitter class="h-full">
+      <el-splitter-panel size="400px" min="200px" max="800px" collapsible>
+        <div class="flex-none bg-white text-slate-700 dark:text-slate-400 dark:bg-slate-900 rounded p-4">
+          <div class="flex justify-between items-center relative">
+            <span class="text font-bold">字典列表</span>
+            <el-input
+              class="!absolute top-0 left-0 z-2 ease-in-out animate-slide-left"
+              placeholder="搜索"
+              v-if="showSearchInput"
+              v-model="searchName"
+              clearable
+              :autofocus="showSearchInput"
+              @clear="clearSearchInput"
+              :prefix-icon="Search"
+              v-click-outside="handleCloseSearchInput"
+              @keydown="handleInputKeyDown"
+            >
+              <template #append>
+                <el-button :type="searchName ? 'primary' : 'info'" @click="getTableData">搜索</el-button>
+              </template>
+            </el-input>
+            <el-button class="ml-auto" :icon="Search" @click="showSearchInputHandler"></el-button>
+            <el-button type="primary" @click="openDrawer" :icon="Plus"> </el-button>
+          </div>
+          <el-scrollbar class="mt-4" style="height: calc(100vh - 300px)">
+            <div
+              v-for="dictionary in dictionaryData"
+              :key="dictionary.ID"
+              class="rounded flex justify-between items-center px-2 py-4 cursor-pointer mt-2 hover:bg-blue-50 dark:hover:bg-blue-900 bg-gray-50 dark:bg-gray-800 gap-4"
+              :class="[
+                selectID === dictionary.ID ? 'text-active' : 'text-slate-700 dark:text-slate-50',
+                dictionary.parentID ? 'ml-4 border-l-2 border-blue-200' : ''
+              ]"
+              @click="toDetail(dictionary)"
+            >
+              <div class="max-w-[160px] truncate">
+                <span v-if="dictionary.parentID" class="text-xs text-gray-400 mr-1">└─</span>
+                {{ dictionary.name }}
+                <span class="mr-auto text-sm">（{{ dictionary.type }}）</span>
+              </div>
+
+              <div class="min-w-[40px]">
+                <el-icon class="text-blue-500" @click.stop="updateSysDictionaryFunc(dictionary)">
+                  <Edit />
+                </el-icon>
+                <el-icon class="ml-2 text-red-500" @click="deleteSysDictionaryFunc(dictionary)">
+                  <Delete />
+                </el-icon>
+              </div>
+            </div>
+          </el-scrollbar>
+        </div>
+      </el-splitter-panel>
+      <el-splitter-panel :min="200">
+        <div class="flex-1 bg-white text-slate-700 dark:text-slate-400 dark:bg-slate-900">
+          <sysDictionaryDetail :sys-dictionary-i-d="selectID" />
+        </div>
+      </el-splitter-panel>
+    </el-splitter>
+
+    <el-drawer v-model="drawerFormVisible" :size="appStore.drawerSize" :show-close="false" :before-close="closeDrawer">
+      <template #header>
+        <div class="flex justify-between items-center">
+          <span class="text-lg">{{ type === 'create' ? '添加字典' : '修改字典' }}</span>
+          <div>
+            <el-button @click="closeDrawer"> 取 消 </el-button>
+            <el-button type="primary" @click="enterDrawer"> 确 定 </el-button>
+          </div>
+        </div>
+      </template>
+      <el-form ref="drawerForm" :model="formData" :rules="rules" label-width="110px">
+        <el-form-item label="父级字典" prop="parentID">
+          <el-select
+            v-model="formData.parentID"
+            placeholder="请选择父级字典（可选）"
+            clearable
+            filterable
+            :style="{ width: '100%' }"
+          >
+            <el-option
+              v-for="dict in availableParentDictionaries"
+              :key="dict.ID"
+              :label="`${dict.name}（${dict.type}）`"
+              :value="dict.ID"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="字典名（中）" prop="name">
+          <el-input v-model="formData.name" placeholder="请输入字典名（中）" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+        <el-form-item label="字典名（英）" prop="type">
+          <el-input v-model="formData.type" placeholder="请输入字典名（英）" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+        <el-form-item label="状态" prop="status" required>
+          <el-switch v-model="formData.status" active-text="开启" inactive-text="停用" />
+        </el-form-item>
+        <el-form-item label="描述" prop="desc">
+          <el-input v-model="formData.desc" placeholder="请输入描述" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-form>
+    </el-drawer>
+  </div>
+</template>
+
+<script setup>
+  import {
+    createSysDictionary,
+    deleteSysDictionary,
+    updateSysDictionary,
+    findSysDictionary,
+    getSysDictionaryList
+  } from '@/api/system/dictionary/sysDictionary.js' // 此处请自行替换地址
+  import WarningBar from '@/components/warningBar/warningBar.vue'
+  import { ref } from 'vue'
+  import { ElMessage, ElMessageBox } from 'element-plus'
+
+  import sysDictionaryDetail from './sysDictionaryDetail.vue'
+  import { Edit, Plus, Search } from '@element-plus/icons-vue'
+  import { useAppStore } from '@/pinia'
+
+  defineOptions({
+    name: 'SysDictionary'
+  })
+
+  const appStore = useAppStore()
+
+  const selectID = ref(0)
+
+  const formData = ref({
+    name: null,
+    type: null,
+    status: true,
+    desc: null,
+    parentID: null
+  })
+  const searchName = ref('')
+  const showSearchInput = ref(false)
+  const rules = ref({
+    name: [
+      {
+        required: true,
+        message: '请输入字典名（中）',
+        trigger: 'blur'
+      }
+    ],
+    type: [
+      {
+        required: true,
+        message: '请输入字典名（英）',
+        trigger: 'blur'
+      }
+    ],
+    desc: [
+      {
+        required: true,
+        message: '请输入描述',
+        trigger: 'blur'
+      }
+    ]
+  })
+
+  const dictionaryData = ref([])
+  const availableParentDictionaries = ref([])
+
+  // 查询
+  const getTableData = async () => {
+    const res = await getSysDictionaryList({
+      name: searchName.value.trim()
+    })
+    if (res.code === 0) {
+      dictionaryData.value = res.data
+      selectID.value = res.data[0].ID
+      // 更新可选父级字典列表
+      updateAvailableParentDictionaries()
+    }
+  }
+
+  // 更新可选父级字典列表
+  const updateAvailableParentDictionaries = () => {
+    // 如果是编辑模式，排除当前字典及其子字典
+    if (type.value === 'update' && formData.value.ID) {
+      availableParentDictionaries.value = dictionaryData.value.filter((dict) => {
+        return dict.ID !== formData.value.ID && !isChildDictionary(dict.ID, formData.value.ID)
+      })
+    } else {
+      // 创建模式，显示所有字典
+      availableParentDictionaries.value = [...dictionaryData.value]
+    }
+  }
+
+  // 检查是否为子字典（防止循环引用）
+  const isChildDictionary = (dictId, parentId) => {
+    const dict = dictionaryData.value.find((d) => d.ID === dictId)
+    if (!dict || !dict.parentID) return false
+    if (dict.parentID === parentId) return true
+    return isChildDictionary(dict.parentID, parentId)
+  }
+
+  getTableData()
+
+  const toDetail = (row) => {
+    selectID.value = row.ID
+  }
+
+  const drawerFormVisible = ref(false)
+  const type = ref('')
+  const updateSysDictionaryFunc = async (row) => {
+    const res = await findSysDictionary({ ID: row.ID, status: row.status })
+    type.value = 'update'
+    if (res.code === 0) {
+      formData.value = res.data.resysDictionary
+      drawerFormVisible.value = true
+      // 更新可选父级字典列表
+      updateAvailableParentDictionaries()
+    }
+  }
+  const closeDrawer = () => {
+    drawerFormVisible.value = false
+    formData.value = {
+      name: null,
+      type: null,
+      status: true,
+      desc: null,
+      parentID: null
+    }
+  }
+  const deleteSysDictionaryFunc = async (row) => {
+    ElMessageBox.confirm('确定要删除吗?', '提示', {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning'
+    }).then(async () => {
+      const res = await deleteSysDictionary({ ID: row.ID })
+      if (res.code === 0) {
+        ElMessage({
+          type: 'success',
+          message: '删除成功'
+        })
+        getTableData()
+      }
+    })
+  }
+
+  const drawerForm = ref(null)
+  const enterDrawer = async () => {
+    drawerForm.value.validate(async (valid) => {
+      if (!valid) return
+      let res
+      switch (type.value) {
+        case 'create':
+          res = await createSysDictionary(formData.value)
+          break
+        case 'update':
+          res = await updateSysDictionary(formData.value)
+          break
+        default:
+          res = await createSysDictionary(formData.value)
+          break
+      }
+      if (res.code === 0) {
+        ElMessage.success('操作成功')
+        closeDrawer()
+        getTableData()
+      }
+    })
+  }
+  const openDrawer = () => {
+    type.value = 'create'
+    drawerForm.value && drawerForm.value.clearValidate()
+    drawerFormVisible.value = true
+    // 更新可选父级字典列表
+    updateAvailableParentDictionaries()
+  }
+
+  const clearSearchInput = () => {
+    if (!showSearchInput.value) return
+    searchName.value = ''
+    showSearchInput.value = false
+    getTableData()
+  }
+  const handleCloseSearchInput = () => {
+    if (!showSearchInput.value || searchName.value.trim() != '') return
+    showSearchInput.value = false
+  }
+
+  const showSearchInputHandler = () => {
+    showSearchInput.value = true
+  }
+
+  const handleInputKeyDown = (e) => {
+    if (e.key === 'Enter' && searchName.value.trim() !== '') {
+      getTableData()
+    }
+  }
+</script>
+
+<style>
+  .dict-box {
+    height: calc(100vh - 240px);
+  }
+
+  .active {
+    background-color: var(--el-color-primary) !important;
+    color: #fff;
+  }
+</style>
diff --git a/src/view/superAdmin/dictionary/sysDictionaryDetail.vue b/src/view/superAdmin/dictionary/sysDictionaryDetail.vue
new file mode 100644
index 0000000..d6964b8
--- /dev/null
+++ b/src/view/superAdmin/dictionary/sysDictionaryDetail.vue
@@ -0,0 +1,333 @@
+<template>
+  <div>
+    <div class="gva-table-box">
+      <div class="gva-btn-list justify-between flex items-center">
+        <span class="text font-bold">字典详细内容</span>
+        <div class="flex items-center gap-2">
+          <el-input
+            placeholder="搜索展示值"
+            v-model="searchName"
+            clearable
+            class="!w-64"
+            @clear="clearSearchInput"
+            :prefix-icon="Search"
+            v-click-outside="handleCloseSearchInput"
+            @keydown="handleInputKeyDown"
+          >
+            <template #append>
+              <el-button :type="searchName ? 'primary' : 'info'" @click="getTreeData">搜索</el-button>
+            </template>
+          </el-input>
+          <el-button type="primary" icon="plus" @click="openDrawer"> 新增字典项 </el-button>
+        </div>
+      </div>
+      <!-- 表格视图 -->
+      <el-table
+        :data="treeData"
+        style="width: 100%"
+        tooltip-effect="dark"
+        :tree-props="{ children: 'children' }"
+        row-key="ID"
+        default-expand-all
+      >
+        <el-table-column type="selection" width="55" />
+
+        <el-table-column align="left" label="展示值" prop="label" min-width="240" />
+
+        <el-table-column align="left" label="字典值" prop="value" />
+
+        <el-table-column align="left" label="扩展值" prop="extend" />
+
+        <el-table-column align="left" label="日期" width="180">
+          <template #default="scope">
+            {{ formatDate(scope.row.CreatedAt) }}
+          </template>
+        </el-table-column>
+
+        <el-table-column align="left" label="层级" prop="level" width="80" />
+
+        <el-table-column align="left" label="启用状态" prop="status" width="120">
+          <template #default="scope">
+            {{ formatBoolean(scope.row.status) }}
+          </template>
+        </el-table-column>
+
+        <el-table-column align="left" label="排序标记" prop="sort" width="120" />
+
+        <el-table-column align="left" label="操作" :min-width="appStore.operateMinWith">
+          <template #default="scope">
+            <el-button type="success" link icon="plus" @click="addChildNode(scope.row)"> 添加子项 </el-button>
+            <el-button type="primary" link icon="edit" @click="updateSysDictionaryDetailFunc(scope.row)">
+              变更
+            </el-button>
+            <el-button type="primary" link icon="delete" @click="deleteSysDictionaryDetailFunc(scope.row)">
+              删除
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+
+    <el-drawer v-model="drawerFormVisible" :size="appStore.drawerSize" :show-close="false" :before-close="closeDrawer">
+      <template #header>
+        <div class="flex justify-between items-center">
+          <span class="text-lg">{{ type === 'create' ? '添加字典项' : '修改字典项' }}</span>
+          <div>
+            <el-button @click="closeDrawer"> 取 消 </el-button>
+            <el-button type="primary" @click="enterDrawer"> 确 定 </el-button>
+          </div>
+        </div>
+      </template>
+      <el-form ref="drawerForm" :model="formData" :rules="rules" label-width="110px">
+        <el-form-item label="父级字典项" prop="parentID">
+          <el-cascader
+            v-model="formData.parentID"
+            :options="[rootOption, ...treeData]"
+            :props="cascadeProps"
+            placeholder="请选择父级字典项（可选）"
+            clearable
+            filterable
+            :style="{ width: '100%' }"
+            @change="handleParentChange"
+          />
+        </el-form-item>
+        <el-form-item label="展示值" prop="label">
+          <el-input v-model="formData.label" placeholder="请输入展示值" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+        <el-form-item label="字典值" prop="value">
+          <el-input v-model="formData.value" placeholder="请输入字典值" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+        <el-form-item label="扩展值" prop="extend">
+          <el-input v-model="formData.extend" placeholder="请输入扩展值" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+        <el-form-item label="启用状态" prop="status" required>
+          <el-switch v-model="formData.status" active-text="开启" inactive-text="停用" />
+        </el-form-item>
+        <el-form-item label="排序标记" prop="sort">
+          <el-input-number v-model.number="formData.sort" placeholder="排序标记" />
+        </el-form-item>
+      </el-form>
+    </el-drawer>
+  </div>
+</template>
+
+<script setup>
+  import {
+    createSysDictionaryDetail,
+    deleteSysDictionaryDetail,
+    updateSysDictionaryDetail,
+    findSysDictionaryDetail,
+    getDictionaryTreeList
+  } from '@/api/system/dictionary/sysDictionaryDetail' // 此处请自行替换地址
+  import { ref, watch } from 'vue'
+  import { ElMessage, ElMessageBox } from 'element-plus'
+  import { formatBoolean, formatDate } from '@/utils/format'
+  import { useAppStore } from '@/pinia'
+  import { Search } from '@element-plus/icons-vue'
+
+  defineOptions({
+    name: 'SysDictionaryDetail'
+  })
+
+  const appStore = useAppStore()
+  const searchName = ref('')
+
+  const props = defineProps({
+    sysDictionaryID: {
+      type: Number,
+      default: 0
+    }
+  })
+
+  const formData = ref({
+    label: null,
+    value: null,
+    status: true,
+    sort: null,
+    parentID: null
+  })
+
+  const rules = ref({
+    label: [
+      {
+        required: true,
+        message: '请输入展示值',
+        trigger: 'blur'
+      }
+    ],
+    value: [
+      {
+        required: true,
+        message: '请输入字典值',
+        trigger: 'blur'
+      }
+    ],
+    sort: [
+      {
+        required: true,
+        message: '排序标记',
+        trigger: 'blur'
+      }
+    ]
+  })
+
+  const treeData = ref([])
+
+  // 级联选择器配置
+  const cascadeProps = {
+    value: 'ID',
+    label: 'label',
+    children: 'children',
+    checkStrictly: true, // 允许选择任意级别
+    emitPath: false // 只返回选中节点的值
+  }
+
+  // 获取树形数据
+  const getTreeData = async () => {
+    if (!props.sysDictionaryID) return
+    try {
+      const res = await getDictionaryTreeList({
+        sysDictionaryID: props.sysDictionaryID
+      })
+      if (res.code === 0) {
+        treeData.value = res.data.list || []
+      }
+    } catch (error) {
+      console.error('获取树形数据失败:', error)
+      ElMessage.error('获取层级数据失败')
+    }
+  }
+
+  const rootOption = {
+    ID: null,
+    label: '无父级（根级）'
+  }
+
+  // 初始加载
+  getTreeData()
+
+  const type = ref('')
+  const drawerFormVisible = ref(false)
+
+  const updateSysDictionaryDetailFunc = async (row) => {
+    drawerForm.value && drawerForm.value.clearValidate()
+    const res = await findSysDictionaryDetail({ ID: row.ID })
+    type.value = 'update'
+    if (res.code === 0) {
+      formData.value = res.data.reSysDictionaryDetail
+      drawerFormVisible.value = true
+    }
+  }
+
+  // 添加子节点
+  const addChildNode = (parentNode) => {
+    console.log(parentNode)
+    type.value = 'create'
+    formData.value = {
+      label: null,
+      value: null,
+      status: true,
+      sort: null,
+      parentID: parentNode.ID,
+      sysDictionaryID: props.sysDictionaryID
+    }
+    drawerForm.value && drawerForm.value.clearValidate()
+    drawerFormVisible.value = true
+  }
+
+  // 处理父级选择变化
+  const handleParentChange = (value) => {
+    formData.value.parentID = value
+  }
+
+  const closeDrawer = () => {
+    drawerFormVisible.value = false
+    formData.value = {
+      label: null,
+      value: null,
+      status: true,
+      sort: null,
+      parentID: null,
+      sysDictionaryID: props.sysDictionaryID
+    }
+  }
+
+  const deleteSysDictionaryDetailFunc = async (row) => {
+    ElMessageBox.confirm('确定要删除吗?', '提示', {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning'
+    }).then(async () => {
+      const res = await deleteSysDictionaryDetail({ ID: row.ID })
+      if (res.code === 0) {
+        ElMessage({
+          type: 'success',
+          message: '删除成功'
+        })
+        if (tableData.value.length === 1 && page.value > 1) {
+          page.value--
+        }
+        await getTreeData() // 重新加载数据
+      }
+    })
+  }
+
+  const drawerForm = ref(null)
+  const enterDrawer = async () => {
+    drawerForm.value.validate(async (valid) => {
+      formData.value.sysDictionaryID = props.sysDictionaryID
+      if (!valid) return
+      let res
+      switch (type.value) {
+        case 'create':
+          res = await createSysDictionaryDetail(formData.value)
+          break
+        case 'update':
+          res = await updateSysDictionaryDetail(formData.value)
+          break
+        default:
+          res = await createSysDictionaryDetail(formData.value)
+          break
+      }
+      if (res.code === 0) {
+        ElMessage({
+          type: 'success',
+          message: '创建/更改成功'
+        })
+        closeDrawer()
+        await getTreeData() // 重新加载数据
+      }
+    })
+  }
+
+  const openDrawer = () => {
+    type.value = 'create'
+    formData.value.parentID = null
+    drawerForm.value && drawerForm.value.clearValidate()
+    drawerFormVisible.value = true
+  }
+
+  const clearSearchInput = () => {
+    searchName.value = ''
+    getTreeData()
+  }
+
+  const handleCloseSearchInput = () => {
+    // 处理搜索输入框关闭
+  }
+
+  const handleInputKeyDown = (e) => {
+    if (e.key === 'Enter' && searchName.value.trim() !== '') {
+      getTreeData()
+    }
+  }
+
+  watch(
+    () => props.sysDictionaryID,
+    () => {
+      getTreeData()
+    }
+  )
+</script>
+
+<style scoped></style>