Skip to content
项目
群组
代码片段
帮助
正在加载...
帮助
提交反馈
为 GitLab 提交贡献
登录
切换导航
iBiz-Vue-R7-Res
项目
项目
详情
动态
版本
周期分析
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
统计图
议题
0
议题
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
CI / CD
CI / CD
流水线
作业
计划
统计图
Wiki
Wiki
代码片段
代码片段
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
统计图
创建新议题
作业
提交
议题看板
打开侧边栏
iBiz-R7前端标准模板
iBiz-Vue-R7-Res
提交
9647c791
提交
9647c791
编写于
12月 13, 2022
作者:
RedPig97
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
update: 搜索栏更新
上级
7c25628b
变更
1
隐藏空白字符变更
内嵌
并排
正在显示
1 个修改的文件
包含
9 行增加
和
24 行删除
+9
-24
app-searchbar.vue
src/components/app-searchbar/app-searchbar.vue
+9
-24
未找到文件。
src/components/app-searchbar/app-searchbar.vue
浏览文件 @
9647c791
<
template
>
<div
class=
"app-searchbar"
>
<div
class=
"app-searchbar-group"
v-for=
"(item,index) in
condI
tems"
>
<div
class=
"app-searchbar-group"
v-for=
"(item,index) in
i
tems"
>
<el-select
size=
"small"
class=
"app-searchbar-field app-searchbar-item"
v-model=
"item.field"
clearable
:placeholder=
"$t('components.filterTree.placeholder')"
>
<el-option
v-for=
"field in fieldItems"
...
...
@@ -16,7 +16,7 @@
<slot
:data=
"item"
></slot>
</div>
<div
class=
"app-searchbar-action"
>
<img
v-if=
"index ===
condI
tems.length - 1"
src=
"assets/img/ic_add_circle.svg"
@
click=
"onAddItem()"
>
<img
v-if=
"index ===
i
tems.length - 1"
src=
"assets/img/ic_add_circle.svg"
@
click=
"onAddItem()"
>
<img
v-else
src=
"assets/img/remove_circle.svg"
@
click=
"onRemoveItem(index)"
>
</div>
</div>
...
...
@@ -51,20 +51,6 @@ export default class AppSearchbar extends Vue {
*/
@
Prop
()
fields
:
any
;
@
Watch
(
"items"
,
{
immediate
:
true
})
onItemsChange
(
newItems
:
any
[])
{
this
.
condItems
=
[];
if
(
newItems
&&
newItems
.
length
>
0
)
{
this
.
condItems
.
push
(...
newItems
);
}
else
{
this
.
condItems
.
push
({
field
:
null
,
mode
:
null
,
editor
:
null
});
}
}
/**
* 属性项集合
*
...
...
@@ -73,14 +59,6 @@ export default class AppSearchbar extends Vue {
*/
protected
fieldItems
:
any
[]
=
[];
/**
* 条件项集合
*
* @type {*}
* @memberof AppSearchbar
*/
protected
condItems
:
any
[]
=
[];
/**
* 生命周期
*
...
...
@@ -91,6 +69,13 @@ export default class AppSearchbar extends Vue {
if
(
!
this
.
fields
)
{
return
;
}
if
(
this
.
items
.
length
==
0
)
{
this
.
items
.
push
({
field
:
null
,
mode
:
null
,
editor
:
null
})
}
this
.
fields
.
forEach
((
field
:
any
)
=>
{
let
index
:
number
=
this
.
fieldItems
.
findIndex
((
item
:
any
)
=>
Object
.
is
(
item
.
value
,
field
.
prop
));
if
(
index
<
0
)
{
...
...
编辑
预览
Markdown
格式
0%
请重试
or
添加新附件
添加附件
取消
您添加了
0
人
到此讨论。请谨慎行事。
先完成此消息的编辑!
取消
想要评论请
注册
或
登录