{"version":3,"file":"index.js","sources":["../../../../../src/pages/settings/index.vue","../../../../../uniPage:/cGFnZXMvc2V0dGluZ3MvaW5kZXgudnVl"],"sourcesContent":["<route lang=\"json5\" type=\"page\">\n{\n  layout: 'default',\n  style: {\n    navigationBarTitleText: '设置',\n  },\n}\n</route>\n<template>\n  <view class=\"setting-root h-full p-5\">\n    <!-- 用户头像 如果不存在头像就访问占位符，函数imgUrl默认为占位符 -->\n    <view class=\"flex items-center justify-center mb-6 pos-relative\">\n      <wd-img\n        v-if=\"sinfo.userAvatar != undefined\"\n        :width=\"100\"\n        :height=\"100\"\n        round\n        mode=\"aspectFill\"\n        :src=\"sinfo.userAvatar ? imgUrl(sinfo.userAvatar) : imgUrl('')\"\n      ></wd-img>\n      <view\n        @click=\"updateAvatar\"\n        class=\"text-white pos-absolute bottom-[-10px] right-[33%] bg-[#ff7f50] rounded p-[2px]\"\n      >\n        修改\n      </view>\n    </view>\n\n    <!-- 国际化设置 -->\n    <view class=\"card mb-4 p-4 bg-white rounded-lg shadow\">\n      <view class=\"text-gray-800 text-lg mb-2\">国际化设置</view>\n      <wd-picker\n        :columns=\"languageOptions\"\n        label=\"选择语言\"\n        v-model=\"selectedLanguage\"\n        @confirm=\"handleLanguageChange\"\n      />\n    </view>\n\n    <!-- 账户设置 -->\n    <view class=\"card mb-4 p-4 bg-white rounded-lg shadow\">\n      <view class=\"wd-cell\" @click=\"showUserNamePopup = true\">\n        <text class=\"text-gray-800\">账户名称</text>\n        <text class=\"text-gray-400 ml-auto\">{{ sinfo.userName }}</text>\n        <wd-icon name=\"right\" size=\"16\" class=\"ml-2\"></wd-icon>\n      </view>\n      <view class=\"wd-cell\" @click=\"goToBindPhone\">\n        <text class=\"text-gray-800\">手机号绑定</text>\n        <text class=\"text-gray-400 ml-auto\">{{ sinfo.phone }}</text>\n        <wd-icon name=\"right\" size=\"16\" class=\"ml-2\"></wd-icon>\n      </view>\n      <view class=\"wd-cell\" @click=\"!sinfo.isAuth ? goToRealNameAuth() : toast('你已经实名了')\">\n        <text class=\"text-gray-800\">实名认证</text>\n        <text v-if=\"sinfo.isAuth\" class=\"text-gray-400 ml-auto\">已实名</text>\n        <text v-else class=\"text-gray-400 ml-auto\">未实名</text>\n        <wd-icon name=\"right\" size=\"16\" class=\"ml-2\"></wd-icon>\n      </view>\n    </view>\n\n    <!-- 修改用户名的弹窗 -->\n    <wd-popup v-model=\"showUserNamePopup\" position=\"center\" custom-style=\"padding: 20px;\">\n      <view class=\"flex flex-col gap-3\">\n        <view class=\"text-gray-800 mb-4\">修改用户名</view>\n        <input v-model=\"newUserName\" type=\"text\" placeholder=\"请输入新的用户名\" />\n        <view class=\"btn-group mt-4\">\n          <button class=\"confirm-btn\" @click=\"updateUserName\">确认</button>\n          <button class=\"cancel-btn\" @click=\"showUserNamePopup = false\">取消</button>\n        </view>\n      </view>\n    </wd-popup>\n\n    <!-- 退出登录按钮 -->\n    <view class=\"card mb-4 p-4 bg-white rounded-lg shadow\">\n      <button class=\"logout-button\" @click=\"logout\">退出登录</button>\n    </view>\n  </view>\n\n  <LoadingAnimation v-model=\"loading\" />\n</template>\n\n<script setup lang=\"js\">\nimport { ref, computed } from 'vue'\nimport { useConfigStore } from '@/store/config'\nimport { useUserStore } from '@/store'\nimport { httpPost, httpGet } from '@/utils/http'\nimport LoadingAnimation from '@/components/LoadingAnimation.vue'\nimport { imgUrl, toast } from '@/utils/commUtils'\nimport { chooseImage } from '@/service/fileservice'\nimport { getUserInfo } from '@/service/userService'\n\nconst configStore = useConfigStore()\nconst userStore = useUserStore()\n\nconst languages = configStore.languages\nconst selectedLanguage = ref(languages['zh-Hans'])\n\nconst sinfo = ref({})\nconst showUserNamePopup = ref(false)\nconst newUserName = ref('')\n\nconst loading = ref(false)\n\nconst languageOptions = computed(() =>\n  Object.entries(languages).map(([key, value]) => ({\n    value: key,\n    label: value,\n  })),\n)\n\nconst handleLanguageChange = ({ value }) => {\n  configStore.changeLanguage(selectedLanguage.value)\n}\n\nconst goToRealNameAuth = () => {\n  uni.navigateTo({\n    url: '/pages/permission/real-name-auth',\n  })\n}\n\nconst goToBindPhone = () => {\n  uni.navigateTo({\n    url: '/pages/permission/bind-phone',\n  })\n}\n\n// 获取页面信息\nconst getSettingInfo = async () => {\n  const settingInfo = await httpGet('/setting/info')\n  try {\n    if (settingInfo.code === 200) {\n      sinfo.value = settingInfo.data\n    } else {\n      toast(settingInfo.message)\n    }\n  } catch (e) {\n    console.log(e)\n  }\n}\n\n// 修改用户名的请求\nconst updateUserName = async () => {\n  if (!newUserName.value) {\n    toast('用户名不能为空')\n    return\n  }\n  const response = await httpPost('/setting/updateUserName', {}, { userName: newUserName.value })\n  if (response.code === 200) {\n    sinfo.value.userName = newUserName.value\n    toast('用户名修改成功')\n    showUserNamePopup.value = false\n    // 更新设置页面信息\n    await getSettingInfo()\n    // 更新用户信息\n    await getUserInfo()\n  } else {\n    toast(response.message)\n  }\n}\n\n// 更新用户头像\nconst updateAvatar = async () => {\n  // 选择并上传图片,返回上传后的path\n  try {\n    const path = await chooseImage()\n    if (!path || path == '') {\n      toast('图片上传失败，请检查你的网络情况！')\n      return\n    }\n    const res = await httpPost('/setting/updateUserAvatar', {}, { userAvatar: path })\n    if (res.code == 200 && res.data) {\n      toast('头像更新成功')\n      // 更新设置页面信息\n      await getSettingInfo()\n      // 更新用户信息\n      await getUserInfo()\n    }\n  } catch (e) {\n    console.log(e)\n    toast('头像更新失败')\n  }\n}\n\nconst logout = async () => {\n  const logRes = await httpGet('/user/logout')\n  if (logRes.code == 200) {\n    uni.showToast({ title: '退出成功', icon: 'none' })\n  } else {\n    uni.showToast({ title: logRes.msg, icon: 'none' })\n  }\n  userStore.clearUserInfo()\n  uni.reLaunch({\n    url: '/pages/login/index',\n  })\n}\n\nonLoad(async () => {\n  loading.value = true\n  await getSettingInfo()\n  loading.value = false\n})\n</script>\n\n<style lang=\"scss\" scoped>\n.setting-root {\n  @apply bg-[#F5F5F5] h-full p-5;\n  height: 100vh;\n}\n\n.card {\n  @apply mb-4 p-4 bg-white rounded-lg shadow;\n}\n\n.wd-cell {\n  @apply flex items-center py-4 px-5 border-b border-gray-200;\n}\n\n.wd-cell:last-child {\n  @apply border-b-0;\n}\n\n.text-gray-800 {\n  @apply text-gray-800;\n}\n\n.text-gray-400 {\n  @apply text-gray-400;\n}\n\n.logout-button {\n  @apply w-full py-3 bg-red-500 text-white text-lg rounded;\n}\n\n.btn-group {\n  display: flex;\n  justify-content: space-between;\n}\n\n.confirm-btn {\n  background-color: #4caf50;\n  color: white;\n  border: none;\n  border-radius: 4px;\n}\n\n.cancel-btn {\n  background-color: #f44336;\n  color: white;\n  border: none;\n  border-radius: 4px;\n}\n</style>\n","import MiniProgramPage from 'D:/App/Work/addr/acdr-ui/src/pages/settings/index.vue'\nwx.createPage(MiniProgramPage)"],"names":["useConfigStore","useUserStore","ref","computed","uni","httpGet","toast","httpPost","getUserInfo","chooseImage","onLoad"],"mappings":"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"}