From 3ba8323cb7cc42f1441a41d998dad3e5512dbbae Mon Sep 17 00:00:00 2001 From: zlyx <1242874891@qq.com> Date: 星期一, 30 一月 2023 20:10:16 +0800 Subject: [PATCH] update 修改 BaseEntity 创建人, 修改人字段类型, 修改相关 LambdaQueryWrapper 类型判断 ; update 修改 CreateAndUpdateMetaObjectHandler#insertFill 字段填充保存相关参数id ; --- ruoyi-ui/src/views/system/user/profile/userAvatar.vue | 29 ++++++++++++++++++++++------- 1 files changed, 22 insertions(+), 7 deletions(-) diff --git a/ruoyi-ui/src/views/system/user/profile/userAvatar.vue b/ruoyi-ui/src/views/system/user/profile/userAvatar.vue index d094602..18b23a4 100644 --- a/ruoyi-ui/src/views/system/user/profile/userAvatar.vue +++ b/ruoyi-ui/src/views/system/user/profile/userAvatar.vue @@ -12,6 +12,7 @@ :autoCropWidth="options.autoCropWidth" :autoCropHeight="options.autoCropHeight" :fixedBox="options.fixedBox" + :outputType="options.outputType" @realTime="realTime" v-if="visible" /> @@ -24,7 +25,7 @@ </el-row> <br /> <el-row> - <el-col :lg="2" :md="2"> + <el-col :lg="2" :sm="3" :xs="3"> <el-upload action="#" :http-request="requestUpload" :show-file-list="false" :before-upload="beforeUpload"> <el-button size="small"> 閫夋嫨 @@ -32,19 +33,19 @@ </el-button> </el-upload> </el-col> - <el-col :lg="{span: 1, offset: 2}" :md="2"> + <el-col :lg="{span: 1, offset: 2}" :sm="2" :xs="2"> <el-button icon="el-icon-plus" size="small" @click="changeScale(1)"></el-button> </el-col> - <el-col :lg="{span: 1, offset: 1}" :md="2"> + <el-col :lg="{span: 1, offset: 1}" :sm="2" :xs="2"> <el-button icon="el-icon-minus" size="small" @click="changeScale(-1)"></el-button> </el-col> - <el-col :lg="{span: 1, offset: 1}" :md="2"> + <el-col :lg="{span: 1, offset: 1}" :sm="2" :xs="2"> <el-button icon="el-icon-refresh-left" size="small" @click="rotateLeft()"></el-button> </el-col> - <el-col :lg="{span: 1, offset: 1}" :md="2"> + <el-col :lg="{span: 1, offset: 1}" :sm="2" :xs="2"> <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-col :lg="{span: 2, offset: 6}" :sm="2" :xs="2"> <el-button type="primary" size="small" @click="uploadImg()">鎻� 浜�</el-button> </el-col> </el-row> @@ -56,6 +57,7 @@ import store from "@/store"; import { VueCropper } from "vue-cropper"; import { uploadAvatar } from "@/api/system/user"; +import { debounce } from '@/utils' export default { components: { VueCropper }, @@ -78,9 +80,11 @@ autoCropWidth: 200, // 榛樿鐢熸垚鎴浘妗嗗搴� autoCropHeight: 200, // 榛樿鐢熸垚鎴浘妗嗛珮搴� fixedBox: true, // 鍥哄畾鎴浘妗嗗ぇ灏� 涓嶅厑璁告敼鍙� + outputType:"png", // 榛樿鐢熸垚鎴浘涓篜NG鏍煎紡 filename: '' }, - previews: {} + previews: {}, + resizeHandler: null }; }, methods: { @@ -91,6 +95,16 @@ // 鎵撳紑寮瑰嚭灞傜粨鏉熸椂鐨勫洖璋� modalOpened() { this.visible = true; + if (!this.resizeHandler) { + this.resizeHandler = debounce(() => { + this.refresh() + }, 100) + } + window.addEventListener("resize", this.resizeHandler) + }, + // 鍒锋柊缁勪欢 + refresh() { + this.$refs.cropper.refresh(); }, // 瑕嗙洊榛樿鐨勪笂浼犺涓� requestUpload() { @@ -144,6 +158,7 @@ closeDialog() { this.options.img = store.getters.avatar this.visible = false; + window.removeEventListener("resize", this.resizeHandler) } } }; -- Gitblit v1.9.3