|
|
|
|
@ -22,6 +22,7 @@ const store = useStore()
|
|
|
|
|
const router = useRouter()
|
|
|
|
|
|
|
|
|
|
const form = ref({addon:[]})
|
|
|
|
|
const uInfoForm = ref({addon:[]})
|
|
|
|
|
|
|
|
|
|
const genderChecked = ref()
|
|
|
|
|
|
|
|
|
|
@ -163,6 +164,23 @@ const onSubmit = async () => {
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
const userInfoSubmit = async (values) => {
|
|
|
|
|
showLoadingToast({
|
|
|
|
|
duration: 0,
|
|
|
|
|
message: '資料更新中...',
|
|
|
|
|
forbidClick: true,
|
|
|
|
|
});
|
|
|
|
|
console.log("test",values);
|
|
|
|
|
let res = await updateUserInfo(values)
|
|
|
|
|
if(res.code===200){
|
|
|
|
|
showSuccessToast('更新成功')
|
|
|
|
|
store.commit('user/setUserInfo',values)
|
|
|
|
|
router.push('/member')
|
|
|
|
|
}else{
|
|
|
|
|
showToast.fail('更新失敗')
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
const searchChecked = ref(true);
|
|
|
|
|
const searchOnUpdateValue = (newValue) => {
|
|
|
|
|
showConfirmDialog({
|
|
|
|
|
@ -190,7 +208,6 @@ const tab2TodoLists = ref([]);
|
|
|
|
|
const tab2AddFriend = ref([]);
|
|
|
|
|
onBeforeMount(async () => {
|
|
|
|
|
let res = await searchConnection();
|
|
|
|
|
console.log(res);
|
|
|
|
|
if(res.code===200){
|
|
|
|
|
tab2list.value = res.data;
|
|
|
|
|
}
|
|
|
|
|
@ -234,7 +251,6 @@ const tab2OnSearch = () => {
|
|
|
|
|
const tab3list = ref([]);
|
|
|
|
|
onBeforeMount(async () => {
|
|
|
|
|
let res = await setUserNfcTpl();
|
|
|
|
|
console.log(res);
|
|
|
|
|
if(res.code===200){
|
|
|
|
|
tab3list.value = res.data;
|
|
|
|
|
}
|
|
|
|
|
@ -266,9 +282,9 @@ onBeforeMount(async () => {
|
|
|
|
|
|
|
|
|
|
<div class="content cnt0" v-show="tabActive === 0">
|
|
|
|
|
<van-cell-group inset>
|
|
|
|
|
<van-form @submit="onSubmit">
|
|
|
|
|
<van-form @submit="userInfoSubmit">
|
|
|
|
|
<div class="text-center p-4">
|
|
|
|
|
<van-uploader :after-read="afterRead" :max-count="1" name="averter" class="mb-4">
|
|
|
|
|
<van-uploader :after-read="afterRead" :max-count="1" name="avatar" class="mb-4">
|
|
|
|
|
<div class="upload-main">
|
|
|
|
|
<img
|
|
|
|
|
class="upload-img avatar"
|
|
|
|
|
@ -293,6 +309,7 @@ onBeforeMount(async () => {
|
|
|
|
|
rows="3"
|
|
|
|
|
type="textarea"
|
|
|
|
|
maxlength="100"
|
|
|
|
|
name="mark"
|
|
|
|
|
placeholder="請輸入100字以內的簡介"
|
|
|
|
|
show-word-limit
|
|
|
|
|
:style="{border:'1px #e3e3e3 solid',borderRadius:'6px'}"
|
|
|
|
|
@ -302,27 +319,27 @@ onBeforeMount(async () => {
|
|
|
|
|
<van-field
|
|
|
|
|
v-model="form.real_name"
|
|
|
|
|
label="姓名"
|
|
|
|
|
name="pattern"
|
|
|
|
|
name="real_name"
|
|
|
|
|
placeholder="請輸入您的姓名"
|
|
|
|
|
:rules="[{ required: true, message: '姓名為必填' }]"
|
|
|
|
|
/>
|
|
|
|
|
<van-field
|
|
|
|
|
v-model="form.company"
|
|
|
|
|
label="公司名稱"
|
|
|
|
|
name=""
|
|
|
|
|
name="company"
|
|
|
|
|
placeholder="請輸入您的公司名稱"
|
|
|
|
|
:rules="[{ required: true, message: '公司名稱必填' }]"
|
|
|
|
|
/>
|
|
|
|
|
<van-field
|
|
|
|
|
v-model="form.title"
|
|
|
|
|
label="職稱"
|
|
|
|
|
name=""
|
|
|
|
|
name="title"
|
|
|
|
|
placeholder="請輸入您的職稱"
|
|
|
|
|
/>
|
|
|
|
|
<van-field
|
|
|
|
|
v-model="form.phone"
|
|
|
|
|
label="手機"
|
|
|
|
|
name=""
|
|
|
|
|
name="phone"
|
|
|
|
|
type="tel"
|
|
|
|
|
placeholder="Ex. 0900000001 不要有空格"
|
|
|
|
|
:rules="[{ required: true, message: '手機號必填' },{ pattern: /\d{10}/ , message: '手機號格式錯誤' }]"
|
|
|
|
|
@ -330,7 +347,7 @@ onBeforeMount(async () => {
|
|
|
|
|
<van-field
|
|
|
|
|
v-model="form.tel"
|
|
|
|
|
label="市話"
|
|
|
|
|
name=""
|
|
|
|
|
name="tel"
|
|
|
|
|
type="tel"
|
|
|
|
|
placeholder="請輸入您的市話"
|
|
|
|
|
:rules="[{ validator: validatorTel, message: '市話格式不正確,Ex. 02xxxx or 02-xxxx' }]"
|
|
|
|
|
@ -338,31 +355,31 @@ onBeforeMount(async () => {
|
|
|
|
|
<van-field
|
|
|
|
|
v-model="form.email"
|
|
|
|
|
label="Email"
|
|
|
|
|
name=""
|
|
|
|
|
name="email"
|
|
|
|
|
placeholder="請輸入您的Email"
|
|
|
|
|
:rules="[{ required: true, message: 'Email必填' },{ pattern: /^([\w\.\-]){1,64}\@([\w\.\-]){1,64}/ , message: 'Email格式錯誤' }]"
|
|
|
|
|
/>
|
|
|
|
|
<van-field
|
|
|
|
|
v-model="form.address"
|
|
|
|
|
label="住址"
|
|
|
|
|
name=""
|
|
|
|
|
name="address"
|
|
|
|
|
placeholder="請輸入您的地址"
|
|
|
|
|
/>
|
|
|
|
|
<van-field
|
|
|
|
|
v-model="form.age"
|
|
|
|
|
label="年齡"
|
|
|
|
|
name=""
|
|
|
|
|
name="age"
|
|
|
|
|
placeholder="請輸入您的年齡"
|
|
|
|
|
/>
|
|
|
|
|
<van-field name="radio" label="性別">
|
|
|
|
|
<van-field name="sex" label="性別">
|
|
|
|
|
<template #input>
|
|
|
|
|
<van-radio-group
|
|
|
|
|
v-model="genderChecked"
|
|
|
|
|
direction="horizontal"
|
|
|
|
|
checked-color="#345068"
|
|
|
|
|
>
|
|
|
|
|
<van-radio name="1">男</van-radio>
|
|
|
|
|
<van-radio name="2">女</van-radio>
|
|
|
|
|
<van-radio name="0">男</van-radio>
|
|
|
|
|
<van-radio name="1">女</van-radio>
|
|
|
|
|
</van-radio-group>
|
|
|
|
|
</template>
|
|
|
|
|
</van-field>
|
|
|
|
|
@ -370,13 +387,13 @@ onBeforeMount(async () => {
|
|
|
|
|
<van-field
|
|
|
|
|
v-model="form.area"
|
|
|
|
|
label="區域"
|
|
|
|
|
name=""
|
|
|
|
|
name="area"
|
|
|
|
|
placeholder="請選擇縣市區域"
|
|
|
|
|
/>
|
|
|
|
|
<van-field
|
|
|
|
|
v-model="form.work"
|
|
|
|
|
label="工作性質"
|
|
|
|
|
name=""
|
|
|
|
|
name="work"
|
|
|
|
|
placeholder="請選擇工作性質"
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
|
|
@ -418,15 +435,21 @@ onBeforeMount(async () => {
|
|
|
|
|
label-align="top"
|
|
|
|
|
>
|
|
|
|
|
<template #label>
|
|
|
|
|
<i class="fa-regular fa-gem text-darkBlue"></i> 一句話介紹自己
|
|
|
|
|
<i class="fa-solid fa-gem text-darkBlue"></i> 一句話介紹自己
|
|
|
|
|
</template>
|
|
|
|
|
</van-field>
|
|
|
|
|
|
|
|
|
|
<van-divider
|
|
|
|
|
:style="{
|
|
|
|
|
color: '#345068',
|
|
|
|
|
borderColor: '#345068',
|
|
|
|
|
padding: '0 16px',
|
|
|
|
|
}"
|
|
|
|
|
><strong>資源共享</strong></van-divider
|
|
|
|
|
>
|
|
|
|
|
|
|
|
|
|
<van-collapse v-model="resourceActive" accordion>
|
|
|
|
|
<van-collapse-item name="1">
|
|
|
|
|
<template #title>
|
|
|
|
|
<i class="fa-regular fa-gem text-darkBlue"></i> 我能分享的資源
|
|
|
|
|
</template>
|
|
|
|
|
<van-collapse-item title="我能分享的資源" name="1">
|
|
|
|
|
<van-field
|
|
|
|
|
v-model="form.supply"
|
|
|
|
|
rows="3"
|
|
|
|
|
@ -437,15 +460,13 @@ onBeforeMount(async () => {
|
|
|
|
|
/>
|
|
|
|
|
<van-field
|
|
|
|
|
v-model="form.supply_link"
|
|
|
|
|
name="pattern"
|
|
|
|
|
label="分享網址："
|
|
|
|
|
name=""
|
|
|
|
|
placeholder="分享網址"
|
|
|
|
|
:rules="[{ validator: validatorUrl, message: '網址格式不正確,Ex. http://' }]"
|
|
|
|
|
/>
|
|
|
|
|
</van-collapse-item>
|
|
|
|
|
<van-collapse-item name="2">
|
|
|
|
|
<template #title>
|
|
|
|
|
<i class="fa-regular fa-gem text-darkBlue"></i> 我需要的資源
|
|
|
|
|
</template>
|
|
|
|
|
<van-collapse-item title="我需要的資源" name="2">
|
|
|
|
|
<van-field
|
|
|
|
|
v-model="form.demand"
|
|
|
|
|
rows="3"
|
|
|
|
|
@ -456,14 +477,12 @@ onBeforeMount(async () => {
|
|
|
|
|
/>
|
|
|
|
|
<van-field
|
|
|
|
|
v-model="form.demand_link"
|
|
|
|
|
name="pattern"
|
|
|
|
|
label="分享網址："
|
|
|
|
|
name=""
|
|
|
|
|
placeholder="需求連結"
|
|
|
|
|
/>
|
|
|
|
|
</van-collapse-item>
|
|
|
|
|
<van-collapse-item name="3">
|
|
|
|
|
<template #title>
|
|
|
|
|
<i class="fa-regular fa-gem text-darkBlue"></i> 菁英交流資訊
|
|
|
|
|
</template>
|
|
|
|
|
<van-collapse-item title="菁英交流資訊" name="3">
|
|
|
|
|
<van-field
|
|
|
|
|
v-model="form.exchange"
|
|
|
|
|
rows="3"
|
|
|
|
|
@ -474,7 +493,8 @@ onBeforeMount(async () => {
|
|
|
|
|
/>
|
|
|
|
|
<van-field
|
|
|
|
|
v-model="form.exchange_link"
|
|
|
|
|
name="pattern"
|
|
|
|
|
label="分享網址："
|
|
|
|
|
name=""
|
|
|
|
|
placeholder="需求連結"
|
|
|
|
|
/>
|
|
|
|
|
</van-collapse-item>
|
|
|
|
|
|
DESKTOP-8UQ1PPR\09158
3 years ago