角色编码改为角色类型

src/views/modules/sys/role-add-or-update.vue

@@ -13,10 +13,10 @@
         <el-input v-model="dataForm.name"
                   :placeholder="$t('role.name')"></el-input>
       </el-form-item>
-      <el-form-item label="角色编码">
+      <el-form-item label="角色类型">
-        <el-select v-model="dataForm.code"
+        <el-select v-model="dataForm.typeKey"
-                   placeholder="角色编码">
+                   placeholder="角色类型">
-          <el-option v-for="item in roleCodeList"
+          <el-option v-for="item in roleTypeList"
                      :key="item.dictValue"
                      :label="item.dictName"
                      :value="item.dictValue">
@@ -71,14 +71,14 @@ export default {
       visible: false,
       menuList: [],
       deptList: [],
-      roleCodeList: [],
+      roleTypeList: [],
       dataForm: {
         id: '',
         name: '',
         menuIdList: [],
         deptIdList: [],
         remark: '',
-        code: ''
+        typeKey: ''
       }
     }
   },
@@ -92,7 +92,7 @@ export default {
     }
   },
   created () {
-    this.getRoleCodeList()
+    this.getRoleTypeList()
   },
   methods: {
     init () {
@@ -170,12 +170,12 @@ export default {
         }).catch(() => { })
       })
     }, 1000, { 'leading': true, 'trailing': false }),
-    getRoleCodeList () {
+    getRoleTypeList () {
-      this.$http.get(`/sys/dict/listSimple/sysRoleCode`).then(({ data: res }) => {
+      this.$http.get(`/sys/dict/listSimple/sysRoleType`).then(({ data: res }) => {
         if (res.code !== 0) {
           return this.$message.error(res.msg)
         }
-        this.roleCodeList = res.data
+        this.roleTypeList = res.data
       }).catch(() => { })
     }
   }

src/views/modules/sys/role.vue

@@ -38,10 +38,11 @@
                          :label="$t('role.name')"
                          header-align="center"
                          align="center"></el-table-column>
-        <el-table-column prop="code"
+        <el-table-column prop="typeKey"
-                         label="角色编码"
+                         label="角色类型"
                          header-align="center"
-                         align="center"></el-table-column>
+                         align="center"
+                         :formatter="showRoleTypeFormatter"></el-table-column>
         <el-table-column prop="remark"
                          :label="$t('role.remark')"
                          header-align="center"
@@ -100,11 +101,34 @@ export default {
       },
       dataForm: {
         name: ''
-      }
+      },
+      sysRoleTypeList: []
     }
   },
+  created () {
+    this.getSysRoleTypeList()
+  },
   components: {
     AddOrUpdate
+  },
+  methods: {
+    getSysRoleTypeList () {
+      this.$http.get(`/sys/dict/listSimple/sysRoleType`).then(({ data: res }) => {
+        if (res.code !== 0) {
+          return this.$message.error(res.msg)
+        }
+        this.sysRoleTypeList = res.data
+      }).catch(() => { })
+    },
+    showRoleTypeFormatter: function (row, column) {
+      if (row.typeKey) {
+        let dict = this.sysRoleTypeList.filter(item => item.dictValue === row.typeKey)[0]
+        if (dict) {
+          return dict.dictName
+        }
+      }
+      return ''
+    }
   }
 }
 </script>