.user-info
.left-info
.head-image
img(:src='img')
.name {{ form.name }}
.code id: {{ form.code }}
.tabs
.tab-item(:class='{ active: title === "我的资料" }', @click='title = "我的资料"') 我的资料
.tab-item(:class='{ active: title === "修改密码" }', @click='title = "修改密码"') 修改密码
.right-info
.title {{ title }}
.user-container(v-if='title === "我的资料"')
a-form(:model='form', :labelCol='{ span: 2 }', :wrapperCol='{ span: 4 }')
a-form-item(label='头像')
img(:src='img', style='width: 80px')
a-form-item(label='账号')
div {{ form.code }}
a-form-item(label='班级')
div {{ form.code }}
a-form-item(label='姓名')
a-input(v-model:value='form.name')
a-form-item(label='个人简介', :wrapperCol='{ span: 14 }')
a-textarea(v-model:value='form.personalSignature', :maxLength='500')
.buttons(style='padding-left: 8%')
a-button(type='primary', @click='ok') 确定
a-button(style='margin-left: 12px', @click='back') 取消
.user-container(v-if='title === "修改密码"')
a-form(
:model='formPassWord',
:labelCol='{ span: 2 }',
:wrapperCol='{ span: 4 }'
)
a-form-item(label='原密码')
a-input-password.password(
v-model:value='formPassWord.oldPassword',
placeholder='请输入现在使用的密码'
)
a-form-item(label='新密码')
a-input-password.password(
v-model:value='formPassWord.newPassword',
placeholder='8位数以上的新密码'
)
a-form-item(label='确认密码')
a-input-password.password(
v-model:value='password',
placeholder='请再次输入新密码'
)
.buttons(style='padding-left: 8%')
a-button(type='primary', @click='passWordOk') 确定
a-button(style='margin-left: 12px', @click='back') 取消