gin-vue-admin 2.0代码重构

2020-04-04 21:39:07 +08:00
parent 5ed41ddd8c
commit 1b9adea284
202 changed files with 1240 additions and 1299 deletions
@@ -0,0 +1,99 @@
+<template>
+  <div>
+    <div class="clearflex">
+      <el-button @click="authApiEnter" class="fl-right" size="small" type="primary">确 定</el-button>
+    </div>
+    <el-tree
+      :data="apiTreeData"
+      :default-checked-keys="apiTreeIds"
+      :props="apiDefaultProps"
+      default-expand-all
+      highlight-current
+      node-key="path"
+      ref="apiTree"
+      show-checkbox
+    ></el-tree>
+  </div>
+</template>
+<script>
+import { getAllApis } from '@/api/api'
+import { casbinPUpdate, getPolicyPathByAuthorityId } from '@/api/casbin'
+export default {
+  name: 'Apis',
+  props: {
+    row: {
+      default: function() {
+        return {}
+      },
+      type: Object
+    }
+  },
+  data() {
+    return {
+      apiTreeData: [],
+      apiTreeIds: [],
+      apiDefaultProps: {
+        children: 'children',
+        label: 'description'
+      }
+    }
+  },
+  methods: {
+    // 创建api树方法
+    buildApiTree(apis) {
+      const apiObj = new Object()
+      apis &&
+        apis.map(item => {
+          if (apiObj.hasOwnProperty(item.group)) {
+            apiObj[item.group].push(item)
+          } else {
+            Object.assign(apiObj, { [item.group]: [item] })
+          }
+        })
+      const apiTree = []
+      for (const key in apiObj) {
+        const treeNode = {
+          ID: key,
+          description: key + '组',
+          children: apiObj[key]
+        }
+        apiTree.push(treeNode)
+      }
+      return apiTree
+    },
+    // 关联关系确定
+    async authApiEnter() {
+      const checkArr = this.$refs.apiTree.getCheckedNodes(true)
+      var casbinInfos = []
+      checkArr&&checkArr.map(item=>{
+        var casbinInfo = {
+          path:item.path,
+          method:item.method
+        }
+        casbinInfos.push(casbinInfo)
+      })
+      const res = await casbinPUpdate({
+        authorityId: this.activeUserId,
+        casbinInfos
+      })
+      if (res.success) {
+        this.$message({ type: 'success', message: res.msg })
+      }
+    }
+  },
+  async created() {
+    // 获取api并整理成树结构
+    const res2 = await getAllApis()
+    const apis = res2.data.apis
+    this.apiTreeData = this.buildApiTree(apis)
+
+    const res = await getPolicyPathByAuthorityId({
+      authorityId: this.row.authorityId
+    })
+    this.activeUserId = this.row.authorityId
+    this.apiTreeIds = res.data.paths || []
+  }
+}
+</script>
+<style lang="scss">
+</style>
@@ -0,0 +1,96 @@
+<template>
+  <div>
+      <div class="clearflex" style="margin:18px">
+      <el-button @click="authDataEnter" class="fl-right" size="small" type="primary">确 定</el-button>
+      <el-button @click="all" class="fl-left" size="small" type="primary">全选</el-button>
+      <el-button @click="self" class="fl-left" size="small" type="primary">本部门</el-button>
+      <el-button @click="selfAndChildren" class="fl-left" size="small" type="primary">部门及以下</el-button>
+    </div>
+     <el-checkbox-group v-model="dataAuthorityId" @change="selectAuthority">
+        <el-checkbox v-for="(item,key) in authoritys" :label="item" :key="key">{{item.authorityName}}</el-checkbox>
+    </el-checkbox-group>
+  </div>
+</template>
+<script>
+import {setDataAuthority} from '@/api/authority'
+export default {
+  name: 'Datas',
+  data() {
+    return {
+        authoritys:[],
+        dataAuthorityId:[]
+    }
+  },
+  props: {
+    row: {
+      default: function() {
+        return {}
+      },
+      type: Object
+    },
+    authority: {
+      default: function() {
+        return {}
+      },
+      type: Array
+    }
+  },
+  methods:{
+      all(){
+         this.dataAuthorityId = [...this.authoritys]
+         this.row.dataAuthorityId = this.dataAuthorityId
+
+      },
+      self(){
+          this.dataAuthorityId = this.authoritys.filter(item=>item.authorityId===this.row.authorityId)
+          this.row.dataAuthorityId = this.dataAuthorityId
+      },
+      selfAndChildren(){
+         const arrBox = []
+         this.getChildrenId(this.row,arrBox)
+         this.dataAuthorityId = this.authoritys.filter(item=>arrBox.indexOf(item.authorityId)>-1)
+         this.row.dataAuthorityId = this.dataAuthorityId
+      },
+      getChildrenId(row,arrBox){
+          arrBox.push(row.authorityId)
+          row.children&&row.children.map(item=>{
+              this.getChildrenId(item,arrBox)
+          })
+      },
+    // 提交
+      async authDataEnter(){
+          const res = await setDataAuthority(this.row)
+          if(res.success){
+              this.$message({ type: 'success', message: res.msg })
+          }
+      },
+    //   平铺角色
+      roundAuthority(authoritys){
+          authoritys&&authoritys.map(item=>{
+              const obj = {}
+              obj.authorityId = item.authorityId
+              obj.authorityName = item.authorityName
+              this.authoritys.push(obj)
+              if(item.children.length){
+                  this.roundAuthority(item.children)
+              }
+          })
+      },
+    //   选择
+      selectAuthority(){
+          this.row.dataAuthorityId = this.dataAuthorityId
+      }
+  },
+  created() {
+      this.authoritys = []
+      this.dataAuthorityId = []
+      this.roundAuthority(this.authority)
+      this.row.dataAuthorityId&&this.row.dataAuthorityId.map(item=>{
+          const obj = this.authoritys&&this.authoritys.filter(au=>au.authorityId === item.authorityId)&&this.authoritys.filter(au=>au.authorityId === item.authorityId)[0]
+          this.dataAuthorityId.push(obj)
+      })
+  }
+}
+</script>
+<style lang="less">
+</style>
@@ -0,0 +1,76 @@
+<template>
+  <div>
+    <div class="clearflex">
+      <el-button @click="relation" class="fl-right" size="small" type="primary">确 定</el-button>
+    </div>
+    <el-tree
+      :data="menuTreeData"
+      :default-checked-keys="menuTreeIds"
+      :props="menuDefaultProps"
+      default-expand-all
+      highlight-current
+      node-key="ID"
+      ref="menuTree"
+      show-checkbox
+    ></el-tree>
+  </div>
+</template>
+<script>
+import { getBaseMenuTree, getMenuAuthority, addMenuAuthority } from '@/api/menu'
+
+export default {
+  name: 'Menus',
+  props: {
+    row: {
+      default: function() {
+        return {}
+      },
+      type: Object
+    }
+  },
+  data() {
+    return {
+      menuTreeData: [],
+      menuTreeIds: [],
+      menuDefaultProps: {
+        children: 'children',
+        label: 'nickName'
+      }
+    }
+  },
+  methods: {
+    // 关联树 确认方法
+    async relation() {
+      const checkArr = this.$refs.menuTree.getCheckedNodes(false, true)
+      const res = await addMenuAuthority({
+        menus: checkArr,
+        authorityId: this.row.authorityId
+      })
+      if (res.success) {
+        this.$message({
+          type: 'success',
+          message: '添加成功!'
+        })
+      }
+    }
+  },
+  async created() {
+    // 获取所有菜单树
+    const res = await getBaseMenuTree()
+    this.menuTreeData = res.data.menus
+
+    const res1 = await getMenuAuthority({ authorityId: this.row.authorityId })
+    const menus = res1.data.menus
+    const arr = []
+    menus.map(item => {
+      // 防止直接选中父级造成全选
+      if (!menus.some(same => same.parentId === item.menuId)) {
+        arr.push(Number(item.menuId))
+      }
+    })
+    this.menuTreeIds = arr
+  }
+}
+</script>
+<style lang="scss">
+</style>