fix: cron组件中周回显bug

fuzui

2021-12-16 43d76e599091dc6b79b51f89c79514b50e33ea35

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

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

  <div>

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

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

    <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body @opened="modalOpened"  @close="closeDialog">

      <el-row>

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

          <vue-cropper

@@ -27,7 +27,7 @@
        <el-col :lg="2" :md="2">

          <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>

            </el-button>

          </el-upload>

@@ -110,7 +110,7 @@
    // 上传预处理

    beforeUpload(file) {

      if (file.type.indexOf("image/") == -1) {

        this.msgError("文件格式错误，请上传图片类型,如：JPG，PNG后缀的文件。");

        this.$modal.msgError("文件格式错误，请上传图片类型,如：JPG，PNG后缀的文件。");

      } else {

        const reader = new FileReader();

        reader.readAsDataURL(file);

@@ -128,7 +128,7 @@
          this.open = false;

          this.options.img = process.env.VUE_APP_BASE_API + response.imgUrl;

          store.commit('SET_AVATAR', this.options.img);

          this.msgSuccess("修改成功");

          this.$modal.msgSuccess("修改成功");

          this.visible = false;

        });

      });

@@ -136,6 +136,11 @@
    // 实时预览

    realTime(data) {

      this.previews = data;

    },

    // 关闭窗口

    closeDialog() {

      this.options.img = store.getters.avatar

      this.visible = false;

    }

  }

};

@@ -144,6 +149,7 @@
.user-info-head {

  position: relative;

  display: inline-block;

  height: 120px;

}



.user-info-head:hover:after {