| 1 |
- {"ast":null,"code":"import \"core-js/modules/es.array.filter.js\";\nimport \"core-js/modules/es.array.includes.js\";\nimport \"core-js/modules/es.iterator.constructor.js\";\nimport \"core-js/modules/es.iterator.filter.js\";\nimport \"core-js/modules/es.object.to-string.js\";\nimport \"core-js/modules/es.string.includes.js\";\nexport default {\n name: 'App',\n data: function data() {\n return {\n searchQuery: '',\n menuItems: [{\n path: '/process/employee',\n title: '员工入职业务流程',\n icon: 'el-icon-user'\n }, {\n path: '/process/sales',\n title: '销售订单业务流程',\n icon: 'el-icon-goods'\n }, {\n path: '/process/shipping',\n title: '发货业务流程',\n icon: 'el-icon-truck'\n }]\n };\n },\n computed: {\n currentRoute: function currentRoute() {\n return this.$route.path;\n },\n filteredMenuItems: function filteredMenuItems() {\n var _this = this;\n return this.menuItems.filter(function (item) {\n return item.title.toLowerCase().includes(_this.searchQuery.toLowerCase());\n });\n }\n },\n methods: {\n handleSearch: function handleSearch() {\n // 这里可以添加额外的搜索逻辑\n }\n }\n};","map":{"version":3,"names":["name","data","searchQuery","menuItems","path","title","icon","computed","currentRoute","$route","filteredMenuItems","_this","filter","item","toLowerCase","includes","methods","handleSearch"],"sources":["src/App.vue"],"sourcesContent":["<template>\n <div id=\"app\">\n <el-container>\n <el-aside 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 <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 <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 menuItems: [\n { \n path: '/process/employee', \n title: '员工入职业务流程',\n icon: 'el-icon-user'\n },\n { \n path: '/process/sales', \n title: '销售订单业务流程',\n icon: 'el-icon-goods'\n },\n { \n path: '/process/shipping', \n title: '发货业务流程',\n icon: 'el-icon-truck'\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 },\n methods: {\n handleSearch() {\n // 这里可以添加额外的搜索逻辑\n }\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-main {\n padding: 20px;\n background-color: #fff;\n}\n\n.el-menu-item {\n font-size: 16px;\n}\n\n.el-menu-item i {\n margin-right: 5px;\n font-size: 18px;\n}\n</style> "],"mappings":";;;;;;AAsCA;EACAA,IAAA;EACAC,IAAA,WAAAA,KAAA;IACA;MACAC,WAAA;MACAC,SAAA,GACA;QACAC,IAAA;QACAC,KAAA;QACAC,IAAA;MACA,GACA;QACAF,IAAA;QACAC,KAAA;QACAC,IAAA;MACA,GACA;QACAF,IAAA;QACAC,KAAA;QACAC,IAAA;MACA;IAEA;EACA;EACAC,QAAA;IACAC,YAAA,WAAAA,aAAA;MACA,YAAAC,MAAA,CAAAL,IAAA;IACA;IACAM,iBAAA,WAAAA,kBAAA;MAAA,IAAAC,KAAA;MACA,YAAAR,SAAA,CAAAS,MAAA,WAAAC,IAAA;QAAA,OACAA,IAAA,CAAAR,KAAA,CAAAS,WAAA,GAAAC,QAAA,CAAAJ,KAAA,CAAAT,WAAA,CAAAY,WAAA;MAAA,CACA;IACA;EACA;EACAE,OAAA;IACAC,YAAA,WAAAA,aAAA;MACA;IAAA;EAEA;AACA","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}
|
