jiaxing.zhou

feat(frontend): 添加异常工单页面及路由配置

- 在路由中新增异常工单页面路径 /main/exception-workorder
- 在主布局菜单中添加异常工单入口
- 引入 Element Plus 的 ElCard 和 ElIcon 组件类型声明
- 重构异常工单页面 UI,替换原有 element 组件为原生 HTML 元素
- 新增表格、分页、搜索区域的自定义样式和交互逻辑
- 添加全选、跳转页码、页面大小切换等功能
- 优化状态和严重程度的展示样式及分类逻辑
......@@ -8,12 +8,14 @@ export {}
declare module 'vue' {
export interface GlobalComponents {
ElButton: typeof import('element-plus/es')['ElButton']
ElCard: typeof import('element-plus/es')['ElCard']
ElDatePicker: typeof import('element-plus/es')['ElDatePicker']
ElDescriptions: typeof import('element-plus/es')['ElDescriptions']
ElDescriptionsItem: typeof import('element-plus/es')['ElDescriptionsItem']
ElDialog: typeof import('element-plus/es')['ElDialog']
ElForm: typeof import('element-plus/es')['ElForm']
ElFormItem: typeof import('element-plus/es')['ElFormItem']
ElIcon: typeof import('element-plus/es')['ElIcon']
ElInput: typeof import('element-plus/es')['ElInput']
ElInputNumber: typeof import('element-plus/es')['ElInputNumber']
ElOption: typeof import('element-plus/es')['ElOption']
......
......@@ -147,6 +147,7 @@ const menuItems = ref([
{ name: '产品管理', path: '/main/product', icon: '📦' },
{ name: '经销商管理', path: '/main/dealer', icon: '🏢' },
{ name: '返利管理', path: '/main/rebate', icon: '💰' },
{ name: '异常工单', path: '/main/exception-workorder', icon: '⚠️' },
{
name: '系统设置',
icon: '⚙️',
......
......@@ -153,6 +153,24 @@ const staticRoutes: RouteRecordRaw[] = [
}
},
{
path: 'exception-workorder',
name: 'ExceptionWorkorder',
component: () => import('@/views/exceptionWorkorder/index.vue'),
meta: {
title: '异常工单',
requiresAuth: true
}
},
{
path: 'test-menu',
name: 'TestMenu',
component: () => import('@/views/test-menu.vue'),
meta: {
title: '菜单测试',
requiresAuth: true
}
},
{
path: 'settings',
name: 'Settings',
component: () => import('@/views/settings/index.vue'),
......