README.md 3.7 KB

logo

RuoYi v3.8.4

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

平台简介

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

0 去除laber标签

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

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

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

    this.$refs.pagination.handleSearch(true)
    

    })

单选多选设置

<!-- 显示已选中的数据 -->
<div v-if="selectedFactory" class="selected-item">
  已选择: {{ selectedFactory.name }}
  <el-button type="text" icon="el-icon-close" @click="clearSelected"></el-button>
</div>

<!-- 多选模式下显示已选中的数据列表 -->
<div v-if="selectedFactories.length" class="selected-list">
  <el-tag 
    v-for="item in selectedFactories" 
    :key="item.id" 
    closable 
    @close="removeFactory(item)"
  >
    {{ item.name }}
  </el-tag>
</div>

<el-button @click="openSelector">选择工厂</el-button>

<!-- 单选模式 -->
<data-selector
  ref="singleSelector"
  title="选择工厂"
  :multiple="false"
  :selected="selectedFactory"
  :data-columns="dataColumns"
  :fetch-data="fetchFactoryData"
  @confirm="handleSingleSelect"
/>

<!-- 多选模式 -->
<data-selector
  ref="multiSelector"
  title="选择工厂"
  :multiple="true"
  :selected="selectedFactories"
  :data-columns="dataColumns"
  :fetch-data="fetchFactoryData"
  @confirm="handleMultiSelect"
/>