wash_admin_ui

RuoYi v3.8.4

基于SpringBoot+Vue前后端分离的Java快速开发框架

平台简介

一七生活是一套全部开源的快速开发平台，毫无保留给个人及企业免费使用。

0 去除laber标签

1. 修改page selectionChange 多选时候要加

1. 去除分页查询相关字段 pageNum

2. 修改查询 this.$nextTick(() => {

   this.$refs.pagination.handleSearch(true)
   

   })

单选多选设置

<el-card class="box-card">
  <div slot="header" class="clearfix">
    <span>选择器组件示例</span>
  </div>

  <!-- 单选示例 -->
  <div class="demo-block">
    <h3>单选示例</h3>
    <div class="selected-info">
      <el-descriptions v-if="selectedUser" :column="1" border>
        <el-descriptions-item label="用户名">{{ selectedUser.userName }}</el-descriptions-item>
        <el-descriptions-item label="昵称">{{ selectedUser.nickName }}</el-descriptions-item>
        <el-descriptions-item label="手机号">{{ selectedUser.phonenumber }}</el-descriptions-item>
      </el-descriptions>
      <el-empty v-else description="暂未选择用户"></el-empty>
    </div>
    <div class="button-group">
      <el-button type="primary" @click="handleSelectUser">选择用户</el-button>
      <el-button v-if="selectedUser" @click="selectedUser = null">清除选择</el-button>
    </div>
  </div>

  <!-- 多选示例 -->
  <div class="demo-block">
    <h3>多选示例</h3>
    <div class="selected-info">
      <template v-if="selectedDepts.length">
        <el-tag
          v-for="dept in selectedDepts"
          :key="dept.deptId"
          closable
          class="tag-item"
          @close="removeDept(dept)"
        >
          {{ dept.deptName }}
        </el-tag>
      </template>
      <el-empty v-else description="暂未选择部门"></el-empty>
    </div>
    <div class="button-group">
      <el-button type="primary" @click="handleSelectDept">选择部门</el-button>
      <el-button v-if="selectedDepts.length" @click="selectedDepts = []">清除全部</el-button>
    </div>
  </div>
</el-card>

<!-- 用户选择器 -->
<DataSelector
  ref="userSelector"
  title="选择用户"
  :multiple="false"
  :data-columns="userColumns"
  :fetch-data="fetchUserData"
  @confirm="handleUserSelect"
/>

<!-- 部门选择器 -->
<DataSelector
  ref="deptSelector"
  title="选择部门"
  :multiple="true"
  :data-columns="deptColumns"
  :fetch-data="fetchDeptData"
  @confirm="handleDeptSelect"
/>