1 line
6.0 KiB
JSON
1 line
6.0 KiB
JSON
{"remainingRequest":"/Users/kang/Gitea/vue-element-admin/node_modules/babel-loader/lib/index.js!/Users/kang/Gitea/vue-element-admin/node_modules/cache-loader/dist/cjs.js??ref--0-0!/Users/kang/Gitea/vue-element-admin/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/kang/Gitea/vue-element-admin/src/views/permission/directive.vue?vue&type=script&lang=js","dependencies":[{"path":"/Users/kang/Gitea/vue-element-admin/src/views/permission/directive.vue","mtime":1754409279873},{"path":"/Users/kang/Gitea/vue-element-admin/babel.config.js","mtime":1754409277597},{"path":"/Users/kang/Gitea/vue-element-admin/node_modules/cache-loader/dist/cjs.js","mtime":1754409278035},{"path":"/Users/kang/Gitea/vue-element-admin/node_modules/babel-loader/lib/index.js","mtime":1754409277911},{"path":"/Users/kang/Gitea/vue-element-admin/node_modules/cache-loader/dist/cjs.js","mtime":1754409278035},{"path":"/Users/kang/Gitea/vue-element-admin/node_modules/vue-loader/lib/index.js","mtime":1754409279720}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCmltcG9ydCBwZXJtaXNzaW9uIGZyb20gJ0AvZGlyZWN0aXZlL3Blcm1pc3Npb24vaW5kZXguanMnOyAvLyDmnYPpmZDliKTmlq3mjIfku6QKaW1wb3J0IGNoZWNrUGVybWlzc2lvbiBmcm9tICdAL3V0aWxzL3Blcm1pc3Npb24nOyAvLyDmnYPpmZDliKTmlq3lh73mlbAKaW1wb3J0IFN3aXRjaFJvbGVzIGZyb20gJy4vY29tcG9uZW50cy9Td2l0Y2hSb2xlcyc7CmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAnRGlyZWN0aXZlUGVybWlzc2lvbicsCiAgY29tcG9uZW50czogewogICAgU3dpdGNoUm9sZXM6IFN3aXRjaFJvbGVzCiAgfSwKICBkaXJlY3RpdmVzOiB7CiAgICBwZXJtaXNzaW9uOiBwZXJtaXNzaW9uCiAgfSwKICBkYXRhOiBmdW5jdGlvbiBkYXRhKCkgewogICAgcmV0dXJuIHsKICAgICAga2V5OiAxIC8vIOS4uuS6huiDveavj+asoeWIh+aNouadg+mZkOeahOaXtuWAmemHjeaWsOWIneWni+WMluaMh+S7pAogICAgfTsKICB9LAogIG1ldGhvZHM6IHsKICAgIGNoZWNrUGVybWlzc2lvbjogY2hlY2tQZXJtaXNzaW9uLAogICAgaGFuZGxlUm9sZXNDaGFuZ2U6IGZ1bmN0aW9uIGhhbmRsZVJvbGVzQ2hhbmdlKCkgewogICAgICB0aGlzLmtleSsrOwogICAgfQogIH0KfTs="},{"version":3,"names":["permission","checkPermission","SwitchRoles","name","components","directives","data","key","methods","handleRolesChange"],"sources":["src/views/permission/directive.vue"],"sourcesContent":["<template>\n <div class=\"app-container\">\n <switch-roles @change=\"handleRolesChange\" />\n <div :key=\"key\" style=\"margin-top:30px;\">\n <div>\n <span v-permission=\"['admin']\" class=\"permission-alert\">\n Only\n <el-tag class=\"permission-tag\" size=\"small\">admin</el-tag> can see this\n </span>\n <el-tag v-permission=\"['admin']\" class=\"permission-sourceCode\" type=\"info\">\n v-permission=\"['admin']\"\n </el-tag>\n </div>\n\n <div>\n <span v-permission=\"['editor']\" class=\"permission-alert\">\n Only\n <el-tag class=\"permission-tag\" size=\"small\">editor</el-tag> can see this\n </span>\n <el-tag v-permission=\"['editor']\" class=\"permission-sourceCode\" type=\"info\">\n v-permission=\"['editor']\"\n </el-tag>\n </div>\n\n <div>\n <span v-permission=\"['admin','editor']\" class=\"permission-alert\">\n Both\n <el-tag class=\"permission-tag\" size=\"small\">admin</el-tag> and\n <el-tag class=\"permission-tag\" size=\"small\">editor</el-tag> can see this\n </span>\n <el-tag v-permission=\"['admin','editor']\" class=\"permission-sourceCode\" type=\"info\">\n v-permission=\"['admin','editor']\"\n </el-tag>\n </div>\n </div>\n\n <div :key=\"'checkPermission'+key\" style=\"margin-top:60px;\">\n <aside>\n {{ $t('permission.tips') }}\n <br> e.g.\n </aside>\n\n <el-tabs type=\"border-card\" style=\"width:550px;\">\n <el-tab-pane v-if=\"checkPermission(['admin'])\" label=\"Admin\">\n Admin can see this\n <el-tag class=\"permission-sourceCode\" type=\"info\">\n v-if=\"checkPermission(['admin'])\"\n </el-tag>\n </el-tab-pane>\n\n <el-tab-pane v-if=\"checkPermission(['editor'])\" label=\"Editor\">\n Editor can see this\n <el-tag class=\"permission-sourceCode\" type=\"info\">\n v-if=\"checkPermission(['editor'])\"\n </el-tag>\n </el-tab-pane>\n\n <el-tab-pane v-if=\"checkPermission(['admin','editor'])\" label=\"Admin-OR-Editor\">\n Both admin or editor can see this\n <el-tag class=\"permission-sourceCode\" type=\"info\">\n v-if=\"checkPermission(['admin','editor'])\"\n </el-tag>\n </el-tab-pane>\n </el-tabs>\n </div>\n </div>\n</template>\n\n<script>\nimport permission from '@/directive/permission/index.js' // 权限判断指令\nimport checkPermission from '@/utils/permission' // 权限判断函数\nimport SwitchRoles from './components/SwitchRoles'\n\nexport default {\n name: 'DirectivePermission',\n components: { SwitchRoles },\n directives: { permission },\n data() {\n return {\n key: 1 // 为了能每次切换权限的时候重新初始化指令\n }\n },\n methods: {\n checkPermission,\n handleRolesChange() {\n this.key++\n }\n }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.app-container {\n ::v-deep .permission-alert {\n width: 320px;\n margin-top: 15px;\n background-color: #f0f9eb;\n color: #67c23a;\n padding: 8px 16px;\n border-radius: 4px;\n display: inline-block;\n }\n ::v-deep .permission-sourceCode {\n margin-left: 15px;\n }\n ::v-deep .permission-tag {\n background-color: #ecf5ff;\n }\n}\n</style>\n\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqEA,OAAAA,UAAA;AACA,OAAAC,eAAA;AACA,OAAAC,WAAA;AAEA;EACAC,IAAA;EACAC,UAAA;IAAAF,WAAA,EAAAA;EAAA;EACAG,UAAA;IAAAL,UAAA,EAAAA;EAAA;EACAM,IAAA,WAAAA,KAAA;IACA;MACAC,GAAA;IACA;EACA;EACAC,OAAA;IACAP,eAAA,EAAAA,eAAA;IACAQ,iBAAA,WAAAA,kBAAA;MACA,KAAAF,GAAA;IACA;EACA;AACA","ignoreList":[]}]} |