用户管理角色选择权限控制

RuoYi

2020-04-21 d452ddf5f00f9f7f7a8de12c02adb725f4be2f12

 ruoyi-ui/src/views/system/user/profile/userAvatar.vue

@@ -1,7 +1,7 @@
<template>

  <div>

    <img v-bind:src="options.img" @click="editCropper()" title="点击上传头像" class="img-circle img-lg" />

    <el-dialog :title="title" :visible.sync="open" width="800px">

    <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body>

      <el-row>

        <el-col :xs="24" :md="12" :style="{height: '350px'}">

          <vue-cropper

@@ -24,7 +24,7 @@
      <br />

      <el-row>

        <el-col :lg="2" :md="2">

          <el-upload :show-file-list="false" :before-upload="beforeUpload">

          <el-upload action="#" :http-request="requestUpload" :show-file-list="false" :before-upload="beforeUpload">

            <el-button size="small">

              上传

              <i class="el-icon-upload el-icon--right"></i>

@@ -44,7 +44,7 @@
          <el-button icon="el-icon-refresh-right" size="small" @click="rotateRight()"></el-button>

        </el-col>

        <el-col :lg="{span: 2, offset: 6}" :md="2">

          <el-button type="primary" size="small" @click="uploadImg()">上 传</el-button>

          <el-button type="primary" size="small" @click="uploadImg()">提 交</el-button>

        </el-col>

      </el-row>

    </el-dialog>

@@ -84,6 +84,9 @@
    editCropper() {

      this.open = true;

    },

    // 覆盖默认的上传行为

    requestUpload() {

    },

    // 向左旋转

    rotateLeft() {

      this.$refs.cropper.rotateLeft();