|
|
@@ -30,8 +30,7 @@
|
|
|
|
|
|
<!-- 列选择区域 -->
|
|
|
<div class="column-select-area">
|
|
|
- <el-checkbox-group v-model="tempSelectedKeysModel">
|
|
|
- <div
|
|
|
+ <div
|
|
|
v-for="group in filteredColumnGroups"
|
|
|
:key="group.key"
|
|
|
class="column-group"
|
|
|
@@ -46,23 +45,24 @@
|
|
|
<!-- <span class="group-count">({{ group.selectedCount }}/{{ group.columns.length }})</span>-->
|
|
|
</el-checkbox>
|
|
|
</div>
|
|
|
- <div class="group-items" v-if="group.columns.length > 0">
|
|
|
- <el-checkbox
|
|
|
- v-for="column in group.columns"
|
|
|
- :key="column.key"
|
|
|
- :label="column.key"
|
|
|
- :title="column.tooltip || column.label"
|
|
|
- :disabled="column.disabled"
|
|
|
- >
|
|
|
- <span class="column-label">{{ column.label }}</span>
|
|
|
-<!-- <span v-if="column.width" class="column-width">({{ column.width }})</span>-->
|
|
|
- <el-tag v-if="column.defaultVisible" size="small" type="success" class="default-tag">
|
|
|
- 默认
|
|
|
- </el-tag>
|
|
|
- </el-checkbox>
|
|
|
- </div>
|
|
|
+ <el-checkbox-group v-model="tempSelectedKeysModel">
|
|
|
+ <div class="group-items" v-if="group.columns.length > 0">
|
|
|
+ <el-checkbox
|
|
|
+ v-for="column in group.columns"
|
|
|
+ :key="column.key"
|
|
|
+ :label="column.key"
|
|
|
+ :title="column.tooltip || column.label"
|
|
|
+ :disabled="column.disabled"
|
|
|
+ >
|
|
|
+ <span class="column-label">{{ column.label }}</span>
|
|
|
+ <!-- <span v-if="column.width" class="column-width">({{ column.width }})</span>-->
|
|
|
+ <el-tag v-if="column.defaultVisible" size="small" type="success" class="default-tag">
|
|
|
+ 默认
|
|
|
+ </el-tag>
|
|
|
+ </el-checkbox>
|
|
|
+ </div>
|
|
|
+ </el-checkbox-group>
|
|
|
</div>
|
|
|
- </el-checkbox-group>
|
|
|
|
|
|
<!-- 无数据提示 -->
|
|
|
<div v-if="!hasFilteredColumns" class="no-data">
|