使用vue-data-dict，简化数据字典使用

RuoYi

2021-09-17 12ab8b03d9acb77848c4db9bb0451e77af60acb6

 ruoyi-ui/src/views/system/user/index.vue

@@ -57,10 +57,10 @@
              style="width: 240px"

            >

              <el-option

                v-for="dict in statusOptions"

                :key="dict.dictValue"

                :label="dict.dictLabel"

                :value="dict.dictValue"

                v-for="dict in dict.type.sys_normal_disable"

                :key="dict.value"

                :label="dict.label"

                :value="dict.value"

              />

            </el-select>

          </el-form-item>

@@ -251,10 +251,10 @@
            <el-form-item label="用户性别">

              <el-select v-model="form.sex" placeholder="请选择">

                <el-option

                  v-for="dict in sexOptions"

                  :key="dict.dictValue"

                  :label="dict.dictLabel"

                  :value="dict.dictValue"

                  v-for="dict in dict.type.sys_user_sex"

                  :key="dict.value"

                  :label="dict.label"

                  :value="dict.value"

                ></el-option>

              </el-select>

            </el-form-item>

@@ -263,10 +263,10 @@
            <el-form-item label="状态">

              <el-radio-group v-model="form.status">

                <el-radio

                  v-for="dict in statusOptions"

                  :key="dict.dictValue"

                  :label="dict.dictValue"

                >{{dict.dictLabel}}</el-radio>

                  v-for="dict in dict.type.sys_normal_disable"

                  :key="dict.value"

                  :label="dict.value"

                >{{dict.label}}</el-radio>

              </el-radio-group>

            </el-form-item>

          </el-col>

@@ -354,6 +354,7 @@


export default {

  name: "User",

  dicts: ['sys_normal_disable', 'sys_user_sex'],

  components: { Treeselect },

  data() {

    return {

@@ -385,10 +386,6 @@
      initPassword: undefined,

      // 日期范围

      dateRange: [],

      // 状态数据字典

      statusOptions: [],

      // 性别状态字典

      sexOptions: [],

      // 岗位选项

      postOptions: [],

      // 角色选项

@@ -472,12 +469,6 @@
  created() {

    this.getList();

    this.getTreeselect();

    this.getDicts("sys_normal_disable").then(response => {

      this.statusOptions = response.data;

    });

    this.getDicts("sys_user_sex").then(response => {

      this.sexOptions = response.data;

    });

    this.getConfigKey("sys.user.initPassword").then(response => {

      this.initPassword = response.msg;

    });