{"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":[]}