| 1 |
- {"remainingRequest":"D:\\jiayue\\cemp-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jiayue\\cemp-ui\\src\\views\\admin\\menu\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jiayue\\cemp-ui\\src\\views\\admin\\menu\\index.vue","mtime":1619070292888},{"path":"D:\\jiayue\\cemp-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jiayue\\cemp-ui\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\jiayue\\cemp-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jiayue\\cemp-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\nimport {delObj, fetchMenuTree} from '@/api/admin/menu'\nimport TableForm from './menu-form'\nimport {mapGetters} from 'vuex'\n\nexport default {\n name: \"Menu\",\n components: {TableForm},\n data() {\n return {\n addOrUpdateVisible: false,\n // 遮罩层\n loading: true,\n // 菜单表格树数据\n menuList: [],\n // 菜单树选项\n menuOptions: [],\n };\n },\n created() {\n this.getList();\n },\n computed: {\n ...mapGetters(['permissions']),\n },\n methods: {\n addOrUpdateHandle(isEdit, id) {\n this.addOrUpdateVisible = true\n this.$nextTick(() => {\n this.$refs.addOrUpdate.init(isEdit, id)\n })\n },\n getList() {\n this.loading = true;\n fetchMenuTree(false).then(response => {\n this.menuList = response.data.data\n this.loading = false;\n });\n },\n handleDelete(row) {\n this.$confirm('是否确认删除名称为\"' + row.name + '\"的数据项?', \"警告\", {\n confirmButtonText: \"确定\",\n cancelButtonText: \"取消\",\n type: \"warning\"\n }).then(function () {\n return delObj(row.id);\n }).then(() => {\n this.getList();\n this.$message.success('删除成功')\n })\n }\n }\n};\n",{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/views/admin/menu","sourcesContent":["<template>\r\n <basic-container>\r\n <div class=\"avue-crud\">\r\n <el-form :inline=\"true\">\r\n <el-form-item>\r\n <el-button v-if=\"permissions.sys_menu_add\" icon=\"el-icon-plus\" type=\"primary\"\r\n @click=\"addOrUpdateHandle(false)\">\r\n 添加\r\n </el-button>\r\n </el-form-item>\r\n </el-form>\r\n\r\n <el-table\r\n border\r\n v-loading=\"loading\"\r\n :data=\"menuList\"\r\n row-key=\"id\"\r\n :tree-props=\"{children: 'children', hasChildren: 'hasChildrens'}\">\r\n <el-table-column prop=\"name\" label=\"菜单名称\" :show-overflow-tooltip=\"true\" width=\"180\"></el-table-column>\r\n <el-table-column prop=\"icon\" label=\"图标\" align=\"center\" width=\"100\">\r\n <template slot-scope=\"scope\">\r\n <i :class=\"scope.row.icon\"/>\r\n </template>\r\n </el-table-column>\r\n <el-table-column prop=\"sort\" label=\"排序\" width=\"60\"></el-table-column>\r\n <el-table-column prop=\"path\" label=\"组件路径\" :show-overflow-tooltip=\"true\"></el-table-column>\r\n <el-table-column prop=\"type\" label=\"类型\" width=\"80\" align=\"center\">\r\n <template slot-scope=\"scope\">\r\n <el-tag type=\"success\" v-if=\"scope.row.type === '0'\">菜单</el-tag>\r\n <el-tag type=\"info\" v-if=\"scope.row.type === '1'\">按钮</el-tag>\r\n </template>\r\n </el-table-column>\r\n <el-table-column prop=\"keepAlive\" label=\"缓冲\" width=\"80\" align=\"center\">\r\n <template slot-scope=\"scope\">\r\n <el-tag type=\"info\" v-if=\"scope.row.keepAlive === '0'\">关闭</el-tag>\r\n <el-tag type=\"success\" v-if=\"scope.row.keepAlive === '1'\">开启</el-tag>\r\n </template>\r\n </el-table-column>\r\n <el-table-column prop=\"permission\" label=\"权限标识\" :show-overflow-tooltip=\"true\"></el-table-column>\r\n <el-table-column label=\"操作\" align=\"center\" class-name=\"small-padding fixed-width\">\r\n <template slot-scope=\"scope\">\r\n <el-button\r\n type=\"text\"\r\n icon=\"el-icon-plus\"\r\n @click=\"addOrUpdateHandle(false,scope.row.id)\"\r\n v-if=\"permissions.sys_menu_add\">添加\r\n </el-button>\r\n <el-button type=\"text\"\r\n icon=\"el-icon-edit\"\r\n @click=\"addOrUpdateHandle(true,scope.row.id)\"\r\n v-if=\"permissions.sys_menu_edit\">修改\r\n </el-button>\r\n <el-button type=\"text\" icon=\"el-icon-delete\" @click=\"handleDelete(scope.row)\"\r\n v-if=\"permissions.sys_menu_del\">删除\r\n </el-button>\r\n </template>\r\n </el-table-column>\r\n </el-table>\r\n\r\n <table-form v-if=\"addOrUpdateVisible\" ref=\"addOrUpdate\" @refreshDataList=\"getList\"></table-form>\r\n </div>\r\n </basic-container>\r\n</template>\r\n\r\n<script>\r\n import {delObj, fetchMenuTree} from '@/api/admin/menu'\r\n import TableForm from './menu-form'\r\n import {mapGetters} from 'vuex'\r\n\r\n export default {\r\n name: \"Menu\",\r\n components: {TableForm},\r\n data() {\r\n return {\r\n addOrUpdateVisible: false,\r\n // 遮罩层\r\n loading: true,\r\n // 菜单表格树数据\r\n menuList: [],\r\n // 菜单树选项\r\n menuOptions: [],\r\n };\r\n },\r\n created() {\r\n this.getList();\r\n },\r\n computed: {\r\n ...mapGetters(['permissions']),\r\n },\r\n methods: {\r\n addOrUpdateHandle(isEdit, id) {\r\n this.addOrUpdateVisible = true\r\n this.$nextTick(() => {\r\n this.$refs.addOrUpdate.init(isEdit, id)\r\n })\r\n },\r\n getList() {\r\n this.loading = true;\r\n fetchMenuTree(false).then(response => {\r\n this.menuList = response.data.data\r\n this.loading = false;\r\n });\r\n },\r\n handleDelete(row) {\r\n this.$confirm('是否确认删除名称为\"' + row.name + '\"的数据项?', \"警告\", {\r\n confirmButtonText: \"确定\",\r\n cancelButtonText: \"取消\",\r\n type: \"warning\"\r\n }).then(function () {\r\n return delObj(row.id);\r\n }).then(() => {\r\n this.getList();\r\n this.$message.success('删除成功')\r\n })\r\n }\r\n }\r\n };\r\n</script>\r\n"]}]}
|
