zcdsj
/
factory_web
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

UP scTableSelect 增加属性参数 & FIX 分页滚动条至顶无效

This commit is contained in:
sakuya 2022-06-06 22:20:08 +08:00
parent 64bca66436
commit 1636abd48a
2 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/scTableSelect/index.vue
View File

@ -1,14 +1,14 @@
<!-- <!--
* @Descripttion: 表格选择器组件 * @Descripttion: 表格选择器组件
* @version: 1.2 * @version: 1.3
* @Author: sakuya * @Author: sakuya
* @Date: 2021年6月10日10:04:07 * @Date: 2021年6月10日10:04:07
* @LastEditors: sakuya * @LastEditors: sakuya
* @LastEditTime: 2022年2月28日09:39:03 * @LastEditTime: 2022年6月6日21:50:36
--> -->
<template> <template>
<el-select ref="select" v-model="defaultValue" clearable :multiple="multiple" filterable :placeholder="placeholder" :disabled="disabled" :filter-method="filterMethod" @remove-tag="removeTag" @visible-change="visibleChange" @clear="clear"> <el-select ref="select" v-model="defaultValue" :size="size" :clearable="clearable" :multiple="multiple" :collapse-tags="collapseTags" :collapse-tags-tooltip="collapseTagsTooltip" :filterable="filterable" :placeholder="placeholder" :disabled="disabled" :filter-method="filterMethod" @remove-tag="removeTag" @visible-change="visibleChange" @clear="clear">
<template #empty> <template #empty>
<div class="sc-table-select__table" :style="{width: tableWidth+'px'}" v-loading="loading"> <div class="sc-table-select__table" :style="{width: tableWidth+'px'}" v-loading="loading">
<div class="sc-table-select__header"> <div class="sc-table-select__header">
@ -38,7 +38,12 @@
apiObj: { type: Object, default: () => {} }, apiObj: { type: Object, default: () => {} },
params: { type: Object, default: () => {} }, params: { type: Object, default: () => {} },
placeholder: { type: String, default: "请选择" }, placeholder: { type: String, default: "请选择" },
size: { type: String, default: "default" },
clearable: { type: Boolean, default: false },
multiple: { type: Boolean, default: false }, multiple: { type: Boolean, default: false },
filterable: { type: Boolean, default: false },
collapseTags: { type: Boolean, default: false },
collapseTagsTooltip: { type: Boolean, default: false },
disabled: { type: Boolean, default: false }, disabled: { type: Boolean, default: false },
tableWidth: {type: Number, default: 400}, tableWidth: {type: Number, default: 400},
mode: { type: String, default: "popover" }, mode: { type: String, default: "popover" },
@ -119,7 +124,7 @@
var setrow = this.tableData.filter(item => item[this.defaultProps.value]===this.defaultValue[this.defaultProps.value] ) var setrow = this.tableData.filter(item => item[this.defaultProps.value]===this.defaultValue[this.defaultProps.value] )
this.$refs.table.setCurrentRow(setrow[0]); this.$refs.table.setCurrentRow(setrow[0]);
} }
this.$refs.table.$el.querySelector('.el-table__body-wrapper').scrollTop = 0 this.$refs.table.setScrollTop(0)
}) })
}, },
//插糟表单提交 //插糟表单提交

2
src/views/vab/tableselect.vue
View File

@ -18,7 +18,7 @@
</el-card> </el-card>
<div style="height:15px"></div> <div style="height:15px"></div>
<el-card shadow="never" header="多选"> <el-card shadow="never" header="多选">
<sc-table-select v-model="value" :apiObj="apiObj" :table-width="700" multiple :props="props" @change="change"> <sc-table-select v-model="value" :apiObj="apiObj" :table-width="700" multiple clearable collapse-tags collapse-tags-tooltip :props="props" @change="change">
<template #header="{form, submit}"> <template #header="{form, submit}">
<el-form :inline="true" :model="form"> <el-form :inline="true" :model="form">
<el-form-item> <el-form-item>