1 line
16 KiB
Plaintext
1 line
16 KiB
Plaintext
{"version":3,"file":"info.js","sources":["../../../../../../src/modules/mall/user/info.vue","../../../../../../uniPage:/bW9kdWxlc1xtYWxsXHVzZXJcaW5mby52dWU"],"sourcesContent":["<!-- 用户信息 -->\r\n<template>\r\n <s-layout title=\"用户信息\" class=\"set-userinfo-wrap\">\r\n <uni-forms\r\n :model=\"state.model\"\r\n :rules=\"state.rules\"\r\n labelPosition=\"left\"\r\n border\r\n class=\"form-box\"\r\n >\r\n <!-- 头像 -->\r\n <view class=\"ss-flex ss-row-center ss-col-center ss-p-t-60 ss-p-b-0 bg-white\">\r\n <view class=\"header-box-content\">\r\n <su-image\r\n class=\"content-img\"\r\n isPreview\r\n :current=\"0\"\r\n :src=\"state.model?.avatar\"\r\n :height=\"160\"\r\n :width=\"160\"\r\n :radius=\"80\"\r\n mode=\"scaleToFill\"\r\n />\r\n <view class=\"avatar-action\">\r\n <!-- #ifdef MP -->\r\n <button\r\n class=\"ss-reset-button avatar-action-btn\"\r\n open-type=\"chooseAvatar\"\r\n @chooseavatar=\"onChooseAvatar\"\r\n >\r\n 修改\r\n </button>\r\n <!-- #endif -->\r\n <!-- #ifndef MP -->\r\n <button class=\"ss-reset-button avatar-action-btn\" @tap=\"onChangeAvatar\">修改</button>\r\n <!-- #endif -->\r\n </view>\r\n </view>\r\n </view>\r\n\r\n <view class=\"bg-white ss-p-x-30\">\r\n <!-- 昵称 + 性别 -->\r\n <uni-forms-item name=\"nickname\" label=\"昵称\">\r\n <uni-easyinput\r\n v-model=\"state.model.nickname\"\r\n type=\"nickname\"\r\n placeholder=\"设置昵称\"\r\n :inputBorder=\"false\"\r\n :placeholderStyle=\"placeholderStyle\"\r\n />\r\n </uni-forms-item>\r\n <uni-forms-item name=\"sex\" label=\"性别\">\r\n <view class=\"ss-flex ss-col-center ss-h-100\">\r\n <radio-group @change=\"onChangeGender\" class=\"ss-flex ss-col-center\">\r\n <label class=\"radio\" v-for=\"item in sexRadioMap\" :key=\"item.value\">\r\n <view class=\"ss-flex ss-col-center ss-m-r-32\">\r\n <radio\r\n :value=\"item.value\"\r\n color=\"var(--ui-BG-Main)\"\r\n style=\"transform: scale(0.8)\"\r\n :checked=\"parseInt(item.value) === state.model?.sex\"\r\n />\r\n <view class=\"gender-name\">{{ item.name }}</view>\r\n </view>\r\n </label>\r\n </radio-group>\r\n </view>\r\n </uni-forms-item>\r\n\r\n <uni-forms-item name=\"mobile\" label=\"手机号\" @tap=\"onChangeMobile\">\r\n <uni-easyinput\r\n v-model=\"userInfo.mobile\"\r\n placeholder=\"请绑定手机号\"\r\n :inputBorder=\"false\"\r\n disabled\r\n :styles=\"{ disableColor: '#fff' }\"\r\n :placeholderStyle=\"placeholderStyle\"\r\n :clearable=\"false\"\r\n >\r\n <template v-slot:right>\r\n <view class=\"ss-flex ss-col-center\">\r\n <su-radio v-if=\"userInfo.verification?.mobile\" :modelValue=\"true\" />\r\n <button v-else class=\"ss-reset-button ss-flex ss-col-center ss-row-center\">\r\n <text class=\"_icon-forward\" style=\"font-size: 26rpx; color: #bbbbbb\"></text>\r\n </button>\r\n </view>\r\n </template>\r\n </uni-easyinput>\r\n </uni-forms-item>\r\n\r\n <uni-forms-item name=\"password\" label=\"登录密码\" @tap=\"onSetPassword\">\r\n <uni-easyinput\r\n v-model=\"userInfo.password\"\r\n placeholder=\"点击修改登录密码\"\r\n :inputBorder=\"false\"\r\n :styles=\"{ disableColor: '#fff' }\"\r\n disabled\r\n placeholderStyle=\"color:#BBBBBB;font-size:28rpx;line-height:normal\"\r\n :clearable=\"false\"\r\n >\r\n <template v-slot:right>\r\n <view class=\"ss-flex ss-col-center\">\r\n <su-radio\r\n class=\"ss-flex\"\r\n v-if=\"userInfo.verification?.password\"\r\n :modelValue=\"true\"\r\n />\r\n <button v-else class=\"ss-reset-button ss-flex ss-col-center ss-row-center\">\r\n <text class=\"_icon-forward\" style=\"font-size: 26rpx; color: #bbbbbb\" />\r\n </button>\r\n </view>\r\n </template>\r\n </uni-easyinput>\r\n </uni-forms-item>\r\n </view>\r\n\r\n <view class=\"bg-white ss-m-t-14\">\r\n <uni-list>\r\n <uni-list-item\r\n clickable\r\n @tap=\"sheep.$router.go('/modules/mall/user/address/list')\"\r\n title=\"地址管理\"\r\n showArrow\r\n :border=\"false\"\r\n class=\"list-border\"\r\n />\r\n </uni-list>\r\n </view>\r\n </uni-forms>\r\n\r\n <!-- 当前社交平台的绑定关系，只处理 wechat 微信场景 -->\r\n <view v-if=\"sheep.$platform.name !== 'H5'\">\r\n <view class=\"title-box ss-p-l-30\">第三方账号绑定</view>\r\n <view class=\"account-list ss-flex ss-row-between\">\r\n <view v-if=\"'WechatOfficialAccount' === sheep.$platform.name\" class=\"ss-flex ss-col-center\">\r\n <image\r\n class=\"list-img\"\r\n :src=\"sheep.$url.static('/static/img/shop/platform/WechatOfficialAccount.png')\"\r\n />\r\n <text class=\"list-name\">微信公众号</text>\r\n </view>\r\n <view v-if=\"'WechatMiniProgram' === sheep.$platform.name\" class=\"ss-flex ss-col-center\">\r\n <image\r\n class=\"list-img\"\r\n :src=\"sheep.$url.static('/static/img/shop/platform/WechatMiniProgram.png')\"\r\n />\r\n <text class=\"list-name\">微信小程序</text>\r\n </view>\r\n <view v-if=\"'App' === sheep.$platform.name\" class=\"ss-flex ss-col-center\">\r\n <image\r\n class=\"list-img\"\r\n :src=\"sheep.$url.static('/static/img/shop/platform/wechat.png')\"\r\n />\r\n <text class=\"list-name\">微信开放平台</text>\r\n </view>\r\n <view class=\"ss-flex ss-col-center\">\r\n <view class=\"info ss-flex ss-col-center\" v-if=\"state.thirdInfo\">\r\n <image class=\"avatar ss-m-r-20\" :src=\"sheep.$url.cdn(state.thirdInfo.avatar)\" />\r\n <text class=\"name\">{{ state.thirdInfo.nickname }}</text>\r\n </view>\r\n <view class=\"bind-box ss-m-l-20\">\r\n <button\r\n v-if=\"state.thirdInfo.openid\"\r\n class=\"ss-reset-button relieve-btn\"\r\n @tap=\"unBindThirdOauth\"\r\n >\r\n 解绑\r\n </button>\r\n <button v-else class=\"ss-reset-button bind-btn\" @tap=\"bindThirdOauth\">绑定</button>\r\n </view>\r\n </view>\r\n </view>\r\n </view>\r\n\r\n <su-fixed bottom placeholder bg=\"none\">\r\n <view class=\"footer-box ss-p-20\">\r\n <button class=\"ss-rest-button logout-btn ui-Shadow-Main\" @tap=\"onSubmit\">保存</button>\r\n </view>\r\n </su-fixed>\r\n </s-layout>\r\n</template>\r\n\r\n<script setup>\r\nimport { computed, reactive, onBeforeMount } from 'vue'\r\nimport sheep from '@/sheep'\r\nimport { clone } from 'lodash-es'\r\nimport { showAuthModal } from '@/sheep/hooks/useModal'\r\nimport FileApi from '@/sheep/api/infra/file'\r\nimport UserApi from '@/sheep/api/member/user'\r\n\r\nconst state = reactive({\r\n model: {}, // 个人信息\r\n rules: {},\r\n thirdInfo: {}, // 社交用户的信息\r\n})\r\n\r\nconst placeholderStyle = 'color:#BBBBBB;font-size:28rpx;line-height:normal'\r\n\r\nconst sexRadioMap = [\r\n {\r\n name: '男',\r\n value: '1',\r\n },\r\n {\r\n name: '女',\r\n value: '2',\r\n },\r\n]\r\n\r\nconst userInfo = computed(() => sheep.$store('user').userInfo)\r\n\r\n// 选择性别\r\nfunction onChangeGender(e) {\r\n state.model.sex = e.detail.value\r\n}\r\n\r\n// 修改手机号\r\nconst onChangeMobile = () => {\r\n showAuthModal('changeMobile')\r\n}\r\n\r\n// 选择微信的头像，进行上传\r\nfunction onChooseAvatar(e) {\r\n const tempUrl = e.detail.avatarUrl || ''\r\n uploadAvatar(tempUrl)\r\n}\r\n\r\n// 手动选择头像，进行上传\r\nfunction onChangeAvatar() {\r\n uni.chooseImage({\r\n success: async (chooseImageRes) => {\r\n const tempUrl = chooseImageRes.tempFilePaths[0]\r\n await uploadAvatar(tempUrl)\r\n },\r\n })\r\n}\r\n\r\n// 上传头像文件\r\nasync function uploadAvatar(tempUrl) {\r\n if (!tempUrl) {\r\n return\r\n }\r\n const { data } = await FileApi.uploadFile(tempUrl)\r\n state.model.avatar = data\r\n}\r\n\r\n// 修改密码\r\nfunction onSetPassword() {\r\n showAuthModal('changePassword')\r\n}\r\n\r\n// 绑定第三方账号\r\nasync function bindThirdOauth() {\r\n const result = await sheep.$platform.useProvider('wechat').bind()\r\n if (result) {\r\n await getUserInfo()\r\n }\r\n}\r\n\r\n// 解绑第三方账号\r\nfunction unBindThirdOauth() {\r\n uni.showModal({\r\n title: '解绑提醒',\r\n content: '解绑后您将无法通过微信登录此账号',\r\n cancelText: '再想想',\r\n confirmText: '确定',\r\n success: async function (res) {\r\n if (!res.confirm) {\r\n return\r\n }\r\n const result = await sheep.$platform.useProvider('wechat').unbind(state.thirdInfo.openid)\r\n if (result) {\r\n await getUserInfo()\r\n }\r\n },\r\n })\r\n}\r\n\r\n// 保存信息\r\nasync function onSubmit() {\r\n const { code } = await UserApi.updateUser({\r\n avatar: state.model.avatar,\r\n nickname: state.model.nickname,\r\n sex: state.model.sex,\r\n })\r\n if (code === 0) {\r\n await getUserInfo()\r\n }\r\n}\r\n\r\n// 获得用户信息\r\nconst getUserInfo = async () => {\r\n // 个人信息\r\n const userInfo = await sheep.$store('user').getInfo()\r\n state.model = clone(userInfo)\r\n\r\n // 获得社交用户的信息\r\n if (sheep.$platform.name !== 'H5') {\r\n const result = await sheep.$platform.useProvider('wechat').getInfo()\r\n state.thirdInfo = result || {}\r\n }\r\n}\r\n\r\nonBeforeMount(() => {\r\n getUserInfo()\r\n})\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n \r\n:deep() {\r\n .uni-file-picker {\r\n border-radius: 50%;\r\n }\r\n\r\n .uni-file-picker__container {\r\n margin: -14rpx -12rpx;\r\n }\r\n\r\n .file-picker__progress {\r\n height: 0 !important;\r\n }\r\n\r\n .uni-list-item__content-title {\r\n font-size: 28rpx !important;\r\n line-height: normal !important;\r\n color: #333333 !important;\r\n }\r\n\r\n .uni-icons {\r\n font-size: 40rpx !important;\r\n }\r\n\r\n .is-disabled {\r\n color: #333333;\r\n }\r\n}\r\n\r\n:deep(.disabled) {\r\n opacity: 1;\r\n}\r\n\r\n.gender-name {\r\n font-size: 28rpx;\r\n font-weight: 500;\r\n line-height: normal;\r\n color: #333333;\r\n}\r\n\r\n.title-box {\r\n font-size: 28rpx;\r\n font-weight: 500;\r\n line-height: 100rpx;\r\n color: #666666;\r\n}\r\n\r\n.logout-btn {\r\n width: 710rpx;\r\n height: 80rpx;\r\n font-size: 30rpx;\r\n font-weight: 500;\r\n color: $white;\r\n background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient));\r\n border-radius: 40rpx;\r\n}\r\n\r\n.radio-dark {\r\n filter: grayscale(100%);\r\n filter: gray;\r\n opacity: 0.4;\r\n}\r\n\r\n.content-img {\r\n border-radius: 50%;\r\n}\r\n.header-box-content {\r\n position: relative;\r\n width: 160rpx;\r\n height: 160rpx;\r\n overflow: hidden;\r\n border-radius: 50%;\r\n}\r\n.avatar-action {\r\n position: absolute;\r\n bottom: 0;\r\n left: 50%;\r\n z-index: 1;\r\n width: 160rpx;\r\n height: 46rpx;\r\n background: rgba(#000000, 0.3);\r\n transform: translateX(-50%);\r\n\r\n .avatar-action-btn {\r\n width: 160rpx;\r\n height: 46rpx;\r\n font-size: 24rpx;\r\n font-weight: 500;\r\n color: #ffffff;\r\n }\r\n}\r\n\r\n// 绑定项\r\n.account-list {\r\n height: 100rpx;\r\n padding: 0 20rpx;\r\n background-color: $white;\r\n\r\n .list-img {\r\n width: 40rpx;\r\n height: 40rpx;\r\n margin-right: 10rpx;\r\n }\r\n\r\n .list-name {\r\n font-size: 28rpx;\r\n color: #333333;\r\n }\r\n\r\n .info {\r\n .avatar {\r\n width: 38rpx;\r\n height: 38rpx;\r\n overflow: hidden;\r\n border-radius: 50%;\r\n }\r\n\r\n .name {\r\n font-size: 28rpx;\r\n font-weight: 400;\r\n color: $dark-9;\r\n }\r\n }\r\n\r\n .bind-box {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 100rpx;\r\n height: 50rpx;\r\n font-size: 24rpx;\r\n line-height: normal;\r\n\r\n .bind-btn {\r\n width: 100%;\r\n height: 100%;\r\n color: #999999;\r\n background: #f4f4f4;\r\n border-radius: 25rpx;\r\n }\r\n .relieve-btn {\r\n width: 100%;\r\n height: 100%;\r\n color: var(--ui-BG-Main);\r\n background: var(--ui-BG-Main-opacity-1);\r\n border-radius: 25rpx;\r\n }\r\n }\r\n}\r\n\r\n.list-border {\r\n font-size: 28rpx;\r\n font-weight: 400;\r\n color: #333333;\r\n border-bottom: 2rpx solid #eeeeee;\r\n}\r\n\r\nimage {\r\n width: 100%;\r\n height: 100%;\r\n}\r\n</style>\r\n","import MiniProgramPage from 'D:/App/Work/addr/acdr-ui/src/modules/mall/user/info.vue'\nwx.createPage(MiniProgramPage)"],"names":["reactive","computed","sheep","showAuthModal","FileApi","uni","UserApi","userInfo","clone","onBeforeMount"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8LA,UAAA,QAAAA,cAAAA,SAAA;AAAA,MACA,OAAA,CAAA;AAAA;AAAA,MACA,OAAA,CAAA;AAAA,MACA,WAAA,CAAA;AAAA;AAAA,IACA,CAAA;AAIA,UAAA,cAAA;AAAA,MACA;AAAA,QACA,MAAA;AAAA,QACA,OAAA;AAAA,MACA;AAAA,MACA;AAAA,QACA,MAAA;AAAA,QACA,OAAA;AAAA,MACA;AAAA,IACA;AAEA,UAAA,WAAAC,cAAA,SAAA,MAAAC,YAAAA,MAAA,OAAA,MAAA,EAAA,QAAA;AAGA,aAAA,eAAA,GAAA;AACA,YAAA,MAAA,MAAA,EAAA,OAAA;AAAA,IACA;AAGA,UAAA,iBAAA,MAAA;AACAC,2BAAAA,cAAA,cAAA;AAAA,IACA;AAGA,aAAA,eAAA,GAAA;AACA,YAAA,UAAA,EAAA,OAAA,aAAA;AACA,mBAAA,OAAA;AAAA,IACA;AAaA,aAAA,aAAA,SAAA;AAAA;AACA,YAAA,CAAA,SAAA;AACA;AAAA,QACA;AACA,cAAA,EAAA,KAAA,IAAA,MAAAC,qBAAAA,QAAA,WAAA,OAAA;AACA,cAAA,MAAA,SAAA;AAAA,MACA;AAAA;AAGA,aAAA,gBAAA;AACAD,2BAAAA,cAAA,gBAAA;AAAA,IACA;AAGA,aAAA,iBAAA;AAAA;AACA,cAAA,SAAA,MAAAD,kBAAA,UAAA,YAAA,QAAA,EAAA,KAAA;AACA,YAAA,QAAA;AACA,gBAAA,YAAA;AAAA,QACA;AAAA,MACA;AAAA;AAGA,aAAA,mBAAA;AACAG,oBAAAA,MAAA,UAAA;AAAA,QACA,OAAA;AAAA,QACA,SAAA;AAAA,QACA,YAAA;AAAA,QACA,aAAA;AAAA,QACA,SAAA,SAAA,KAAA;AAAA;AACA,gBAAA,CAAA,IAAA,SAAA;AACA;AAAA,YACA;AACA,kBAAA,SAAA,MAAAH,kBAAA,UAAA,YAAA,QAAA,EAAA,OAAA,MAAA,UAAA,MAAA;AACA,gBAAA,QAAA;AACA,oBAAA,YAAA;AAAA,YACA;AAAA,UACA;AAAA;AAAA,MACA,CAAA;AAAA,IACA;AAGA,aAAA,WAAA;AAAA;AACA,cAAA,EAAA,KAAA,IAAA,MAAAI,sBAAAA,QAAA,WAAA;AAAA,UACA,QAAA,MAAA,MAAA;AAAA,UACA,UAAA,MAAA,MAAA;AAAA,UACA,KAAA,MAAA,MAAA;AAAA,QACA,CAAA;AACA,YAAA,SAAA,GAAA;AACA,gBAAA,YAAA;AAAA,QACA;AAAA,MACA;AAAA;AAGA,UAAA,cAAA,MAAA;AAEA,YAAAC,YAAA,MAAAL,YAAA,MAAA,OAAA,MAAA,EAAA,QAAA;AACA,YAAA,QAAAM,cAAA,MAAAD,SAAA;AAGA,UAAAL,kBAAA,UAAA,SAAA,MAAA;AACA,cAAA,SAAA,MAAAA,kBAAA,UAAA,YAAA,QAAA,EAAA,QAAA;AACA,cAAA,YAAA,UAAA,CAAA;AAAA,MACA;AAAA,IACA;AAEAO,kBAAAA,cAAA,MAAA;AACA,kBAAA;AAAA,IACA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AChTA,GAAG,WAAW,eAAe;"} |