frontend/src/views/system/account/settings/BaseSetting.vue

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<template>
  <div class="account-settings-info-view">
    <a-row :gutter="16">
      <a-col :md="24" :lg="16">

        <a-form layout="vertical" :form="form">
          <a-form-item label="昵称">
            <a-input placeholder="给自己起个昵称吧" v-decorator="['nickName']" />
          </a-form-item>
          <a-form-item label="生日">
            <a-date-picker
              placeholder="请选择生日"
              @change="onChange"
              style="width: 100%"
              v-decorator="['birthday', {rules: [{required: true, message: '请选择生日！'}]}]" />
          </a-form-item>
          <a-form-item label="性别">
            <a-radio-group v-decorator="['sex',{rules: [{ required: true, message: '请选择性别！' }]}]">
              <a-radio v-for="(item,index) in sexData" :key="index" :value="parseInt(item.code)">{{ item.name }}</a-radio>
            </a-radio-group>
          </a-form-item>
          <a-form-item label="手机">
            <a-input placeholder="请输入手机号" v-decorator="['phone', {rules: [{required: true, message: '请输入手机号！'}]}]" />
          </a-form-item>
          <a-form-item label="电话">
            <a-input placeholder="请输入电话" v-decorator="['tel']" />
          </a-form-item>
          <a-form-item label="电子邮件">
            <a-input
              placeholder="请输入电子邮件地址"
              v-decorator="['email', {type: 'email',message: '请输入正确的邮箱号',rules: [{required: true, message: '请输入正确的邮箱号！'}]}]" />
          </a-form-item>
          <a-form-item>
            <a-button type="primary" @click="submitUserInfo">更新基本信息</a-button>
          </a-form-item>
        </a-form>

      </a-col>
      <a-col :md="24" :lg="8" :style="{ minHeight: '180px' }">
        <div class="ant-upload-preview" @click="$refs.modal.edit(userInfo.id)">
          <a-icon type="cloud-upload-o" class="upload-icon" />
          <div class="mask">
            <a-icon type="plus" />
          </div>
          <img :src="option.img" @error="loadError()"/>
        </div>
      </a-col>

    </a-row>

    <avatar-modal ref="modal" @ok="setavatar" />

  </div>
</template>

<script>
  import store from '@/store'
  import AvatarModal from './AvatarModal'
  import {
    mapGetters