<template>
  <div>
    <el-dialog title="Change Role" :visible.sync="isShow" width="40%">
      <div class="flex-row-center">
        <div style="width: 180px">select</div>
        <el-select v-model="changeItem.role">
          <el-option
            v-for="item in options"
            :key="item.id"
            :label="item.name"
            :value="item.id"
          >
          </el-option>
        </el-select>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="isShow = false">取 消</el-button>
        <el-button type="primary" @click="submit()">确 定</el-button>
      </span>
    </el-dialog>
  </div>
</template>
<script>
export default {
  data() {
    return {
      isShow: false,
      changeItem: {},
      options: [
        {
          id: "1",
          name: "Role Admin",
        },
        {
          id: "2",
          name: "Role Admin2",
        },
      ],
    };
  },
  methods: {
    show(item) {
      this.isShow = true;
      this.changeItem = item;
    },
    submit() {},
  },
};
</script>
