added ESlint 语法检测

2021-06-02 14:11:45 +08:00
parent 3932a8fbf3
commit 2f0465a1a1
94 changed files with 5031 additions and 4790 deletions
@@ -1,21 +1,22 @@
 <template>
  <div>
    <div class="clearflex">
-      <el-button @click="authApiEnter" class="fl-right" size="small" type="primary">确 定</el-button>
+      <el-button class="fl-right" size="small" type="primary" @click="authApiEnter">确 定</el-button>
    </div>
    <el-tree
+      ref="apiTree"
      :data="apiTreeData"
      :default-checked-keys="apiTreeIds"
      :props="apiDefaultProps"
-      @check="nodeChange"
      default-expand-all
      highlight-current
      node-key="onlyId"
-      ref="apiTree"
      show-checkbox
-    ></el-tree>
+      @check="nodeChange"
+    />
  </div>
 </template>
+
 <script>
 import { getAllApis } from '@/api/api'
 import { UpdateCasbin, getPolicyPathByAuthorityId } from '@/api/casbin'
@@ -33,28 +34,43 @@ export default {
    return {
      apiTreeData: [],
      apiTreeIds: [],
-      needConfirm:false,
+      needConfirm: false,
      apiDefaultProps: {
        children: 'children',
        label: 'description'
      }
    }
  },
