MrUnknownDE/VRCX
1
0
Fork 0
mirror of https://github.com/MrUnknownDE/VRCX.git synced 2026-04-22 16:23:50 +02:00
Code Issues Packages Projects Releases Wiki Activity

replace el-select

Browse Source
This commit is contained in:
pa
2026-01-13 13:41:11 +09:00
committed by Natsumi
parent 4fbae859f4
commit 9e693e0e97
7 changed files with 290 additions and 151 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
src/views/Moderation/Moderation.vue
View File

@@ -1,19 +1,25 @@
<template>
<div class="x-container" ref="moderationRef">
<div class="tool-slot">
<el-select
v-model="playerModerationTable.filters[0].value"
@change="saveTableFilters()"
<Select
multiple
clearable
style="flex: 1"
:placeholder="t('view.moderation.filter_placeholder')">
<el-option
v-for="item in moderationTypes"
:key="item"
:label="t('view.moderation.filters.' + item)"
:value="item" />
</el-select>
:model-value="
Array.isArray(playerModerationTable.filters?.[0]?.value)
? playerModerationTable.filters[0].value
: []
"
@update:modelValue="handleModerationFilterChange">
<SelectTrigger class="w-full" style="flex: 1">
<SelectValue :placeholder="t('view.moderation.filter_placeholder')" />
</SelectTrigger>
<SelectContent>
<SelectGroup>
<SelectItem v-for="item in moderationTypes" :key="item" :value="item">
{{ t('view.moderation.filters.' + item) }}
</SelectItem>
</SelectGroup>
</SelectContent>
</Select>
<InputGroupField
v-model="playerModerationTable.filters[1].value"
:placeholder="t('view.moderation.search_placeholder')"
@@ -42,10 +48,11 @@
</template>
<script setup>
import { Select, SelectContent, SelectGroup, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
import { computed, ref, watch } from 'vue';
import { Button } from '@/components/ui/button';
import { InputGroupField } from '@/components/ui/input-group';
import { ElMessageBox } from 'element-plus';
import { InputGroupField } from '@/components/ui/input-group';
import { Refresh } from '@element-plus/icons-vue';
import { Spinner } from '@/components/ui/spinner';
import { storeToRefs } from 'pinia';
@@ -89,6 +96,11 @@
);
}
function handleModerationFilterChange(value) {
playerModerationTable.value.filters[0].value = Array.isArray(value) ? value : [];
saveTableFilters();
}
async function deletePlayerModeration(row) {
const args = await playerModerationRequest.deletePlayerModeration({
moderated: row.targetUserId,