{"remainingRequest":"D:\\jiayue\\pig-ui\\node_modules\\babel-loader\\lib\\index.js!D:\\jiayue\\pig-ui\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\jiayue\\pig-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jiayue\\pig-ui\\src\\views\\admin\\menu\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jiayue\\pig-ui\\src\\views\\admin\\menu\\index.vue","mtime":1619070292888},{"path":"D:\\jiayue\\pig-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jiayue\\pig-ui\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\jiayue\\pig-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jiayue\\pig-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["import \"core-js/modules/es7.object.get-own-property-descriptors\";\nimport \"core-js/modules/web.dom.iterable\";\nimport \"core-js/modules/es6.object.keys\";\nimport \"core-js/modules/es6.function.name\";\nimport _defineProperty from \"D:/jiayue/pig-ui/node_modules/@babel/runtime/helpers/esm/defineProperty\";\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\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//\n//\nimport { delObj, fetchMenuTree } from '@/api/admin/menu';\nimport TableForm from \"./menu-form\";\nimport { mapGetters } from 'vuex';\nexport default {\n  name: \"Menu\",\n  components: {\n    TableForm: TableForm\n  },\n  data: function data() {\n    return {\n      addOrUpdateVisible: false,\n      // 遮罩层\n      loading: true,\n      // 菜单表格树数据\n      menuList: [],\n      // 菜单树选项\n      menuOptions: []\n    };\n  },\n  created: function created() {\n    this.getList();\n  },\n  computed: _objectSpread({}, mapGetters(['permissions'])),\n  methods: {\n    addOrUpdateHandle: function addOrUpdateHandle(isEdit, id) {\n      var _this = this;\n\n      this.addOrUpdateVisible = true;\n      this.$nextTick(function () {\n        _this.$refs.addOrUpdate.init(isEdit, id);\n      });\n    },\n    getList: function getList() {\n      var _this2 = this;\n\n      this.loading = true;\n      fetchMenuTree(false).then(function (response) {\n        _this2.menuList = response.data.data;\n        _this2.loading = false;\n      });\n    },\n    handleDelete: function handleDelete(row) {\n      var _this3 = this;\n\n      this.$confirm('是否确认删除名称为\"' + row.name + '\"的数据项?', \"警告\", {\n        confirmButtonText: \"确定\",\n        cancelButtonText: \"取消\",\n        type: \"warning\"\n      }).then(function () {\n        return delObj(row.id);\n      }).then(function () {\n        _this3.getList();\n\n        _this3.$message.success('删除成功');\n      });\n    }\n  }\n};",{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiEA,SAAA,MAAA,EAAA,aAAA,QAAA,kBAAA;AACA,OAAA,SAAA;AACA,SAAA,UAAA,QAAA,MAAA;AAEA,eAAA;AACA,EAAA,IAAA,EAAA,MADA;AAEA,EAAA,UAAA,EAAA;AAAA,IAAA,SAAA,EAAA;AAAA,GAFA;AAGA,EAAA,IAHA,kBAGA;AACA,WAAA;AACA,MAAA,kBAAA,EAAA,KADA;AAEA;AACA,MAAA,OAAA,EAAA,IAHA;AAIA;AACA,MAAA,QAAA,EAAA,EALA;AAMA;AACA,MAAA,WAAA,EAAA;AAPA,KAAA;AASA,GAbA;AAcA,EAAA,OAdA,qBAcA;AACA,SAAA,OAAA;AACA,GAhBA;AAiBA,EAAA,QAAA,oBACA,UAAA,CAAA,CAAA,aAAA,CAAA,CADA,CAjBA;AAoBA,EAAA,OAAA,EAAA;AACA,IAAA,iBADA,6BACA,MADA,EACA,EADA,EACA;AAAA;;AACA,WAAA,kBAAA,GAAA,IAAA;AACA,WAAA,SAAA,CAAA,YAAA;AACA,QAAA,KAAA,CAAA,KAAA,CAAA,WAAA,CAAA,IAAA,CAAA,MAAA,EAAA,EAAA;AACA,OAFA;AAGA,KANA;AAOA,IAAA,OAPA,qBAOA;AAAA;;AACA,WAAA,OAAA,GAAA,IAAA;AACA,MAAA,aAAA,CAAA,KAAA,CAAA,CAAA,IAAA,CAAA,UAAA,QAAA,EAAA;AACA,QAAA,MAAA,CAAA,QAAA,GAAA,QAAA,CAAA,IAAA,CAAA,IAAA;AACA,QAAA,MAAA,CAAA,OAAA,GAAA,KAAA;AACA,OAHA;AAIA,KAbA;AAcA,IAAA,YAdA,wBAcA,GAdA,EAcA;AAAA;;AACA,WAAA,QAAA,CAAA,eAAA,GAAA,CAAA,IAAA,GAAA,QAAA,EAAA,IAAA,EAAA;AACA,QAAA,iBAAA,EAAA,IADA;AAEA,QAAA,gBAAA,EAAA,IAFA;AAGA,QAAA,IAAA,EAAA;AAHA,OAAA,EAIA,IAJA,CAIA,YAAA;AACA,eAAA,MAAA,CAAA,GAAA,CAAA,EAAA,CAAA;AACA,OANA,EAMA,IANA,CAMA,YAAA;AACA,QAAA,MAAA,CAAA,OAAA;;AACA,QAAA,MAAA,CAAA,QAAA,CAAA,OAAA,CAAA,MAAA;AACA,OATA;AAUA;AAzBA;AApBA,CAAA","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"],"sourceRoot":"src/views/admin/menu"}]}