{"version":3,"sources":["webpack:///./src/views/Project_ExternalUser/ExternalUserInfo.vue?f644","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/views/Project_ExternalUser/ExternalUserInfo.vue","webpack:///src/views/Project_ExternalUser/ExternalUserInfo.vue","webpack:///./src/views/Project_ExternalUser/ExternalUserInfo.vue?8853","webpack:///./src/views/Project_ExternalUser/ExternalUserInfo.vue?0363","webpack:///./src/assets/temImage.png"],"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","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","module","exports"],"mappings":"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","file":"js/chunk-939cd5f0.cccba27e.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!./ExternalUserInfo.vue?vue&type=style&index=0&id=1082ef09&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","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('./Shop_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('./Shop_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('/ExternalUserLogin')\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('EuInfo', 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    },\r\n    mounted() { },\r\n    created() {\r\n        this.userInfo = JSON.parse(window.localStorage.getItem('EuInfo')) || {}\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    },\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!./ExternalUserInfo.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!./ExternalUserInfo.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ExternalUserInfo.vue?vue&type=template&id=1082ef09&scoped=true&\"\nimport script from \"./ExternalUserInfo.vue?vue&type=script&lang=js&\"\nexport * from \"./ExternalUserInfo.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ExternalUserInfo.vue?vue&type=style&index=0&id=1082ef09&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  \"1082ef09\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/temImage.985f4380.png\";"],"sourceRoot":""}