2 lines
6.3 KiB
JavaScript
Executable File
2 lines
6.3 KiB
JavaScript
Executable File
import{e,f as t,at as a,B as l,G as o,au as r,o as n,q as s,b as i,k as u,w as c,j as d,t as m,F as p,m as f,av as b,r as v,a as x,i as w,aw as _}from"./index-af8b4f0a.js";import{_ as g}from"./page-meta.b66710fd.js";import{_ as h}from"./u-navbar.8173a487.js";import{_ as y}from"./u-sticky.4cfaefbf.js";import{_ as k}from"./u-image.b6a3b610.js";import{_ as j}from"./u-icon.7661429a.js";import{_ as C}from"./u-input.71f0c575.js";import{_ as I}from"./u-form-item.d196090e.js";import{_ as M}from"./u-button.c275553c.js";import{_ as V}from"./u-popup.41ea4525.js";import{_ as F}from"./_plugin-vue_export-helper.1b428a4d.js";const S=F(e({__name:"user_data",setup(e){const F=t({}),S=t(a.NONE);t(["男","女"]);const z=t(!1);t(!1),t(!1);const P=t("");t(""),t(""),t(""),l();const B=()=>{f({url:`/pages/bind_mobile/bind_mobile?mobile=${F.value.mobile}`})},N=async()=>{F.value=await b()},T=()=>{if(""==P.value)return uni.$u.toast("个人介绍不能为空");S.value=a.INTRODUCTION,(async e=>{await _({field:S.value,value:e}),uni.$u.toast("操作成功"),N()})(P.value),z.value=!1};return o((async()=>{N()})),r((()=>{})),(e,t)=>{const a=v(x("page-meta"),g),l=v(x("u-navbar"),h),o=v(x("u-sticky"),y),r=w,f=v(x("u-image"),k),b=v(x("u-icon"),j),_=v(x("u-input"),C),S=v(x("u-form-item"),I),N=v(x("u-button"),M),$=v(x("u-popup"),V);return n(),s(p,null,[i(a,{"page-style":e.$theme.pageStyle},null,8,["page-style"]),u(" Main Start "),i(r,{class:"user-data p-[30rpx]"},{default:c((()=>[i(o,{"h5-nav-height":"0","bg-color":"transparent"},{default:c((()=>[i(l,{"is-back":!0,"is-fixed":!0,title:"个人资料","border-bottom":!1,"title-bold":!1,background:{background:"rgba(256,256, 256, 0)"},"title-color":"#000"},null,8,["background"])])),_:1}),u(" 头像 "),i(r,{class:"item rounded-t-[24rpx] mt-[20rpx] flex flex-1 justify-between items-center"},{default:c((()=>[i(r,{class:"label"},{default:c((()=>[d("头像")])),_:1}),i(f,{src:F.value.work_photo,width:"80",height:"80","border-radius":"50%"},null,8,["src"])])),_:1}),u(" 昵称 "),i(r,{class:"item flex flex-1 justify-between items-center"},{default:c((()=>[i(r,{class:"label"},{default:c((()=>[d("姓名")])),_:1}),i(r,{class:"content"},{default:c((()=>{var e;return[d(m(null==(e=F.value)?void 0:e.name),1)]})),_:1})])),_:1}),u(" 性别 "),u(' <view class="item flex flex-1 justify-between items-center" @click="changeSex">\n <view class="label">性别</view>\n <view class="content">{{ userInfo?.gender_desc }}</view>\n <u-icon name="arrow-right" size="22" color="#666"></u-icon>\n </view> '),u(" 手机号 "),i(r,{class:"item flex flex-1 justify-between items-center"},{default:c((()=>[i(r,{class:"label"},{default:c((()=>[d("手机号")])),_:1}),u(' <view class="content" @click="showMobilePop = true">\n {{ userInfo?.mobile == \'\' ? \'未绑定手机号\' : userInfo?.mobile }}\n </view>\n <view @click="showMobilePop = true">\n <u-icon name="arrow-right" size="22" color="#666"></u-icon>\n </view> '),i(r,{class:"content",onClick:B},{default:c((()=>{var e;return[d(m(null==(e=F.value)?void 0:e.mobile),1)]})),_:1}),i(r,{onClick:B},{default:c((()=>[i(b,{name:"arrow-right",size:"22",color:"#666"})])),_:1})])),_:1}),u(" 个人介绍 "),i(r,{class:"item rounded-b-[24rpx] flex flex-1 justify-between items-center",onClick:t[0]||(t[0]=e=>{var t;z.value=!0,P.value=null==(t=F.value)?void 0:t.introduction})},{default:c((()=>[i(r,{class:"label"},{default:c((()=>[d("个人介绍")])),_:1}),i(r,{class:"content text-right"},{default:c((()=>{var e;return[d(m(null==(e=F.value)?void 0:e.introduction),1)]})),_:1}),i(b,{name:"arrow-right",size:"22",color:"#666"})])),_:1})])),_:1}),u(" 修改个人介绍组件 "),i($,{modelValue:z.value,"onUpdate:modelValue":t[2]||(t[2]=e=>z.value=e),closeable:!0,mode:"bottom","border-radius":"20"},{default:c((()=>[i(r,{class:"px-[50rpx] py-[40rpx] bg-white"},{default:c((()=>[i(r,{class:"mb-[20rpx] text-xl text-center font-medium"},{default:c((()=>[d("设置个人介绍")])),_:1}),i(S,{borderBottom:!1},{default:c((()=>[i(_,{class:"flex-1",modelValue:P.value,"onUpdate:modelValue":t[1]||(t[1]=e=>P.value=e),height:"240",maxlength:"60",placeholder:"请输入您的个人介绍",border:!1,type:"textarea","custom-style":{background:"#F6F7F8",padding:"20rpx 15rpx",borderRadius:"12rpx",color:"#666",fontSize:"28rpx"}},null,8,["modelValue"])])),_:1}),i(r,{class:"mt-[30rpx]"},{default:c((()=>[i(N,{onClick:T,type:"primary",shape:"circle"},{default:c((()=>[d(" 确定 ")])),_:1})])),_:1})])),_:1})])),_:1},8,["modelValue"]),u(" 性别修改组件 "),u(' <u-picker\n mode="selector"\n v-model="showPicker"\n confirm-color="#4173FF"\n :default-selector="[0]"\n :range="sexList"\n @confirm="changeSexConfirm"\n /> '),u(" 手机号修改组件 "),u(' <u-popup v-model="showMobilePop" :closeable="true" mode="center" border-radius="20">\n <view class="px-[50rpx] py-[40rpx] bg-white" style="width: 85vw">\n <view class="mb-[70rpx] text-xl text-center">{{ userInfo?.mobile == \'\' ? \'绑定手机号\' : \'更换手机号\' }}</view>\n <u-form-item borderBottom>\n <u-input\n class="flex-1"\n v-model="newMobile"\n placeholder="请输入新的手机号码"\n :border="false"\n />\n </u-form-item>\n <u-form-item borderBottom>\n <u-input\n class="flex-1"\n v-model="mobileCode"\n placeholder="请输入验证码"\n :border="false"\n />\n <view\n class="border-l border-solid border-0 border-light pl-3 text-muted leading-4 ml-3 w-[180rpx]"\n @click="sendSms"\n >\n <u-verification-code\n ref="uCodeRef"\n :seconds="60"\n @change="codeChange"\n change-text="x秒"\n />\n {{ codeTips }}\n </view>\n </u-form-item>\n <view class="mt-[80rpx]">\n <u-button @click="changeCodeMobile" type="primary" shape="circle"> 确定 </u-button>\n </view>\n </view>\n </u-popup> ')],64)}}}),[["__scopeId","data-v-4e4c1342"]]);export{S as default};
|