You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
12 KiB
1 lines
12 KiB
{"remainingRequest":"F:\\workspace\\gcy\\RK-html\\RK-project\\ruoyi-ui\\node_modules\\babel-loader\\lib\\index.js!F:\\workspace\\gcy\\RK-html\\RK-project\\ruoyi-ui\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!F:\\workspace\\gcy\\RK-html\\RK-project\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!F:\\workspace\\gcy\\RK-html\\RK-project\\ruoyi-ui\\src\\views\\system\\user\\profile\\userAvatar.vue?vue&type=script&lang=js&","dependencies":[{"path":"F:\\workspace\\gcy\\RK-html\\RK-project\\ruoyi-ui\\src\\views\\system\\user\\profile\\userAvatar.vue","mtime":1634007171538},{"path":"F:\\workspace\\gcy\\RK-html\\RK-project\\ruoyi-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"F:\\workspace\\gcy\\RK-html\\RK-project\\ruoyi-ui\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"F:\\workspace\\gcy\\RK-html\\RK-project\\ruoyi-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"F:\\workspace\\gcy\\RK-html\\RK-project\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:InVzZSBzdHJpY3QiOwoKdmFyIF9pbnRlcm9wUmVxdWlyZURlZmF1bHQgPSByZXF1aXJlKCJGOi93b3Jrc3BhY2UvZ2N5L1JLLWh0bWwvUkstcHJvamVjdC9ydW95aS11aS9ub2RlX21vZHVsZXMvQGJhYmVsL3J1bnRpbWUvaGVscGVycy9pbnRlcm9wUmVxdWlyZURlZmF1bHQiKS5kZWZhdWx0OwoKT2JqZWN0LmRlZmluZVByb3BlcnR5KGV4cG9ydHMsICJfX2VzTW9kdWxlIiwgewogIHZhbHVlOiB0cnVlCn0pOwpleHBvcnRzLmRlZmF1bHQgPSB2b2lkIDA7Cgp2YXIgX3N0b3JlID0gX2ludGVyb3BSZXF1aXJlRGVmYXVsdChyZXF1aXJlKCJAL3N0b3JlIikpOwoKdmFyIF92dWVDcm9wcGVyID0gcmVxdWlyZSgidnVlLWNyb3BwZXIiKTsKCnZhciBfdXNlciA9IHJlcXVpcmUoIkAvYXBpL3N5c3RlbS91c2VyIik7CgovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwp2YXIgX2RlZmF1bHQgPSB7CiAgY29tcG9uZW50czogewogICAgVnVlQ3JvcHBlcjogX3Z1ZUNyb3BwZXIuVnVlQ3JvcHBlcgogIH0sCiAgcHJvcHM6IHsKICAgIHVzZXI6IHsKICAgICAgdHlwZTogT2JqZWN0CiAgICB9CiAgfSwKICBkYXRhOiBmdW5jdGlvbiBkYXRhKCkgewogICAgcmV0dXJuIHsKICAgICAgLy8g5piv5ZCm5pi+56S65by55Ye65bGCCiAgICAgIG9wZW46IGZhbHNlLAogICAgICAvLyDmmK/lkKbmmL7npLpjcm9wcGVyCiAgICAgIHZpc2libGU6IGZhbHNlLAogICAgICAvLyDlvLnlh7rlsYLmoIfpopgKICAgICAgdGl0bGU6ICLkv67mlLnlpLTlg48iLAogICAgICBvcHRpb25zOiB7CiAgICAgICAgaW1nOiBfc3RvcmUuZGVmYXVsdC5nZXR0ZXJzLmF2YXRhciwKICAgICAgICAvL+ijgeWJquWbvueJh+eahOWcsOWdgAogICAgICAgIGF1dG9Dcm9wOiB0cnVlLAogICAgICAgIC8vIOaYr+WQpum7mOiupOeUn+aIkOaIquWbvuahhgogICAgICAgIGF1dG9Dcm9wV2lkdGg6IDIwMCwKICAgICAgICAvLyDpu5jorqTnlJ/miJDmiKrlm77moYblrr3luqYKICAgICAgICBhdXRvQ3JvcEhlaWdodDogMjAwLAogICAgICAgIC8vIOm7mOiupOeUn+aIkOaIquWbvuahhumrmOW6pgogICAgICAgIGZpeGVkQm94OiB0cnVlIC8vIOWbuuWumuaIquWbvuahhuWkp+WwjyDkuI3lhYHorrjmlLnlj5gKCiAgICAgIH0sCiAgICAgIHByZXZpZXdzOiB7fQogICAgfTsKICB9LAogIG1ldGhvZHM6IHsKICAgIC8vIOe8lui+keWktOWDjwogICAgZWRpdENyb3BwZXI6IGZ1bmN0aW9uIGVkaXRDcm9wcGVyKCkgewogICAgICB0aGlzLm9wZW4gPSB0cnVlOwogICAgfSwKICAgIC8vIOaJk+W8gOW8ueWHuuWxgue7k+adn+aXtueahOWbnuiwgwogICAgbW9kYWxPcGVuZWQ6IGZ1bmN0aW9uIG1vZGFsT3BlbmVkKCkgewogICAgICB0aGlzLnZpc2libGUgPSB0cnVlOwogICAgfSwKICAgIC8vIOimhueblum7mOiupOeahOS4iuS8oOihjOS4ugogICAgcmVxdWVzdFVwbG9hZDogZnVuY3Rpb24gcmVxdWVzdFVwbG9hZCgpIHt9LAogICAgLy8g5ZCR5bem5peL6L2sCiAgICByb3RhdGVMZWZ0OiBmdW5jdGlvbiByb3RhdGVMZWZ0KCkgewogICAgICB0aGlzLiRyZWZzLmNyb3BwZXIucm90YXRlTGVmdCgpOwogICAgfSwKICAgIC8vIOWQkeWPs+aXi+i9rAogICAgcm90YXRlUmlnaHQ6IGZ1bmN0aW9uIHJvdGF0ZVJpZ2h0KCkgewogICAgICB0aGlzLiRyZWZzLmNyb3BwZXIucm90YXRlUmlnaHQoKTsKICAgIH0sCiAgICAvLyDlm77niYfnvKnmlL4KICAgIGNoYW5nZVNjYWxlOiBmdW5jdGlvbiBjaGFuZ2VTY2FsZShudW0pIHsKICAgICAgbnVtID0gbnVtIHx8IDE7CiAgICAgIHRoaXMuJHJlZnMuY3JvcHBlci5jaGFuZ2VTY2FsZShudW0pOwogICAgfSwKICAgIC8vIOS4iuS8oOmihOWkhOeQhgogICAgYmVmb3JlVXBsb2FkOiBmdW5jdGlvbiBiZWZvcmVVcGxvYWQoZmlsZSkgewogICAgICB2YXIgX3RoaXMgPSB0aGlzOwoKICAgICAgaWYgKGZpbGUudHlwZS5pbmRleE9mKCJpbWFnZS8iKSA9PSAtMSkgewogICAgICAgIHRoaXMubXNnRXJyb3IoIuaWh+S7tuagvOW8j+mUmeivr++8jOivt+S4iuS8oOWbvueJh+exu+WeiyzlpoLvvJpKUEfvvIxQTkflkI7nvIDnmoTmlofku7bjgIIiKTsKICAgICAgfSBlbHNlIHsKICAgICAgICB2YXIgcmVhZGVyID0gbmV3IEZpbGVSZWFkZXIoKTsKICAgICAgICByZWFkZXIucmVhZEFzRGF0YVVSTChmaWxlKTsKCiAgICAgICAgcmVhZGVyLm9ubG9hZCA9IGZ1bmN0aW9uICgpIHsKICAgICAgICAgIF90aGlzLm9wdGlvbnMuaW1nID0gcmVhZGVyLnJlc3VsdDsKICAgICAgICB9OwogICAgICB9CiAgICB9LAogICAgLy8g5LiK5Lyg5Zu+54mHCiAgICB1cGxvYWRJbWc6IGZ1bmN0aW9uIHVwbG9hZEltZygpIHsKICAgICAgdmFyIF90aGlzMiA9IHRoaXM7CgogICAgICB0aGlzLiRyZWZzLmNyb3BwZXIuZ2V0Q3JvcEJsb2IoZnVuY3Rpb24gKGRhdGEpIHsKICAgICAgICB2YXIgZm9ybURhdGEgPSBuZXcgRm9ybURhdGEoKTsKICAgICAgICBmb3JtRGF0YS5hcHBlbmQoImF2YXRhcmZpbGUiLCBkYXRhKTsKICAgICAgICAoMCwgX3VzZXIudXBsb2FkQXZhdGFyKShmb3JtRGF0YSkudGhlbihmdW5jdGlvbiAocmVzcG9uc2UpIHsKICAgICAgICAgIGlmIChyZXNwb25zZS5jb2RlID09PSAyMDApIHsKICAgICAgICAgICAgX3RoaXMyLm9wZW4gPSBmYWxzZTsKICAgICAgICAgICAgX3RoaXMyLm9wdGlvbnMuaW1nID0gcHJvY2Vzcy5lbnYuVlVFX0FQUF9CQVNFX0FQSSArIHJlc3BvbnNlLmltZ1VybDsKCiAgICAgICAgICAgIF9zdG9yZS5kZWZhdWx0LmNvbW1pdCgnU0VUX0FWQVRBUicsIF90aGlzMi5vcHRpb25zLmltZyk7CgogICAgICAgICAgICBfdGhpczIubXNnU3VjY2Vzcygi5L+u5pS55oiQ5YqfIik7CiAgICAgICAgICB9CgogICAgICAgICAgX3RoaXMyLnZpc2libGUgPSBmYWxzZTsKICAgICAgICB9KTsKICAgICAgfSk7CiAgICB9LAogICAgLy8g5a6e5pe26aKE6KeICiAgICByZWFsVGltZTogZnVuY3Rpb24gcmVhbFRpbWUoZGF0YSkgewogICAgICB0aGlzLnByZXZpZXdzID0gZGF0YTsKICAgIH0KICB9Cn07CmV4cG9ydHMuZGVmYXVsdCA9IF9kZWZhdWx0Ow=="},{"version":3,"sources":["userAvatar.vue"],"names":[],"mappings":";;;;;;;;;AAuDA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAEA;AACA,EAAA,UAAA,EAAA;AAAA,IAAA,UAAA,EAAA;AAAA,GADA;AAEA,EAAA,KAAA,EAAA;AACA,IAAA,IAAA,EAAA;AACA,MAAA,IAAA,EAAA;AADA;AADA,GAFA;AAOA,EAAA,IAPA,kBAOA;AACA,WAAA;AACA;AACA,MAAA,IAAA,EAAA,KAFA;AAGA;AACA,MAAA,OAAA,EAAA,KAJA;AAKA;AACA,MAAA,KAAA,EAAA,MANA;AAOA,MAAA,OAAA,EAAA;AACA,QAAA,GAAA,EAAA,eAAA,OAAA,CAAA,MADA;AACA;AACA,QAAA,QAAA,EAAA,IAFA;AAEA;AACA,QAAA,aAAA,EAAA,GAHA;AAGA;AACA,QAAA,cAAA,EAAA,GAJA;AAIA;AACA,QAAA,QAAA,EAAA,IALA,CAKA;;AALA,OAPA;AAcA,MAAA,QAAA,EAAA;AAdA,KAAA;AAgBA,GAxBA;AAyBA,EAAA,OAAA,EAAA;AACA;AACA,IAAA,WAFA,yBAEA;AACA,WAAA,IAAA,GAAA,IAAA;AACA,KAJA;AAKA;AACA,IAAA,WANA,yBAMA;AACA,WAAA,OAAA,GAAA,IAAA;AACA,KARA;AASA;AACA,IAAA,aAVA,2BAUA,CACA,CAXA;AAYA;AACA,IAAA,UAbA,wBAaA;AACA,WAAA,KAAA,CAAA,OAAA,CAAA,UAAA;AACA,KAfA;AAgBA;AACA,IAAA,WAjBA,yBAiBA;AACA,WAAA,KAAA,CAAA,OAAA,CAAA,WAAA;AACA,KAnBA;AAoBA;AACA,IAAA,WArBA,uBAqBA,GArBA,EAqBA;AACA,MAAA,GAAA,GAAA,GAAA,IAAA,CAAA;AACA,WAAA,KAAA,CAAA,OAAA,CAAA,WAAA,CAAA,GAAA;AACA,KAxBA;AAyBA;AACA,IAAA,YA1BA,wBA0BA,IA1BA,EA0BA;AAAA;;AACA,UAAA,IAAA,CAAA,IAAA,CAAA,OAAA,CAAA,QAAA,KAAA,CAAA,CAAA,EAAA;AACA,aAAA,QAAA,CAAA,gCAAA;AACA,OAFA,MAEA;AACA,YAAA,MAAA,GAAA,IAAA,UAAA,EAAA;AACA,QAAA,MAAA,CAAA,aAAA,CAAA,IAAA;;AACA,QAAA,MAAA,CAAA,MAAA,GAAA,YAAA;AACA,UAAA,KAAA,CAAA,OAAA,CAAA,GAAA,GAAA,MAAA,CAAA,MAAA;AACA,SAFA;AAGA;AACA,KApCA;AAqCA;AACA,IAAA,SAtCA,uBAsCA;AAAA;;AACA,WAAA,KAAA,CAAA,OAAA,CAAA,WAAA,CAAA,UAAA,IAAA,EAAA;AACA,YAAA,QAAA,GAAA,IAAA,QAAA,EAAA;AACA,QAAA,QAAA,CAAA,MAAA,CAAA,YAAA,EAAA,IAAA;AACA,gCAAA,QAAA,EAAA,IAAA,CAAA,UAAA,QAAA,EAAA;AACA,cAAA,QAAA,CAAA,IAAA,KAAA,GAAA,EAAA;AACA,YAAA,MAAA,CAAA,IAAA,GAAA,KAAA;AACA,YAAA,MAAA,CAAA,OAAA,CAAA,GAAA,GAAA,OAAA,CAAA,GAAA,CAAA,gBAAA,GAAA,QAAA,CAAA,MAAA;;AACA,2BAAA,MAAA,CAAA,YAAA,EAAA,MAAA,CAAA,OAAA,CAAA,GAAA;;AACA,YAAA,MAAA,CAAA,UAAA,CAAA,MAAA;AACA;;AACA,UAAA,MAAA,CAAA,OAAA,GAAA,KAAA;AACA,SARA;AASA,OAZA;AAaA,KApDA;AAqDA;AACA,IAAA,QAtDA,oBAsDA,IAtDA,EAsDA;AACA,WAAA,QAAA,GAAA,IAAA;AACA;AAxDA;AAzBA,C","sourcesContent":["<template>\n <div>\n <img v-bind:src=\"options.img\" @click=\"editCropper()\" title=\"点击上传头像\" class=\"img-circle img-lg\" />\n <el-dialog :title=\"title\" :visible.sync=\"open\" width=\"800px\" append-to-body @opened=\"modalOpened\">\n <el-row>\n <el-col :xs=\"24\" :md=\"12\" :style=\"{height: '350px'}\">\n <vue-cropper\n ref=\"cropper\"\n :img=\"options.img\"\n :info=\"true\"\n :autoCrop=\"options.autoCrop\"\n :autoCropWidth=\"options.autoCropWidth\"\n :autoCropHeight=\"options.autoCropHeight\"\n :fixedBox=\"options.fixedBox\"\n @realTime=\"realTime\"\n v-if=\"visible\"\n />\n </el-col>\n <el-col :xs=\"24\" :md=\"12\" :style=\"{height: '350px'}\">\n <div class=\"avatar-upload-preview\">\n <img :src=\"previews.url\" :style=\"previews.img\" />\n </div>\n </el-col>\n </el-row>\n <br />\n <el-row>\n <el-col :lg=\"2\" :md=\"2\">\n <el-upload action=\"#\" :http-request=\"requestUpload\" :show-file-list=\"false\" :before-upload=\"beforeUpload\">\n <el-button size=\"small\">\n 上传\n <i class=\"el-icon-upload el-icon--right\"></i>\n </el-button>\n </el-upload>\n </el-col>\n <el-col :lg=\"{span: 1, offset: 2}\" :md=\"2\">\n <el-button icon=\"el-icon-plus\" size=\"small\" @click=\"changeScale(1)\"></el-button>\n </el-col>\n <el-col :lg=\"{span: 1, offset: 1}\" :md=\"2\">\n <el-button icon=\"el-icon-minus\" size=\"small\" @click=\"changeScale(-1)\"></el-button>\n </el-col>\n <el-col :lg=\"{span: 1, offset: 1}\" :md=\"2\">\n <el-button icon=\"el-icon-refresh-left\" size=\"small\" @click=\"rotateLeft()\"></el-button>\n </el-col>\n <el-col :lg=\"{span: 1, offset: 1}\" :md=\"2\">\n <el-button icon=\"el-icon-refresh-right\" size=\"small\" @click=\"rotateRight()\"></el-button>\n </el-col>\n <el-col :lg=\"{span: 2, offset: 6}\" :md=\"2\">\n <el-button type=\"primary\" size=\"small\" @click=\"uploadImg()\">提 交</el-button>\n </el-col>\n </el-row>\n </el-dialog>\n </div>\n</template>\n\n<script>\nimport store from \"@/store\";\nimport { VueCropper } from \"vue-cropper\";\nimport { uploadAvatar } from \"@/api/system/user\";\n\nexport default {\n components: { VueCropper },\n props: {\n user: {\n type: Object\n }\n },\n data() {\n return {\n // 是否显示弹出层\n open: false,\n // 是否显示cropper\n visible: false,\n // 弹出层标题\n title: \"修改头像\",\n options: {\n img: store.getters.avatar, //裁剪图片的地址\n autoCrop: true, // 是否默认生成截图框\n autoCropWidth: 200, // 默认生成截图框宽度\n autoCropHeight: 200, // 默认生成截图框高度\n fixedBox: true // 固定截图框大小 不允许改变\n },\n previews: {}\n };\n },\n methods: {\n // 编辑头像\n editCropper() {\n this.open = true;\n },\n // 打开弹出层结束时的回调\n modalOpened() {\n this.visible = true;\n },\n // 覆盖默认的上传行为\n requestUpload() {\n },\n // 向左旋转\n rotateLeft() {\n this.$refs.cropper.rotateLeft();\n },\n // 向右旋转\n rotateRight() {\n this.$refs.cropper.rotateRight();\n },\n // 图片缩放\n changeScale(num) {\n num = num || 1;\n this.$refs.cropper.changeScale(num);\n },\n // 上传预处理\n beforeUpload(file) {\n if (file.type.indexOf(\"image/\") == -1) {\n this.msgError(\"文件格式错误，请上传图片类型,如：JPG，PNG后缀的文件。\");\n } else {\n const reader = new FileReader();\n reader.readAsDataURL(file);\n reader.onload = () => {\n this.options.img = reader.result;\n };\n }\n },\n // 上传图片\n uploadImg() {\n this.$refs.cropper.getCropBlob(data => {\n let formData = new FormData();\n formData.append(\"avatarfile\", data);\n uploadAvatar(formData).then(response => {\n if (response.code === 200) {\n this.open = false;\n this.options.img = process.env.VUE_APP_BASE_API + response.imgUrl;\n store.commit('SET_AVATAR', this.options.img);\n this.msgSuccess(\"修改成功\");\n }\n this.visible = false;\n });\n });\n },\n // 实时预览\n realTime(data) {\n this.previews = data;\n }\n }\n};\n</script>"],"sourceRoot":"src/views/system/user/profile"}]} |