yuebonui-vue3/src/views/usercenter/index.vue

(开头部分) 8KB

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

<template>
  <div class="app-container">
    <el-form ref="editFromRef" :model="editFrom" :rules="rules" class="yuebon-setting-form">
      <el-tabs v-model="activeName" type="border-card">
        <el-tab-pane label="基本信息" name="first">
          <el-form-item label="头像" :label-width="formLabelWidth" prop="HeadIcon">
            <el-upload
              class="avatar-uploader"
              :action="httpFileUploadUrl"
              :headers="headers"
              :show-file-list="false"
              :on-success="uploadFileSuccess"
            >
              <img v-if="editFrom.HeadIcon" :src="headIconUrl" class="avatar">
              <i v-else class="avatar-uploader-icon" />
            </el-upload>
            <el-dialog v-model="dialogHeadIconVisible">
              <img width="100%" :src="dialogHeadIconImageUrl" alt="">
            </el-dialog>
          </el-form-item>
          <el-form-item label="账号" :label-width="formLabelWidth" prop="Account">
            <el-input v-model="editFrom.Account" placeholder="请输入登录系统账号" autocomplete="off" clearable />
          </el-form-item>
          <el-form-item label="姓名" :label-width="formLabelWidth" prop="RealName">
            <el-input v-model="editFrom.RealName" placeholder="请输入姓名" autocomplete="off" clearable />
          </el-form-item>
          <el-form-item label="昵称" :label-width="formLabelWidth" prop="NickName">
            <el-input v-model="editFrom.NickName" placeholder="请输入昵称" autocomplete="off" clearable />
          </el-form-item>
          <el-form-item label="性别" :label-width="formLabelWidth" prop="Gender">
            <el-radio-group v-model="editFrom.Gender">
              <el-radio label="1">男</el-radio>
              <el-radio label="0">女</el-radio>
              <el-radio label="2">未知</el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item label="手机号" :label-width="formLabelWidth" prop="MobilePhone">
            <el-input v-model="editFrom.MobilePhone" placeholder="请输入手机号" autocomplete="off" clearable />
          </el-form-item>
          <el-form-item label="微信号" :label-width="formLabelWidth" prop="WeChat">
            <el-input v-model="editFrom.WeChat" placeholder="请输入微信号" autocomplete="off" clearable />
          </el-form-item>
          <el-form-item label="邮箱" :label-width="formLabelWidth" prop="Email">
            <el-input v-model="editFrom.Email" placeholder="请输入Email @" autocomplete="off" clearable />
          </el-form-item>
          <el-form-item label="出身日期" :label-width="formLabelWidth" prop="Birthday">
            <el-date-picker
              v-model="editFrom.Birthday"
              type="date"
              placeholder="选择日期"
            />
          </el-form-item>
          <el-form-item label="选项" :label-width="formLabelWidth" prop="">
            <el-checkbox v-model="editFrom.EnabledMark">启用</el-checkbox>
            <el-checkbox v-model="editFrom.IsAdministrator">管理员</el-checkbox>
          </el-form-item>
          <el-form-item label="所属组织" style="width:500px" :label-width="formLabelWidth" prop="DepartmentId">
            <el-cascader
              v-model="selectedOrganizeOptions"
              style="width:500px;"
后面还有 183 行代码,解锁后查看完整代码

24 小时内免费解锁 3 个项目,之后 1 算力/个。 规则说明

AI 解读 AI

登录后可用,每次 10 算力,解读结果公开显示在下面。

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