Admin.UI/src/views/account/settings.vue

（开头部分） 9KB

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

<template>
  <section v-loading="loading" :class="['my-flex',{ pc: isPc }]" style="padding: 20px;height:100%;">
    <el-tabs :tab-position="tabsPosition" style="height:100%;">
      <el-tab-pane label="基本设置" style="padding: 8px 30px;">
        <div class="title">基本设置</div>
        <el-form
          ref="editForm"
          :model="editForm"
          :rules="editFormRules"
          label-position="top"
          label-width="80px"
          @submit.native.prevent
        >
          <el-row :gutter="50">
            <el-col :sm="12" :xs="24">
              <el-form-item label="姓名" prop="name">
                <el-input v-model="editForm.name" />
              </el-form-item>
              <el-form-item label="我的昵称" prop="nickName">
                <el-input v-model="editForm.nickName" />
              </el-form-item>
              <!-- <el-form-item label="个人简介">
                <el-input v-model="editForm.introduce" type="textarea" rows="4" />
              </el-form-item> -->
            </el-col>
            <el-col :sm="12" :xs="24">
              <el-form-item label="头像">
                <el-upload
                  v-loading="avatarLoading"
                  class="avatar-uploader"
                  action="/api/admin/user/avatar-upload"
                  :headers="token"
                  :show-file-list="false"
                  :before-upload="()=>{avatarLoading = true}"
                  :on-success="onAvatarSuccess"
                  :on-error="onAvatarError"
                  style="display: inline-block;"
                >
                  <el-image class="el-avatar el-avatar--square" :src="avatar" style="height:90px;width:90px;line-height: 90px;">
                    <template #error>
                      <img :src="avatarDefault">
                    </template>
                  </el-image>
                  <div>
                    <el-button plain style="width:90px;">
                      <i class="el-icon-upload el-icon--left" />上传
                    </el-button>
                  </div>
                </el-upload>

              </el-form-item>
            </el-col>
          </el-row>
          <el-row v-if="checkPermission(['api:admin:user:updatebasic'])">
            <el-col :sm="12" :xs="24">
              <el-form-item>
                <my-confirm-button
                  :disabled="disabled"
                  :validate="editFormvalidate"
                  :placement="'top-end'"
后面还有 285 行代码，解锁后查看完整代码

24 小时内免费解锁 3 个项目，之后 1 积分/个。 规则说明

AI 解读

登录后可用，每次 10 积分，解读结果公开显示在下面。

还没有人解读过这个文件。