fix: 刷新页面根据搜索条件过滤出对应的资源

This commit is contained in:
wangruidong
2024-03-04 19:09:19 +08:00
committed by Bryan
parent 79ec0610a8
commit 3626fd024d

View File

@@ -48,7 +48,8 @@ export default {
props: {
config: {
type: Object,
default: () => {}
default: () => {
}
},
options: {
type: Array,
@@ -212,10 +213,12 @@ export default {
delete routeFilter.search
}
const asFilterTags = _.cloneDeep(this.filterTags)
this.filterTags = {
...asFilterTags,
...routeFilter
}
setTimeout(() => {
this.filterTags = {
...asFilterTags,
...routeFilter
}
}, 100)
},
getValueLabel(key, value) {
for (const field of this.options) {
@@ -343,70 +346,77 @@ export default {
</script>
<style lang="scss" scoped>
.filter-field {
display: flex;
align-items: center;
min-width: 198px;
border: 1px solid #dcdee2;
border-radius: 3px;
background-color:#fff;
.filter-field {
display: flex;
align-items: center;
min-width: 198px;
border: 1px solid #dcdee2;
border-radius: 3px;
background-color: #fff;
}
.search-input >>> .el-input__suffix {
cursor: pointer;
}
.search-input2 >>> .el-input__inner {
text-indent: 5px;
}
.search-input >>> .el-input__inner {
/*max-width:inherit !important;*/
}
max-width: 200px;
border: none;
padding-left: 5px;
}
.el-input >>> .el-input__inner{
border: none !important;
font-size: 13px;
}
.search-input > > > .el-input__suffix {
cursor: pointer;
}
.filterTitle {
padding-right: 2px;
line-height: 100%;
text-align: center;
flex-shrink: 0;
border-collapse: separate;
box-sizing: border-box;
color: rgb(96, 98, 102);
display: inline;
font-size: 13px;
height: auto;
}
.filter-tag{
margin: 2px 4px 2px 0;
}
.el-icon--right{
margin-left: 5px;
margin-right: 5px;
}
a {
color: #000;
}
.search-input2 > > > .el-input__inner {
text-indent: 5px;
}
.filter-field >>> .el-cascader .el-input--suffix .el-input__inner {
padding-right: 20px;
}
.search-input > > > .el-input__inner {
/*max-width:inherit !important;*/
.filter-field >>> .el-cascader .el-input input {
width: 0;
border: none;
}
max-width: 200px;
border: none;
padding-left: 5px;
}
.filter-field >>> .el-input__inner {
height: 30px;
}
.el-input > > > .el-input__inner {
border: none !important;
font-size: 13px;
}
.el-cascader-menu__wrap {
height: inherit;
}
.filterTitle {
padding-right: 2px;
line-height: 100%;
text-align: center;
flex-shrink: 0;
border-collapse: separate;
box-sizing: border-box;
color: rgb(96, 98, 102);
display: inline;
font-size: 13px;
height: auto;
}
.filter-tag {
margin: 2px 4px 2px 0;
}
.el-icon--right {
margin-left: 5px;
margin-right: 5px;
}
a {
color: #000;
}
.filter-field > > > .el-cascader .el-input--suffix .el-input__inner {
padding-right: 20px;
}
.filter-field > > > .el-cascader .el-input input {
width: 0;
border: none;
}
.filter-field > > > .el-input__inner {
height: 30px;
}
.el-cascader-menu__wrap {
height: inherit;
}
</style>