|
|
@@ -1,97 +1,101 @@
|
|
|
<template>
|
|
|
- <m-header/>
|
|
|
- <div>
|
|
|
- <van-divider>设置</van-divider>.
|
|
|
- <van-tabs>
|
|
|
- <van-tab title="密码设置">
|
|
|
- <van-form @submit="onSubmit">
|
|
|
- <van-cell-group inset>
|
|
|
- <van-field
|
|
|
- v-if="from === 1"
|
|
|
- v-model="ruleForm.old_password"
|
|
|
- name="旧密码"
|
|
|
- label="旧密码"
|
|
|
- type="password"
|
|
|
- placeholder="请填写旧密码"
|
|
|
- :rules="[{ required: true, message: '请填写旧密码' },{ validator: checkAge}]"
|
|
|
- />
|
|
|
- <van-field
|
|
|
- v-model="ruleForm.new_password"
|
|
|
- type="password"
|
|
|
- name="新密码"
|
|
|
- label="新密码"
|
|
|
- placeholder="请填写新密码"
|
|
|
- :rules="[{ required: true, message: '请填写新密码' },{ validator: checkAge}]"
|
|
|
- />
|
|
|
- <van-field
|
|
|
- v-model="ruleForm.new_password2"
|
|
|
- type="password"
|
|
|
- name="新密码"
|
|
|
- label="新密码"
|
|
|
- placeholder="请再次填写新密码"
|
|
|
- :rules="[{ required: true, message: '请再次填写新密码' },{ validator: checkAge}]"
|
|
|
- />
|
|
|
- </van-cell-group>
|
|
|
- <div style="margin: 16px;display: flex;flex-direction: row-reverse;">
|
|
|
- <van-button style="width: 100%;padding: 10px;" round block type="primary" color="#ed8c0f" native-type="submit">
|
|
|
- 提交
|
|
|
- </van-button>
|
|
|
- </div>
|
|
|
- </van-form>
|
|
|
- </van-tab>
|
|
|
- <van-tab title="用户名设置">
|
|
|
- <van-form @submit="onSubmit2">
|
|
|
- <van-field
|
|
|
- v-model="account"
|
|
|
- type="text"
|
|
|
- name="用户名"
|
|
|
- :readonly="!!user.profile.user_name"
|
|
|
- label="用户名"
|
|
|
- placeholder="请填写用户名"
|
|
|
- :rules="[{ required: true, message: '请填写用户名',trigger: 'onBlur' },{ pattern: pattern, message: '请输入以字母为开头,长度为6-20位的用户名'}]"
|
|
|
- />
|
|
|
- <div v-if="!user.profile.user_name" style="margin: 16px;display: flex;flex-direction: row-reverse;">
|
|
|
- <van-button round block style="width: 100%;padding: 10px;" type="primary" color="#ed8c0f" native-type="submit">
|
|
|
- 提交
|
|
|
- </van-button>
|
|
|
- </div>
|
|
|
- </van-form>
|
|
|
- </van-tab>
|
|
|
- <van-tab title="手机号设置">
|
|
|
- <van-form>
|
|
|
- <van-field
|
|
|
- v-model="ruleForm3.mobile"
|
|
|
- type="text"
|
|
|
- name="手机号"
|
|
|
- :readonly="!!user.profile.mobile"
|
|
|
- label="手机号"
|
|
|
- placeholder="请填写手机号"
|
|
|
- :rules="[{ required: true, message: '请填写手机号',trigger: 'onBlur' },{ pattern: pattern2, message: '请输入正确手机号'}]"
|
|
|
- />
|
|
|
- <van-field
|
|
|
- v-model="ruleForm3.captcha"
|
|
|
- type="number"
|
|
|
- name="验证码"
|
|
|
- label="验证码"
|
|
|
- placeholder="请输入验证码"
|
|
|
- :rules="[{ required: true, message: '请填写验证码' }]">
|
|
|
- <template #button>
|
|
|
- <van-button v-if="!!user.profile.mobile" color="#ed8c0f" size="small" type="primary" style="width: 20vw;" :disabled="!can_send" @click="getCaptcha">{{ smsMessage }}</van-button>
|
|
|
- <van-button v-else size="small" color="#ed8c0f" type="primary" style="width: 20vw;" :disabled="!can_send" @click="getCaptcha2">{{ smsMessage }}</van-button>
|
|
|
- </template>
|
|
|
- </van-field>
|
|
|
- <div style="margin: 16px;">
|
|
|
- <van-button v-if="!!user.profile.mobile" style="width: 100%;padding: 10px;" round block type="primary" color="#ed8c0f" @click="onSubmit3">
|
|
|
- 解绑
|
|
|
- </van-button>
|
|
|
- <van-button v-else round block type="primary" style="width: 100%;padding: 10px;" color="#ed8c0f" @click="onSubmit4">
|
|
|
- 绑定
|
|
|
- </van-button>
|
|
|
- </div>
|
|
|
- </van-form>
|
|
|
- </van-tab>
|
|
|
- </van-tabs>
|
|
|
+ <div class="wrap-outer">
|
|
|
+ <div class="mob-wrap">
|
|
|
+ <m-header/>
|
|
|
+ <div>
|
|
|
+ <van-divider>设置</van-divider>.
|
|
|
+ <van-tabs>
|
|
|
+ <van-tab title="密码设置">
|
|
|
+ <van-form @submit="onSubmit">
|
|
|
+ <van-cell-group inset>
|
|
|
+ <van-field
|
|
|
+ v-if="from === 1"
|
|
|
+ v-model="ruleForm.old_password"
|
|
|
+ name="旧密码"
|
|
|
+ label="旧密码"
|
|
|
+ type="password"
|
|
|
+ placeholder="请填写旧密码"
|
|
|
+ :rules="[{ required: true, message: '请填写旧密码' },{ validator: checkAge}]"
|
|
|
+ />
|
|
|
+ <van-field
|
|
|
+ v-model="ruleForm.new_password"
|
|
|
+ type="password"
|
|
|
+ name="新密码"
|
|
|
+ label="新密码"
|
|
|
+ placeholder="请填写新密码"
|
|
|
+ :rules="[{ required: true, message: '请填写新密码' },{ validator: checkAge}]"
|
|
|
+ />
|
|
|
+ <van-field
|
|
|
+ v-model="ruleForm.new_password2"
|
|
|
+ type="password"
|
|
|
+ name="新密码"
|
|
|
+ label="新密码"
|
|
|
+ placeholder="请再次填写新密码"
|
|
|
+ :rules="[{ required: true, message: '请再次填写新密码' },{ validator: checkAge}]"
|
|
|
+ />
|
|
|
+ </van-cell-group>
|
|
|
+ <div style="margin: 16px;display: flex;flex-direction: row-reverse;">
|
|
|
+ <van-button style="width: 100%;padding: 10px;" round block type="primary" color="#ed8c0f" native-type="submit">
|
|
|
+ 提交
|
|
|
+ </van-button>
|
|
|
+ </div>
|
|
|
+ </van-form>
|
|
|
+ </van-tab>
|
|
|
+ <van-tab title="用户名设置">
|
|
|
+ <van-form @submit="onSubmit2">
|
|
|
+ <van-field
|
|
|
+ v-model="account"
|
|
|
+ type="text"
|
|
|
+ name="用户名"
|
|
|
+ :readonly="!!user.profile.user_name"
|
|
|
+ label="用户名"
|
|
|
+ placeholder="请填写用户名"
|
|
|
+ :rules="[{ required: true, message: '请填写用户名',trigger: 'onBlur' },{ pattern: pattern, message: '请输入以字母为开头,长度为6-20位的用户名'}]"
|
|
|
+ />
|
|
|
+ <div v-if="!user.profile.user_name" style="margin: 16px;display: flex;flex-direction: row-reverse;">
|
|
|
+ <van-button round block style="width: 100%;padding: 10px;" type="primary" color="#ed8c0f" native-type="submit">
|
|
|
+ 提交
|
|
|
+ </van-button>
|
|
|
+ </div>
|
|
|
+ </van-form>
|
|
|
+ </van-tab>
|
|
|
+ <van-tab title="手机号设置">
|
|
|
+ <van-form>
|
|
|
+ <van-field
|
|
|
+ v-model="ruleForm3.mobile"
|
|
|
+ type="text"
|
|
|
+ name="手机号"
|
|
|
+ :readonly="!!user.profile.mobile"
|
|
|
+ label="手机号"
|
|
|
+ placeholder="请填写手机号"
|
|
|
+ :rules="[{ required: true, message: '请填写手机号',trigger: 'onBlur' },{ pattern: pattern2, message: '请输入正确手机号'}]"
|
|
|
+ />
|
|
|
+ <van-field
|
|
|
+ v-model="ruleForm3.captcha"
|
|
|
+ type="number"
|
|
|
+ name="验证码"
|
|
|
+ label="验证码"
|
|
|
+ placeholder="请输入验证码"
|
|
|
+ :rules="[{ required: true, message: '请填写验证码' }]">
|
|
|
+ <template #button>
|
|
|
+ <van-button v-if="!!user.profile.mobile" color="#ed8c0f" size="small" type="primary" style="min-width: 20vw;" :disabled="!can_send" @click="getCaptcha">{{ smsMessage }}</van-button>
|
|
|
+ <van-button v-else size="small" color="#ed8c0f" type="primary" style="min-width: 20vw;" :disabled="!can_send" @click="getCaptcha2">{{ smsMessage }}</van-button>
|
|
|
+ </template>
|
|
|
+ </van-field>
|
|
|
+ <div style="margin: 16px;">
|
|
|
+ <van-button v-if="!!user.profile.mobile" style="width: 100%;padding: 10px;" round block type="primary" color="#ed8c0f" @click="onSubmit3">
|
|
|
+ 解绑
|
|
|
+ </van-button>
|
|
|
+ <van-button v-else round block type="primary" style="width: 100%;padding: 10px;" color="#ed8c0f" @click="onSubmit4">
|
|
|
+ 绑定
|
|
|
+ </van-button>
|
|
|
+ </div>
|
|
|
+ </van-form>
|
|
|
+ </van-tab>
|
|
|
+ </van-tabs>
|
|
|
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</template>
|
|
|
|