math_cms/resources/views/filament/pages/question-management-simple.blade.php

<x-filament-panels::page>

<!-- 数学公式渲染组件 -->
<x-math-render />

<div class="space-y-6">
    @php
        $questionsData = $this->questions;
        $metaData = $this->meta;
        $statisticsData = $this->statistics;
    @endphp

    <div class="flex justify-end">
        <a
            href="{{ url('/admin/question-generation') }}"
            class="inline-flex items-center justify-center px-4 py-2 text-sm font-medium text-white bg-green-600 hover:bg-green-700 rounded-lg transition-colors"
        >
            <svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"></path>
            </svg>
            生成题目
        </a>
    </div>

    <div class="grid grid-cols-1 md:grid-cols-4 gap-4">
        <div class="bg-white p-4 rounded-lg border">
            <div class="text-sm text-gray-500">题目总数</div>
            <div class="text-2xl font-bold text-primary-600">{{ $statisticsData['total'] ?? 0 }}</div>
        </div>
        <div class="bg-white p-4 rounded-lg border">
            <div class="text-sm text-gray-500">基础难度 (≤0.4)</div>
            <div class="text-2xl font-bold text-green-600">
                @php
                    $basicCount = 0;
                    foreach ($statisticsData['by_difficulty'] ?? [] as $key => $value) {
                        if ((float)$key <= 0.4) {
                            $basicCount += $value;
                        }
                    }
                    echo $basicCount;
                @endphp
            </div>
        </div>
        <div class="bg-white p-4 rounded-lg border">
            <div class="text-sm text-gray-500">中等难度 (0.4-0.7)</div>
            <div class="text-2xl font-bold text-yellow-600">
                @php
                    $mediumCount = 0;
                    foreach ($statisticsData['by_difficulty'] ?? [] as $key => $value) {
                        if ((float)$key > 0.4 && (float)$key <= 0.7) {
                            $mediumCount += $value;
                        }
                    }
                    echo $mediumCount;
                @endphp
            </div>
        </div>
        <div class="bg-white p-4 rounded-lg border">
            <div class="text-sm text-gray-500">拔高难度 (>0.7)</div>
            <div class="text-2xl font-bold text-red-600">
                @php
                    $advancedCount = 0;
                    foreach ($statisticsData['by_difficulty'] ?? [] as $key => $value) {
                        if ((float)$key > 0.7) {
                            $advancedCount += $value;
                        }
                    }
                    echo $advancedCount;
                @endphp
            </div>
        </div>
    </div>

    <div class="bg-white p-4 rounded-lg border">
        <div class="grid grid-cols-1 md:grid-cols-4 gap-4">
            <div>
                <label class="block text-sm font-medium text-gray-700 mb-2">搜索题目</label>
                <input type="text" wire:model.live.debounce.300ms="search" placeholder="输入关键词" class="w-full border rounded p-2">
            </div>
            <div>
                <label class="block text-sm font-medium text-gray-700 mb-2">知识点筛选</label>
                <input type="text" wire:model.live="selectedKpCode" placeholder="KP1001" class="w-full border rounded p-2">
            </div>
            <div>
                <label class="block text-sm font-medium text-gray-700 mb-2">难度筛选</label>
                <input type="text" wire:model.live="selectedDifficulty" placeholder="0.3/0.6/0.85" class="w-full border rounded p-2">
            </div>
            <div>
                <label class="block text-sm font-medium text-gray-700 mb-2">每页显示</label>
                <input type="number" wire:model.live="perPage" min="10" max="100" step="5" class="w-full border rounded p-2">
            </div>
        </div>
    </div>

    <div class="bg-white rounded-lg border overflow-hidden">
        <table class="min-w-full divide-y divide-gray-200">
            <thead class="bg-gray-50">
                <tr>
                    <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">题目编号</th>
                    <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">知识点</th>
                    <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">题干</th>
                    <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">难度</th>
                    <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">操作</th>
                </tr>
            </thead>
            <tbody class="bg-white divide-y divide-gray-200">
                @forelse($questionsData as $question)
                    <tr class="hover:bg-gray-50">
                        <td class="px-6 py-4 whitespace-nowrap">{{ $question['question_code'] ?? 'N/A' }}</td>
                        <td class="px-6 py-4 whitespace-nowrap">{{ $question['kp_code'] ?? 'N/A' }}</td>
                        <td class="px-6 py-4" style="word-wrap: break-word; white-space: normal; line-height: 1.8; max-width: 400px;">
                            <span class="text-sm">
                                @math($question['stem'] ?? 'N/A')
                            </span>
                        </td>
                        <td class="px-6 py-4">
                            @php
                                $difficulty = $question['difficulty'] ?? null;
                                $label = match (true) {
                                    !$difficulty => 'N/A',
                                    (float)$difficulty <= 0.4 => '基础',
                                    (float)$difficulty <= 0.7 => '中等',
                                    default => '拔高',
                                };
                            @endphp
                            {{ $label }}
                            @if(app()->environment('local'))
                                <span class="text-xs text-gray-400">({{ $difficulty }})</span>
                            @endif
                        </td>
                        <td class="px-6 py-4 whitespace-nowrap">
                            <button wire:click="deleteQuestion('{{ $question['question_code'] }}')" class="text-red-600 hover:underline">删除</button>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="5" class="px-6 py-12 text-center">暂无数据</td></tr>
                @endforelse
            </tbody>
        </table>

        @if(!empty($metaData) && ($metaData['total'] ?? 0) > 0)
            <div class="px-4 py-3 border-t border-gray-200 flex items-center justify-between">
                <div class="text-sm text-gray-700">共 {{ $metaData['total'] ?? 0 }} 条记录</div>
                <div class="flex items-center gap-2">
                    <button wire:click="previousPage" @disabled($currentPage <= 1) class="px-3 py-1 border rounded">上一页</button>
                    @foreach($this->getPages() as $page)
                        <button wire:click="gotoPage({{ $page }})" class="px-3 py-1 border rounded {{ $page === $currentPage ? 'bg-blue-50 text-blue-700' : '' }}">{{ $page }}</button>
                    @endforeach
                    <button wire:click="nextPage" @disabled($currentPage >= ($metaData['total_pages'] ?? 1)) class="px-3 py-1 border rounded">下一页</button>
                </div>
            </div>
        @endif
    </div>
</div>

</x-filament-panels::page>