fix: replace rocket resource type dropdown
This commit is contained in:
parent
5bbb158f57
commit
f46a95df79
@ -14,7 +14,6 @@ import {
|
|||||||
Empty,
|
Empty,
|
||||||
Input,
|
Input,
|
||||||
Pagination,
|
Pagination,
|
||||||
Select,
|
|
||||||
Space,
|
Space,
|
||||||
Spin,
|
Spin,
|
||||||
} from 'antdv-next';
|
} from 'antdv-next';
|
||||||
@ -316,15 +315,19 @@ watch(
|
|||||||
width="920"
|
width="920"
|
||||||
@close="emit('close')"
|
@close="emit('close')"
|
||||||
>
|
>
|
||||||
|
<div v-if="!fixedType" class="type-filter">
|
||||||
|
<Button
|
||||||
|
v-for="item in typeOptions"
|
||||||
|
:key="item.value"
|
||||||
|
size="small"
|
||||||
|
:type="query.type === item.value ? 'primary' : 'default'"
|
||||||
|
@click="handleTypeChange(item.value)"
|
||||||
|
>
|
||||||
|
{{ item.label }}
|
||||||
|
</Button>
|
||||||
|
</div>
|
||||||
|
|
||||||
<Space class="toolbar" wrap>
|
<Space class="toolbar" wrap>
|
||||||
<Select
|
|
||||||
v-if="!fixedType"
|
|
||||||
v-model:value="query.type"
|
|
||||||
:options="typeOptions"
|
|
||||||
option-label-prop="label"
|
|
||||||
style="width: 180px"
|
|
||||||
@change="handleTypeChange"
|
|
||||||
/>
|
|
||||||
<Input
|
<Input
|
||||||
v-model:value="query.keyword"
|
v-model:value="query.keyword"
|
||||||
allow-clear
|
allow-clear
|
||||||
@ -379,6 +382,13 @@ watch(
|
|||||||
margin-bottom: 16px;
|
margin-bottom: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.type-filter {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
gap: 8px;
|
||||||
|
margin-bottom: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
.resource-grid {
|
.resource-grid {
|
||||||
display: grid;
|
display: grid;
|
||||||
gap: 16px;
|
gap: 16px;
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user