gwd
/
math_cms


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360
							@php
    $grading = true;
    // 提取15位paper_id数字部分作为学案编号
    $rawPaperId = $paper->paper_id ?? 'unknown';
    preg_match('/paper_(\d{15})/', $rawPaperId, $matches);
    $gradingCode = $matches[1] ?? preg_replace('/[^0-9]/', '', $rawPaperId);
    $studentName = $student['name'] ?? ($paper->student_id ?? '________');
    // 生成时间（格式：2026年01月30日 15:04:05）
    $generateDateTime = now()->format('Y年m月d日 H:i:s');
@endphp
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>{{ $paper->paper_name ?? '判卷预览' }}</title>
    <link rel="stylesheet" href="/css/katex/katex.min.css">
    <style>
        @page {
            size: A4;
            margin: 2.2cm 2cm 2.3cm 2cm;
            @top-left {
                content: "知了数学·{{ $generateDateTime }}";
                font-size: 13px;
                color: #666;
            }
            @top-center {
                content: "{{ $studentName }}";
                font-size: 13px;
                color: #666;
            }
            @top-right {
                content: "{{ $gradingCode }}";
                font-size: 17px;
                font-weight: 600;
                font-family: "Noto Sans", "Liberation Sans", "Nimbus Sans", sans-serif;
                letter-spacing: 0;
                padding-right: 3mm;
                padding-top: 1.2mm;
                color: #222;
            }
            @bottom-left {
                content: "{{ $gradingCode }}";
                font-size: 13px;
                color: #666;
            }
            @bottom-right {
                content: counter(page) "/" counter(pages);
                font-size: 13px;
                color: #666;
            }
        }
        :root {
            --question-gap: 6px;
        }
        body {
            font-family: "Noto Serif", "Noto Serif CJK SC", "Noto Sans CJK SC", "Noto Sans", "STSongti-SC", "PingFang SC", "Songti SC", serif;
            line-height: 1.65;
            color: #000;
            background: #fff;
            font-size: 14px;
        }
        .page {
            max-width: 720px;
            margin: 0 auto;
            padding: 0 12px;
        }
        .header { text-align: center; margin-bottom: 1.5rem; border-bottom: 2px solid #000; padding-bottom: 1rem; }
        /* 大题标题：不与后面内容分开 */
        .section-title {
            font-size: 16px;
            font-weight: bold;
            margin-top: 16px;
            margin-bottom: 10px;
            page-break-after: avoid;
            break-after: avoid;
        }
        /* 题目整体：不分页 */
        .question {
            margin-bottom: 14px;
            page-break-inside: avoid;
            break-inside: avoid;
            -webkit-column-break-inside: avoid;
        }
        /* 题目网格：不分页 */
        .question-grid {
            display: grid;
            grid-template-columns: auto 1fr;
            column-gap: 4px;
            row-gap: 6px;
            align-items: flex-start;
            page-break-inside: avoid;
            break-inside: avoid;
        }
        .question-lead {
            display: flex;
            gap: 4px;
            align-items: flex-start;
            font-weight: 600;
            font-size: 14px;
            line-height: 1.65;
            margin-top: 1px;
        }
        .question-lead.spacer { visibility: hidden; }
        .question-number { white-space: nowrap; margin-right: 2px; }
        .grading-boxes { gap: 4px; flex-wrap: wrap; align-items: center; }
        .grading-boxes span { vertical-align: middle; }
        /* 题目内容：防止孤行 */
        .question-main {
            font-size: 14px;
            line-height: 1.65;
            font-family: inherit;
            display: block;
            orphans: 3;
            widows: 3;
        }
        .question-score { margin-right: 6px; font-weight: 600; }
        .question-stem {
            display: inline-block;
            font-size: 14px;
            font-family: inherit;
            orphans: 3;
            widows: 3;
        }
        /* 选项容器：不分页 */
        .options {
            display: grid;
            row-gap: 8px;
            margin-top: 8px;
            page-break-inside: avoid;
            break-inside: avoid;
        }
        .options-grid-4 {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 8px 12px;
            page-break-inside: avoid;
            break-inside: avoid;
        }
        .options-grid-2 {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 8px 20px;
            page-break-inside: avoid;
            break-inside: avoid;
        }
        .options-grid-1 {
            display: grid;
            grid-template-columns: 1fr;
            gap: 8px;
            page-break-inside: avoid;
            break-inside: avoid;
        }
        /* 单个选项：不分页 */
        .option {
            display: flex;
            align-items: flex-start;
            font-size: 14px;
            line-height: 1.6;
            page-break-inside: avoid;
            break-inside: avoid;
        }
        .option strong { margin-right: 4px; }
        .option-compact { font-size: 14px; line-height: 1.6; }
        /* 答案区域：不分页 */
        .answer-area {
            position: relative;
            margin-top: 4px;
            page-break-inside: avoid;
            break-inside: avoid;
        }
        .answer-area.boxy {
            min-height: 150px;
            border: 1.5px solid #444;
            border-radius: 6px;
            padding: 14px;
        }
        .answer-label {
            position: absolute;
            top: -10px;
            left: 10px;
            font-size: 10px;
            background: #fff;
            padding: 0 4px;
            color: #555;
            letter-spacing: 1px;
        }
        /* 答案元信息：不分页 */
        .answer-meta {
            font-size: 12px;
            color: #2f2f2f;
            line-height: 1.75;
            margin-top: 4px;
            page-break-inside: avoid;
            break-inside: avoid;
        }
        .answer-line + .answer-line { margin-top: 4px; }
        .solution-step {
            align-items: center;
            gap: 6px;
        }
        .step-box { display: inline-block; }
        .step-label { white-space: nowrap; }
        .solution-heading { font-weight: 700; }
        .solution-content { display: inline-block; line-height: 1.75; }
        /* 解析区域：不分页 */
        .solution-section {
            margin-top: 8px;
            padding: 6px 8px;
            page-break-inside: avoid;
            break-inside: avoid;
        }
        .solution-section strong {
            font-size: 13px;
        }
        .solution-parsed {
            margin-top: 6px;
            line-height: 1.8;
        }
        svg, .math-render svg {
            max-width: 100%;
            height: auto;
            display: block;
            /* 确保SVG中的文字和图形元素正确对齐 */
            shape-rendering: geometricPrecision;
            text-rendering: geometricPrecision;
        }
        /* 优化SVG中文字标签的显示 */
        svg text {
            font-family: "Noto Serif", "Noto Serif CJK SC", "Noto Sans CJK SC", "Noto Sans", "STSongti-SC", "PingFang SC", "Songti SC", serif !important;
            font-size: 13px !important;
            font-weight: bold;
            font-style: normal;
            dominant-baseline: middle;
            text-anchor: middle;
            alignment-baseline: central;
            /* 确保文字在点的正中央 */
            paint-order: stroke fill;
            stroke: none;
            fill: #000;
        }
        /* SVG中点标签的精确对齐 */
        svg text.label-point {
            font-size: 14px;
            font-weight: bold;
            dx: 0;
            dy: 0;
        }
        /* 确保SVG中的圆形和线条正确渲染 */
        svg circle, svg line, svg polygon, svg polyline {
            shape-rendering: geometricPrecision;
        }
        /* PDF图片容器：防止图片跨页分割 - 增强版 */
        .pdf-figure {
            break-inside: avoid;
            page-break-inside: avoid;
            -webkit-column-break-inside: avoid;
            break-before: avoid;
            break-after: avoid;
            page-break-before: avoid;
            page-break-after: avoid;
            margin: 8px 0;
            display: block;
            /* 确保图片不会在页面底部被截断 */
            min-height: 30px;
            /* 限制独立图块尺寸，避免图片压过文字 */
            max-height: 82mm;
        }
        .pdf-figure img {
            max-width: min(84%, 420px);
            max-height: 82mm;
            width: auto;
            height: auto;
            display: block;
            margin: 0 auto;
            object-fit: contain;
            box-sizing: border-box;
            -webkit-print-color-adjust: exact;
            print-color-adjust: exact;
            image-rendering: -webkit-optimize-contrast;
        }
        /* 题干中的图片样式（向后兼容） */
        .question-stem img,
        .question-main img,
        .question-content img,
        .answer-meta img,
        .answer-line img,
        .solution-content img,
        .solution-section img,
        .solution-parsed img {
            display: block;
            max-width: 220px;
            max-height: 60mm;
            width: auto;
            height: auto;
            margin: 6px auto;
            box-sizing: border-box;
            object-fit: contain;
            -webkit-print-color-adjust: exact;
            print-color-adjust: exact;
            image-rendering: -webkit-optimize-contrast;
        }
        /* 选项中的图片样式 - 防止超出容器 */
        .option img {
            max-width: 100%;
            height: auto;
            vertical-align: middle;
        }
        .question-stem .katex,
        .question-main .katex,
        .question-content .katex {
            font-size: 1em !important;
            vertical-align: -0.04em;
        }
        .question-stem .katex-display,
        .question-main .katex-display,
        .question-content .katex-display {
            margin: 0.35em 0 !important;
        }
    </style>
</head>
<body style="page-break-before: always;">
    <div class="page">
    <div class="header">
        <div style="font-size:22px;font-weight:bold;">判卷专用</div>
        <div style="font-size:18px;">{{ $gradingCode }}</div>
        <div style="display:flex;justify-content:space-between;font-size:14px;margin-top:8px;">
            <span>老师：{{ $teacher['name'] ?? '________' }}</span>
            <span>年级：@formatGrade($student['grade'] ?? '________')</span>
            <span>姓名：{{ $student['name'] ?? '________' }}</span>
            <span>得分：________</span>
        </div>
        <div style="font-size:13px;margin-top:10px;color:#333;text-align:left;">提示：请根据答案和解析进行批改，在回答正确的 □ 前划 / ，在回答错误的 □ 前打 X 或置空</div>
    </div>

    @include('components.exam.paper-body', ['questions' => $questions, 'grading' => true])
    </div>


    <!-- KaTeX -->
    <script src="/js/katex.min.js"></script>
    <script src="/js/auto-render.min.js"></script>
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            try {
                renderMathInElement(document.body, {
                    delimiters: [
                        {left: '$$', right: '$$', display: true},
                        {left: '$', right: '$', display: false},
                        {left: '\\(', right: '\\)', display: false},
                        {left: '\\[', right: '\\]', display: true}
                    ],
                    throwOnError: false,
                    strict: false,
                    trust: true
                });
            } catch(e) {}
        });
    </script>
</body>
</html>