{"ast":null,"code":"import \"core-js/modules/es.array.push.js\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\nimport assetsHead from \"@/components/assets-head\";\nimport listBox from \"./listBox.vue\";\nimport { mapGetters } from \"vuex\";\nimport { _getIdentify } from \"@/API/fund.api\";\nimport { setStorage } from \"@/utils/utis\";\nimport { _getUnreadMsg } from \"@/API/im.api\";\nexport default {\n props: {},\n components: {\n assetsHead,\n listBox\n },\n computed: {\n ...mapGetters({\n userInfo: \"user/userInfo\",\n theme: \"home/theme\"\n })\n },\n data() {\n return {\n goHome: true,\n status: -1,\n //身份认证状态\n list: [{\n name: this.$t(\"语言\"),\n icon: require(\"@/assets/image/userCenter/yuyan.png\"),\n url: \"/language\"\n }, {\n name: this.$t(\"计价方式\"),\n icon: require(\"@/assets/image/userCenter/jisuan.png\"),\n url: \"/exchangeRate\"\n }, {\n name: this.$t(\"在线客服\"),\n icon: require(\"@/assets/image/userCenter/kefu.png\"),\n url: \"/customerService\"\n }\n // {\n // name: this.$t('主题模式'),\n // icon: require('@/assets/image/userCenter/theme.png'),\n // url: '/themeModel'\n // }\n ],\n moreList: [{\n name: this.$t(\"帮助中心\"),\n icon: require(\"@/assets/image/userCenter/help.png\"),\n url: \"/helpCenter\"\n }, {\n name: this.$t(\"关于我们\"),\n icon: require(\"@/assets/image/userCenter/about.png\"),\n url: \"/TermsOfService\"\n }],\n safeList: [{\n name: this.$t(\"安全\"),\n icon: require(\"@/assets/image/userCenter/security.png\"),\n url: \"/safety\"\n }, {\n name: this.$t(\"修改密码\"),\n icon: require(\"@/assets/image/userCenter/password.png\"),\n url: \"/changePassword\"\n }],\n userList: [{\n name: this.$t(\"邀请推广\"),\n icon: require(\"@/assets/image/userCenter/share.png\"),\n url: \"/promote\"\n }, {\n name: this.$t(\"账变记录\"),\n icon: require(\"@/assets/image/userCenter/record.png\"),\n url: \"/accountChange\"\n }, {\n name: this.$t(\"身份认证\"),\n icon: require(\"@/assets/image/userCenter/identity.png\"),\n url: \"/certificationCenter\"\n }],\n moniList: [{\n name: this.$t(\"试用账户\"),\n icon: require(\"@/assets/image/userCenter/testDemo.png\"),\n url: \"/test\"\n }],\n name: \"\",\n //实名认证的真实名字\n unreadMsg_num: \"\"\n };\n },\n mounted() {\n if (this.userInfo.token) {\n this.getIdentify();\n this.fetchUnread();\n }\n },\n methods: {\n fetchUnread() {\n // 获取未读\n _getUnreadMsg().then(unread_num => {\n this.unreadMsg_num = unread_num * 1 > 0 ? unread_num * 1 : \"\";\n //console.log('\\n *** \\n'+unread_num*1+'\\n *** \\n')\n });\n },\n loginOut() {\n this.$store.commit(\"user/SET_OUT\");\n setStorage(\"popNotice\", false);\n },\n getIdentify() {\n _getIdentify().then(data => {\n this.status = data.status;\n this.name = data.name;\n });\n },\n tokefu() {\n this.$router.push(\"/customerService\");\n }\n }\n};","map":{"version":3,"names":["assetsHead","listBox","mapGetters","_getIdentify","setStorage","_getUnreadMsg","props","components","computed","userInfo","theme","data","goHome","status","list","name","$t","icon","require","url","moreList","safeList","userList","moniList","unreadMsg_num","mounted","token","getIdentify","fetchUnread","methods","then","unread_num","loginOut","$store","commit","tokefu","$router","push"],"sources":["src/page/userCenter/index.vue"],"sourcesContent":["<template>\n <div class=\"userCenter\">\n <assets-head :goHome=\"goHome\">\n <van-icon\n class=\"font-45\"\n @click=\"tokefu\"\n :name=\"require(`@/assets/image/customer.png`)\"\n :badge=\"`${unreadMsg_num}`\"\n >\n </van-icon>\n </assets-head>\n <div class=\"top\" v-if=\"!userInfo.token\">\n <div class=\"title textColor\">{{ $t(\"欢迎来到\") }}{{ TITLE }}</div>\n <p class=\"\">{{ $t(\"全球最大的区块链资产平台\") }}</p>\n <div class=\"btnBox\">\n <div class=\"btn btnBackground\" @click=\"$router.push('/register')\">\n {{ $t(\"注册\") }}\n </div>\n <div class=\"btn btnMain\" @click=\"$router.push('/login')\">\n {{ $t(\"登录\") }}\n </div>\n </div>\n </div>\n <div class=\"userInfo\" v-else>\n <div class=\"imgBox\">\n <img :src=\"require(`@/assets/theme/${theme}/image/Group.png`)\" alt=\"\" />\n </div>\n <div class=\"info\">\n <p class=\"textColor\">{{ status === 2 ? name : userInfo.username }}</p>\n <span>ID:{{ userInfo.usercode }}</span>\n </div>\n </div>\n <div class=\"content\">\n <list-box\n v-if=\"userInfo.token\"\n :title=\"$t('安全')\"\n :listData=\"safeList\"\n ></list-box>\n <list-box\n v-if=\"userInfo.token\"\n :title=\"$t('用户')\"\n :status=\"status\"\n :listData=\"userList\"\n ></list-box>\n <list-box :title=\"$t('通用')\" :listData=\"list\"> </list-box>\n <list-box :title=\"$t('更多')\" :listData=\"moreList\"></list-box>\n <!-- <list-box v-if=\"!userInfo.token\" :listData=\"moniList\"></list-box> -->\n <div v-if=\"$store.state.user.userInfo.token\">\n <div class=\"outBtn tabBackground textColor\" @click=\"loginOut\">\n {{ $t(\"退出\") }}\n </div>\n <div class=\"tips\">\n {{\n $t(\n \"请不要透漏密码、短信和谷歌验证码给任何人，包括交易所的工作人员。\"\n )\n }}\n </div>\n </div>\n </div>\n </div>\n</template>\n\n<script>\nimport assetsHead from \"@/components/assets-head\";\nimport listBox from \"./listBox.vue\";\nimport { mapGetters } from \"vuex\";\nimport { _getIdentify } from \"@/API/fund.api\";\nimport { setStorage } from \"@/utils/utis\";\nimport { _getUnreadMsg } from \"@/API/im.api\";\nexport default {\n props: {},\n components: {\n assetsHead,\n listBox,\n },\n computed: {\n ...mapGetters({\n userInfo: \"user/userInfo\",\n theme: \"home/theme\",\n }),\n },\n data() {\n return {\n goHome: true,\n status: -1, //身份认证状态\n list: [\n {\n name: this.$t(\"语言\"),\n icon: require(\"@/assets/image/userCenter/yuyan.png\"),\n url: \"/language\",\n },\n {\n name: this.$t(\"计价方式\"),\n icon: require(\"@/assets/image/userCenter/jisuan.png\"),\n url: \"/exchangeRate\",\n },\n {\n name: this.$t(\"在线客服\"),\n icon: require(\"@/assets/image/userCenter/kefu.png\"),\n url: \"/customerService\",\n },\n // {\n // name: this.$t('主题模式'),\n // icon: require('@/assets/image/userCenter/theme.png'),\n // url: '/themeModel'\n // }\n ],\n moreList: [\n {\n name: this.$t(\"帮助中心\"),\n icon: require(\"@/assets/image/userCenter/help.png\"),\n url: \"/helpCenter\",\n },\n {\n name: this.$t(\"关于我们\"),\n icon: require(\"@/assets/image/userCenter/about.png\"),\n url: \"/TermsOfService\",\n },\n ],\n safeList: [\n {\n name: this.$t(\"安全\"),\n icon: require(\"@/assets/image/userCenter/security.png\"),\n url: \"/safety\",\n },\n {\n name: this.$t(\"修改密码\"),\n icon: require(\"@/assets/image/userCenter/password.png\"),\n url: \"/changePassword\",\n },\n ],\n userList: [\n {\n name: this.$t(\"邀请推广\"),\n icon: require(\"@/assets/image/userCenter/share.png\"),\n url: \"/promote\",\n },\n {\n name: this.$t(\"账变记录\"),\n icon: require(\"@/assets/image/userCenter/record.png\"),\n url: \"/accountChange\",\n },\n {\n name: this.$t(\"身份认证\"),\n icon: require(\"@/assets/image/userCenter/identity.png\"),\n url: \"/certificationCenter\",\n },\n ],\n moniList: [\n {\n name: this.$t(\"试用账户\"),\n icon: require(\"@/assets/image/userCenter/testDemo.png\"),\n url: \"/test\",\n },\n ],\n name: \"\", //实名认证的真实名字\n unreadMsg_num: \"\",\n };\n },\n mounted() {\n if (this.userInfo.token) {\n this.getIdentify();\n this.fetchUnread();\n }\n },\n methods: {\n fetchUnread() {\n // 获取未读\n _getUnreadMsg().then((unread_num) => {\n this.unreadMsg_num = unread_num * 1 > 0 ? unread_num * 1 : \"\";\n //console.log('\\n *** \\n'+unread_num*1+'\\n *** \\n')\n });\n },\n loginOut() {\n this.$store.commit(\"user/SET_OUT\");\n setStorage(\"popNotice\", false);\n },\n getIdentify() {\n _getIdentify().then((data) => {\n this.status = data.status;\n this.name = data.name;\n });\n },\n tokefu() {\n this.$router.push(\"/customerService\");\n },\n },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.userCenter {\n font-size: 26px;\n width: 100%;\n box-sizing: border-box;\n overflow: hidden;\n}\n\n.top {\n padding: 0 32px;\n\n p {\n color: #868d9a;\n }\n}\n\n.content {\n font-size: 30px;\n}\n\n.custom {\n width: 44px;\n height: 44px;\n\n img {\n width: 100%;\n height: 100%;\n }\n}\n\n.title {\n font-weight: 700;\n font-size: 52px;\n margin-top: 54px;\n margin-bottom: 22px;\n}\n\n.btnBox {\n display: flex;\n justify-content: space-between;\n margin-top: 44px;\n margin-bottom: 35px;\n\n .btn {\n color: #fff;\n width: 364px;\n height: 88px;\n line-height: 88px;\n font-size: 35px;\n border-radius: 8px;\n text-align: center;\n }\n}\n\n.outBtn {\n height: 88px;\n line-height: 88px;\n text-align: center;\n font-size: 32px;\n border-radius: 10px;\n margin: 0 32px;\n margin-top: 44px;\n}\n\n.tips {\n color: #868d9a;\n margin-top: 34px;\n text-align: center;\n padding: 0 13%;\n display: flex;\n justify-content: center;\n}\n\n.userInfo {\n padding: 32px 32px 44px 32px;\n display: flex;\n\n .imgBox {\n width: 96px;\n height: 96px;\n\n img {\n width: 100%;\n height: 100%;\n }\n }\n\n .info {\n margin-left: 22px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n\n p {\n margin-bottom: 10px;\n font-size: 36px;\n font-weight: 700;\n }\n\n span {\n color: #868d9a;\n font-size: 22px;\n }\n }\n}\n</style>"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgEA,OAAAA,UAAA;AACA,OAAAC,OAAA;AACA,SAAAC,UAAA;AACA,SAAAC,YAAA;AACA,SAAAC,UAAA;AACA,SAAAC,aAAA;AACA;EACAC,KAAA;EACAC,UAAA;IACAP,UAAA;IACAC;EACA;EACAO,QAAA;IACA,GAAAN,UAAA;MACAO,QAAA;MACAC,KAAA;IACA;EACA;EACAC,KAAA;IACA;MACAC,MAAA;MACAC,MAAA;MAAA;MACAC,IAAA,GACA;QACAC,IAAA,OAAAC,EAAA;QACAC,IAAA,EAAAC,OAAA;QACAC,GAAA;MACA,GACA;QACAJ,IAAA,OAAAC,EAAA;QACAC,IAAA,EAAAC,OAAA;QACAC,GAAA;MACA,GACA;QACAJ,IAAA,OAAAC,EAAA;QACAC,IAAA,EAAAC,OAAA;QACAC,GAAA;MACA;MACA;MACA;MACA;MACA;MACA;MAAA,CACA;MACAC,QAAA,GACA;QACAL,IAAA,OAAAC,EAAA;QACAC,IAAA,EAAAC,OAAA;QACAC,GAAA;MACA,GACA;QACAJ,IAAA,OAAAC,EAAA;QACAC,IAAA,EAAAC,OAAA;QACAC,GAAA;MACA,EACA;MACAE,QAAA,GACA;QACAN,IAAA,OAAAC,EAAA;QACAC,IAAA,EAAAC,OAAA;QACAC,GAAA;MACA,GACA;QACAJ,IAAA,OAAAC,EAAA;QACAC,IAAA,EAAAC,OAAA;QACAC,GAAA;MACA,EACA;MACAG,QAAA,GACA;QACAP,IAAA,OAAAC,EAAA;QACAC,IAAA,EAAAC,OAAA;QACAC,GAAA;MACA,GACA;QACAJ,IAAA,OAAAC,EAAA;QACAC,IAAA,EAAAC,OAAA;QACAC,GAAA;MACA,GACA;QACAJ,IAAA,OAAAC,EAAA;QACAC,IAAA,EAAAC,OAAA;QACAC,GAAA;MACA,EACA;MACAI,QAAA,GACA;QACAR,IAAA,OAAAC,EAAA;QACAC,IAAA,EAAAC,OAAA;QACAC,GAAA;MACA,EACA;MACAJ,IAAA;MAAA;MACAS,aAAA;IACA;EACA;EACAC,QAAA;IACA,SAAAhB,QAAA,CAAAiB,KAAA;MACA,KAAAC,WAAA;MACA,KAAAC,WAAA;IACA;EACA;EACAC,OAAA;IACAD,YAAA;MACA;MACAvB,aAAA,GAAAyB,IAAA,CAAAC,UAAA;QACA,KAAAP,aAAA,GAAAO,UAAA,WAAAA,UAAA;QACA;MACA;IACA;IACAC,SAAA;MACA,KAAAC,MAAA,CAAAC,MAAA;MACA9B,UAAA;IACA;IACAuB,YAAA;MACAxB,YAAA,GAAA2B,IAAA,CAAAnB,IAAA;QACA,KAAAE,MAAA,GAAAF,IAAA,CAAAE,MAAA;QACA,KAAAE,IAAA,GAAAJ,IAAA,CAAAI,IAAA;MACA;IACA;IACAoB,OAAA;MACA,KAAAC,OAAA,CAAAC,IAAA;IACA;EACA;AACA","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}
|
