gfwleak/nezha-nezha-fronted
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'dev-3.6' of https://git.mesalab.cn/nezha/nezha-fronted into dev-3.7

Browse Source
This commit is contained in:
zhangyu
2023-04-21 16:39:11 +08:00
parent c3ae6dc463 4121a43064
commit 96f301c722
2 changed files with 29 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
nezha-fronted/src/assets/css/components/common/detailView/detailViewTopSearch.scss
View File

@@ -47,6 +47,7 @@
min-width: 200px;
}
}
.detail-top-search-dropdown{
max-height: 300px;
overflow-y: auto;
@@ -80,6 +81,7 @@
}
.children-title-name{
min-width: 180px;
flex-shrink: 0;
height: 36px;
padding-right: 20px;
@@ -96,6 +98,26 @@
background: $--background-color-base !important;
}
}
.detail-top-search-dropdown-special.detail-top-search-dropdown {
width: 660px;
max-width: unset !important;
.nz-dropdown-menu__item{
width: 100% !important;
.children-title-name {
width: 33%;
box-sizing: border-box;
}
.nz-dropdown-menu__item-box {
width: 66%;
display: flex;
flex-wrap: wrap;
.nz-dropdown-menu__item-hover {
width: calc(50% - 2px);
box-sizing: border-box;
}
}
}
}
.clear-all-select{
padding: 0 20px;
padding-left: 42px;

12
nezha-fronted/src/components/common/detailView/detailViewTopSearch.vue
View File

@@ -89,15 +89,17 @@
</div>
<i class="nz-icon nz-icon-arrow-down search-value"/>
</div>
<el-dropdown-menu slot="dropdown" class="right-box-select-top right-public-box-dropdown-top detail-top-search-dropdown right-box-max-width">
<el-dropdown-menu slot="dropdown" class="right-box-select-top right-public-box-dropdown-top detail-top-search-dropdown right-box-max-width detail-top-search-dropdown-special">
<div style="text-align: center;"><el-input style="width: calc(100% - 40px)" size="small" v-model="searchStr" @input="(val)=>{searchStrChange(val,key)}" suffix-icon="el-icon-search"/></div>
<el-checkbox-group v-model="selectValue[item.key]">
<el-dropdown-item v-for="(item3,index3) in item.children" :key="index3" class="nz-dropdown-menu__item">
<span :title="item3.name" class="children-title-name"> {{item3.name}}</span>
<div :key="index4" v-for="(item4,index4) in item3.children" class="el-dropdown-menu__item nz-dropdown-menu__item-hover">
<el-checkbox :label="item3.id+'-'+item4.id" :title="item4.name" :a="item3.id+'-'+item4.id">{{item4.name}}</el-checkbox>
<span class="right-box-select-num">{{item4.num || 0}}</span>
</div>
<div class="nz-dropdown-menu__item-box">
<div :key="index4" v-for="(item4,index4) in item3.children" class="el-dropdown-menu__item nz-dropdown-menu__item-hover">
<el-checkbox :label="item3.id+'-'+item4.id" :title="item4.name" :a="item3.id+'-'+item4.id">{{item4.name}}</el-checkbox>
<span class="right-box-select-num">{{item4.num || 0}}</span>
</div>
</div>
</el-dropdown-item>
</el-checkbox-group>
</el-dropdown-menu>