权限控制

src/router/modules/docker.js

@@ -27,7 +27,7 @@ const dockersRouter = {
       path: 'createEnv',
       component: () => import('@/views/docker/createEnv'),
       name: 'CreateEnv',
-      meta: { title: 'createEnv', noCache: true }
+      meta: { title: 'createEnv', noCache: true, roles: ['admin'] }
     },
     {
       path: 'envTemplate',

src/store/modules/user.js

@@ -67,7 +67,8 @@ const user = {
           //   reject('Verification failed, please login again.')
           // }
           const data = response.data
-          data.roles = ['admin']
+          // data.roles = ['admin']
+          data.roles = data.role
 
           if (data.roles && data.roles.length > 0) { // 验证返回的roles是否是一个非空数组
             commit('SET_ROLES', data.roles)

src/views/docker/createEnv.vue

@@ -23,15 +23,16 @@
         </el-card>
       </el-form-item>
     </el-form>
-    <el-button style="margin-right:40px;margin-bottom:40px;float:right" type="primary" @click="createData()">{{ $t('table.confirm') }}</el-button>
+    <el-button v-permission="['admin']" style="margin-right:40px;margin-bottom:40px;float:right" type="primary" @click="createData()">{{ $t('table.confirm') }}</el-button>
   </div>
 </template>
 
 <script>
 import { getAllRepos, getAllEnvTemplate, createEnv } from '@/api/docker'
+import permission from '@/directive/permission/index.js' // 权限判断指令
 
 export default {
-
+  directives: { permission },
   filters: {
     upper: function(value) {
       if (!value) return ''

src/views/docker/envTemplate.vue

@@ -22,14 +22,16 @@
         </el-card>
       </el-form-item>
     </el-form>
-    <el-button style="margin-right:40px;margin-bottom:40px;float:right" type="primary" @click="createData()">{{ $t('table.confirm') }}</el-button>
+    <el-button v-permission="['admin']" style="margin-right:40px;margin-bottom:40px;float:right" type="primary" @click="createData()">{{ $t('table.confirm') }}</el-button>
   </div>
 </template>
 
 <script>
 import { getAllRepos, getAllEnvTemplate, createEnvTemplate } from '@/api/docker'
+import permission from '@/directive/permission/index.js' // 权限判断指令
 
 export default {
+  directives: { permission },
 
   filters: {
     upper: function(value) {