+  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 && res.data.paths.map(item => {
+      this.apiTreeIds.push('p:' + item.path + 'm:' + item.method)
+    })
+  },
  methods: {
-    nodeChange(){
+    nodeChange() {
      this.needConfirm = true
    },
    // 暴露给外层使用的切换拦截统一方法
-    enterAndNext(){
+    enterAndNext() {
      this.authApiEnter()
    },
    // 创建api树方法
    buildApiTree(apis) {
-      const apiObj = new Object()
+      const apiObj = {}
      apis &&
        apis.map(item => {
-        item.onlyId = "p:"+item.path+"m:"+item.method
-          if (Object.prototype.hasOwnProperty.call(apiObj,item.apiGroup)) {
+          item.onlyId = 'p:' + item.path + 'm:' + item.method
+          if (Object.prototype.hasOwnProperty.call(apiObj, item.apiGroup)) {
            apiObj[item.apiGroup].push(item)
          } else {
            Object.assign(apiObj, { [item.apiGroup]: [item] })
@@ -75,10 +91,10 @@ export default {
    async authApiEnter() {
      const checkArr = this.$refs.apiTree.getCheckedNodes(true)
      var casbinInfos = []
-      checkArr&&checkArr.map(item=>{
+      checkArr && checkArr.map(item => {
        var casbinInfo = {
-          path:item.path,
-          method:item.method
+          path: item.path,
+          method: item.method
        }
        casbinInfos.push(casbinInfo)
      })
@@ -86,27 +102,10 @@ export default {
        authorityId: this.activeUserId,
        casbinInfos
      })
-      if (res.code == 0) {
-        this.$message({ type: 'success', message: "api设置成功" })
+      if (res.code === 0) {
+        this.$message({ type: 'success', message: 'api设置成功' })
      }
    }
-  },
-  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&&res.data.paths.map(item=>{
-      this.apiTreeIds.push("p:"+item.path+"m:"+item.method)
-    })
  }
 }
 </script>
-<style lang="scss">
-</style>
@@ -1,27 +1,21 @@
 <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 class="clearflex" style="margin:18px">
+      <el-button class="fl-right" size="small" type="primary" @click="authDataEnter">确 定</el-button>
+      <el-button class="fl-left" size="small" type="primary" @click="all">全选</el-button>
+      <el-button class="fl-left" size="small" type="primary" @click="self">本角色</el-button>
+      <el-button class="fl-left" size="small" type="primary" @click="selfAndChildren">本角色及子角色</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 v-model="dataAuthorityId" @change="selectAuthority">
+      <el-checkbox v-for="(item,key) in authoritys" :key="key" :label="item">{{ item.authorityName }}</el-checkbox>
    </el-checkbox-group>
  </div>
 </template>
+
 <script>
-import {setDataAuthority} from '@/api/authority'
+import { setDataAuthority } from '@/api/authority'
 export default {
  name: 'Datas',
-  data() {
-    return {
-        authoritys:[],
-        dataAuthorityId:[],
-        needConfirm:false
-    }
-  },
  props: {
    row: {
      default: function() {
@@ -36,69 +30,74 @@ export default {
      type: Array
    }
  },
-  methods:{
-    // 暴露给外层使用的切换拦截统一方法
-      enterAndNext(){
-        this.authDataEnter()
-      },
-      all(){
-         this.dataAuthorityId = [...this.authoritys]
-         this.row.dataAuthorityId = this.dataAuthorityId
-         this.needConfirm = true
-      },
-      self(){
-          this.dataAuthorityId = this.authoritys.filter(item=>item.authorityId===this.row.authorityId)
-          this.row.dataAuthorityId = this.dataAuthorityId
-          this.needConfirm = true
-      },
-      selfAndChildren(){
-         const arrBox = []
-         this.getChildrenId(this.row,arrBox)
-         this.dataAuthorityId = this.authoritys.filter(item=>arrBox.indexOf(item.authorityId)>-1)
-         this.row.dataAuthorityId = this.dataAuthorityId
-         this.needConfirm = true
-      },
-      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.code == 0){
-              this.$message({ type: 'success', message: "资源设置成功" })
-          }
-      },
-    //   平铺角色
-      roundAuthority(authoritys){
-          authoritys&&authoritys.map(item=>{
-              const obj = {}
-              obj.authorityId = item.authorityId
-              obj.authorityName = item.authorityName
-              this.authoritys.push(obj)
-              if(item.children&&item.children.length){
-                  this.roundAuthority(item.children)
-              }
-          })
-      },
-    //   选择
-      selectAuthority(){
-          this.row.dataAuthorityId = this.dataAuthorityId
-          this.needConfirm = true
-      }
+  data() {
+    return {
+      authoritys: [],
+      dataAuthorityId: [],
+      needConfirm: false
+    }
  },
  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)
+    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)
+    })
+  },
+  methods: {
+    // 暴露给外层使用的切换拦截统一方法
+    enterAndNext() {
+      this.authDataEnter()
+    },
+    all() {
+      this.dataAuthorityId = [...this.authoritys]
+      this.row.dataAuthorityId = this.dataAuthorityId
+      this.needConfirm = true
+    },
+    self() {
+      this.dataAuthorityId = this.authoritys.filter(item => item.authorityId === this.row.authorityId)
+      this.row.dataAuthorityId = this.dataAuthorityId
+      this.needConfirm = true
+    },
+    selfAndChildren() {
+      const arrBox = []
+      this.getChildrenId(this.row, arrBox)
+      this.dataAuthorityId = this.authoritys.filter(item => arrBox.indexOf(item.authorityId) > -1)
+      this.row.dataAuthorityId = this.dataAuthorityId
+      this.needConfirm = true
+    },
+    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.code === 0) {
+        this.$message({ type: 'success', message: '资源设置成功' })
+      }
+    },
+    //   平铺角色
+    roundAuthority(authoritys) {
+      authoritys && authoritys.map(item => {
+        const obj = {}
+        obj.authorityId = item.authorityId
+        obj.authorityName = item.authorityName
+        this.authoritys.push(obj)
+        if (item.children && item.children.length) {
+          this.roundAuthority(item.children)
+        }
+      })
+    },
+    //   选择
+    selectAuthority() {
+      this.row.dataAuthorityId = this.dataAuthorityId
+      this.needConfirm = true
+    }
  }
 }
 </script>
-<style lang="less">
-</style>
@@ -1,40 +1,42 @@
 <template>
  <div>
    <div class="clearflex">
-      <el-button @click="relation" class="fl-right" size="small" type="primary">确 定</el-button>
+      <el-button class="fl-right" size="small" type="primary" @click="relation">确 定</el-button>
    </div>
    <el-tree
+      ref="menuTree"
      :data="menuTreeData"
      :default-checked-keys="menuTreeIds"
      :props="menuDefaultProps"
-      @check="nodeChange"
      default-expand-all
      highlight-current
      node-key="ID"
-      ref="menuTree"
      show-checkbox
+      @check="nodeChange"
    >
-     <span class="custom-tree-node" slot-scope="{ node , data }">
+      <span slot-scope="{ node , data }" class="custom-tree-node">
        <span>{{ node.label }}</span>
        <span>
          <el-button
            type="text"
            size="mini"
-            :style="{color:row.defaultRouter == data.name?'#E6A23C':'#85ce61'}"
+            :style="{color:row.defaultRouter === data.name?'#E6A23C':'#85ce61'}"
            :disabled="!node.checked"
-            @click="() => setDefault(data)">
-            {{row.defaultRouter == data.name?"首页":"设为首页"}}
+            @click="() => setDefault(data)"
+          >
+            {{ row.defaultRouter === data.name?"首页":"设为首页" }}
          </el-button>
        </span>
      </span>
    </el-tree>
  </div>
 </template>
+
 <script>
 import { getBaseMenuTree, getMenuAuthority, addMenuAuthority } from '@/api/menu'
 import {
-  updateAuthority,
-} from "@/api/authority";
+  updateAuthority
+} from '@/api/authority'
 export default {
  name: 'Menus',
  props: {
@@ -49,45 +51,15 @@ export default {
    return {
      menuTreeData: [],
      menuTreeIds: [],
-      needConfirm:false,
+      needConfirm: false,
      menuDefaultProps: {
        children: 'children',
-        label: function(data){
+        label: function(data) {
          return data.meta.title
        }
      }
    }
  },
-  methods: {
-    async setDefault(data){
-      const res = await updateAuthority({authorityId: this.row.authorityId,AuthorityName: this.row.authorityName,parentId: this.row.parentId,defaultRouter:data.name})
-      if(res.code == 0){
-        this.$message({type:"success",message:"设置成功"})
-        this.row.defaultRouter = res.data.authority.defaultRouter
-      }
-    },
-    nodeChange(){
-      this.needConfirm = true
-    },
-    // 暴露给外层使用的切换拦截统一方法
-    enterAndNext(){
-      this.relation()
-    },
-    // 关联树 确认方法
-    async relation() {
-      const checkArr = this.$refs.menuTree.getCheckedNodes(false, true)
-      const res = await addMenuAuthority({
-        menus: checkArr,
-        authorityId: this.row.authorityId
-      })
-      if (res.code == 0) {
-        this.$message({
-          type: 'success',
-          message: '菜单设置成功!'
-        })
-      }
-    }
-  },
  async created() {
    // 获取所有菜单树
    const res = await getBaseMenuTree()
@@ -103,8 +75,36 @@ export default {
      }
    })
    this.menuTreeIds = arr
+  },
+  methods: {
+    async setDefault(data) {
+      const res = await updateAuthority({ authorityId: this.row.authorityId, AuthorityName: this.row.authorityName, parentId: this.row.parentId, defaultRouter: data.name })
+      if (res.code === 0) {
+        this.$message({ type: 'success', message: '设置成功' })
+        this.row.defaultRouter = res.data.authority.defaultRouter
+      }
+    },
+    nodeChange() {
+      this.needConfirm = true
+    },
+    // 暴露给外层使用的切换拦截统一方法
+    enterAndNext() {
+      this.relation()
+    },
+    // 关联树 确认方法
+    async relation() {
+      const checkArr = this.$refs.menuTree.getCheckedNodes(false, true)
+      const res = await addMenuAuthority({
+        menus: checkArr,
+        authorityId: this.row.authorityId
+      })
+      if (res.code === 0) {
+        this.$message({
+          type: 'success',
+          message: '菜单设置成功!'
+        })
+      }
+    }
  }
 }
 </script>
-<style lang="scss">
-</style>