{"version":3,"sources":["webpack:///./src/views/Project_RG_User/RG_UserInfo.vue?505e","webpack:///./src/components/Sign/sign.vue","webpack:///src/components/Sign/sign.vue","webpack:///./src/components/Sign/sign.vue?1a35","webpack:///./src/components/Sign/sign.vue?8acd","webpack:///./src/assets/temImage.png","webpack:///./src/views/Project_RG_User/RG_UserInfo.vue","webpack:///src/views/Project_RG_User/RG_UserInfo.vue","webpack:///./src/views/Project_RG_User/RG_UserInfo.vue?d052","webpack:///./src/views/Project_RG_User/RG_UserInfo.vue?3cbe"],"names":["render","_vm","this","_c","_self","staticStyle","attrs","signImg","img","ref","staticClass","on","closeHandle","_v","clearHandle","useSing","ClickUseSing","_e","changeNum","onComfirm","staticRenderFns","props","showSign","default","require","type","name","data","el","ctx","clientHeight","clientWidth","computed","captchaSrc","mounted","window","methods","message","draw","e","passive","initCanvas","setTimeout","setCanvas","drawStart","drawing","drawEnd","saveImg","tempCanvas","newctx","watch","component","module","exports","directives","rawName","value","loading","expression","class","isPCH5Text","$event","$router","push","_m","userInfo","Icon","$rootUrl","Authorization","TokenCache","getToken","handleSuccess","beforeAvatarUpload","model","RealName","callback","$$v","$set","Phone","Email","Address","Company","NameSignature","signVisible","onSubmitUserInfo","logOut","signSub","src","components","sign","getsignImg","getSystemInfo","navigator","created","beforeDestroy"],"mappings":"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","file":"js/chunk-4cf7224d.6b6098c4.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RG_UserInfo.vue?vue&type=style&index=0&id=d6c32298&prod&lang=scss&scoped=true&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',[_c('img',{staticStyle:{\"width\":\"100vw\",\"height\":\"calc(100vh - 60px)\"},attrs:{\"src\":_vm.signImg ? _vm.signImg : _vm.img,\"alt\":\"\"}})]),_c('div',{staticStyle:{\"position\":\"fixed\",\"top\":\"0\",\"right\":\"0\",\"width\":\"100vw\",\"height\":\"100vh\",\"z-index\":\"9999\"}},[_c('canvas',{ref:\"signHandle\",staticClass:\"canvas\",staticStyle:{\"border\":\"1px solid #ccc\",\"box-sizing\":\"border-box\"}}),_c('div',{staticStyle:{\"text-align\":\"center\",\"height\":\"55px\",\"background-color\":\"#fff\",\"margin-top\":\"5px\"}},[_c('el-button',{attrs:{\"size\":\"small\"},on:{\"click\":_vm.closeHandle}},[_vm._v(\"取消\")]),_c('el-button',{attrs:{\"size\":\"small\"},on:{\"click\":_vm.clearHandle}},[_vm._v(\"清空\")]),(_vm.useSing)?_c('el-button',{attrs:{\"size\":\"small\",\"type\":\"primary\"},on:{\"click\":_vm.ClickUseSing}},[_vm._v(\"使用预制签名\")]):_vm._e(),_c('el-button',{attrs:{\"size\":\"small\",\"type\":\"primary\",\"disabled\":_vm.changeNum === 0},on:{\"click\":_vm.onComfirm}},[_vm._v(\"确认\")])],1)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n\t<div>\r\n\t\t<div>\r\n\t\t\t<img :src=\"signImg ? signImg : img\" alt=\"\" style=\"width: 100vw;height: calc(100vh - 60px);\">\r\n\t\t</div>\r\n\t\t<div style=\"position: fixed;top: 0;right: 0;width: 100vw;height: 100vh;z-index: 9999;\">\r\n\t\t\t<canvas ref=\"signHandle\" class=\"canvas\" style=\"border: 1px solid #ccc;box-sizing: border-box;\"></canvas>\r\n\t\t\t<div style=\"text-align: center;height: 55px;background-color: #fff;margin-top: 5px;\">\r\n\t\t\t\t<el-button size=\"small\" @click=\"closeHandle\">取消</el-button>\r\n\t\t\t\t<el-button size=\"small\" @click=\"clearHandle\">清空</el-button>\r\n\t\t\t\t<el-button size=\"small\" type=\"primary\" v-if=\"useSing\" @click=\"ClickUseSing\">使用预制签名</el-button>\r\n\t\t\t\t<el-button size=\"small\" @click=\"onComfirm\" type=\"primary\" :disabled=\"changeNum === 0\">确认</el-button>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n\tprops: {\r\n\t\tshowSign: {\r\n\t\t\tdefault: false,\r\n\t\t\trequire: false,\r\n\t\t\ttype: Boolean\r\n\t\t},\r\n\t\tuseSing: {\r\n\t\t\tdefault: true,\r\n\t\t\trequire: false,\r\n\t\t\ttype: Boolean\r\n\t\t}\r\n\t},\r\n\tname: \"sign\",\r\n\tdata() {\r\n\t\treturn {\r\n\t\t\timg: require(`../../assets/temImage.png`),\r\n\t\t\tsignImg: \"\",\r\n\t\t\tel: '', // canvas dom\r\n\t\t\tctx: '', // canvas context\r\n\t\t\tclientHeight: document.documentElement.clientHeight,\r\n\t\t\tclientWidth: document.documentElement.clientWidth,\r\n\t\t\tchangeNum: 0\r\n\t\t}\r\n\t},\r\n\tcomputed: {\r\n\t\tcaptchaSrc() {\r\n\t\t\tif (this.nameBG) return 'data:image/jpeg;base64,' + this.nameBG.replace(/[\\r\\n]/g, \"\")\r\n\t\t\telse return ''\r\n\t\t}\r\n\t},\r\n\tmounted() {\r\n\t\twindow.onresize = () => {\r\n\t\t\tthis.clientHeight = document.documentElement.clientHeight - 2\r\n\t\t\tthis.clientWidth = document.documentElement.clientWidth\r\n\t\t\tthis.draw()\r\n\t\t\treturn\r\n\t\t}\r\n\t\tthis.signImg = window.localStorage.getItem('signImg') || ''\r\n\t\tthis.$nextTick(() => {\r\n\t\t\tthis.draw()\r\n\t\t})\r\n\t\tconsole.log(this.changeNum)\r\n\t},\r\n\tmethods: {\r\n\t\tClickUseSing() {\r\n\t\t\tlet EuInfo = JSON.parse(window.localStorage.getItem('EuInfo')) || JSON.parse(window.localStorage.getItem('RGInfo')) || {}\r\n\t\t\tconsole.log(EuInfo)\r\n\t\t\tif (EuInfo.NameSignature) {\r\n\t\t\t\tthis.$emit('success', EuInfo.NameSignature);\r\n\t\t\t} else {\r\n\t\t\t\tthis.$phoneMessage({\r\n\t\t\t\t\tmessage: \"暂无预制签名\"\r\n\t\t\t\t})\r\n\t\t\t}\r\n\r\n\t\t},\r\n\t\tcloseHandle() {\r\n\t\t\tthis.$emit('close')\r\n\t\t},\r\n\t\t// 添加绘制 line\r\n\t\tdraw() {\r\n\t\t\tthis.$refs.signHandle.addEventListener(\r\n\t\t\t\t'touchstart',\r\n\t\t\t\te => e.preventDefault(),\r\n\t\t\t\t{\r\n\t\t\t\t\tpassive: false\r\n\t\t\t\t}\r\n\t\t\t)\r\n\t\t\tthis.initCanvas()\r\n\t\t},\r\n\t\t// 初始化canvas配置\r\n\t\tinitCanvas() {\r\n\t\t\tthis.$refs.signHandle.width = this.clientWidth - 2\r\n\t\t\tthis.$refs.signHandle.height = this.clientHeight - 60\r\n\t\t\tthis.ctx = this.$refs.signHandle.getContext('2d')\r\n\t\t\tthis.setCanvas()\r\n\t\t\tthis.drawStart()\r\n\t\t\tthis.drawing()\r\n\t\t\tthis.drawEnd()\r\n\t\t\tsetTimeout(() => {\r\n\t\t\t\tthis.changeNum = 0\r\n\t\t\t})\r\n\t\t},\r\n\t\t// 配置 canvas\r\n\t\tsetCanvas() {\r\n\t\t\tconst { ctx } = this\r\n\t\t\t// 设置背景色\r\n\t\t\tctx.fillStyle = 'transparent'\r\n\t\t\tctx.fillRect(0, 0, this.clientWidth - 2, this.clientHeight - 60)\r\n\r\n\t\t\t// 设置线条颜色\r\n\t\t\tctx.strokeStyle = '#000'\r\n\t\t\t// 设置线宽\r\n\t\t\tctx.lineWidth = 4\r\n\t\t\t// 设置线条两头的结束点和开始点是圆形的\r\n\t\t\tctx.lineCap = 'round'\r\n\t\t\tctx.lineJoin = 'bevel'\r\n\t\t},\r\n\t\t// 开始绘制\r\n\t\tdrawStart() {\r\n\t\t\tconst { ctx } = this\r\n\t\t\tthis.$refs.signHandle.addEventListener(\r\n\t\t\t\t'touchstart',\r\n\t\t\t\te => {\r\n\t\t\t\t\tthis.changeNum++\r\n\t\t\t\t\tctx.beginPath()\r\n\t\t\t\t\tctx.moveTo(e.changedTouches[0].pageX, e.changedTouches[0].pageY)\r\n\t\t\t\t},\r\n\t\t\t\tfalse\r\n\t\t\t)\r\n\r\n\t\t},\r\n\t\t// 绘制中\r\n\t\tdrawing() {\r\n\t\t\tconst { ctx } = this\r\n\t\t\tthis.$refs.signHandle.addEventListener(\r\n\t\t\t\t'touchmove',\r\n\t\t\t\te => {\r\n\t\t\t\t\tctx.lineTo(e.changedTouches[0].pageX, e.changedTouches[0].pageY)\r\n\t\t\t\t\tctx.stroke()\r\n\t\t\t\t},\r\n\t\t\t\tfalse\r\n\t\t\t)\r\n\t\t},\r\n\t\t// 绘制结束\r\n\t\tdrawEnd() {\r\n\t\t\tconsole.log(11111)\r\n\t\t\tconst { ctx } = this\r\n\t\t\tthis.$refs.signHandle.addEventListener('touchend', () => ctx.closePath(), false)\r\n\r\n\t\t},\r\n\t\t// 清空\r\n\t\tclearHandle() {\r\n\t\t\tconsole.log('清空')\r\n\t\t\tthis.changeNum = 0\r\n\t\t\tthis.initCanvas()\r\n\r\n\t\t},\r\n\t\tonComfirm() {\r\n\t\t\tthis.saveImg()\r\n\t\t},\r\n\t\t// 保存信息\r\n\t\tsaveImg() {\r\n\t\t\tvar tempCanvas = document.createElement('canvas');\r\n\t\t\tvar newctx = tempCanvas.getContext('2d');\r\n\t\t\ttempCanvas.width = this.clientHeight - 60\r\n\t\t\ttempCanvas.height = this.clientWidth - 2,\r\n\t\t\t\t// 先将原canvas内容旋转90度后绘制到tempCanvas上\r\n\t\t\t\tnewctx.rotate((-90 * Math.PI) / 180);\r\n\t\t\tnewctx.drawImage(this.$refs.signHandle, -this.$refs.signHandle.width, 0, this.$refs.signHandle.width, this.$refs.signHandle.height);\r\n\t\t\t// const imgBase64 = this.$refs.signHandle.toDataURL()\r\n\t\t\tconst imgBase64 = tempCanvas.toDataURL('image/png');\r\n\t\t\tconsole.log(imgBase64)\r\n\t\t\tthis.$emit('success', imgBase64);\r\n\t\t}\r\n\r\n\t},\r\n\r\n\twatch: {\r\n\t\tchangeNum(val) {\r\n\t\t\tconsole.log(val, 'val')\r\n\t\t}\r\n\t}\r\n}\r\n</script>\r\n\r\n<style scoped></style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./sign.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./sign.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./sign.vue?vue&type=template&id=38f588f6&scoped=true&\"\nimport script from \"./sign.vue?vue&type=script&lang=js&\"\nexport * from \"./sign.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"38f588f6\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/temImage.985f4380.png\";","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{directives:[{name:\"loading\",rawName:\"v-loading\",value:(_vm.loading),expression:\"loading\"}],class:_vm.isPCH5Text !== 'PC' ? 'ExternalUserInfoWrap' : 'ExternalUserInfoWrap_PC'},[_c('div',{class:_vm.isPCH5Text !== 'PC' ? 'Shop_ApprovalInfoList_bottom' : 'Shop_ApprovalInfoList_bottom_PC'},[_c('div',{staticStyle:{\"width\":\"50%\",\"text-align\":\"center\",\"border-right\":\"1px solid #ccc\",\"box-sizing\":\"border-box\"},on:{\"click\":function($event){return _vm.$router.push('./RG_ApprovalInfoList')}}},[_c('i',{staticClass:\"el-icon-tickets\",staticStyle:{\"font-size\":\"30px\"}})]),_vm._m(0)]),_c('div',{staticClass:\"ExternalUserInfo\"},[_c('el-card',{staticStyle:{\"width\":\"100%\",\"height\":\"calc(100vh - 80px)\",\"overflow-y\":\"auto\"}},[_c('el-form',{attrs:{\"model\":_vm.userInfo,\"label-width\":\"60px\",\"label-position\":\"right\",\"size\":\"small\"}},[_c('el-form-item',{attrs:{\"label\":\"头像\"}},[_c('div',{staticStyle:{\"display\":\"flex\",\"align-items\":\"center\",\"justify-content\":\"center\"}},[(_vm.userInfo.Icon)?_c('el-avatar',{attrs:{\"size\":100,\"src\":_vm.userInfo.Icon}}):_c('el-avatar',{attrs:{\"size\":100,\"icon\":\"el-icon-user-solid\"}}),_c('el-upload',{staticStyle:{\"margin-left\":\"20px\"},attrs:{\"action\":_vm.$rootUrl + '/Base_Manage/Upload/ExternalUserIconOssUploadFileByForm',\"headers\":{ Authorization: 'Bearer ' + _vm.TokenCache.getToken(), },\"on-success\":_vm.handleSuccess,\"before-upload\":_vm.beforeAvatarUpload,\"show-file-list\":false}},[_c('el-button',{attrs:{\"size\":\"mini\",\"type\":\"primary\",\"plain\":\"\"}},[_vm._v(\"更换头像 \")])],1)],1)]),_c('el-form-item',{attrs:{\"label\":\"姓名\"}},[_c('el-input',{model:{value:(_vm.userInfo.RealName),callback:function ($$v) {_vm.$set(_vm.userInfo, \"RealName\", $$v)},expression:\"userInfo.RealName\"}})],1),_c('el-form-item',{attrs:{\"label\":\"手机号\"}},[_c('el-input',{attrs:{\"disabled\":\"\"},model:{value:(_vm.userInfo.Phone),callback:function ($$v) {_vm.$set(_vm.userInfo, \"Phone\", $$v)},expression:\"userInfo.Phone\"}})],1),_c('el-form-item',{attrs:{\"label\":\"邮箱\"}},[_c('el-input',{model:{value:(_vm.userInfo.Email),callback:function ($$v) {_vm.$set(_vm.userInfo, \"Email\", $$v)},expression:\"userInfo.Email\"}})],1),_c('el-form-item',{attrs:{\"label\":\"所在地\"}},[_c('el-input',{model:{value:(_vm.userInfo.Address),callback:function ($$v) {_vm.$set(_vm.userInfo, \"Address\", $$v)},expression:\"userInfo.Address\"}})],1),_c('el-form-item',{attrs:{\"label\":\"公司\"}},[_c('el-input',{model:{value:(_vm.userInfo.Company),callback:function ($$v) {_vm.$set(_vm.userInfo, \"Company\", $$v)},expression:\"userInfo.Company\"}})],1),(_vm.isPCH5Text !== 'PC')?_c('el-form-item',{attrs:{\"label\":\"签名\"}},[(!_vm.userInfo.NameSignature)?_c('div',{staticStyle:{\"height\":\"100px\",\"border\":\"1px solid #ccc\",\"line-height\":\"100px\",\"text-align\":\"center\",\"width\":\"100%\",\"box-sizing\":\"border-box\",\"background-color\":\"#fff\"},on:{\"click\":function($event){_vm.signVisible = true}}},[_vm._v(\" 点击预制签名 \")]):_vm._e(),(_vm.userInfo.NameSignature)?_c('div',{staticStyle:{\"display\":\"flex\",\"align-items\":\"center\",\"justify-content\":\"center\",\"height\":\"100px\",\"text-align\":\"center\",\"box-sizing\":\"border-box\",\"overflow\":\"hidden\",\"width\":\"100%\",\"border\":\"1px solid #ccc\"},on:{\"click\":function($event){_vm.signVisible = true}}},[_c('img',{staticStyle:{\"width\":\"100%\",\"background\":\"#fff\",\"box-sizing\":\"border-box\",\"height\":\"100px\"},attrs:{\"src\":_vm.userInfo.NameSignature,\"alt\":\"\"}})]):_vm._e()]):_vm._e(),_c('el-form-item',[_c('el-button',{staticStyle:{\"width\":\"100%\"},attrs:{\"type\":\"primary\",\"loading\":_vm.loading},on:{\"click\":_vm.onSubmitUserInfo}},[_vm._v(\"保存 \")])],1),_c('el-form-item',[_c('el-button',{staticStyle:{\"width\":\"100%\"},attrs:{\"type\":\"info\",\"loading\":_vm.loading},on:{\"click\":_vm.logOut}},[_vm._v(\"退出登录 \")])],1)],1)],1)],1),(_vm.signVisible)?_c('div',{staticStyle:{\"width\":\"100vw\",\"height\":\"100vh\",\"position\":\"fixed\",\"top\":\"0\",\"left\":\"0\",\"z-index\":\"99\"}},[_c('sign',{attrs:{\"useSing\":false},on:{\"close\":function($event){_vm.signVisible = false},\"success\":_vm.signSub}})],1):_vm._e()])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticStyle:{\"width\":\"50%\",\"text-align\":\"center\"}},[_c('i',{staticClass:\"el-icon-user-solid\",staticStyle:{\"font-size\":\"30px\",\"color\":\"#D1100B\"}})])\n}]\n\nexport { render, staticRenderFns }","<template>\r\n    <div :class=\"isPCH5Text !== 'PC' ? 'ExternalUserInfoWrap' : 'ExternalUserInfoWrap_PC'\" v-loading=\"loading\">\r\n        <div :class=\"isPCH5Text !== 'PC' ? 'Shop_ApprovalInfoList_bottom' : 'Shop_ApprovalInfoList_bottom_PC'\">\r\n            <div style=\"width: 50%;text-align: center;border-right: 1px solid #ccc;box-sizing: border-box;\"\r\n                @click=\"$router.push('./RG_ApprovalInfoList')\">\r\n                <i class=\"el-icon-tickets\" style=\"font-size: 30px;\"></i>\r\n            </div>\r\n            <div style=\"width: 50%;text-align: center;\">\r\n                <i class=\"el-icon-user-solid\" style=\"font-size: 30px;color: #D1100B;\"></i>\r\n            </div>\r\n        </div>\r\n        <!-- <h2>个人中心</h2> -->\r\n\r\n        <div class=\"ExternalUserInfo\">\r\n\r\n            <el-card style=\"width: 100%;height: calc(100vh - 80px);overflow-y: auto;\">\r\n                <el-form :model=\"userInfo\" label-width=\"60px\" label-position=\"right\" size=\"small\">\r\n                    <el-form-item label=\"头像\">\r\n                        <div style=\"display: flex;align-items: center;justify-content: center;\">\r\n                            <el-avatar :size=\"100\" :src=\"userInfo.Icon\" v-if=\"userInfo.Icon\"></el-avatar>\r\n                            <el-avatar v-else :size=\"100\" icon=\"el-icon-user-solid\"></el-avatar>\r\n                            <el-upload style=\"margin-left: 20px\"\r\n                                :action=\"$rootUrl + '/Base_Manage/Upload/ExternalUserIconOssUploadFileByForm'\"\r\n                                :headers=\"{ Authorization: 'Bearer ' + TokenCache.getToken(), }\"\r\n                                :on-success=\"handleSuccess\" :before-upload=\"beforeAvatarUpload\" :show-file-list=\"false\">\r\n                                <el-button size=\"mini\" type=\"primary\" plain>更换头像\r\n                                </el-button>\r\n                            </el-upload>\r\n                        </div>\r\n\r\n                    </el-form-item>\r\n                    <el-form-item label=\"姓名\">\r\n                        <el-input v-model=\"userInfo.RealName\"></el-input>\r\n                    </el-form-item>\r\n                    <el-form-item label=\"手机号\">\r\n                        <el-input v-model=\"userInfo.Phone\" disabled></el-input>\r\n                    </el-form-item>\r\n                    <el-form-item label=\"邮箱\">\r\n                        <el-input v-model=\"userInfo.Email\"></el-input>\r\n                    </el-form-item>\r\n                    <el-form-item label=\"所在地\">\r\n                        <el-input v-model=\"userInfo.Address\"></el-input>\r\n                    </el-form-item>\r\n                    <el-form-item label=\"公司\">\r\n                        <el-input v-model=\"userInfo.Company\"></el-input>\r\n                    </el-form-item>\r\n                    <el-form-item label=\"签名\" v-if=\"isPCH5Text !== 'PC'\">\r\n                        <div @click=\"signVisible = true\"\r\n                            style=\"height: 100px;border: 1px solid #ccc;line-height: 100px;text-align: center;width: 100%;box-sizing: border-box;background-color: #fff;\"\r\n                            v-if=\"!userInfo.NameSignature\">\r\n                            点击预制签名\r\n                        </div>\r\n                        <!-- transform: rotate(-90deg); -->\r\n                        <div style=\"display: flex;align-items: center;justify-content: center;height: 100px;text-align: center;box-sizing: border-box;overflow: hidden;width: 100%;height: 100px;border: 1px solid #ccc;\"\r\n                            @click=\"signVisible = true\" v-if=\"userInfo.NameSignature\">\r\n                            <img :src=\"userInfo.NameSignature\" alt=\"\"\r\n                                style=\"width: 100%;background: #fff;box-sizing: border-box;height: 100px;\">\r\n                        </div>\r\n\r\n                    </el-form-item>\r\n                    <el-form-item>\r\n                        <el-button type=\"primary\" @click=\"onSubmitUserInfo\" :loading=\"loading\" style=\"width: 100%\">保存\r\n                        </el-button>\r\n                    </el-form-item>\r\n                    <el-form-item>\r\n                        <el-button type=\"info\" @click=\"logOut\" :loading=\"loading\" style=\"width: 100%\">退出登录\r\n                        </el-button>\r\n                    </el-form-item>\r\n                </el-form>\r\n\r\n            </el-card>\r\n\r\n        </div>\r\n\r\n        <div v-if=\"signVisible\" style=\"width: 100vw;height: 100vh;position: fixed;top: 0;left: 0;z-index: 99;\">\r\n            <sign @close=\"signVisible = false\" @success=\"signSub\" :useSing=\"false\"></sign>\r\n        </div>\r\n    </div>\r\n</template>\r\n<script>\r\nimport TokenCache from \"@/utils/cache/TokenCache\";\r\nimport sign from '../../components/Sign/sign.vue'\r\n\r\nexport default {\r\n    data() {\r\n        return {\r\n            TokenCache,\r\n            loading: false,\r\n            userInfo: {\r\n                Icon: '',\r\n            },\r\n            src: '',\r\n            isPCH5Text: \"\",\r\n            signVisible: false,\r\n        };\r\n    },\r\n    props: {},\r\n    components: {\r\n        sign\r\n    },\r\n    methods: {\r\n        getsignImg() {\r\n            this.$http.post('/Base_ProjectManage/Project_ExternalUser/GetTextToImageForSign', {\r\n                \"Text\": this.userInfo.RealName,\r\n                \"Width\": this.userInfo.RealName.length ? Math.floor((window.innerHeight - 60) / this.userInfo.RealName.length) : 50,\r\n                // \"BackGroundColor\": \"#ffffff\",\r\n                // \"FontFamily\": \"宋体\",\r\n                // \"FontColor\": \"#D1100B\",\r\n                \"FontWeight\": true\r\n            }).then(res => {\r\n                if (res.Success) {\r\n                    window.localStorage.setItem('signImg', res.Data)\r\n                }\r\n                console.log()\r\n            })\r\n        },\r\n        logOut() {\r\n            this.$router.push('/RG_UserLogin')\r\n        },\r\n        onSubmitUserInfo() {\r\n            if (!this.userInfo.RealName) {\r\n                this.$phoneMessage({\r\n                    message: '请填写姓名',\r\n                })\r\n                return\r\n            }\r\n            this.loading = true\r\n            this.$http.post('/Base_ProjectManage/Project_ExternalUser/SaveDateForEUInfo', {\r\n                ...this.userInfo\r\n            }).then(res => {\r\n                this.loading = false\r\n                if (res.Success) {\r\n                    this.$phoneMessage({\r\n                        message: '保存成功',\r\n                    })\r\n                    this.getsignImg()\r\n                    window.localStorage.setItem('RGInfo', JSON.stringify(this.userInfo))\r\n                } else {\r\n                    this.$phoneMessage({\r\n                        message: res.Msg,\r\n                    })\r\n                }\r\n            })\r\n        },\r\n        signSub(src) {\r\n            this.userInfo.NameSignature = src\r\n            this.signVisible = false\r\n        },\r\n        handleSuccess(res) {\r\n            if (res.Code == 200) {\r\n                this.userInfo.Icon = res.Url\r\n            } else {\r\n                this.$message.error(res.Message)\r\n            }\r\n        },\r\n        beforeAvatarUpload(file) {\r\n            console.log(file)\r\n            const isJPG = file.type === \"image/jpeg\" || file.type === 'image/jpg' || file.type === \"image/png\";\r\n            const isLt20M = file.size / 1024 / 1024 < 20;\r\n\r\n            if (!isJPG) {\r\n                this.$message.error(\"上传头像图片只能是 JPG 或者 PNG 格式!\");\r\n            }\r\n            if (!isLt20M) {\r\n                this.$message.error(\"上传头像图片大小不能超过 20MB!\");\r\n            }\r\n            //   // 校验通过后显示裁剪框\r\n            //   this.canCropper = isJPG && isLt20M\r\n            return true\r\n        },\r\n        getSystemInfo() {\r\n            if (/(micromessenger)/i.test(navigator.userAgent)) {\r\n                return \"微信\"\r\n            } else {\r\n                // 判断h5还是pc true就是h5\r\n                let client =\r\n                    /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(\r\n                        navigator.userAgent\r\n                    );\r\n                if (client) {\r\n                    return \"H5\"\r\n                } else {\r\n                    return \"PC\"\r\n                }\r\n            }\r\n        },\r\n    },\r\n    mounted() { },\r\n    created() {\r\n        this.userInfo = JSON.parse(window.localStorage.getItem('RGInfo')) || {}\r\n\r\n        // console.log(window.innerHeight - 60, '///')\r\n        this.getsignImg()\r\n        this.isPCH5Text = this.getSystemInfo()\r\n        window.addEventListener('resize', () => {\r\n            this.isPCH5Text = this.getSystemInfo()\r\n        })\r\n    },\r\n    beforeDestroy() {\r\n        window.removeEventListener('resize', () => {\r\n            this.isPCH5Text = this.getSystemInfo()\r\n        })\r\n    },\r\n    computed: {},\r\n    watch: {},\r\n};\r\n</script>\r\n<style lang='scss' scoped>\r\n.ExternalUserInfoWrap {\r\n    width: 100vw;\r\n    height: 100vh;\r\n    overflow: hidden;\r\n    background: #eccece;\r\n}\r\n\r\n.ExternalUserInfo {\r\n\r\n    padding: 10px;\r\n\r\n    box-sizing: border-box;\r\n\r\n}\r\n\r\n.ExternalUserInfoWrap_PC {\r\n    width: 40vw;\r\n    padding: 0 30vw;\r\n    box-sizing: content-box;\r\n    height: 100vh;\r\n    overflow: hidden;\r\n    background: #eccece;\r\n}\r\n\r\n.Shop_ApprovalInfoList_bottom {\r\n    position: fixed;\r\n    bottom: 0;\r\n    left: 0;\r\n    height: 60px;\r\n    width: 100vw;\r\n    background: #fff;\r\n    display: flex;\r\n    align-items: center;\r\n    box-sizing: border-box;\r\n    border-top: 1px solid #ccc;\r\n}\r\n\r\n.Shop_ApprovalInfoList_bottom_PC {\r\n    position: fixed;\r\n    bottom: 0;\r\n    left: calc(30vw + 10px);\r\n    height: 60px;\r\n    width: calc(40vw - 20px);\r\n    background: #fff;\r\n    display: flex;\r\n    align-items: center;\r\n    box-sizing: border-box;\r\n    border-top: 1px solid #ccc;\r\n}\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RG_UserInfo.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RG_UserInfo.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RG_UserInfo.vue?vue&type=template&id=d6c32298&scoped=true&\"\nimport script from \"./RG_UserInfo.vue?vue&type=script&lang=js&\"\nexport * from \"./RG_UserInfo.vue?vue&type=script&lang=js&\"\nimport style0 from \"./RG_UserInfo.vue?vue&type=style&index=0&id=d6c32298&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"d6c32298\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}