用户管理页面

zhangwei

2025-08-20 115769e9ad3ddc64e21ad7285450c4c563c745ed

 src/views/system/user/index.vue

@@ -40,7 +40,6 @@
  onTreeSelect,
  handleUpdate,
  handleDelete,
  handleUpload,
  handleReset,
  handleRole,
  handleSizeChange,
@@ -52,47 +51,45 @@

<template>
  <div :class="['flex', 'justify-between', deviceDetection() && 'flex-wrap']">
    <tree
    <!-- <tree
      ref="treeRef"
      :class="['mr-2', deviceDetection() ? 'w-full' : 'min-w-[200px]']"
      :treeData="treeData"
      :treeLoading="treeLoading"
      @tree-select="onTreeSelect"
    />
    <div
      :class="[deviceDetection() ? ['w-full', 'mt-2'] : 'w-[calc(100%-200px)]']"
    >
      <el-form
    /> -->
    <div class="w-full mt-2">
      <!-- <el-form
        ref="formRef"
        :inline="true"
        :model="form"
        class="search-form bg-bg_color w-full pl-8 pt-[12px] overflow-auto"
      >
        <el-form-item label="用户名称：" prop="username">
        <el-form-item label="姓名：" prop="name">
          <el-input
            v-model="form.username"
            placeholder="请输入用户名称"
            v-model="form.name"
            placeholder="请输入姓名"
            clearable
            class="w-[180px]!"
          />
        </el-form-item>
        <el-form-item label="手机号码：" prop="phone">
        <el-form-item label="手机号码：" prop="phoneNumber">
          <el-input
            v-model="form.phone"
            v-model="form.phoneNumber"
            placeholder="请输入手机号码"
            clearable
            class="w-[180px]!"
          />
        </el-form-item>
        <el-form-item label="状态：" prop="status">
        <el-form-item label="是否启用" prop="isEN">
          <el-select
            v-model="form.status"
            placeholder="请选择"
            v-model="form.isEN"
            placeholder="请选择状态"
            clearable
            class="w-[180px]!"
          >
            <el-option label="已开启" value="1" />
            <el-option label="已关闭" value="0" />
            <el-option label="已开启" :value="true" />
            <el-option label="已关闭" :value="false" />
          </el-select>
        </el-form-item>
        <el-form-item>
@@ -108,21 +105,11 @@
            重置
          </el-button>
        </el-form-item>
      </el-form>
      </el-form> -->

      <PureTableBar
        title="用户管理（仅演示，操作后不生效）"
        :columns="columns"
        @refresh="onSearch"
      >
      <PureTableBar title="" :columns="columns" @refresh="onSearch">
        <template #buttons>
          <el-button
            type="primary"
            :icon="useRenderIcon(AddFill)"
            @click="openDialog()"
          >
            新增用户
          </el-button>
          <el-button type="primary" @click="openDialog()"> 新增用户 </el-button>
        </template>
        <template v-slot="{ size, dynamicColumns }">
          <div
@@ -155,12 +142,10 @@
            adaptive
            :adaptiveConfig="{ offsetBottom: 108 }"
            align-whole="center"
            table-layout="auto"
            :loading="loading"
            :size="size"
            :data="dataList"
            :columns="dynamicColumns"
            :pagination="{ ...pagination, size }"
            :header-cell-style="{
              background: 'var(--el-fill-color-light)',
              color: 'var(--el-text-color-primary)'
@@ -177,10 +162,8 @@
                :size="size"
                :icon="useRenderIcon(EditPen)"
                @click="openDialog('修改', row)"
              >
                修改
              </el-button>
              <el-popconfirm
              />
              <!-- <el-popconfirm
                :title="`是否确认删除用户编号为${row.id}的这条数据`"
                @confirm="handleDelete(row)"
              >
@@ -191,12 +174,10 @@
                    type="primary"
                    :size="size"
                    :icon="useRenderIcon(Delete)"
                  >
                    删除
                  </el-button>
                  />
                </template>
              </el-popconfirm>
              <el-dropdown>
              </el-popconfirm> -->
              <!-- <el-dropdown>
                <el-button
                  class="ml-3! mt-[2px]!"
                  link
@@ -245,7 +226,7 @@
                    </el-dropdown-item>
                  </el-dropdown-menu>
                </template>
              </el-dropdown>
              </el-dropdown> -->
            </template>
          </pure-table>
        </template>