{"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"]}]}