{"version":3,"sources":["webpack:///./src/views/individual/Information/index.vue","webpack:///src/views/individual/Information/index.vue","webpack:///./src/views/individual/Information/index.vue?a43c","webpack:///./src/views/individual/Information/index.vue?8c28"],"names":["render","staticRenderFns","data","info","mounted","handleGetData","h","renderInfo","methods","$createElement","LoginName","RealName","Phone","Email","onEditEMailClick","queryParam","Name","Other","GetView","then","res","success","$message","error","msg","$prompt","confirmButtonText","cancelButtonText","inputPattern","inputErrorMessage","inputValue","value","Edit","convertToFormData","JSON","stringify","component"],"mappings":"2HAAIA,EAAQC,E,wBCKG,GACfC,OACA,OACAC,KAAA,KAGAC,UACA,KAAAC,iBAEAL,OAAAM,GACA,OAAAA,EAAA,sBACA,gBAAAA,EAAA,aACA,+CAAAA,EAAA,WACA,4BAAAA,EAAA,aAEA,wFACA,KAAAC,kBAKAC,QAAA,CAEAD,aAAA,MAAAD,EAAA,KAAAG,gBACA,UAAAC,EAAA,SAAAC,EAAA,MAAAC,EAAA,MAAAC,GAAA,KAAAV,KACA,OAAAG,EAAA,yBACA,qDAAAA,EAAA,qCACA,SAAAA,EAAA,8BAAAI,MAAAJ,EAAA,qCACA,QAAAA,EAAA,8BAAAK,MAAAL,EAAA,qCACA,UAAAA,EAAA,8BAAAM,MAAAN,EAAA,qCACA,QAAAA,EAAA,8BAAAO,IAAAP,EAAA,oBAAAQ,kBAAA,0DAKAT,gBACA,MAAAU,EAAA,CACAC,KAAA,QACAC,MAAA,YAEAC,qBAAAH,GAAAI,KAAAC,IACA,IAAAA,EAAAC,QACA,YAAAC,SAAAC,MAAA,YAAAH,EAAAI,KAEA,KAAArB,KAAA,IAAAiB,EAAAlB,SAIAY,mBACA,KAAAW,QAAA,kBACAC,kBAAA,KACAC,iBAAA,KACAC,aAAA,wGACAC,kBAAA,UACAC,WAAA,KAAA3B,KAAAU,QACAM,KAAA,EAAAY,YACAC,kBACAC,eAAA,CACAjB,KAAA,QACAC,MAAA,WACAf,KAAAgC,KAAAC,UAAA,CAAAtB,MAAAkB,OAEAZ,KAAAC,IACA,IAAAA,EAAAC,QACA,YAAAC,SAAAC,MAAA,QAAAH,EAAAI,KAEA,KAAAF,SAAAD,QAAA,SACA,KAAAhB,uBCxE6W,I,wBFQzW+B,EAAY,eACd,EACApC,EACAC,GACA,EACA,KACA,WACA,MAIa,aAAAmC,E,oEGnBf","file":"js/chunk-644ebc04.5976c569.js","sourcesContent":["var render, staticRenderFns\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=2e11efe0&prod&scoped=true&lang=scss&\"\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  \"2e11efe0\",\n  null\n  \n)\n\nexport default component.exports","\r\n<script>\r\nimport { GetView, Edit } from '@/api/general-api'\r\nimport { convertToFormData } from '@/api/request'\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      info: {},\r\n    }\r\n  },\r\n  mounted() {\r\n    this.handleGetData()\r\n  },\r\n  render(h) {\r\n    return (\r\n      <el-container class=\"flex-column\">\r\n        <div class=\"full-width flex-column bg-white mg-b pd-10\">\r\n          <b class=\"desc-content\">我的信息</b>\r\n        </div>\r\n        <div class=\"full-width bg-white mg-b no-header-underline\" style=\"min-height:600px;padding:20px;\">\r\n          {this.renderInfo()}\r\n        </div>\r\n      </el-container>\r\n    )\r\n  },\r\n  methods: {\r\n    /** 渲染用户信息 */\r\n    renderInfo() {\r\n      const { LoginName, RealName, Phone, Email } = this.info\r\n      return (\r\n        <el-descriptions class=\"margin-top\" column={1} direction=\"vertical\">\r\n          <el-descriptions-item label=\"登录名\"><strong class=\"user-info\">{LoginName}</strong></el-descriptions-item>\r\n          <el-descriptions-item label=\"姓名\"><strong class=\"user-info\">{RealName}</strong></el-descriptions-item>\r\n          <el-descriptions-item label=\"手机号码\"><strong class=\"user-info\">{Phone}</strong></el-descriptions-item>\r\n          <el-descriptions-item label=\"邮箱\"><strong class=\"user-info\">{Email}</strong><i on-click={this.onEditEMailClick} class=\"el-icon-edit edit-btn\" title=\"修改邮箱\" /></el-descriptions-item>\r\n        </el-descriptions>\r\n      )\r\n    },\r\n    /** 获取用户信息 */\r\n    handleGetData() {\r\n      const queryParam = {\r\n        Name: 'users',\r\n        Other: 'shopinfo'\r\n      }\r\n      GetView(queryParam).then((res) => {\r\n        if (!res.success) {\r\n          return this.$message.error(\"获取用户信息失败：\" + res.msg)\r\n        }\r\n        this.info = { ...res.data }\r\n\r\n      })\r\n    },\r\n    onEditEMailClick() {\r\n      this.$prompt('请输入邮箱地址', '邮箱编辑', {\r\n        confirmButtonText: '确定',\r\n        cancelButtonText: '取消',\r\n        inputPattern: /[\\w!#$%&'*+/=?^_`{|}~-]+(?:\\.[\\w!#$%&'*+/=?^_`{|}~-]+)*@(?:[\\w](?:[\\w-]*[\\w])?\\.)+[\\w](?:[\\w-]*[\\w])?/,\r\n        inputErrorMessage: '邮箱格式不正确',\r\n        inputValue: this.info.Email\r\n      }).then(({ value }) => {\r\n        Edit(\r\n          convertToFormData({\r\n            Name: 'users',\r\n            Other: 'shopinfo',\r\n            data: JSON.stringify({ Email: value })\r\n          })\r\n        ).then((res) => {\r\n          if (!res.success) {\r\n            return this.$message.error('操作失败：' + res.msg)\r\n          }\r\n          this.$message.success('操作成功!')\r\n          this.handleGetData()\r\n        })\r\n      })\r\n    }\r\n  }\r\n}\r\n</script>\r\n<style scoped lang=\"scss\">\r\n.user-info {\r\n  margin-left: 20px;\r\n  font-size: 14px;\r\n}\r\n.edit-btn {\r\n  width: 24px;\r\n  height: 24px;\r\n  border-radius: 12px;\r\n  cursor: pointer;\r\n  line-height: 24px;\r\n  text-align: center;\r\n  color: #000;\r\n  font-size: 15px;\r\n  font-weight: 600;\r\n  background-color: #f5f5f5;\r\n  transition: all 0.3s linear;\r\n  margin: 0 5px;\r\n\r\n  &:hover {\r\n    color: #fff;\r\n    background-color: #083090;\r\n  }\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!./index.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!./index.vue?vue&type=script&lang=js&\"","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!./index.vue?vue&type=style&index=0&id=2e11efe0&prod&scoped=true&lang=scss&\""],"sourceRoot":""}