Skip to content
GitLab
Menu
Projects
Groups
Snippets
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
Menu
Open sidebar
jinli gu
RuoYi Vue
Commits
d4475d0e
Unverified
Commit
d4475d0e
authored
Jul 27, 2022
by
abbfun
Committed by
Gitee
Jul 27, 2022
Browse files
优化表格上右侧工具条(搜索按钮显隐&右侧样式凸出)
无搜索条件时可通过search隐藏搜索按钮,工具条组右侧样式超出5px(相对于底部表格),其父节点gutter代码生成默认10,此处也默认10,使工具组样式左右一致
parent
aff54ab5
Changes
1
Hide whitespace changes
Inline
Side-by-side
ruoyi-ui/src/components/RightToolbar/index.vue
View file @
d4475d0e
<
template
>
<
template
>
<div
class=
"top-right-btn"
>
<div
class=
"top-right-btn"
:style=
"style"
>
<el-row>
<el-row>
<el-tooltip
class=
"item"
effect=
"dark"
:content=
"showSearch ? '隐藏搜索' : '显示搜索'"
placement=
"top"
>
<el-tooltip
class=
"item"
effect=
"dark"
:content=
"showSearch ? '隐藏搜索' : '显示搜索'"
placement=
"top"
v-if=
"search"
>
<el-button
size=
"mini"
circle
icon=
"el-icon-search"
@
click=
"toggleSearch()"
/>
<el-button
size=
"mini"
circle
icon=
"el-icon-search"
@
click=
"toggleSearch()"
/>
</el-tooltip>
</el-tooltip>
<el-tooltip
class=
"item"
effect=
"dark"
content=
"刷新"
placement=
"top"
>
<el-tooltip
class=
"item"
effect=
"dark"
content=
"刷新"
placement=
"top"
>
...
@@ -42,6 +42,23 @@ export default {
...
@@ -42,6 +42,23 @@ export default {
columns
:
{
columns
:
{
type
:
Array
,
type
:
Array
,
},
},
search
:
{
type
:
Boolean
,
default
:
true
,
},
gutter
:
{
type
:
Number
,
default
:
10
,
},
},
computed
:
{
style
()
{
const
ret
=
{};
if
(
this
.
gutter
)
{
ret
.
marginRight
=
`
${
this
.
gutter
/
2
}
px`
;
}
return
ret
;
}
},
},
created
()
{
created
()
{
// 显隐列初始默认隐藏列
// 显隐列初始默认隐藏列
...
...
Write
Preview
Supports
Markdown
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment