<template>
  <div class="userBox">
    <el-form
        :inline="true"
        :model="queryParams"
        ref="queryForm"
        class="demo-form-inline"
        label-width="68px"
      >
        <el-form-item label prop="roleType">
          <el-select
            class="input2"
            v-model="queryParams.roleType"
            placeholder="角色类型"
            clearable
            size="small"
            style="width: 150px"
          >
            <el-option
              v-for="dict in roleTypeArr"
              :key="dict.value"
              :label="dict.label"
              :value="dict.value"
            />
          </el-select>
          </el-form-item>
          </el-form>
  </div>
</template>


<style  scoped>
.userBox {
  width: 100%;
  height: 100%;
}
::v-deep .el-input__inner {
  background: #111658 !important;
  border: 1px solid rgba(25, 186, 139, 0.17) !important;
  color: white !important;
  text-align: center !important;
  letter-spacing: 4px !important;
}
::v-deep .el-input--small {
  font-size:14px !important;
  color: white !important;
}
</style>
<script>
import flexible from "@/layout/flexible.js";
export default {
  data() {
    return {
      //查询参数
      queryParams:{
        roleType:null,

      },
          roleTypeArr:[
             {
          value: 1,
          label: "管理员"
        },
        {
          value: 2,
          label: "操作员"
        },
          ]
    };
  },

  methods: {}
};
</script>