网格长编码

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

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