| 1 |
- [{"/Users/zyh/Desktop/demo001/src/main.js":"1","/Users/zyh/Desktop/demo001/src/App.vue":"2","/Users/zyh/Desktop/demo001/src/router/index.js":"3","/Users/zyh/Desktop/demo001/src/views/EmployeeProcess.vue":"4","/Users/zyh/Desktop/demo001/src/views/ShippingProcess.vue":"5","/Users/zyh/Desktop/demo001/src/views/SalesOrderProcess.vue":"6"},{"size":390,"mtime":1744874334050,"results":"7","hashOfConfig":"8"},{"size":5288,"mtime":1744889204502,"results":"9","hashOfConfig":"8"},{"size":703,"mtime":1744888430514,"results":"10","hashOfConfig":"8"},{"size":16053,"mtime":1744888922342,"results":"11","hashOfConfig":"8"},{"size":18614,"mtime":1744889118333,"results":"12","hashOfConfig":"8"},{"size":16519,"mtime":1744888737041,"results":"13","hashOfConfig":"8"},{"filePath":"14","messages":"15","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"16"},"1uiyk49",{"filePath":"17","messages":"18","errorCount":1,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"source":"19"},{"filePath":"20","messages":"21","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"22","messages":"23","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"24","messages":"25","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"26","messages":"27","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"/Users/zyh/Desktop/demo001/src/main.js",[],[],"/Users/zyh/Desktop/demo001/src/App.vue",["28"],"<template>\n <div id=\"app\">\n <el-container>\n <!-- 移动端显示的顶部栏 -->\n <el-header v-if=\"isMobile\" class=\"mobile-header\">\n <div class=\"mobile-header-content\">\n <i class=\"el-icon-s-platform\" style=\"font-size: 24px; color: #409EFF;\"></i>\n <h3 class=\"mobile-title\">业务流程管理</h3>\n <i class=\"el-icon-s-unfold\" @click=\"showSidebar = true\"></i>\n </div>\n </el-header>\n \n <!-- 侧边栏 - 在移动端作为抽屉显示 -->\n <el-drawer\n v-if=\"isMobile\"\n title=\"业务流程导航\"\n :visible.sync=\"showSidebar\"\n direction=\"ltr\"\n size=\"80%\">\n <div class=\"mobile-sidebar\">\n <div class=\"search-container\">\n <el-input\n v-model=\"searchQuery\"\n placeholder=\"搜索业务名称\"\n prefix-icon=\"el-icon-search\"\n clearable\n @input=\"handleSearch\">\n </el-input>\n </div>\n \n <el-menu\n :router=\"true\"\n :default-active=\"currentRoute\"\n @select=\"handleMobileMenuSelect\">\n <el-menu-item \n v-for=\"item in filteredMenuItems\" \n :key=\"item.path\"\n :index=\"item.path\"\n @click=\"handleMenuItemClick(item)\">\n <i :class=\"item.icon\"></i>\n <span>{{ item.title }}</span>\n </el-menu-item>\n </el-menu>\n </div>\n </el-drawer>\n \n <!-- 桌面端的常规侧边栏 -->\n <el-aside v-if=\"!isMobile\" width=\"250px\">\n <div class=\"logo-container\">\n <!-- 使用 Element UI 图标临时替代 logo -->\n <i class=\"el-icon-s-platform\" style=\"font-size: 40px; color: #409EFF;\"></i>\n </div>\n <div class=\"search-container\">\n <el-input\n v-model=\"searchQuery\"\n placeholder=\"搜索业务名称\"\n prefix-icon=\"el-icon-search\"\n clearable\n @input=\"handleSearch\">\n </el-input>\n </div>\n \n <el-menu\n :router=\"true\"\n :default-active=\"currentRoute\"\n class=\"el-menu-vertical\">\n <el-menu-item \n v-for=\"item in filteredMenuItems\" \n :key=\"item.path\"\n :index=\"item.path\"\n @click=\"handleMenuItemClick(item)\">\n <i :class=\"item.icon\"></i>\n <span>{{ item.title }}</span>\n </el-menu-item>\n </el-menu>\n </el-aside>\n <el-main>\n <router-view></router-view>\n </el-main>\n </el-container>\n </div>\n</template>\n\n<script>\nexport default {\n name: 'App',\n data() {\n return {\n searchQuery: '',\n showSidebar: false,\n windowWidth: window.innerWidth,\n menuItems: [\n { \n path: '/process/employee', \n title: '员工入职业务流程',\n icon: 'el-icon-user',\n showProcessSelector: false\n },\n { \n path: '/process/sales', \n title: '销售订单业务流程',\n icon: 'el-icon-goods',\n showProcessSelector: false\n },\n { \n path: '/process/shipping', \n title: '发货业务流程',\n icon: 'el-icon-truck',\n showProcessSelector: false\n }\n ]\n }\n },\n computed: {\n currentRoute() {\n return this.$route.path\n },\n filteredMenuItems() {\n return this.menuItems.filter(item => \n item.title.toLowerCase().includes(this.searchQuery.toLowerCase())\n )\n },\n isMobile() {\n return this.windowWidth < 768\n }\n },\n methods: {\n handleSearch() {\n // 这里可以添加额外的搜索逻辑\n },\n handleResize() {\n this.windowWidth = window.innerWidth\n },\n handleMobileMenuSelect() {\n // 关闭侧边栏\n setTimeout(() => {\n this.showSidebar = false;\n }, 300);\n },\n handleMenuItemClick(item) {\n // 简化后的菜单点击处理\n }\n },\n mounted() {\n window.addEventListener('resize', this.handleResize)\n },\n beforeDestroy() {\n window.removeEventListener('resize', this.handleResize)\n }\n}\n</script>\n\n<style>\n#app {\n font-family: Arial, sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n height: 100vh;\n}\n\n.el-container {\n height: 100%;\n}\n\n.el-aside {\n background-color: #f8f9fa;\n border-right: 1px solid #e9ecef;\n}\n\n.logo-container {\n padding: 20px;\n text-align: center;\n}\n\n.search-container {\n padding: 0 20px 20px 20px;\n}\n\n.el-menu-vertical {\n border-right: none;\n}\n\n.el-menu-item {\n font-size: 15px;\n}\n\n.el-menu-item i {\n color: #606266;\n margin-right: 5px;\n}\n\n/* 移动端样式 */\n.mobile-header {\n background-color: #fff;\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\n z-index: 100;\n padding: 0;\n}\n\n.mobile-header-content {\n display: flex;\n justify-content: space-between;\n align-items: center;\n height: 60px;\n padding: 0 15px;\n}\n\n.mobile-title {\n margin: 0;\n font-size: 18px;\n color: #303133;\n}\n\n.mobile-sidebar {\n padding: 20px 0;\n}\n\n.el-drawer__header {\n margin-bottom: 0;\n padding: 20px;\n border-bottom: 1px solid #ebeef5;\n}\n\n/* 响应式调整 */\n@media screen and (max-width: 768px) {\n .el-main {\n padding: 10px;\n }\n}\n</style> ","/Users/zyh/Desktop/demo001/src/router/index.js",[],"/Users/zyh/Desktop/demo001/src/views/EmployeeProcess.vue",[],"/Users/zyh/Desktop/demo001/src/views/ShippingProcess.vue",[],"/Users/zyh/Desktop/demo001/src/views/SalesOrderProcess.vue",[],{"ruleId":"29","severity":2,"message":"30","line":140,"column":25,"nodeType":"31","messageId":"32","endLine":140,"endColumn":29},"no-unused-vars","'item' is defined but never used.","Identifier","unusedVar"]
|
