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

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

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

<template>
  <div class="app-container">
    <el-form ref="searchformRef" v-show="showSearch" :inline="true" :model="queryParams" class="demo-form-inline">
      <el-form-item label="角色" prop="RoleId">
        <el-select v-model="queryParams.RoleId" clearable placeholder="请选择">
          <el-option v-for="item in selectRole" :key="item.Id" :label="item.FullName" :value="item.Id" />
        </el-select>
      </el-form-item>
      <el-form-item label="用户信息：" prop="Keywords">
        <el-input v-model="queryParams.Keywords" clearable placeholder="账号/姓名/昵称/电话" />
      </el-form-item>
      <el-form-item label="注册日期：" prop="CreateTime">
        <el-date-picker v-model="queryParams.CreateTime" type="daterange" align="right" value-format="YYYY-MM-DD" unlink-panels range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" :shortcuts="shortcuts" />
      </el-form-item>
      <el-form-item>
        <el-button type="primary" @click="handleSearch">查询</el-button>
        <el-button icon="Refresh" @click="resetQuery">重置</el-button>
      </el-form-item>
    </el-form>
    <el-row :gutter="10" class="mb8">
      <el-button-group>
        <el-button v-hasPermi="['User/Add']" type="primary" icon="plus" @click="ShowEditOrViewDialog()">新增</el-button>
        <el-button v-hasPermi="['User/Edit']" type="primary" icon="edit" :disabled="single" class="el-button-modify" @click="ShowEditOrViewDialog('edit')">修改</el-button>
        <el-button v-hasPermi="['User/Enable']" type="info" icon="video-pause" :disabled="multiple" @click="setEnable('0')">禁用</el-button>
        <el-button v-hasPermi="['User/Enable']" type="success" icon="video-play" :disabled="multiple" @click="setEnable('1')">启用</el-button>
        <el-button v-hasPermi="['User/DeleteSoft']" type="warning" icon="delete" :disabled="multiple" @click="deleteSoft('0')">软删除</el-button>
        <el-button v-hasPermi="['User/Delete']" type="danger" icon="delete" :disabled="multiple" @click="deletePhysics()">删除</el-button>
        <el-button v-hasPermi="['User/ResetPassword']" type="default" icon="refresh-right" :disabled="single" @click="handleResetPassword()">重置密码</el-button>
      </el-button-group>
      <right-toolbar v-model:showSearch="showSearch" @queryTable="loadTableData"></right-toolbar>
    </el-row>
    <el-table
      ref="gridtable"
      v-loading="tableloading"
      :data="tableData"
      stripe
      highlight-current-row
      style="width: 100%"
      :default-sort="{prop: 'SortCode', order: 'descending'}"
      @selection-change="handleSelectChange"
      @sort-change="handleSortChange"
    >
      <el-table-column type="selection" width="55" />
      <el-table-column prop="Account" label="账号/用户名" sortable="custom" width="230" fixed />
      <el-table-column prop="RealName" label="真实姓名" sortable="custom" width="180" fixed />
      <el-table-column prop="NickName" label="昵称" sortable="custom" width="180" fixed />
      <el-table-column prop="Gender" label="性别" sortable="custom" width="90" align="center">
        <template #default="scope">
          {{ scope.row.Gender=== 1 ? '男' : '女' }}
        </template>
      </el-table-column>
      <el-table-column prop="Birthday" label="生日" sortable="custom" width="120" align="center">
        <template #default="scope">
            <span>{{ parseTime(scope.row.Birthday, '{y}-{m}-{d}') }}</span>
        </template>
      </el-table-column>
      <el-table-column prop="MobilePhone" label="手机号码" sortable="custom" width="120" align="center" />
      <el-table-column prop="DepartmentName" label="所属组织" width="260" align="center">
        <template #default="scope">
          {{ scope.row.OrganizeName+"/"+ scope.row.DepartmentName }}